#allmap img{max-width:none}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, img, div {
    margin: 0;
    padding: 0;
    outline: none;
}

*{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; /**-moz-user-select: none; user-select: none;*/
}

div.allever ul li.childBlank {
    background: none;
    border: 0;
    box-shadow: 0 0 0 0 #fff;
    
}

    div.allever ul li.childBlank:hover {
        background: none;
        border: 0;
        box-shadow: 0 0 0 0 #fff;
        margin: 0;
        padding: 0;
    }


body, button, input, select, textarea, p {
    font: 16px 'Microsoft YaHei',arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

ul, ol {
    list-style: none;
}

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

a:hover {
    cursor: pointer;
}

input:focus, textarea:focus {
    outline: none;
}

legend {
    color: #000;
}

em {
    font-style: normal;
}

fieldset, img, span {
    border: 0;
}

article, aside, figcaption, figure, footer, header, nav, section, summary {
    display: block
}

textarea {
    resize: none;
}

button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {	
	
	-webkit-transition: margin 500ms ease;
	-moz-transition: margin 500ms ease;
	-ms-transition: margin 500ms ease;
	-o-transition: margin 500ms ease;
	transition: margin 500ms ease;
   
	min-width: 1200px;	
}
#container-fluid .lyrow, #container-fluid .box {
    box-sizing: border-box;
}
#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;
    
}
/*1200基准线*/
#cont{position:absolute;width:1200px;top:90px;bottom:0;left:0;right:0;margin:0 auto;height:100%;}
    #cont::after {
        content: "";
        border-left: 1px solid #f32d2d;
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        height: 100%;
    }
    #cont::before {
        content: "";
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        height: 100%;
        border-right: 1px solid #f32d2d;
    }
.sidebar-nav .onedrap {
    width: 70px;
    float: left;
    border-right: 1px solid #f6f6f6;
    padding-top: 14px;
    height: 76px;
    position: relative;
}

.lyrow .row-fluid {
    float: none;
}
*{padding: 0;margin: 0;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;}
.navbar-inverse .brand {width:180px; color:#fff; }
.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);
}

/*a{
    display:inline-block;
}*/
.edit .demo { margin-left:0px; border: 1px solid #e2e7ed; border-radius: 4px; position:relative; word-wrap: break-word;}
#cont-fluid { width:auto; margin:0 0px;}
    #cont-fluid .onedrap {
        position: absolute;
    }
        #cont-fluid .onedrap.active {
            border: 1px dashed #5666fd;
        }
        #cont-fluid .box:hover{
        border:1px dashed #5666fd;
    }
.container-fluid {
    position: relative;
}
#contents {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 135px;
    background: #eef1f8;
    overflow: hidden;
    z-index:1039;
    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;
}
.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;
        overflow-x: hidden;
        overflow-y: scroll;
    }
.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:hover{color:#4086e5;cursor: pointer;}
.pull-right .btn-infos:hover a{color:#4086e5;}
.pull-right .btn-infos a{color:#3a3a34;text-decoration:none;}
.pull-right .btns{color:#fff;background:#4086e5 ;}
.pull-right .btns a{
    color: #fff;
    background: #4086e5;
    text-decoration:none;
}
.pull-right .btns:hover{color:#fff;cursor: pointer;}
    .pull-right .btns:hover a{
        color: #fff;
        cursor: pointer;
    }
.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:10px;border-right: 1px solid #f6f6f6;height:75px;box-sizing:border-box}
.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;}
.ele li{display: none;}
.ele li.active{display: block;overflow:hidden;}
.ele li .iconfont{font-size:24px;}
.sidebar-nav .box {
    width: 77px;
    float: left;
    border-right: 1px solid #f6f6f6;
    padding-top: 14px;
    height: 73px;
    box-sizing: border-box;
}
.sidebar-nav .boxes { display:none;}
.demo .preview { display: none; }
#myTab.nav-tabs li a {
    padding: 8px 10px;
    cursor: pointer;
    font-size: 14px;
}
.demo .box .view { 
    display: block; 
    height: 100%;
/*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;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box, .lyrow {
    position: relative;
    border: 1px dashed transparent;
}

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

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

.box .configuration .btn , .lyrow .configuration .btn {
    background: #5789fb;
    color: #fff;
    text-shadow: 0 0 0 #fff;
    border: 1px solid #5789fb;
    padding:0 6px;
}
.lyrow .configuration {
    z-index: 0;
    position: absolute;
    top: -23px;
    right: 60px;
    white-space: nowrap;
}
.box .configuration {
    position: absolute;
    top: -23px;
    right: 60px;
    white-space: nowrap;
    z-index: 999;
}
.rtySlide-lyrow > .configuration {
    position: fixed;
    top: 136px;
    left: 22px;
    right: auto;
    z-index: 999;
}

.edit .demo .remove {
    position: absolute;
    top: -21px;
    right: 9px;
    z-index: 9;
}
.lyrow .remove , .box .remove{padding:2.5px 4px;}
.edit .demo .lyrow > .remove {
    z-index: 0;
}
    .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 .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 dashed #5a5a5a;
    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;
}

#cont-fluid {
    position: relative;
    top: 162px;
}

.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: 1380px;
    height: 872px;
    margin-left: -690px;
    top: 3%;
    box-sizing:border-box;
}
#assemblyModal {
    width: 1400px;
    height: 872px;
    margin-left: -700px;
    top: 3%;
    box-sizing:border-box;
}

#ideaModal .modal-body, #assemblyModal .modal-body{
    background: #fff;
    height: 820px;
}
#assemblyModal .modal-body ul li {
    float: left;
    width: auto;       
    cursor: pointer;
    margin:40px 0 0 40px;
    box-sizing: border-box;
}

#assemblyModal .modal-body ul li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#ideaModal .modal-footer, #assemblyModal .modal-footer{
    height: 74px;
}
#ideaModal .modal-header, #assemblyModal .modal-header{
    background: #5188e4;
    height: 52px;
    color: #fff;
    padding: 0;
    border: 0;
}
#ideaModal .modal-header p, #assemblyModal .modal-header p{
    text-align: center;
    line-height: 52px;
    font-size: 16px;
}
#ideaModal .modal-header .close, #assemblyModal .modal-header .close{
    opacity: 1;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    margin: 15px;
}
#ideaModal .modal-header .close:hover, #assemblyModal .modal-header .close:hover{
    opacity: 1;
    color: #fff;
}
#ideaModal .modal-body iframe{
    overflow:hidden;
}
#copyModal {
    width: 714px;
    height: 140px;
    margin-left: -357px;
}

    #copyModal.modal.fade.in {
        top: 40%
    }
    #copyModal .modal-header {
        border:0;
    }
    #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;}
/*å¤´éƒ¨å¯¼èˆªæ ·å¼å¼€å§‹*/
.navbars1, .navbars2, .navbars3 {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-size: 100% 100%;
}

.navbars1 .navs {
    /*overflow: hidden;*/
    transition: 0.5s;
    overflow:hidden;
}

.navbars1 .navs > li {
    float: left;
    margin: 0 5px;
    position: relative;
    cursor: pointer;
}

.navbars1 .navs > li > a {
    padding: 10px 20px;
    border-radius: 50px;
    color: #777777;
    cursor: pointer;
}

.navbars1 .navs > li:hover > a {
    color: #fff;
    background: rgb(0,159,233);
}

.navbars1 .navs > li.active > a {
    color: #fff;
    background: rgb(0,159,233);
    text-decoration: none;
}

.navbars2 .navs {
    /*overflow: hidden;*/
    transition: 0.5s;
}

.navbars2 .navs > li {
    float: left;
    position: relative;
    cursor: pointer;
}

.navbars2 .navs > li > a {
    padding: 10px 20px;
    color: #777777;
    cursor: pointer;
}

.navbars2 .navs > li:hover > a {
    color: #fff;
    background: rgb(0,159,233);
}

.navbars2 .navs > li.active > a {
    color: #fff;
    background: rgb(0,159,233);
    text-decoration: none;
}
    .navbars3{height:82px;}
    .navbars3 .navs {
        /*overflow: hidden;*/
        transition: 0.5s;
    }

.navbars3 .navs > li {
    float: left;
    margin: 0 5px;
    position: relative;
    cursor: pointer;
}

.navbars3 .navs > li > a {
    padding: 10px 20px;
    color: #777777;
    cursor: pointer;
}

.navbars3 .navs > li:hover a {
    color: rgb(0,159,233);
}

.navbars3 .navs > li.active > a {
    color: rgb(0,159,233);
    text-decoration: none;
}

.navbars3 .navs > li:hover::after {
    display: block;
    width: 80px;
    height: 2px;
    content: "";
    text-align: center;
    background: rgb(0,159,233);
    margin: 0 auto;
    margin-top: -10px;
}

.navbars3 .navs > li.active::after {
    display: block;
    width: 80px;
    height: 2px;
    content: "";
    text-align: center;
    background: rgb(0,159,233);
    margin: 0 auto;
    margin-top: -10px;
}

.navbars3 .navs > li::after {
    display: block;
    width: 0px;
    height: 2px;
    content: "";
    text-align: center;
    transition: 1s;
}
.navbars4 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100px;
    transition: 0.5s;
}

.navbars4 .logo {
    float: left;
    display: table;
    width:200px;
    height: 100px;
    overflow: hidden;
}

.navbars4 .logo a {
    display: table-cell;
    vertical-align: middle;
}

.navbars4 ul {
    float: right;
    height: 100px;
    display: table;
}

.navbars4 li {
    display: table-cell;
    vertical-align: middle;
}

.navbars4 li a {
    padding: 8px 20px;
    color:#333;
    font-size:16px;
}

.navbars4 .active a {
    background: #016f09;
    border-radius: 20px;
    color: #fff;
}

.navbars4 li:hover a {
    background: #016f09;
    border-radius: 20px;
    color: #fff;
}
.ui-draggable-dragging .view { display:block;}
/*.navs .active::after {
    content: "";
    clear: both;
    display:block;
    height: 2px;
    width: 50px;
    background: #00a0e9;
    margin-top: -10px;
    }
    .navs li::after {
    content: "";
    clear: both;
    display: block;
    height: 2px;
    width: 0;
    background: #00a0e9;
    transition: 1s;
    }*/
/*å¤´éƒ¨å¯¼èˆªæ ·å¼ç»“æŸ*/
/*å­é¡µé¢å¯¼èˆªæ ·å¼å¼€å§‹*/
.children-navs {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 80px;
    transition: 0.5s;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.children-navs ul {
    width: 100%;
    text-align:center;
}

.children-navs ul li {
    display:inline-block;
    position: relative;
    line-height: 80px;
    transition: .6s;
    min-width: 120px;
    text-align: center;
}

.children-navs ul li a {
    display: block;
    color: #555;
    font-size: 18px;
    transition: .3s;
    position: relative;
    z-index: 3;
}

.children-navs ul li:after {
    content: '';
    height: 3px;
    width: 0;
    background: #0ca944;
    position: absolute;
    bottom: 0px;
    left: 0;
    transition: .4s;
    z-index: 2;
}

.children-navs ul li:before {
    content: '';
    height: 3px;
    width: 0;
    background: #0ca944;
    position: absolute;
    bottom: 0px;
    right: 0;
    transition: .4s;
    z-index: 2;
}

.children-navs ul li.active a {
    color: #0ca944;
}

.children-navs ul li.active:after, .children-navs ul li.active:before {
    width: 50%;
    background: #0ca944;
}

.children-navs ul li:hover:after, .children-navs ul li:hover:before {
    width: 50%;
}

    .children-navs ul li:hover a {
        color: #0ca944;
        
    }
    /*.children-navs ul li > a:hover {
        background: #3e5395;
    }*/
    .children-navs1 {
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: 60px;
        transition: 0.5s;
    }

.children-navs1 ul {
    width: 100%;
    display: block;
    text-align:center;
}

.children-navs1 ul li {
    display:inline-block;
    position: relative;
    line-height: 60px;
    transition: .6s;
    min-width: 120px;
    text-align: center;
    margin-right: 20px;
}

.children-navs1 ul li a {
    display: block;
    color: #555;
    font-size: 18px;
    transition: .3s;
    position: relative;
    z-index: 3;
}

.children-navs1 ul li:after {
    /*content: '';
    height: 100%;
    width: 0;
    background: #3e5395;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    bottom: 0;*/
    transition: .4s;
    z-index: 2;
}

    .children-navs1 ul li:hover:after {
        width: 100%;
        
    }

.children-navs1 ul li.active {
    background: #3e5395;
}

.children-navs1 ul li.active a {
    color: #fff;
}

    .children-navs1 ul li:hover a {
        color: #fff;
        background: #3e5395;
    }
.children-navs2 {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    background: #c6000b;
    width: 100%;
}

.children-navs2 ul {
    margin: 0 auto;
    overflow: hidden;
    text-align:center;
}

.children-navs2 li {
    display:inline-block;
    text-align: center;
    padding: 0 2px;
    box-sizing: border-box;
    position: relative;
}

.children-navs2 li a {
    font-size: 18px;
    line-height: 60px;
    padding: 0 40px;
    color: #fff;
    display:block;
}

    .children-navs2 li a:hover {
        color: #fff;
        /*background: #3e5395;*/
    }

    .children-navs2 li::after {
        content: '';
        position: absolute;
        left: 18px;
        top: 50%;
        margin-top: -2px;
        transition: all 1s;
        display: none;
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #fff;
        width: 8px;
        height: 8px;
    }

.children-navs2 li::before {
    content: '';    	
	-webkit-transform-origin:0 100%;
	-moz-transform-origin:0 100%;
	-o-transform-origin:0 100%;
	-ms-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	background:#fff;    
    width: 8px;
    height: 8px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -2px;
    transition: all 1s;
    display: none;
}

.children-navs2 li:hover:after, .children-navs2 li:hover:before {
    display: block;
}

.children-navs2 .active:after, .children-navs2 .active:before {
    display: block;
}

.children-navs2 .active a {
    color: #fff;
}
/*å­é¡µé¢å¯¼èˆªæ ·å¼ç»“æŸ*/

.nav-left{float: left;width: 400px;margin-top: 7px;}
.nav-right{float: left;width: 400px;}
.navLists li,.banLists li{margin: 7px;}
.navLists li:first-child,.banLists li:first-child {margin-top: 15px;}
.navLists li a,.banLists li a{width: 200px;display: inline-block;color: rgb(66,66,66);}
.navLists li a:hover,.banLists li a:hover{cursor:pointer ;}
.nav-right input,.nav-right select{margin-bottom: 0px;}
.nav-right input{width:290px}
a:hover{text-decoration: none;}



/*tab左右切换卡*/
#shareModal .modal-body{padding: 0;background:#fff;}
#shareModal .modal-footer{height:76px;}
.modal{width: 930px;}
#testModal .modal-body, #navbarModal .modal-body, #mouldModal .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;}
.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;}
    .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 auto;color: #3a3a34;font-size: 14px;display:block;}
#codes p{width:90%;text-align:right;margin:10px auto;}
#codes table{width:90%;margin:0 auto;}
    #codes table tr td {
        border-bottom: 1px solid #ddd;
        border-top: 0px solid #ddd;
    }
#codes table tr td{text-align:left;}
#importModal {width:680px;height:520px;margin-left:-340px;}
#importModal .modal-body{height:395px;}
#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;
}

.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;
    }
    .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;*/
        }
.richContent{line-height:1.8;padding:0;white-space:normal;word-wrap:break-word;word-break:normal;overflow:hidden;width:100%;text-align:left}
.richContent table{clear:both;border-collapse:collapse;word-break:break-all}.richContent table td{padding:0 10px}
.richMarquee{position:relative;height:auto;min-height:30px;top:-9999px;left:-9999px}
.textImg0{display:none}
.textImg1{float:left;margin:5px 10px 5px 5px;position:relative}
.richContent1{width:auto}
.textImg2{float:left;margin:5px 10px 5px 5px;position:relative}
.richContent2{width:auto;overflow:visible}
.richContent2 img{vertical-align:middle}
.textImg3{float:none;width:100%;display:block;position:relative}
.textImg3 img{margin:0 auto;display:block}
.textImg4{float:right;margin:5px;position:relative}
.richContent4{width:auto}
.textImg5{float:right;margin:5px;position:relative}
.richContent5{width:auto;overflow:visible}
.richContent5 img{vertical-align:middle}
.textImg6{float:none;width:100%;display:block;position:relative}
.textImg6 img{margin:0 auto;display:block}
.richModuleSlaveImgContainer .richEditPic{position:absolute;right:0;bottom:0;height:24px;width:24px;display:none;cursor:pointer}
.richModuleSlaveImgContainer .richEditPic .edit{width:100%;height:100%;display:block}.richMarquee .richContent{overflow:visible}.radioAlign{display:inline;zoom:1}

#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;}

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;
}
/*navæ¨¡å—æ ·å¼*/
.navStyle select {
    width: 80px;
    padding: 2px 3px;
}
.navStyle input[type="text"]{width: 40px;margin-bottom: 0;}
.navStyle input.nborderColor{width: 60px;}
.borderul .bordera , .borderul label{display: none;}
.borderula .bordera , .borderula label{display: inline-block;}
.navStyle{width: 530px;margin: 0 auto;}
.navStyle tr td{padding: 2px;border: 0;}
.navStyle tr td:first-child{vertical-align: inherit;}
.navStyle label{margin: 0;}
#navborder{margin: 0;}
#navborder li{margin-bottom: 5px;}
.navStyle input[type="checkbox"]{margin: 0;}
.navStyle tr td .cmargint , .navStyle tr td .margint, .navStyle tr td .navW{width: 240px;}
.navStyle input.ph{width: 240px;}
.nav .dropdown1 ul{left:auto;top:95%}
.navs .dropdown-menu{margin:0}
/*导航10æ ·å¼å¼€å§‹*/
.head_nav10{width: 100%;overflow: hidden;height: 100px;}
.head_nav10 .nav-content{width: 1200px; height: 100px; overflow: hidden; margin: 0 auto;}
.head_nav10 .nav-logo{width: 230px; line-height: 100px; padding-right: 6px;float: left;}
.head_nav10 .nav10{overflow:hidden;float: right;}
.head_nav10 .nav10 li{width: 130px; height: 100px; float: left;}
.head_nav10 .nav10 li .tu{width: 33px; height: 33px; overflow: hidden; margin: 15px auto 0; position: relative;}
.head_nav10 .nav10 li .tu .tu1{width: 33px; height: 33px; overflow: hidden; background: url(//static.ruituoyun.com/images/drag/PC/nav-tu.png); position: absolute; top: 0;transition: 0.6s;}
.head_nav10 .nav10 li .tu .tu2{width: 33px; height: 33px; overflow: hidden; background: url(//static.ruituoyun.com/images/drag/PC/nav-tu1.png); position: absolute; top: -33px;transition: 0.6s;}
.head_nav10 .nav10 li:hover .tu1{top: 33px;}
.head_nav10 .nav10 li:hover .tu2{top: 0;}
.head_nav10 .nav10 li:nth-child(1) .tu1 , .head_nav10 .nav10 li:nth-child(1) .tu2{background-position: -20px 0;}		
.head_nav10 .nav10 li:nth-child(2) .tu1 , .head_nav10 .nav10 li:nth-child(2) .tu2{background-position: -150px 0;}		
.head_nav10 .nav10 li:nth-child(3) .tu1 , .head_nav10 .nav10 li:nth-child(3) .tu2{background-position: -280px 0;}		
.head_nav10 .nav10 li:nth-child(4) .tu1 , .head_nav10 .nav10 li:nth-child(4) .tu2{background-position: -410px 0;}	
.head_nav10 .nav10 li:nth-child(5) .tu1 , .head_nav10 .nav10 li:nth-child(5) .tu2{background-position: -540px 0;}
.head_nav10 .nav10 li:nth-child(6) .tu1 , .head_nav10 .nav10 li:nth-child(6) .tu2{background-position: -670px 0;}		
.head_nav10 .nav10 li:nth-child(7) .tu1 , .head_nav10 .nav10 li:nth-child(7) .tu2{background-position: -800px 0;}
.head_nav10 .nav10 li p{line-height: 36px; text-align: center; font-size: 16px; color: #dc241b;}
.head_nav10 .nav10 li:hover p{color: #f79c0e;}

/*导航10æ ·å¼ç»“æŸ*/
/*banneræ¨¡å—æ ·å¼*/
.banner1 {
    height: auto;
    /*overflow: hidden;*/
}
.banner {
    height: auto;
    overflow: hidden;
    position:relative;
}
.swiper-slide{height:auto;}
.swiper-slide img {
    display: inline-block;
    width: 100%;
    height: auto;
}
.swiper-container .swiper-pagination-bullet-active {
    /*background: red;*/
    width: 30px;
    border-radius: 5px;
}
.swiper-container{
    height:auto;
}
.swiper-container .swiper-wrapper {
    height: auto;
}
.carousel .carousel-inner img {
    display: inline-block;
    width: 100%;
    height: auto;
}
.carousel a b{font-size: 43px;}


#btnStyl .btnStyle li {width:100px;height:46px;}
.btnStyle li p{width:98px;height:44px;line-height: 40px;margin-right: 20px;text-align: center;}
.btnStyle li p button{display: inline-block;width: 75px;height: 32px;border:0;line-height: 32px;}
.btnStyle li[data-sty="btn1"] button{background-color: rgb(122, 168, 248);color: #fff;}
.btnStyle li[data-sty="btn2"] button{background-color: rgb(122, 168, 248);border-radius: 20px;color: #fff}
.btnStyle li[data-sty="btn3"] button{border:1px solid rgb(122, 168, 248);border-radius:10px;color:#fff;background-color:rgb(122, 168, 248);}
.btnStyle li[data-sty="btn4"] button{border:1px solid rgb(122,126,132);border-radius: 20px;color: rgb(122,126,132);background: #fff;}
.btnStyle li[data-sty="btn5"] button{border:1px solid rgb(122, 168, 248);border-radius:10px;color:rgb(122, 168, 248);background: #fff;}
#btnStyl .style-animation-cont>p ,#btnStyl .btnStyle>p{margin-bottom: 15px;}

#btnStyl .links{width:400px;background: #f7f9fd;margin: 13px 0;}
.edit-style .links{background: #f7f9fd;width:400px;}
/*æŒ‰é’®æ ·å¼å¼€å§‹*/
.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);
}
.onedrap .buttons {
    height: 100%;
    overflow: hidden;
}
.btnes {
    height: 100%;
    background: #002A80;
    color: #fff;
    display: block;
    text-align: center;
    background-size: 100% 100%;
}
.btn1 {
    /*width: 100px;*/
    /*height: 40px;*/
    line-height: 40px;
    background: rgb(122, 168, 248);
    color: #fff;
    display: block;
    text-align: center;
    background-size: 100% 100%;
}
.btn2 {
    /*width: 100px;*/
    height: 40px;
    line-height: 40px;
    background: rgb(122, 168, 248);
    border-radius: 20px;
    color: #fff;
    display: block;
    text-align: center;
    background-size: 100% 100%;
}
.btn3 {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: rgb(122, 168, 248);
    border-radius: 10px;
    color: #fff;
    display: block;
    text-align: center;
    background-size: 100% 100%;
}
.btn4 {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 20px;
    color: rgb(122,126,132);
    display: block;
    text-align: center;
    background-size: 100% 100%;
    border: 1px solid rgb(122,126,132);
}
.btn5 {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 10px;
    color: rgb(122, 168, 248);
    display: block;
    text-align: center;
    background-size: 100% 100%;
    border: 1px solid rgb(122, 168, 248);
}
/*æŒ‰é’®æ ·å¼ç»“æŸ*/
/*å›¾ç‰‡æ ·å¼å¼€å§‹*/
.img-rounded{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
.img-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
 .fly{ /*飞入*/
      animation-name: flyin;
      animation: flyin 1.5s alternate;
      -webkit-animation: flyin 1.5s alternate ;
      -moz-animation: flyin 1.5s alternate infinite;
 }
 @-webkit-keyframes flyin{
    0%{ margin-left: -1000px;opacity: 0;}
    100%{ margin-top: 0px; left:0px;opacity: 1;}
 }
 @keyframes flyin{
     0%{ margin-left: -1000px;opacity: 0;}
    100%{ margin-top: 0px; left:0px;opacity: 1;}
 }
 
 .jump{ /*跳入*/
      animation-name: jumpin;
      animation: jumpin 2s alternate;
      -webkit-animation: jumpin 2s alternate ;
      -moz-animation: jumpin 2s alternate infinite;
 }
 @-webkit-keyframes jumpin{0%{ margin-left: -1000px;opacity: 0;}20%{ margin-left: -500px;opacity: 0;}
   	40%{ margin-left: 0px;opacity: 1;}
    60%{ margin-left: 20px;}
    80%{ margin-left: -20px;}
    100%{margin-left:0px;}
 }
 @keyframes jumpin{
    0%{ margin-left: -1000px;opacity: 0;}
    20%{ margin-left: -500px;opacity: 0;}
    40%{ margin-left: 0px;opacity: 1;}
    60%{ margin-left: 20px;}
    80%{ margin-left: -20px;}
    100%{margin-left:0px;}
 }
.fades {  /*æ·¡å…¥*/   
    animation: fade-in; 
    animation-duration: 2s;
    -webkit-animation:fade-in 2s;
  } 
@keyframes fade-in {  0% {opacity: 0;}20% {opacity: 0.2;}   40% {opacity: 0.4;}60% {opacity: 0.6;}80% {opacity: 0.8;}100% {opacity: 1;}}  
@-webkit-keyframes fade-in {0% {opacity: 0;}20% {opacity: 0.2;}   40% {opacity: 0.4;}60% {opacity: 0.6;}80% {opacity: 0.8;}100% {opacity: 1;}}  
/*翻转*/
.filp{-webkit-animation: spin 1s linear ;animation: spin 1s linear ;}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
	100% {-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
}
@keyframes spin {
	0% {-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
	100% {-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
}
.langes {  /*放大*/
    -webkit-animation: langesin 1.5s  ease-in-out;
    animation: langesin 1.5s  ease-in-out;
	}
@-webkit-keyframes langesin {
    0%{-webkit-transform:scale(0.2)}
25%{-webkit-transform:scale(0.4)}
50%{-webkit-transform:scale(0.6)}
75%{-webkit-transform:scale(0.8)}
100%{-webkit-transform:scale(1)}
}
@keyframes langesin {
     0%{-webkit-transform:scale(0.2)}
25%{-webkit-transform:scale(0.4)}
50%{-webkit-transform:scale(0.6)}
75%{-webkit-transform:scale(0.8)}
100%{-webkit-transform:scale(1)}
}	
/*弹性放大*/
.lange {-webkit-animation: langein 2s  ease-in-out;animation: langein 2s  ease-in-out;}
@-webkit-keyframes langein {0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(1.10)}50%{-webkit-transform:scale(0.9)}75%{-webkit-transform:scale(1.15)}100%{-webkit-transform:scale(1)}}
@keyframes langein {0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(1.10)}50%{-webkit-transform:scale(0.9)}75%{-webkit-transform:scale(1.15)}100%{-webkit-transform:scale(1)}}
  /*弹性缩小*/
.small {-webkit-animation: sx 2s  ease-in-out;animation: sx 2s  ease-in-out;}
@-webkit-keyframes sx {0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.8)}50%{-webkit-transform:scale(1.0)}75%{-webkit-transform:scale(0.8)}100%{-webkit-transform:scale(1)}}
@keyframes sx {0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.8)}50%{-webkit-transform:scale(1.0)}75%{-webkit-transform:scale(0.8)}100%{-webkit-transform:scale(1)}}
/*闪现*/
.falshs {-webkit-animation: sxl 2s  ease-in-out;animation: sxl 2s  ease-in-out;}
@-webkit-keyframes sxl {0%{opacity: 1;}25%{opacity: 0;}50%{opacity: 1;}75%{opacity: 0;}100%{opacity: 1;}}
@keyframes sxl {0%{opacity: 1;}25%{opacity: 0;}50%{opacity: 1;}75%{opacity: 0;}100%{opacity: 1;}}
.imgs{overflow:hidden;}
.imgs a{display:inline-block;}
.imgs img {
    transition: all 0.6s;
    display: block;
}
.imgs .img-lange:hover{transform: scale(1.3);}
.imgs .img-left:hover{margin-left:-10px}
.imgs .img-top:hover{margin-top:-10px}
.imgs .img-border:hover{border: 2px solid #ddd;padding:3px}
/*å›¾ç‰‡æ ·å¼ç»“æŸ*/
/*ç®€åŽ†æ ·å¼å¼€å§‹*/
.resume {
    width: 1000px;
    margin: 0 auto;
}

    .resume table {
        border: none;
        border-collapse: collapse;
        width:100%;
    }

.resume-head td {
    font-size: 20px;
    height: 80px;
    line-height: 80px
}

.resume input[type=text], .resume input[type=email] {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    border: none;
    outline: none;
    text-indent: 1em;
}

.resume input[type=radio] {
    margin: 5px;
}

.resume textarea {
    border: none;
    outline: none;
    line-height: 30px;
    margin: 0 auto;
    resize: none;
    font: 16px 'Microsoft YaHei',arial,sans-serif;
    width: 95%;
    box-shadow: none;
}

.resume table tr, .resume table td {
    height: 50px;
    text-align: center;
    border: 1px solid #999;
}

.resume .resume_submit {
    display: inline;
    width: 160px;
    height: 35px;
    line-height: 35px;
    text-indent: 0;
    background: #999;
    color: white;
    margin: 0 auto;
    border: none;
    transition: .5s;
}

    #resume_submit:hover {
        background: #0f75bc;
        cursor: pointer;
    }
/*ç®€åŽ†æ ·å¼ç»“æŸ*/
/*ç•™è¨€æ ·å¼å¼€å§‹*/
.messages input, .messages select, .messages textarea {
    border: 1px solid #ccc;
    color: #666;
}

.messages .msg-right input {
    padding: 5px 2px;
}

.messages .btn-mesSubmit {
    float: left;
    line-height: 36px;
}

.messages textarea {
    font-size: 16px;
    padding: 5px;
    padding-left: 8px;
    color: #666;
    resize: none;
    height: 148px;
    width: 365px;
    border-radius: 5px;
    background-color: rgba(250, 248, 249,0.4);
}

.messages .msg {
    margin-bottom: 16px;
    _height: 31px;
    text-align: left;
}

    .messages .msg span {
        display: block;
        float: left;
        width: 100px;
        margin-right: 10px;
        text-align: right;
        line-height: 30px;
        font-size: 16px;
        color: #555;
    }

    .messages .msg:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .messages .msg input[type="text"] {
        padding: 5px;
        padding-left: 8px;
        color: #666;
        width: 365px;
        height:auto;
        font-size: 16px;
        border-radius: 5px;
        background-color: rgba(250, 248, 249,0.4);
    }

    .messages .msg input:disabled, .messages .msg textarea:disabled, .messages .msg select:disabled {
        background-color: rgba(250, 248, 249,0.4);
    }

.messages .msg-right {
    float: left;
}

    .messages .msg-right:last-child {
        width: 380px;
        text-align: center;
    }

.messages .msg .btn-mesSubmit {
    display: block;
    width: 180px;
    height: 40px;
    margin-left: 100px;
    border: 1px solid #0ca944;
    background: #0ca944;
    color: #fff;
    border-radius: 5px;
    line-height: 30px;
    font-size: 18px;
    cursor: pointer;
    transition: .4s;
}
/*ç•™è¨€æ ·å¼ç»“æŸ*/
/*æ‹›è˜æ ·å¼å¼€å§‹*/
.recruit .recruit_list {
    background: #999;
    overflow: hidden;
}

    .recruit .recruit_list li, .recruit .recruit_cont li {
        line-height: 50px;
        float: left;
        width: 16%;
        text-align: center;
    }

        .recruit .recruit_list li:last-child, .recruit .recruit_cont li:last-child {
            width: 4%;
            font-size: 20px;
        }

        .recruit .recruit_cont li:last-child {
            transform: rotate(45deg);
            transition: .5s;
        }

            .recruit .recruit_cont li:last-child:hover {
                transform: rotate(0deg);
                cursor: pointer;
            }

.recruit .recruit_cont {
    background: rgba(255,255,255,0.2);
    margin: 10px 0;
}

.recruit_details {
    width: 100%;
    background: #e5e5e5;
    border: 1px solid #ccc;
    display: none;
    padding: 2%;
    box-sizing: border-box;
}

.recruit_cont:hover {
    background: #999;
}

.recruit_details_1 {
    float: left;
}

.recruit_details_2 {
    float: right;
}

.recruit_details_1, .recruit_details_2 {
    width: 50%;
    padding: 0 2%;
    box-sizing: border-box;
}

    .recruit_details_1 h2, .recruit_details_2 h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .recruit_details_1 p, .recruit_details_2 p {
        text-indent: 0;
        line-height: 30px;
    }

@font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_660317_13lbwx8leanka9k9.eot?t=1525944913898'); /* IE9*/
    src: url('//at.alicdn.com/t/font_660317_13lbwx8leanka9k9.eot?t=1525944913898#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAc4AAsAAAAACtAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7knQY21hcAAAAYAAAAB4AAAByJzk1D9nbHlmAAAB+AAAAycAAARUVnCx1WhlYWQAAAUgAAAAMQAAADYRT6qfaGhlYQAABVQAAAAgAAAAJAfbA4RobXR4AAAFdAAAABgAAAAYF+r/9mxvY2EAAAWMAAAADgAAAA4EAAJkbWF4cAAABZwAAAAfAAAAIAEYAIZuYW1lAAAFvAAAAUUAAAJtPlT+fXBvc3QAAAcEAAAANAAAAEXYraFVeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDx/xNzwv4EhhrmBoQEozAiSAwA1gg1TeJzFkcENhDAMBMchoNOJQnhQyenqQXlQLQ9TBqwTeFABG02UXVlxFAM90IlZZLAVI7QotZp3fGue+cmPfEg6F8eTT/t2HEqf7pap+l7hsu5K0dEGXpO91/qpse7/y8UcyoWe6DRiJp4aMSefGvpH9q1BfwK29Bt/eJyNUk1oFEkUrleV7umeZLrT1X9Jd8/0dHeme7K6g86vIJmMGDERlSEe/NtFsrDsRWe9ZRcU5qKo5KBnbyJ48DLoIQqCOXlQr4J4cLO4tz2oyx4Ukx6rJwEVRW2qv1fvfcVX1Pce4hDq/03ukTGkoiLajmZQGyHgt4Av4Sx4UbWEt4DucbqpSSQKIi8V+CUyBabPa0a5Xg1NPsXLIEEOKl65HpVwBLVqE++EspEFGLetQ7TgUHIZ0mNR7ly8D18D3Q0cufljPLd1WivnVWFxhNJxSpcEnuMEjIdkCU6ZhsiJaT6+zsmWfs+dxC6MjEfW/qOZvE0XLlQ72YIpAnS7oNp56ca0YilsnbEMlY6nRjPCmJUJJjRY/Gd4TB3Jhi8Q+0j/LYP/8V/IRdNoN3unHvIpCcwcmLxh+oYLRkXnw6gEjbDOVmGT14yE3/YZTyp6AEvcpRluF4bhNDT2gj9pm8LIm5+EH5qwdx6O4McDmgxYv/gpef/ZM/z8V2LMwC/HhloamS+MpglZEKaukuWLQz9vxb7wVTZ+8lvyLtxf73eHCOmifegwQiKEvgxJe6YBAkWCVKBUQ9ZRXleCEkRK0GB98zeathMULZd0qz4FFZ0ZUSk3cU1hCGGBCWycZGLkZdxSd6gPRZoVH8JKF0pBh0orEu0wze6RNLXF4xlezqsts1jLdaywCxN2J1crmi01L/NrDzJpR1StBGAJVjXtadqmw0/jfHyLCQCSKJX6iKnCwROiTYUFuRDo8X+JQGitrtoTkOiCpAeFM6KTttQBIGDze56skbNomPUzEiElAhuMBpB3s/GBuD0LvfjALNyG3mzcJjVWg95c3B7U4vYc9Jh/AtO4T1bILpRHVbQD7UHz6AQ6if5kioaZGOgltjWhUalV68lce5uxYnBeLdA13g+nwNuMAecpXmJZ4urA+NTHSeP7GHJTAyi666NuMYl/6DkDTjNYzK29xq+SNL6SpPjV+ij7r4hUakmqykD8sF3+VhX/q7nrbXeSXZHHPXaVIxuG7GwgLJ/Wko2myboua3diAX4XHVV16CPRodShd7+UoffDhMa/AHicY2BkYGAA4rNxKY/j+W2+MnCzMIDAdSnjQBj9/+f/BhZm5gYgl4OBCSQKADk5CxgAAAB4nGNgZGBgbvjfwBDDwvD/5/+/LMwMQBEUwAYAoDcGZgQAAAAD6QAABAD/+QQA//0EAAAABAAAAAAAAAAAdgDiAWABggIqAAB4nGNgZGBgYGOoYuBgAAEmIOYCQgaG/2A+AwAVjgGfAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYIpOZWtOCO/tDKVqcKQpSgzJ5OBAQBRbgZ5') format('woff'), url('//at.alicdn.com/t/font_660317_13lbwx8leanka9k9.ttf?t=1525944913898') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_660317_13lbwx8leanka9k9.svg?t=1525944913898#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ce:before {
    content: "\e628";
}

.icon-shouye:before {
    content: "\e602";
}

.icon-x1:before {
    content: "\e600";
}

.icon-rili:before {
    content: "\e7e2";
}
/*æ‹›è˜æ ·å¼ç»“æŸ*/
/*åœ°å›¾æ ·å¼å¼€å§‹*/
#allmap{
    width:100%;
    height:400px;
    display:block;
}
/*åœ°å›¾æ ·å¼ç»“æŸ*/
/*æ‚¬æµ®æ¡†æ ·å¼å¼€å§‹*/
.float-content:after{
    content:"悬浮框位置";
    height:30px;
}
.float-cont {
    position: fixed;
    z-index: 9999;
    top: 40%;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}  
.float-cont ul li {
    width: 180px;
    height: 53px;
    line-height: 53px;
    color: #fff;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
    background: #0f75bc;
}

.fl-ewm {
    padding: 0 29px 25px 29px;
}

.fl-qq a {
    display: block; 
    width: 130px;
    height: 100%;
    color: #fff;
}
.float-cont ul li em {
    float: left;
    font-size: 35px;
    width: 53px;
    text-align: center;
}
/*æ‚¬æµ®æ¡†æ ·å¼ç»“æŸ*/
/*æ–°é—»æ ·å¼å¼€å§‹*/
.news1, .news2, .news3 {
    overflow: hidden;
}

.news1 .news_list li {
width: 48%;
padding: 20px;
box-sizing: border-box;
background: #d9d9d9;
transition: 1s;
margin-bottom: 20px;
overflow: hidden;
display: block;
}

.news1 .news_list li:first-child {
float: right;
height: 540px;
margin-bottom: 0;
}

.news1 .news_list li:first-child .newsimg {
height: 400px;
overflow: hidden;
}

.news1 .news_list li:first-child .newsimg img {
height: 400px;
overflow: hidden;
}

.news1 .news_list a {
color: #333;
overflow: hidden;
display: block;
}

.news1 .news_list li:last-child {
margin-bottom: 0;
}

.news1 .news_list li:hover {
background: #00a0e9;
}

.news1 .news_list li:first-child:hover {
background: #d9d9d9;
}

.news1 .news_list li time {
padding-top: 15px;
float: left;
height: 80px;
font-size: 24px;
width: 16%;
border-right: 1px solid #808080;
text-align: center;
box-sizing: border-box;
transition: 1s;
}

.news1 .news_list li:hover time {
color: #fff;
border-right: 1px solid #fff;
}

.news1 .news_list li:first-child:hover time {
color: #333;
border-right: 1px solid #808080;
}

.news1 .news_list li time span {
font-size: 18px;
display: block;
}

.news1 .news_list .news_con {
float: right;
width: 80%;
transition: 1s;
}

.news1 .news_list li:hover .news_con {
color: #fff;
}

.news1 .news_list li:first-child:hover .news_con {
color: #333;
}

.news1 .news_list li .news_con h2 {
font-size: 20px;
line-height: 20px;
margin-top: 0px;
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.news1 .news_list li .news_con p {
font-size: 16px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.news1 .news_list a img {
width: 100%;
height: 100%;
transition: 1s;
display: none;
}

.news1 .news_list li:first-child a img {
display: block;
}

.news1 .news_list li:first-child a .newsimg {
margin-bottom: 20px;
}

.news1 .news_list a img:hover {
transform: scale(1.1);
}

.news2 .news_list {
display: inline-flex;
display: flex;
display: -webkit-flex; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.news2 .news_list li {
list-style: none;
float: left;
width: 24%;
border: 1px solid #f2f2f2;
}

.news2 .news_list li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    margin-top:-3px;
}

.news2 .news_list li a {
display: block;
}

.news2 .news_list li .newsimg {
height: 180px;
overflow: hidden;
text-align: center;
}

.news2 .news_list li .newsimg img {
height: 180px;
overflow: hidden;
}

.news2 .news_list li time {
display: none;
width: 90px;
/*display: block;*/
}

.news2 .news_list li time span {
    float: right;
}

.news2 .news_list li .news_con h2 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom:10px;
}

.news2 .news_list li .news_con {
padding: 10px;
color:#777;
}

.news2 .news_list li .news_con p {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;     
}

.news2 .news_list li:hover time {
    color: #000;
}

.news2 .news_list li:hover .news_con {
    color: #000;
}

.news2 .news_list a img:hover {
    transform: scale(1.1);
}

.news3 .news_list {
}

.news3 .news_list li {
    overflow: hidden;
    position: relative;
    display: block;
}

.news3 .news_list li time::after {
    content: "";
    position: absolute;
    left: 135px;
    display: inline-block;
    margin: 0px 15px;
    width: 18px;
    height: 18px;
    background: #f4f4f4;
    border-radius: 50%;
    vertical-align: top;
    z-index: 1;
}

.news3 .news_list li:hover time::after {
    background: #ce3737;
}

.news3 .news_list li time {
    width: 90px;
    display: block;
    float: left;
    padding: 15px 50px 70px 20px;
    border-right: 1px solid #ddd;
}

.news3 .news_list li .news_con {
    float: left;
    margin-left: 50px;
    color: gray;
}

.news3 .news_list li:hover time {
    color: #000;
}

.news3 .news_list li:hover .news_con {
    color: #000;
}

.news3 .news_list li time span {
    float: right;
}

.news3 .news_list li .newsimg {
    display: none;
}

.news3 .news_list li .news_con {
    width: 500px;
    padding-top: 10px;
}

.news3 .news_list li .news_con h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.news3 .news_list li .news_con p {
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;       
}
/*æ–°é—»æ ·å¼ç»“æŸ*/
/*æ–°é—»åˆ—è¡¨æ ·å¼å¼€å§‹*/

.newslist > ul {
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.newslist > ul:after{
    content:"";
    width:28.3%;
    display:block;
    height:0;
}
.newslist > ul li {
    width: 28.3%;
    transition: .5s;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    margin-bottom: 30px;
    overflow: hidden;
}

    .newslist>ul li:hover {
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        margin-top:-3px;
    }

    .newslist>ul li .newsconts h3 {
        font-size: 18px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: .5s;
    }

    .newslist>ul li .newsimgs {
        width: 100%;
        height: 265px;
    }

        .newslist>ul li .newsimgs img {
            width: 100%;
            height: 100%;
        }

    .newslist>ul li .newsconts {
        padding: 20px 4%;
        box-sizing: border-box;
    }

        .newslist>ul li .newsconts p {
            font-size: 16px;
            line-height: 24px;
            color: #999;
            margin: 15px 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            transition: .5s;
        }

        .newslist li .newsconts time {
            color: #999;
        }
/*æ–°é—»åˆ—è¡¨æ ·å¼ç»“æŸ*/
/*åˆ†é¡µæ ·å¼å¼€å§‹*/
.pages {
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.pagelist {
    display: inline-block;
}

.pagelist li {
    display: inline;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #333;
}

.pagelist li:nth-child(3), .pagelist li:last-child {
    margin: 0 10px;
}

.pagelist li a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #333;
    border: 1px solid #666;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    margin: 0 5px;
    transition: .5s;
    background:#fff;
}

    .pagelist li a:hover {
        background: #666;
        color: #FFFFFF;
        border: 1px solid #666;
    }
/*åˆ†é¡µæ ·å¼ç»“æŸ*/
/*新闻详情开始*/
.newcontent {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
    overflow-y: auto;
}

.newcontent h2 {
    font-size: 28px;
    line-height: 28px;
    text-align: center;
}

.newcontent h3 {
    text-align: center;
    color: #666;
    margin: 20px 0;
}

    .newcontent h3 span {
        display: inline;
        margin: 0 20px;
    }

    .newcontent h3 a {
        display: inline;
        color: #0f75bc;
    }

.newcontent p {
    font-size: 16px;
    line-height: 25px;
    text-indent: 2em;
}

    .newcontent p img {
        max-width: 100%;
        margin: 10px 0;
    }

.newcontent .content {
    padding-bottom: 20px;
}

.newnext {
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

    .newnext p {
        display: inline-block;
        float: left;
    }

        .newnext p:last-child {
            float: right;
        }

.newcontent a {
    text-decoration: none;
}
/*新闻详情结束*/
/*äº§å“æ ·å¼å¼€å§‹*/
.product {
    width: 1200px;
    overflow:hidden;
    margin:0 auto;
}
.product ul {
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-flow:wrap;       
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
    .product ul:after {
        content: "";      
        width: 32%;
        display: block;       
    }
.product li {
   
    width: 32%;
   
}

.product li a {
    display: block;
    
    color: #000;
}

    .product li a img:hover {
        transform: scale(1.1);
    }

.product li p:first-child {
    height: 280px;
    overflow: hidden;   
    box-sizing: border-box;
}

.product li p:last-child {
    width: 100%;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product li img {
    width: 100%;
    height: 100%;
    transition: 1s;
}
/*äº§å“æ ·å¼ç»“æŸ*/
/*产品3æ ·å¼å¼€å§‹*/
.cp-bg {
    width: 100%;
    padding: 0px 0 137px;
    overflow: hidden;
}

.pro_bg {
    width: 100%;
    height: 557px;
    background: url(//static.ruituoyun.com/images/drag/PC/cp-bg.jpg) top center;
    margin: 0px 0 0;
    position: relative;
    float:left;
}

#wrapper {
    width: 1230px;
    height: 291px;
    position: relative;
    margin: 80px auto;
}

#carousel {
    width: 1230px;
    position: relative;
    left: 5px;
}

#carousel ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#carousel li {
    width: 384px;
    overflow: hidden;
    padding: 0;
    margin: 0 10px;
    float: left;
}

#carousel li .tu {
    width: 384px;
    height: 288px;
    overflow: hidden;
    position: relative;
}

#carousel li .tu img {
    width: 100%;
    height: 100%;
}

#carousel li .tu .more {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: -384px;
    text-align: center;
    line-height: 260px;
    font-size: 24px;
    color: #fff;
}

#carousel li:hover .tu .more {
    left: 0;
}

#carousel li h4 {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.pro_bg #wrapper .prev {
    width: 50px;
    height: 80px;
    background-image: url(//static.ruituoyun.com/images/drag/PC/xz.png);
    background-color: rgba(255, 255, 255, .3);
    text-indent: -999px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 46%;
    margin-top: -37px;
    background-position: 0 0;
    left: -80px;
    z-index: 1;
}

.pro_bg #wrapper .next {
    width: 50px;
    height: 80px;
    background-image: url(//static.ruituoyun.com/images/drag/PC/xy.png);
    background-color: rgba(255, 255, 255, .3);
    text-indent: -999px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 46%;
    margin-top: -37px;
    background-position: 0 0;
    right: -80px;
    z-index: 1;
}

.pro_bg #wrapper .prev:hover {
    background-color: rgba(6, 128, 177, .5);
}

.pro_bg #wrapper .next:hover {
    background-color: rgba(6, 128, 177, .5);
}

.pro-fl {
    width: 1200px;
    height: 158px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: -79px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}
.pro-fl ul{
    overflow:hidden;
}
.pro-fl ul li {
    width: 240px;
    height: 158px;
    float: left;
    position: relative;
}

.pro-fl ul li:before {
    content: " ";
    width: 1px;
    height: 100px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 29px;
}

.pro-fl ul li img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 10px auto 0;
}

.pro-fl ul li h4 {
    font-weight:normal;
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 18px;
    padding-top: 3px;
}

.pro-fl ul li:after {
    content: " ";
    width: 0;
    height: 3px;
    background: #0680b1;
    position: absolute;
    bottom: 0;
    left: 37px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.pro-fl ul li:hover:after {
    width: 166px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
/*产品3æ ·å¼ç»“æŸ*/
/*äº§å“æ ·å¼å¼€å§‹*/
.a_pro {
    width: 100%;
    overflow: hidden;
    background: url(//static.ruituoyun.com/images/drag/PC/cp-bg.png) top center;
    background-size:cover;
    padding: 160px 0 60px;
}

.center_bg {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.center_bg .tit {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.center_bg .tit h3 {
    font-size: 24px;
    font-weight: bold;
}

.center_bg .tit h6 {
    font-size: 14px;
    text-transform: Uppercase;
    font-weight: normal;
}

.center_bg .cp-lm {
    width: 1200px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.center_bg .cp-lm li {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 6px 20px;
    border-radius: 25px;
    border: 1px solid #fff;
    margin: 40px 20px 10px;
}

.center_bg .cp-lm li:hover {
    background: #e60012;
    border: 1px solid #e60012;
}

.center_bg .cp-lm li a {
    color: #fff;
    display: block;
    text-decoration: none;
}

.center_bg .chanpin_tu {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.center_bg .chanpin_tu li {
    width: 277px;
    overflow: hidden;
    float: left;
    margin: 30px 30px 0 0;
}

.center_bg .chanpin_tu li a {
    text-decoration: none;
}

.center_bg .chanpin_tu li:nth-child(4n) {
    margin-right: 0;
}

.center_bg .chanpin_tu li .tu {
    width: 277px;
    height: 185px;
    overflow: hidden;
}

.center_bg .chanpin_tu li .tu img {
    width: 277px;
    height: 185px;
}

.center_bg .chanpin_tu li h5 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-weight: normal;
}
/*äº§å“æ ·å¼ç»“æŸ*/


/*äº§å“åˆ—è¡¨æ ·å¼å¼€å§‹*/
.product-list {
    width: 1200px;
    overflow: hidden;
    margin:0 auto;
}

.product-list > ul {
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-flow: row wrap;       
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.product-list > ul:after{
    content:"";
    width:32%;
    display:block;
    height:0;
}
.product-list > ul li {
    width: 32%;
}

.product-list > ul li a {
    display: block;
    color: #000;
}

.product-list li a img:hover {
    transform: scale(1.1);
}

.product-list > ul li p:first-child {
    height: 280px;
    overflow: hidden;
   
    box-sizing: border-box;
}

.product-list > ul li p:last-child {
    width: 100%;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-list > ul li img {
    width: 100%;
    height: 100%;
    transition: 1s;
}
/*äº§å“åˆ—è¡¨æ ·å¼ç»“æŸ*/
/*产品列表3*/
.pro_list {
    width: 100%;
}

.news_lb {
    width: 1200px;
    margin: 0 auto;
}

.img_s {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}

.news_lb .img_s a {
    display: block;
    width: 300px;
    margin: 0 auto;
}

.news_lb .news_img {
    width: 100%;
    padding:5px;
    overflow: hidden;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.news_lb .news_img img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.news_lb h2,
.news_lb p {
    font-weight:400;
    line-height: 60px;
    text-align: left;
    font-weight: bold;
    color: #333;
    font-size:16px;
}

.news_lb p {
    color: #444;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}

ul.must_more {
    height: 50px;
    width: 300px;
    background: #029b45;
    margin: 0 auto;
}

ul.must_more li {
    float: left;
    width: 22%;
    line-height: 50px;
    text-align: center;
}

ul.must_more li.read_more {
    width: 56%;
    position: relative;
}

ul.must_more li.read_more:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 76%;
    left: 0;
    top: 12%;
    background: #ccc;
}

ul.must_more li.read_more:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 76%;
    right: 0;
    top: 12%;
    background: #ccc;
}

ul.must_more li a {
    display:block;
    font-size: 22px;
    color: #fff;
}

ul.must_more li a {
    font-size: 16px;
}

.product-box {
    height: 420px;
    padding: 60px 0;
}

ul.must_more .jiantou {
    color: #fff;
    font-size: 30px;
}


.product3 {
    width: 1200px;
    margin: 0 auto;
}

    .product3 li {
        list-style: none;
    }

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

.product3_list {
    width: 20%;
    float: left;
    background: #c2201e;
}

    .product3_list h2 {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        padding: 20px 0 15px 30px;
        box-sizing: border-box;
    }

        .product3_list h2 span {
            display: block;
            font-size: 14px;
            line-height: 14px;
            text-transform: uppercase;
            font-family: Arial;
            margin-top: 10px;
        }

    .product3_list ul {
        width: 90%;
        margin: 0 auto;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
        box-sizing: border-box;
    }

    .product3_list li a {
        margin: 15px 0;
        padding-bottom: 15px;
        font-size: 16px;
        line-height: 16px;
        border-bottom: 1px dashed #666;
    }

        .product3_list li a:hover {
            color: #c2201e;
        }

    .product3_list li:last-child a {
        margin: 0;
        border-bottom: none;
    }

    .product3_list h3 {
        font-size: 22px;
        text-align: center;
        color: #fff;
        margin: 15px 0;
        font-weight: 400;
    }

    .product3_list h4 {
        color: #fff;
        margin-left: 20px;
        font-size: 16px;
        margin-bottom: 30px;
        font-weight: 400;
    }

        .product3_list h4 span {
            display: block;
            font-size: 28px;
            font-weight: 700;
        }

        .product3_list h4 img {
            margin-top: 5px;
        }

.product3_cont {
    width: 78%;
    float: right;
}

    .product3_cont li {
        float: left;
        width: 32%;
        margin: 0 2% 1% 0;
    }

        .product3_cont li:nth-child(3n) {
            margin-right: 0;
        }

        .product3_cont li a {
            width: 100%;
            height: 225px;
            overflow: hidden;
        }

            .product3_cont li a img {
                width: 100%;
                height: 100%;
                transition: 1s;
            }

                .product3_cont li a img:hover {
                    transform: scale(1.1);
                }

        .product3_cont li p {
            text-align: center;
            line-height: 36px;
        }

        .product3_cont li:nth-child(7),
        .product3_cont li:nth-child(8),
        .product3_cont li:nth-child(9) {
            margin-bottom: 0;
        }


        /*ä¸‰åˆä¸€æ ·å¼å¼€å§‹*/
.sanheyi {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}
    .sanheyi .lx {margin-bottom: 30px;}
    .sanheyi .contact .server,
    .sanheyi .contact .messages1 {
        width: 48%;
        border: 1px solid #ccc;
        box-sizing: border-box;
        min-height: 480px;
    }

    .sanheyi .contact .server {
        float: left;
        margin-right: 4%;
    }

    .sanheyi .contact .messages1 {
        float: right;
    }

        .sanheyi .contact .server h2,
        .sanheyi .contact .messages1 h2 {
            background: #c6000b;
            line-height: 40px;
            text-align: center;
            margin: 0;
            font-size: 18px;
            color: #fff;
        }

        .sanheyi .contact .server h3,
        .sanheyi .contact .messages1 h3 {
            font-size: 14px;
            color: #666;
            text-align: center;
            margin: 20px 0;
            font-weight: 400;
        }

    .sanheyi .contact .server p {
        padding: 0 10%;
        line-height: 30px;
        color: #666;
    }

    .sanheyi span.colorred {
        color: #FF0000;
        padding-left: 14px;
        display: inline;
    }

    .sanheyi textarea {
        width: 90%;
        height: 85px;
        border: 1px solid #ccc;
        padding-left: 3px;
        padding-top: 2px;
    }

    .sanheyi input[type='text'] {
        width: 90%;
        height: 30px;
        border: 1px solid #ccc;
        padding-left: 3px;
        padding-top: 2px;
        margin: 0;
    }

    .sanheyi .submit {
        width: 100px;
        line-height: 30px;
        text-align: center;
        background: #999;
        color: #FFF;
        border: 0;
    }

        .sanheyi .submit:hover {
            cursor: pointer;
            background: #c6000b;
            transition: .5s;
        }

    .sanheyi .msg-box {
        width: 500px;
        margin: 20px auto 0 auto;
        font-size: 14px;
        color: #666;
    }

        .sanheyi .msg-box .msg {
            margin-bottom: 10px;
        }

            .sanheyi .msg-box .msg > span {
                display: inline-block;
                width: 15%;
                text-align: right;
            }

            .sanheyi .msg-box .msg:nth-child(5) span {
                vertical-align: top;
            }

            .sanheyi .msg-box .msg .msg-right {
                display: inline-block;
                width: 84%;
            }
        /*ä¸‰åˆä¸€æ ·å¼ç»“æŸ*/


/*äº§å“è¯¦æƒ…æ ·å¼å¼€å§‹*/
.productcont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    overflow-y:auto;
}

.productcont .product-head {
    width: 100%;
    overflow: hidden;
}

.productcont .product-img {
    float: left;
    margin: 5px 10px 5px 5px;
    position: relative
}

.productcont .product-img img {
    overflow: visible;
    position: relative;
    width: 570px;
    height: 420px;
    top: auto;
    left: auto;
    margin: 0px;
    float: left;
}

.productcont .product-brief {
    width: auto;
    overflow: visible
}

.productcont .brief {
    width: 100%;
    background: #ccc;
    line-height: 40px;
    padding-left: 20px;
    margin: 20px 0;
    font-weight: bold;
    color:#000;
}
.productcont .brief span{
    color:#666;
}
.productcont .product-brief .brief {
    margin-top: 0;
    width: 595px;
    float: left;
}

.productcont .content {
    padding-bottom: 20px;
}
/*äº§å“è¯¦æƒ…æ ·å¼ç»“æŸ*/
.sty-qq ul li{
    margin-bottom:20px;
}
.sty-qq ul li:last-child {
    margin-bottom: 0px;
}
.sty-phone li {
    margin-bottom: 20px;
}

/*è§†é¢‘æ ·å¼å¼€å§‹*/
.video video{
    width:500px;
    height:400px;
    background:#000;
}
/*è§†é¢‘æ ·å¼ç»“æŸ*/

/*视频1æ ·å¼å¼€å§‹*/
.sp_list {
    width: 100%;
}

.sp_list ul {
    width: 100%;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.sp_list ul:after {
    content: "";
    width: 400px;
}

.sp_list .video video {
    width: 400px;
    height: 400px;
    background: #000;
}
        
/*视频1æ ·å¼ç»“æŸ*/

/* ä»¥ä¸‹æ˜¯æ–‡ç« è¯¦æƒ…001çš„æ ·å¼ */
.news001 {width: 100%;padding: 0 0 2px 0;}
.news001 .news_ny_bg {width: 1200px;margin: 0 auto;}
.news001 .news_ny_nav a {float: left;line-height: 40px;padding: 0 30px;background: #ddd;transition: .5s;margin-right: 1px;}
.news001 .news_ny_nav a:hover {background: #035cac;color: #fff;}
.news001 .news_ny_nav .this {background: #035cac;color: #fff;}
.news001 .news_ny_cont {padding: 20px 20px 60px 20px;}

.news001 .news_ny_cont_xq h2 {font-size: 24px;line-height: 36px;text-align: center;font-weight: normal;}
.news001 .news_ny_cont_xq h3 {font-weight: normal;text-align: center;color: #666;line-height: 18px;margin: 10px 0 20px 0;font-size: 16px;}
.news001 .news_ny_cont_xq h3 span {display: inline;margin: 0 10px;}
.news001 .news_ny_cont_xq h3 a {color: #035cac;display: inline;margin-left: 10px;}
.news001 .news_ny_cont_xq p {text-indent: 2em;line-height: 30px;color: #333;}
.news001 .news_ny_cont_xq p.image {text-align: center;}
.news001 .news_ny_cont_xq p img {margin: 10px auto;max-width: 700px;max-height:600px;}

.news001 .fenye {margin: 30px 0;border-top: 1px solid #ccc;padding-top: 20px;}
.news001 .fenye h4 {float: left;width: 48%;line-height: 30px;font-weight: normal;white-space: nowrap;overflow: hidden;text-decoration: underline;text-overflow: ellipsis;color: #035cac;}
.news001 .fenye h4:last-child {float: right;}
.news001 .fenye h4 span {float: left;color: black;}
.news001 .fenye h4 a {font-size: 18px;line-height: 30px;color: #035cac;}

/*æ–‡ç« è¯¦æƒ…002*/
.news002{width: 1200px; overflow: hidden; margin: 0px auto; box-shadow: 0 0 30px rgba(0,0,0,.2);}
.news002 .con{width: 92%; overflow: hidden; margin:20px auto; font-size: 16px; color: #666; line-height: 30px; text-align:Justify;}

.news002 .contact{ height: 80px; line-height: 80px; border-bottom: 1px solid #e8e8e8; padding: 0 50px;}
.news002 .contact h3{float: left; font-size: 30px; color: #000; padding-left: 15px; position: relative;margin:0px;line-height: inherit;}
.news002 .contact h3:before{content: ""; width: 3px; height: 30px; background: #d50100; position: absolute; left: 0; top: 26px;}

.news002 .fp{width: 100%; color: #666; margin: 30px 0 30px 0; overflow: hidden;}
.news002 .fp .fl{width: 46%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display: inline-block;margin-left:47px;}
.news002 .fp .fr{width: 46%; text-align: right;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display: inline-block;}
.news002 .fp a{color: #999;}
.news002 .fp a:hover{color: #000;}

/*æ–‡ç« åˆ—è¡¨001*/
.newlist001.ny-new .bian{transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;}
.newlist001.ny-new ul {
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.newlist001.ny-new ul:after{
    content:"";
    width:340px;
    height:0;
    display:block;
}
.newlist001.ny-new {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    padding: 0 50px 0;
}
.newlist001.ny-new li{width: 340px; overflow: hidden; margin: 10px 0; background: #f6f6f6;}
.newlist001.ny-new li .tu{width: 100%; height: 227px; overflow: hidden;}
.newlist001.ny-new li .tu img{width: 100%; height: 100%;}
.newlist001.ny-new li h4{margin:0px; text-decoration: none; font-size: 18px; color: #333; line-height: 18px; font-weight: bold; padding: 15px 20px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist001.ny-new li h5{margin:0px; font-size: 16px; color: #666; line-height: 28px; padding: 0 20px; height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newlist001.ny-new li h6{font-size: 14px; color: #999; line-height: 14px; padding: 10px 20px 20px;}
.newlist001.ny-new li:hover{margin: 0px 40px 30px 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);}
.newlist001.ny-new li:hover h4{color: #eb6622;}
.newlist001.ny-new li h6{font-size: 14px; color: #999; line-height: 14px; padding: 10px 20px 20px; margin:0px;}
.newlist001.ny-new .fl { display: inline-block;}
.newlist001.ny-new a { text-decoration: none;}

.newlist001.fenye{width: 100%; overflow: hidden; text-align: center;}
.newlist001.fenye li{display: inline-block; padding: 8px 20px; font-size: 16px; color: #333; border-radius: 5px; border: 1px solid #333; margin: 0 10px;}
.newlist001.fenye li a{color: #333;}
.newlist001.fenye li a:hover{color: #d50100;}
.newlist001.fenye li:hover{border: 1px solid #d50100;}

/*产品列表001*/
.product_list{width: 1200px;margin: 0 auto;}
    .product_list ul {
        display: flex;
        display: -webkit-flex; /* Safari */
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .product_list ul:after {
        content: "";
        width:32%;
        display:block;
        height:0;
    }
.product_list .prolist li{width: 32%;float: left;margin:10px 0;overflow: hidden;}
.product_list .pro_img a{width: 100%;height: auto;display: block;position: relative;}
.product_list .pro_img a .pro_box{width: 100%;height: 100%;position: absolute;z-index: 100;padding: 10%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: .8s;}
.product_list .pro_img a .pro_box2{border: 2px #aaa solid;width: 100%;height: 100%;display: table;}
.product_list .pro_img a .pro_box2 span{display: table-cell;vertical-align: middle;font-size: 1.3vw;color: #fff;text-align: center;opacity: 0;transition: .8s;}
.product_list .pro_img:hover a .pro_box{background: rgba(0,0,0,.6);}
.product_list .pro_img:hover a .pro_box2 span{opacity: 1;}
.product_list .pro_img a img{width: 100%;height: auto;position: relative;z-index: 99;}
.product_list .con_page {width: 100%;height: 35px;text-align: center;margin: 40px 0;}
.product_list .page_list {display: inline-block;}
.product_list .page_list li {display: inline;float: left;height: 36px;line-height: 36px;color: #333;}
.product_list .page_list li:nth-child(3),.page_list li:last-child{margin: 0 10px;}
.product_list .page_list li a {display: block;height: 36px;line-height: 36px;color: #333;border: 1px solid #9e2a10;box-sizing: border-box;padding: 0 10px;float: left;margin: 0 5px;transition: .5s;}
.product_list .page_list li a:hover {background: #9e2a10;color: #FFFFFF;border: 1px solid #9e2a10;}

/*产品列表002*/
.product_list002 {width: 1200px; overflow: hidden; margin: 0 auto; box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
.product_list002 .bian{transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;}
.product_list002 .ny-pro{width: 100%; overflow: hidden;  background: #fff;}
    .product_list002 .ny-pro ul {
        display: flex;
        display: -webkit-flex; /* Safari */
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .product_list002 .ny-pro ul:after {
        content: "";
        width: 340px;
        display: block;
        height: 0;
    }

    .product_list002 .ny-pro li {
        float: left;
        margin: 10px 0;
        position: relative;
        width: 340px;
        overflow: hidden;
    }
.product_list002 .ny-pro li .tu{height: 263px; overflow: hidden;}
.product_list002 .ny-pro li .tu img{width:100%; height: 100%; transition: all .8s;}
.product_list002 .ny-pro li:hover .tu img{transform: scale(1.1); transition: all .8s;}
.product_list002 .ny-pro li .zi{width: 100%;background: rgba(0, 0, 0, .6); position: absolute; bottom: -60px; padding-bottom:15px;}
.product_list002 .ny-pro li .zi h5{text-align: center; color: #fff; font-size: 16px;margin:15px;}
.product_list002 .ny-pro li .zi h6{width: 140px;text-align: center; line-height: 38px; color: #fff; border: 1px solid #fff; margin: 0 auto; border-radius: 20px; font-size: 14px; }
.product_list002 .ny-pro li:hover .zi{bottom: 0; background-color: rgba(213, 1, 0, .8);}

.product_list002 .fenye{width: 100%; overflow: hidden; text-align: center; margin: 20px 0;}
.product_list002 .fenye li{display: inline-block; padding: 8px 20px; font-size: 16px; color: #333; border-radius: 5px; border: 1px solid #333; margin: 0 10px;}
.product_list002 .fenye li a{color: #333;}
.product_list002 .fenye li:hover a{color: #d50100;}
.product_list002 .fenye li:hover{border: 1px solid #d50100;}

/*详情001*/
.details001{width: 1200px; overflow: hidden; min-height: 400px; margin: 10px auto 0; box-shadow: 0 0 30px rgba(0, 0, 0, .2); border-radius: 5px; padding: 0 50px; margin-bottom:20px; box-sizing:border-box;}
.details001 .title{ text-align: center;}
.details001 .title p:first-child{font-size: 30px; color: #333; border-bottom: 1px solid #e2e2e2; line-height: 60px; font-weight: bold; letter-spacing: 2px;margin-top:20px;}
.details001 .title p:nth-child(2){font-size: 14px; color: #999; line-height: 40px;}
.details001 .title p:nth-child(2) span{padding: 0 10px;}
.details001 .image { width:100%;}
.details001 .image img{display:block;margin: 0 auto;width: 400px;padding-bottom:10px;}
.details001 .content{width: 100%; min-height: 500px; overflow: hidden;font-size: 16px; color: #666; line-height: 30px; text-align:Justify;}

.details001 .fp{width: 100%; height: 40px; line-height: 40px; color: #666; margin-top:20px;}
.details001 .fp .fl{width: 43%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;float: left;}
.details001 .fp .fr{width: 43%; text-align: right;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;float: right;}
.details001 .fp a{color: #666;}
.details001 .fp a:hover{color: #000;}

/*产品001*/
.product001 {width: 760px;margin: 0 auto; padding-top: 10px;padding-bottom: 10px;overflow: hidden;}
.product001 a { text-decoration: none;color: black;}
.product001 .right_up img {width:368px;}
.product001 .right_up:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.product001 .right_up {border: 1px solid #f2f2f2;overflow: hidden;}
.product001 .right_up:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.product001 .right_up div:first-child{float: left;padding: 60px 0 0 60px;}
.product001 .right_up div:first-child p:first-child {font-size: 36px;line-height: 36px;color: #333;font-weight: bold;margin:36px 0; }
.product001 .right_up div:first-child p:nth-child(2) {font-size: 24px;line-height: 24px;color: #333;margin-top: 15px;}
.product001 .right_up div:first-child p:nth-child(3) {font-size: 18px;line-height: 18px;color: #808080;margin-top: 88px;}
.product001 .right_up div:nth-child(2){ float: right;}

.product001 .right_down { margin-top:16px;}
.product001 .right_down img {width: 368px;max-width: none;}
.product001 .right_down>div{width: 50%;border: 1px solid #f2f2f2;box-sizing: border-box;background: #fff;overflow: hidden;padding-bottom:10px;}
.product001 .right_down>div:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.2);}

.product001 .right_down div:nth-child(1){ float: right;}
.product001 .right_down .right_down_a_img{ width: 100%; text-align: center;}
.product001 .right_down .right_down_a_txt{ text-align: center;}
.product001 .right_down .right_down_a_txt p:first-child{ font-size: 24px; line-height: 24px; font-weight: bold;margin-bottom:0; margin-top:20px;}
.product001 .right_down .right_down_a_txt p:nth-child(2){ font-size: 18px; line-height: 18px; margin: 10px 0 20px 0;}
.product001 .right_down .right_down_a_txt p:nth-child(3){ font-size: 16px; line-height: 16px; color: #808080;margin-bottom:10px}

/*æ–‡ç« åˆ—è¡¨002*/
.newlist002 {padding-top: 10px; padding-bottom:10px;}
.newlist002  a { text-decoration: none;display:block;}
.newlist002 .newslist{ margin-bottom: 30px; width: 1200px;margin: 0 auto; overflow: visible; }
.newlist002 .newslist li{ padding:0 2%; height: 155px; border:1px #fff solid; border-bottom-color:#f1f1f1;width: 93.8%; position: relative;list-style: none; margin:5px 0 40px 5px;}
.newlist002 .newslist li .tu{width: 207px; height: 155px; position: absolute; top: 0; left: 0;}
.newlist002 .newslist li .tu img{width: 207px; height: 155px;}
.newlist002 .newslist li .box1{position:relative;}
.newlist002 .newslist li .imgbox{width:24%;margin-right: 4%;}
.newlist002 .newslist li .info{width: 60%; margin-left: 250px;}
.newlist002 .newslist li .info .title{font-size:24px;margin:15px 0 8px;color: #333;}
.newlist002 .newslist li .info .p{font-size:16px; color:#727272;line-height: 28px;height: 56px;overflow: hidden; margin-top: 25px;}
.newlist002 .newslist .date{position: absolute;right: 0;top: 50%;margin-top: -40px;}
.newlist002 .newslist .date span{ color:#3f3f3f;font-family: Arial; font-weight: bold; display:block;}
.newlist002 .newslist .date .day{font-size:70px;line-height: 52px;}
.newlist002 .newslist .date .month{font-size:20px; padding-top: 20px;}
.newlist002 .newslist .date .i{margin-top:10px;}
.newlist002 .newslist .date .i .ico2{width:28px; height:25px; background-position:-32px 0;}
.newlist002 .newslist li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.2); transition: all ease 0.5s;}
.newlist002 .newslist li:hover .date span{color:#058fe7;}

.newlist002 .fenye{overflow: hidden; text-align: center; width: 1200px;margin: 0 auto; }
.newlist002 .fenye li{display: inline-block; padding: 8px 20px; font-size: 16px; color: #333; border-radius: 5px; border: 1px solid #333; margin: 0 10px;}
.newlist002 .fenye li a{color: #333;}
.newlist002 .fenye li a:hover{color: #d80f19;}
.newlist002 .fenye li:hover{border: 1px solid #d80f19;}

/*æ–‡ç« 1*/
.news01{margin: 0 auto;background: url('//static.ruituoyun.com/images/drag/PC/n8.jpg') no-repeat top;/*height:300px*/;font-family: 宋体;overflow:hidden;}
.news01 a {text-decoration: none;color: black;display:block;}

.news01 li {list-style: none}
.news01 p {margin:0;}
.news01 .news_con{width: 1000px;margin: 0 auto 60px;padding-top: 130px;position: relative;overflow:hidden;}
.news01 .news_left .left_top{width: 200px;height: 200px;background: #3e5395;display: flex;align-items: center;}
.news01 .news_left{float: left;}
.news01 .news_left .left_top .left_top_in{width: 160px;height: 160px;border-radius: 50%;background: #fff;border: 6px solid #d9edda;box-sizing: border-box;margin: 0 auto;display: flex;align-items: center;text-align: center;font-size: 26px;color: #3e5395;line-height: 36px;}
.news01 .news_left .left_top .left_top_in p{margin: 0 auto;padding-top:5px;}
.news01 .news_left .left_top .left_top_in span{font-size: 20px;color: #bbb;display: block;}
.news01 .news_left .left_bottom{width: 200px;height: 450px;overflow: hidden; background: url('//static.ruituoyun.com/images/drag/PC/n9.jpg') no-repeat top;}
.news01 .news_left .left_bottom img{width: 100%;height: auto;}
.news01 .news_con ul{width: 700px;float: right;margin-top:250px;}
.news01 .news_con ul li{padding: 20px 0;border-bottom: 1px #666 dashed;height: 90px;}
.news01 .news_con ul li .news_mun{width: 90px;background: #3e5395;color: #fff;line-height: 90px;font-size: 48px;text-align: center;float: left;}
.news01 .news_con ul li .news_news{width: 82%;height: 90px;float: right;}
    .news01 .news_con ul li .news_news p:first-child {
        color: #555;
        font-size: 18px;
        line-height: 35px;
        font-family: 宋体;
       
        white-space: nowrap;
        
        overflow: hidden;
        text-overflow: ellipsis;
    }
.news01 .news_con ul li .news_news p:nth-child(2) {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 16px;line-height: 28px;}
.news01 .news_con ul li:hover{border-bottom: 1px #3e5395 dashed;}
/*æ–‡ç« 3*/
.info_list {
    width: 100%;
    overflow:hidden;
}

    .info_list .news_left {
        box-sizing: border-box;
        background: #f7f7f7;
        position: relative;
        padding: 3% 6% 2% 10%;
    }

        .info_list .news_left h2 {
            width: 48%;
            font-weight: 400;
            font-family: Arial;
            font-size: 48px;
            line-height: 48px;
            text-transform: uppercase;
            color: rgba(45, 85, 137, 0.5);
        }

        .info_list .news_left h3 {
            font-weight: 400;
            font-size: 30px;
            line-height: 30px;
            color: #014e8b;
            margin: 25px 0 40px 0;
            width: 48%;
        }

        .info_list .news_left li {
            width: 40%;
            padding: 20px;
            margin-bottom: 20px;
            box-sizing: border-box;
            background: #fff;
            border: 1px solid #e5e5e5;
            transition: 1s;
        }

            .info_list .news_left li:first-child {
                float: right;
                width: 50%;
                background: #014e8b;
                padding: 3% 9.5% 2.5% 9%;
                box-sizing: border-box;
                position: absolute;
                top: 0;
                right: 0;
            }

            .info_list .news_left li a {
                display: block;
                overflow: hidden;
                text-decoration: none;
            }

            .info_list .news_left li:hover {
                background: #014e8b;
            }

            .info_list .news_left li .time {
                float: left;
                width: 20%;
                font-size: 48px;
                line-height: 48px;
                text-align: center;
                border-right: 1px solid #ccc;
                color: #666;
                transition: 1s;
            }

            .info_list .news_left li:hover .time {
                color: #fff;
            }

            .info_list .news_left li .time span {
                display: block;
                font-size: 18px;
                line-height: 18px;
                margin-top: 14px;
            }

            .info_list .news_left li .news_left_txt {
                float: right;
                width: 75%;
            }

            .info_list .news_left li:first-child .news_left_txt {
                float: none;
            }

            .info_list .news_left li .news_left_txt h4 {
                color: #333;
                font-size: 18px;
                line-height: 18px;
                margin-bottom: 15px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: 1s;
            }

            .info_list .news_left li:first-child .news_right_txt h4 {
                font-size: 20px;
                font-weight: 400;
                color: #fff;
                margin-top: 30px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .info_list .news_left li:hover .news_left_txt h4 {
                font-weight: 400;
                color: #fff;
            }

            .info_list .news_left li .news_left_txt .news-cont {
                color: #666;
                font-size: 16px;
                line-height: 24px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                transition: 1s;
            }

            .info_list .news_left li:hover .news_left_txt div {
                color: #fff;
            }

    .info_list .news_right_img {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

        .info_list .news_right_img img {
            width: 100%;
            height: 100%;
            transition: 1s;
        }

            .info_list .news_right_img img:hover {
                transform: scale(1.1);
            }

    .info_list .news_right h5 {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        margin-top: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .info_list .news_right_txt .news-cont {
        margin-top: 20px;
        font-size: 16px;
        line-height: 30px;
        color: rgba(255, 255, 255, 0.6);
        text-indent: 2em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .info_list .news_right_txt time {
        color: rgba(255, 255, 255, 0.6);
        font-size: 16px;
        line-height: 16px;
    }

    .info_list .news_left .more {
        background: #ccc;
        color: #333;
        text-align: center;
        width: 120px;
        line-height: 40px;
        display: inline-block;
        margin-top: 10px;
        transition: 1s;
        text-decoration: none;
    }

        .info_list .news_left .more:hover {
            background: #014e8b;
            color: #fff;
        } 
/*æ–‡ç« 3æ ·å¼ç»“æŸ*/

/*æ–‡ç« 4æ ·å¼å¼€å§‹*/
.article .article-box {
    width: 1200px;
    margin: 0 auto;
    padding: 75px 0;
}

    .article .article-box li {
        list-style: none;
        float: left;
        width: 30%;
        margin-left: 60px;
    }

        .article .article-box li > .title {
            height: 37px;
            border-bottom: 1px solid #dadada;
            margin-bottom: 30px;
        }

            .article .article-box li > .title h2 {
                display: inline-block;
                padding-right: 20px;
                padding-left: 43px;
                line-height: 36px;
                font-size: 18px;
                color: #08347f;
                background: url(//static.ruituoyun.com/images/drag/PC/article04-icon.png) no-repeat left;
                border-bottom: 3px solid #08347f;
                margin: 0;
            }

        .article .article-box li .info .pic {
            height: 200px;
            margin-bottom: 30px;
            overflow: hidden;
        }

            .article .article-box li .info .pic img {
                width: 100%;
                display: block;
                transition: all .4s;
            }

                .article .article-box li .info .pic img:hover {
                    transform: scale(1.1);
                }

        .article .article-box li .info > a {
            display: block;
            margin-bottom: 23px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-decoration: none;
            color: #333;
            padding-left: 20px;
            background: url(//static.ruituoyun.com/images/drag/PC/article04-icon1.png) no-repeat left;
        }

            .article .article-box li .info > a:hover {
                background: url(//static.ruituoyun.com/images/drag/PC/article04-icon2.png) no-repeat left;
            }

            .article .article-box li .info > a:last-child {
                margin-bottom: 0;
            }

            .article .article-box li .info > a:hover {
                color: #08347f;
            }

        .article .article-box li:first-child {
            margin-left: 0px;
        }

        .article .article-box li .doubt-txt {
            margin-bottom: 20px;
        }

            .article .article-box li .doubt-txt:last-child {
                margin-bottom: 0;
            }

            .article .article-box li .doubt-txt a {
                color: #b81b22;
                margin-bottom: 12px;
                display: block;
                padding-left: 20px;
                background: url(//static.ruituoyun.com/images/drag/PC/article04-icon1.png) no-repeat left;
                text-decoration: none;
            }

                .article .article-box li .doubt-txt a:hover {
                    background: url(//static.ruituoyun.com/images/drag/PC/article04-icon2.png) no-repeat left;
                }

                .article .article-box li .doubt-txt a:hover {
                    color: #08347f;
                }

            .article .article-box li .doubt-txt p {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-left: 23px;
                color: #08347f;
            }
/*æ–‡ç« 4æ ·å¼ç»“æŸ*/

/*åº•éƒ¨æ ·å¼å¼€å§‹*/
.footer {
    width: 100%;
    background: #333;
}

.foot {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    overflow: hidden;
}

.foot_nav {
    float: left;
    overflow:hidden;
}

.foot_nav > ul > li {
    float: left;
    color: #fff;
    margin-right: 50px;
    overflow: hidden;
}

.foot_nav li p {
    color: #e5e5e5;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

.foot_nav li a {
    color: #ccc;
    font-size: 16px;
    line-height: 30px;
    transition: .5s;
}

.foot_nav li a:hover {
    color: #fff;
}

.foot-ewm {
    float: left;
    overflow:hidden;
}

.foot-ewm p {
    float: left;
    margin-left: 30px;
}

.foot-ewm p img {
    width: 140px;
    height: 140px;
}

.foot-ewm p span {
    color: #fff;
    text-align: center;
    margin-top: 15px;
    display: block;
    font-size: 16px;
}

.footer-foot {
    background: #1a1a1a;
    text-align: center;
    clear: both;
}

.footer-foot p {
    color: #ccc;
    line-height: 40px;
}

.footer-foot p a {
    color: #ccc;
    display: inline;
    margin-right: 20px;
}

.footer-foot p a:hover {
    color: #fff;
}
.footer1 {
    width: 100%;
    background: #1a1a1a;
}

.footer1 .foot-par {
    text-align: center;
    color: #fff;
    line-height: 40px;
    letter-spacing: 3px;
}

.footer1 .footer-foot {
    text-align: center;
    clear: both;
}

.footer1 .footer-foot p {
    color: #ccc;
    line-height: 40px;
}

.footer1 .footer-foot p a {
    color: #ccc;
    display: inline;
    margin-right: 20px;
}

.footer1 .footer-foot p a:hover {
    color: #fff;
}


/*åº•éƒ¨æ ·å¼ç»“æŸ*/

/*底部4æ ·å¼å¼€å§‹*/
.di-bg {
    width: 100%;
    height: 417px;
    background: url(//static.ruituoyun.com/images/item/website/di-bg.jpg) top center;
    padding-top: 60px;
    position: relative;
}

.di {
    width: 1400px;
    overflow: hidden;
    margin: 0 auto;
}

.di-logo {
    width: 291px;
    height: 96px;
    margin-top: 40px;
}

.di-nav {
    width: 1050px;
    overflow: hidden;
    position: relative;
}

.di-nav:after {
    width: 1050px;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 36px;
    background: #70a9d5;
}
.di-nav>ul{
    overflow:hidden;
}
.di-nav li {
    width: 150px;
    float: left;
    overflow: hidden;
    text-align: center;
}

.di-nav li h4 {
    font-size: 18px;
    line-height: 18px;
    padding: 0 0 40px;
    color: #fff;
}

.di-nav li h5 {
    font-size: 16px;
    line-height: 28px;
}

.di-nav li h5 a {
    display: block;
    color: #fff;
}

.di-nav li h5 a:hover {
    color: #e6e6e6;
}

.copy_d {
    width: 100%;
    height: 60px;
    background: #005b93;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.copy_d a {
    color: #fff;
}

.copy_d a:hover {
    color: #e6e6e6;
}

.fl_d {
    float: left;
}

.fr_d {
    float: right;
}
/*底部4æ ·å¼ç»“æŸ*/
/*底部5æ ·å¼å¼€å§‹*/

.foot_di {
    width: 100%;
    background: url("//static.ruituoyun.com/images/drag/PC/footer.jpg") no-repeat;
    height: 350px;
}

.foot_a {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 60px 0;
    box-sizing: border-box;
    overflow:hidden;
}

.foot_nav {
    float: left;
}

.foot_nav dl {
    float: left;
    margin-right: 60px;
}

.foot_nav dt a {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    text-decoration: none;
}

.foot_nav dd a {
    display: block;
    color: #d9d9d9;
    font-size: 16px;
    line-height: 28px;
    text-decoration: none;
}

.foot_nav dd a:hover {
    color: #fff;
}

.erweima {
    float: right;
}

.erweima h2 {
    font-weight: normal;
    float: left;
    width: 150px;
    height: 150px;
}

.erweima h2:nth-child(2) {
    margin-left: 20px;
}

.erweima h2 img {
    width: 100%;
    height: 100%;
}

.erweima h2 span {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
}

/*底部5æ ·å¼ç»“æŸ*/

/*底部6æ ·å¼å¼€å§‹*/
.footer6 {
    width: 100%;
    overflow: hidden;
    background: url(//static.ruituoyun.com/images/drag/PC/footer6-bg.png);
}

    .footer6 a {
        text-decoration: none;
    }

    .footer6 .footer6-main {
        width: 1200px;
        overflow: hidden;
        margin: 0 auto;
        border-bottom: 1px solid #ff8669;
        padding: 70px 0 50px;
    }

.footer6-nav {
    float: left;
}

    .footer6-nav li {
        width: 100px;
        text-align: center;
        float: left;
        margin-right: 60px;
        color: #fff;
        list-style: none;
    }

        .footer6-nav li a {
            color: #fff;
        }

        .footer6-nav li h4 {
            font-size: 18px;
            font-weight: bold;
            padding: 0 0 20px;
        }

        .footer6-nav li h5 {
            font-size: 16px;
            line-height: 32px;
            font-weight: 400;
        }

.footer6-main .ewm {
    width: 132px;
    overflow: hidden;
    margin-right: 30px;
    float: right;
}

    .footer6-main .ewm .tu {
        width: 132px;
        height: 132px;
    }

        .footer6-main .ewm .tu img {
            width: 132px;
            height: 132px;
        }

    .footer6-main .ewm h5 {
        font-size: 16px;
        color: #fff;
        text-align: center;
        padding-top: 15px;
    }

.footer6 .copy {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    line-height: 60px;
}

    .footer6 .copy a {
        color: #fff;
    }

    .footer6 .copy .fl {
        float: left;
    }

    .footer6 .copy .fr {
        float: right;
    }
/*底部6æ ·å¼ç»“æŸ*/

/*底部7æ ·å¼å¼€å§‹*/
.footer7 a {
    text-decoration: none;
}

.footer7 {
    width: 100%;
    height: 255px;
    background: #eee;
}

    .footer7 .con {
        width: 70%;
        margin: 0 auto;
        overflow: hidden;
        min-width: 1200px;
    }

.footer7-logo {
    float: left;
    width: 200px;
    height: 255px;
}

.footer7 h5 {
    float: left;
    width: 530px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 38px;
    overflow: hidden;
    padding: 50px 0 0 6%;
}

    .footer7 h5 a {
        color: #000
    }

.footer7-ewm {
    float: right;
    width: 162px;
    overflow: hidden;
    padding-top: 36px;
    margin-left: 30px;
}

    .footer7-ewm img {
        width: 100%;
    }

    .footer7-ewm h4 {
        text-align: center;
        padding-top: 5px;
        font-weight: 400;
        font-size: 16px;
        color: #333;
    }
/*底部7æ ·å¼ç»“æŸ*/

/*底部8æ ·å¼å¼€å§‹*/
.footer8 {
    width: 100%;
    overflow: hidden;
    background: url(//static.ruituoyun.com/images/drag/PC/footer8-nav-bg.jpg);
    position: relative;
}

    .footer8 a {
        text-decoration: none;
    }

.footer8-main {
    padding: 70px 0;
    width: 1200px;
    margin: 0 auto;
}

.footer8 .fl {
    float: left;
}

.footer8 .fr {
    float: right;
}

.footer8-main .fl li {
    width: 140px;
    overflow: hidden;
    text-align: center;
    float: left;
}

    .footer8-main .fl li h5 {
        font-size: 16px;
        color: #000;
        padding-bottom: 10px;
        font-weight: 400;
    }

        .footer8-main .fl li h5 a {
            color: #000;
        }

    .footer8-main .fl li h6 {
        font-size: 14px;
        color: #333;
        line-height: 28px;
        font-weight: 400;
    }

        .footer8-main .fl li h6 a {
            color: #333;
            display: block;
        }

    .footer8-main .fl li a:hover {
        text-decoration: underline;
    }

.footer8-main .fr {
    margin-right: 160px;
}

    .footer8-main .fr h5 {
        font-size: 16px;
        color: #000;
        padding-bottom: 10px;
        font-weight: 400;
    }

    .footer8-main .fr h6 {
        font-size: 14px;
        color: #333;
        line-height: 28px;
        font-weight: 400;
    }

.footer8-main .con {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: #d62b33;
    top: 37px;
    position: absolute;
    left: 50%;
    margin-left: -120px;
}

    .footer8-main .con .tu {
        width: 137px;
        height: 137px;
        margin: 48px auto 0;
    }

    .footer8-main .con h4 {
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding-top: 10px;
        font-weight: 400;
    }

.footer8-copy {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    background: #d62b33;
}

    .footer8-copy a {
        color: #fff;
    }
/*底部8æ ·å¼ç»“æŸ*/

/*底部9æ ·å¼å¼€å§‹*/
.footer9 {
    width: 100%;
    background: #333;
}

    .footer9 a {
        text-decoration: none;
    }

    .footer9 .foot {
        width: 1200px;
        margin: 0 auto;
        padding: 50px 0;
    }

    .footer9 .foot_logo {
        width: 12%;
        float: left;
    }
        .footer9 .foot_logo a{
            display:block;
            text-decoration:none;
        }
        .footer9 .foot_nav {
            width: 52%;
            float: left;
            margin-left: 30px;
        }

        .footer9 .foot_nav ul {
            border-bottom: 1px solid rgba(255,255,255,0.3);
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

        .footer9 .foot_nav li {
            list-style: none;
            float: left;
            margin-right: 40px;
        }

            .footer9 .foot_nav li:last-child {
                margin-right: 0;
            }

            .footer9 .foot_nav li a {
                color: #ccc;
                transition: .5s;
            }

            .footer9 .foot_nav li:hover a {
                color: #fff;
            }

        .footer9 .foot_nav .lianxi p {
            width: 50%;
            float: left;
            line-height: 30px;
            color: #ccc;
        }

    .footer9 .erweima9 {
        float: right;
    }

        .footer9 .erweima9 h2 {
            float: left;
        }

            .footer9 .erweima9 h2:first-child {
                margin-right: 20px;
            }

        .footer9 .erweima9 img {
            width: 120px;
            height: 120px;
        }

        .footer9 .erweima9 h2 span {
            display: block;
            font-size: 16px;
            font-weight: 400;
            text-align: center;
            color: #ccc;
            line-height: 30px;
        }

    .footer9 .copy {
        background: #1a1a1a;
        width: 100%;
    }

    .footer9 .copy_bg {
        width: 1200px;
        margin: 0 auto;
    }

    .footer9 .copy p {
        line-height: 40px;
        color: #b2b2b2;
        float: left;
    }

        .footer9 .copy p a {
            display: inline;
            color: #b2b2b2;
        }

        .footer9 .copy p:last-child {
            float: right;
        }

        .footer9 .copy p a:hover {
            color: #fff;
        }
/*底部9æ ·å¼ç»“æŸ*/

/*底部10æ ·å¼å¼€å§‹*/
.footer10 li {
    list-style: none;
}

.footer10 a {
    text-decoration: none;
}

.footer10 {
    height: 910px;
    background: url(//static.ruituoyun.com/images/drag/PC/footer10-bg.png) no-repeat;
}

.footer10-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 240px;
}

.footer10-left {
    float: left;
    width: 46%;
}

    .footer10-left li {
        line-height: 54px;
        margin-top: 20px;
        font-size: 16px;
        border-bottom: 1px solid #d70c19;
    }

        .footer10-left li:hover {
            color: #d70c19;
        }

        .footer10-left li.item1 i {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px;
            width: 26px;
            height: 35px;
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon1.png) no-repeat;
        }

        .footer10-left li.item1:hover i {
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon1hover.png) no-repeat;
        }

        .footer10-left li.item2 i {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px;
            width: 27px;
            height: 22px;
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon2.png) no-repeat;
        }

        .footer10-left li.item2:hover i {
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon2hover.png) no-repeat;
        }

        .footer10-left li.item3 i {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px;
            width: 27px;
            height: 27px;
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon3.png) no-repeat;
        }

        .footer10-left li.item3:hover i {
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon3hover.png) no-repeat;
        }

        .footer10-left li.item4 i {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px;
            width: 23px;
            height: 23px;
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon4.png) no-repeat;
        }

        .footer10-left li.item4:hover i {
            background: url(//static.ruituoyun.com/images/drag/PC/footer10-icon4hover.png) no-repeat;
        }

    .footer10-left a {
        display: block;
        line-height: 62px;
        border-radius: 15px;
        font-size: 18px;
        background-color: #d70c19;
        color: #fff;
        text-align: center;
        margin-top: 60px;
    }

        .footer10-left a img {
            vertical-align: middle;
            margin-right: 20px;
        }

        .footer10-left a:hover {
            background-color: #ad0a14;
        }


.footer10-right {
    float: right;
    width: 28%;
    text-align: center;
}

    .footer10-right h3 {
        font-size: 25px;
        color: #d70c19;
    }

    .footer10-right > p {
        font-size: 16px;
        margin-top: 70px;
    }

    .footer10-right ul {
        margin-left: -20px;
    }

    .footer10-right li {
        float: left;
        margin-top: 33px;
        margin-left: 20px;
    }

        .footer10-right li p {
            margin-top: 27px;
        }
/*底部10æ ·å¼ç»“æŸ*/

/*äº§å“æ‰‹é£Žç´æ ·å¼å¼€å§‹*/
.product1 {
    display: flex;
    display: -webkit-flex; /* Safari */
    width: 100%;
    box-sizing: border-box;
    height: 600px;
}

.product1 .boxs {
    flex: 1;
    overflow: hidden;
    transition: .5s;
    margin: 0;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
    line-height: 0;
    position: relative;
    opacity: 0.5;
}

.product1 .boxs > img {
    max-width:none;
    height: 100%;
}

.product1 .boxs > span {
    font-size: 20px;
    display: block;
    text-align: center;
    position: absolute;
    top: 20%;
    left: 30%;
}
.product1 .boxs > p {
    font-size: 16px;
    position: absolute;
    top: 25%;
    left: 30%;
}
.product1 .boxs.active {
    flex: 3.5;
    opacity: 1;
}
/*äº§å“æ‰‹é£Žç´æ ·å¼ç»“æŸ*/
.nonediv{min-height:20px;}
.nonediv::after {
    content:"空div";
    min-height: 20px;
}
/*可拖动空div*/
.movediv {
    min-height: 20px;
}

.movediv::after {
    content: "空div";
    min-height: 20px;
}
/*ç®€ä»‹æ ·å¼å¼€å§‹*/
.account {
    width: 1200px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.account .account_left {
    width: 498px;
    height: 600px;
    border: 1px solid #c3b240;
    float: left;
    position: relative;
    overflow: hidden;
}

.account .account_right {
    width: 700px;
    float: right;
    min-height: 264px;
    height: 564px;
    margin-top: 18px;
    background: rgba(244,244,244,0.6);
    position: relative;
    display: table;
}

.account .account_right .account_right_con {
    font-size: 30px;
    line-height: 40px;
    color: #1e50ae;
    padding: 0 80px;
    display: table-cell;
    vertical-align: middle;
}

.account .account_right .account_right_con .account_title p:first-child {
    text-indent: 32px;
    font-size: 30px;
    position: relative;
}

.account .account_right .account_right_con .account_title p:last-child {
    text-indent: 32px;
    font-size: 20px;
    line-height: 36px;
    text-transform: uppercase;
}

.account .account_right .account_right_con .account_title p:first-child:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #c9b216;
    left: 10px;
    top: 0;
}

.account .account_right .account_right_con > p {
    font-size: 18px;
    color: #444;
    line-height: 30px;
    margin: 40px auto 30px;
    letter-spacing: 1px;
    text-indent: 2em;
}

.account ul {
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
}
.account ul li a{
    color:#333;
}
.account ul li img {
    display: block;
    width: 96px;
    height: 96px;
    line-height: 96px;
    margin: 0 auto 10px;
    border-radius: 50%;
    transition: .6s;
}

.account ul li span {
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    text-indent: 0;
    transition: .6s;
}

.account ul li:hover span {
    color: #1e50ae;
}

.account ul li:hover img {
    transform: rotate(360deg);
}
/*ç®€ä»‹æ ·å¼ç»“æŸ*/
/*简介1æ ·å¼å¼€å§‹*/
.account1 {
    background: #0264b1;
    width: 100%;
    min-height: 400px;
    
    overflow: hidden;
}

.account1 .account_bg {
    width: 1200px;
    margin: 0 auto;
}

.account1 .account_bg .account_con {
    margin-top: 30px;
}

.account1 .account_bg .account_con .account_img {
    float: left;
    width: 43%;
    height: 387px;
    padding: 0 5%;
}

.account1 .account_bg .account_con .account_img img {
    width: 100%;
    height: 100%;
}

.account1 .account_bg .account_con .account_txt {
    width: 47%;
    float: right;
    padding-right: 40px;
    padding-top: 20px;
    box-sizing: border-box;
}

.account1 .account_bg .account_con .account_txt p {
    color: #fff;
    line-height: 30px;
    text-indent: 2em;
    font-size:16px;
}

.account1 .account_bg .account_con .account_txt .account_link {
    margin-top: 20px;
    overflow:hidden;
}

.account1 .account_bg .account_con .account_txt .account_link a {
    background: #014d89;
    color: #fff;
    width: 160px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    float: left;
    margin-right: 50px;
    margin-top: 20px;
    text-decoration: none;
}
.account1 .account_bg .account_con .account_txt .account_link a img{
    margin:2px 0 0 12px;
    display:inline-block;
}
.account1 .account_bg .account_con .account_txt .account_link a span {
    line-height: 50px;
    float: right;
    margin-right: 20px;
}
/*简介1æ ·å¼ç»“æŸ*/
/*简介2æ ·å¼å¼€å§‹*/
.report {
    width: 100%;
}

.report .about-box {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    background: #fff;
    display: table;
}

.report .about-box .about-box2 {
    width: 600px;
    position: relative;
}

.report .about-box .about-box-left {
    padding: 0 68px 0 28px;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}

.report .about-box .about-box-left h4 {
    font-weight: 400;
    font-size: 22px;
    line-height: 60px;
    letter-spacing: 8px;
    color: #c2a993;
}

.report .about-box .about-box-left h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 50px;
    color: #f8c633;
}

.report .about-box .about-box-left h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0px;
    font-weight: bold;
    color: #c2a993;
}

.report .about-box .about-box-left p {
    margin: 50px auto;
    line-height: 34px;
    font-size: 16px;
    color: #888;
}

.report .about-box .about-box-left a {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #faa531;
}

.report .about-box-right {
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.report .about-box-right .swiper-button-next {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: url("//static.ruituoyun.com/images/drag/PC/jiantou.png") !important;
    transition: .8s;
    left: -50px;
    top: 250px !important;
    outline: none;
}

.report .about-box-right .swiper-button-next:hover {
    background: url("//static.ruituoyun.com/images/drag/PC/jiantou_sel.png") !important;
    transform: rotate(360deg);
}

.report .about-box-right img {
    width: 100%;
    height: auto;
}
/*简介2æ ·å¼ç»“æŸ*/

/*简介3æ ·å¼å¼€å§‹*/
.brand_s {
    width: 100%;
}

.in_brand {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}



.all_content {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
}

.imgs_r {
    width: 450px;
    height: 550px;
    float: left;
    border: 10px solid #ff9000;
    box-sizing: border-box;
    max-height: 550px;
}

.all_content .imgs_r img {
    width: 100%;
    height: 100%;
}

.font_img {
    width: 700px;
    float: right;
    overflow: hidden;
}

.font_img p {
    text-indent: 2em;
    color: #666;
    line-height: 30px;
}

.font_img .c_p {
    height: 250px;
}

.font_img > div:nth-child(2) {
    width: 700px;
    height: 300px;
}

.font_img > div:nth-child(2) > img {
    width: 100%;
    height: 100%;
    max-height:300px;
}
/*简介3æ ·å¼ç»“æŸ*/
/*简介4æ ·å¼å¼€å§‹*/
.about_1 {
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
    padding: 80px 0;
    margin-bottom: 60px;
}
  
    .about_1 .fl_1 {
        position: relative;
        height: 626px;
    }
.about_1>.sec_1 {
    width: 1200px;
    margin: 0 auto;
    overflow:hidden;
}
   
.about_1 .tit {
    padding-top: 45px;
    color: #000;
}
.about_1 .tit h3 {
    font-size: 36px;
    line-height: 36px;
    text-transform: Uppercase;
    font-weight: 400;
}

.about_1 .tit h4 {
    font-size: 22px;
    line-height: 22px;
    padding: 5px 0 10px;
    font-weight: normal;
}

.about_1 .tit h6 {
    width: 15px;
    height: 1px;
    background: #0680b1;
    margin-bottom: 20px;
    font-weight: normal;
}

.about_1 .con {
    width: 556px;
    height: 112px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.about_1 .sl {
    width: 38px;
    height: 38px;
    border: 2px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    margin: 20px 0;
}

.about_1 .rm {
    width: 150px;
    height: 42px;
    background: #0680b1;
    text-align: center;
    line-height: 42px;
    color: #fff;
    text-transform: Uppercase;
}

.about_1 .rm a {
    color: #fff;
    display: block;
    text-decoration: none;
}

.about_1 .rm a:hover {
    text-decoration: underline;
}

.about_1 .tu1 {
    width: 238px;
    height: 211px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    padding: 3px;
    position: absolute;
    left: 80px;
    bottom: 0;
    background: #fff;
    z-index: 9;
    box-sizing: border-box;
}

.about_1 .tu2 {
    width: 238px;
    height: 211px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    padding: 3px;
    position: absolute;
    left: 250px;
    bottom: 140px;
    background: #fff;
    box-sizing: border-box;
}

.about_1 .tu3 {
    width: 579px;
    height: 510px;
    box-sizing: border-box;
}

.about_1 .sz {
    width: 579px;
    overflow: hidden;
    text-align: center;
}

.about_1 .sz li {
    width: 193px;
    float: left;
}

.about_1 .sz h3 {
    font-size: 40px;
    color: #2a2a2a;
    line-height: 40px;
    padding: 40px 0 20px;
    font-weight: normal;
}

.about_1 .sz h5 {
    font-size: 16px;
    color: #2a2a2a;
    line-height: 16px;
    font-weight: 400;
}

.fl_1 {
    float: left;
}

.fr_1 {
    float: right;
}
/*简介4æ ·å¼ç»“æŸ*/
/*简介5æ ·å¼å¼€å§‹*/
.all_2 {
    width: 100%;
}

.about_2 {
    width: 1200px;
    overflow: hidden;
    padding: 60px 0;
    margin: 0 auto;
}

.about_2 .con_2 {
    width: 1200px;
    overflow: hidden;
    margin-top: 30px;
}

.about_2 .con_2 .fl_2 {
    width: 420px;
    height: 520px;
    background: #fbd69f;
    position: relative;
}

.about_2 .con_2 .fl_2 img {
    display: block;
    width: 465px;
    height: 500px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.about_2 .con_2 .fr_2 {
    width: 660px;
    overflow: hidden;
}

.about_2 .con_2 .fr_2 .zi {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: justify;
    padding-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.about_2 .con_2 .fr_2 .about-logo {
    width: 127px;
    height: 56px;
    background: url(//static.ruituoyun.com/images/drag/PC/LOGO_nn.png) no-repeat;
    margin: 30px 0;
}

.about_2 .con_2 .fr_2 .tu_p {
    width: 100%;
    height: 180px;
}
.about_2 .con_2 .fr_2 .tu_p ul{
    overflow:hidden;
}
.about_2 .con_2 .fr_2 .tu_p li {
    width: 200px;
    height: 180px;
    float: left;
    margin: 0 30px 0 0;
}

.about_2 .con_2 .fr_2 .tu_p li:nth-child(3) {
    margin-right: 0;
}

.about_2 .con_2 .fr_2 .tu_p li img {
    width: 200px;
    height: 180px;
}

.fl_2 {
    float: left;
}

.fr_2 {
    float: right;
}
/*简介5æ ·å¼ç»“æŸ*/
/*简介6æ ·å¼å¼€å§‹*/
.all_3 {
    width: 100%;
    overflow:hidden;
}

.about_3 {
    width: 1200px;
    overflow: hidden;
    margin: 80px auto;
    border-top: 2px solid #f08003;
}

.about_3 .con_3 {
    width: 598px;
    overflow: hidden;
}

.about_3 .con_3 h4 {
    font-weight: normal;
    width: 128px;
    height: 25px;
    background: url(//static.ruituoyun.com/images/drag/PC/ad.png);
    margin: 20px 0 50px;
}

.about_3 .con_3 h5 {
    font-weight: normal;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    height: 140px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.about_3 .con_3 .more_3 {
    width: 132px;
    height: 50px;
    margin: 30px 0 35px;
    border: 1px solid #f08003;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    box-sizing: border-box;
}

.about_3 .con_3 .more_3 a {
    text-decoration: none;
    color: #f08003;
    display: block;
}

.about_3 .con_3 .more_3 a:hover {
    background: #f08003;
    color: #fff;
}

.about_3 .tit_3 {
    width: 73px;
    height: 263px;
    background: url(//static.ruituoyun.com/images/drag/PC/ae.png);
    margin: 436px 0 0 38px;
}

.about_3 .fr_3 {
    margin-top: 57px;
}

.fl_3 {
    float: left;
}

.fr_3 {
    float: right;
}
/*简介6æ ·å¼ç»“æŸ*/

/*简介8æ ·å¼å¼€å§‹*/
.gy8-bg {
    background: url(//static.ruituoyun.com/images/drag/PC/gy8-bg.jpg) top center;
    padding: 80px 0;
}

.about8 * {
    box-sizing: border-box;
}

.about8 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

    .about8 .tit {
        width: 100%;
        overflow: hidden;
        color: #e8340c;
    }

        .about8 .tit h3 {
            font-size: 24px;
            line-height: 26px;
            padding-bottom: 5px;
            font-weight: bold;
            margin: 0;
        }

        .about8 .tit h6 {
            font-size: 18px;
            text-transform: Uppercase;
            font-weight: 400;
            margin: 0;
        }

    .about8 .con {
        width: 1200px;
        height: 300px;
        position: relative;
        margin: 200px 0 0;
        background: url(//static.ruituoyun.com/images/drag/PC/gy8-wz.jpg);
    }

        .about8 .con .img {
            width: 300px;
            height: 400px;
            position: absolute;
            left: 40px;
            bottom: 40px;
            background: url(//static.ruituoyun.com/images/drag/PC/gy8-img.jpg);
        }

        .about8 .con .by {
            width: 410px;
            height: 54px;
            position: absolute;
            left: 400px;
            top: -110px;
            background: url(//static.ruituoyun.com/images/drag/PC/gy8-by.png);
        }

        .about8 .con .more {
            width: 120px;
            height: 46px;
            border: 1px solid #e8340c;
            position: absolute;
            top: -100px;
            right: 80px;
            padding: 9px 0 0 30px;
        }

            .about8 .con .more:hover {
                padding: 9px 0 0 40px;
            }

        .about8 .con .zi {
            width: 1200px;
            height: 300px;
            padding: 60px 70px 70px 400px;
            font-size: 16px;
            color: #fff;
            line-height: 28px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
            overflow: hidden;
        }
/*简介8æ ·å¼ç»“æŸ*/

/*简介9æ ·å¼å¼€å§‹*/
.about9 {
    height: 960px;
}

    .about9 li {
        list-style: none;
    }

.about9-left {
    float: left;
    width: 38%;
    height: 100%;
    background: url(//static.ruituoyun.com/images/drag/PC/about9-leftbg.png) no-repeat;
}

    .about9-left .left-title {
        margin-top: 224px;
        margin-right: 83px;
        float: right;
    }

        .about9-left .left-title h2 {
            font-size: 25px;
            text-align: right;
            color: #ffffff;
        }

        .about9-left .left-title h3 {
            font-size: 51px;
            margin: 33px 0;
            color: #ffffff;
        }

        .about9-left .left-title:after {
            content: '';
            display: block;
            float: right;
            width: 80px;
            height: 3px;
            background-color: #ffffff;
        }

.about9-right {
    float: right;
    width: 62%;
    height: 100%;
    background: url(//static.ruituoyun.com/images/drag/PC/about9-rightbg.png) no-repeat;
}

    .about9-right .right-info {
        margin-left: 71px;
        margin-top: 223px;
        width: 759px;
    }

        .about9-right .right-info h2 {
            font-size: 22px;
            color: #d70c19;
            font-family: NSimSun;
            border-bottom: 4px double #d70c19;
            padding-bottom: 18px;
        }

        .about9-right .right-info > p {
            margin-top: 102px;
            font-size: 16px;
            color: #333333;
            line-height: 2;
        }

    .about9-right .info-icon li {
        float: left;
        width: 33%;
        text-align: center;
        margin-top: 154px;
        border-right: 1px solid #d70c19;
    }

        .about9-right .info-icon li:last-child {
            border-right: 0 none;
        }

        .about9-right .info-icon li p {
            margin-top: 26px;
            font-size: 20px;
            color: #333333;
        }

        .about9-right .info-icon li img {
            transition: all .4s;
        }

        .about9-right .info-icon li:hover img {
            transform: rotate(360deg);
        }
/*简介9æ ·å¼ç»“æŸ*/



/* 流程1开始 */
.solutions1 a {
    text-decoration: none;
}

.solutions1 li {
    list-style: none;
}

.solutions1 {
    position: relative;
    overflow: hidden;
}

.solutions1 .solutions1-cont {
    width: 1080px;
    margin: 0 auto;
    padding: 120px 50px 40px;
    border: 10px solid rgba(255, 255, 255, .5);
    background-color: rgba(0, 0, 0, .5);
    position: relative;
    margin-bottom: 80px;
}

.solutions1 .solutions1-box .hd {
    position: relative;
    display: inline-block;
}

.solutions1 .solutions1-box .hd li {
    list-style: none;
    float: left;
    width: 180px;
    margin-left: 45px;
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
    color: #c02126;
    padding: 15px 0;
}

.solutions1 .solutions1-box .hd li.active {
    background-color: #c02126;
    color: #fff;
}

.solutions1 .solutions1-box .hd li:first-child {
    margin-left: 0;
}

.solutions1 .solutions1-box .hd li span {
    padding-bottom: 5px;
    display: block;
    font-size: 34px;
}

.solutions1 .solutions1-cont {
}

.solutions1 .solutions1-box .bd {
    width: 766px;
    margin: 0 auto;
    height: 165px;
    line-height: 165px;
    margin-bottom: 158px;
    background: url("//upload.ruituoyun.com/Upload/website/27/image/2019/07/18/6369906568294238759996996.png") no-repeat;
    position: relative;
}

.solutions1 .solutions1-box .bd p {
    text-align: center;
    font-size: 48px;
    color: #fff;
    display: none;
}

.solutions1 .solutions1-box .bd p:first-child {
    display: block;
}

.solutions1 .solutions1-box .solutions1-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.solutions1 .solutions1-box .solutions1-bg p {
    display: none;
}

.solutions1 .solutions1-box .solutions1-bg p:first-child {
    display: block;
}

.solutions1 .solutions1-box .hd li {
    position: relative;
}

.solutions1 .solutions1-box .hd li:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid rgba(255, 255, 255, .8);
    content: '';
    position: absolute;
    top: -20px;
    left: 75px;
}

.solutions1 .solutions1-box .hd li.active:after {
    border-bottom: 20px solid #c02126;
}
.solutions1 .solutions1-box .solutions1-bg p img{
    width:100%;
}
    /* 流程1结束 */
    /*åŽ†ç¨‹æ ·å¼å¼€å§‹*/
    .course {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
.course .course-cont {
    width: 1000px;
    margin: 0 auto;
}
.course .course-cont ul {
    list-style: none;
    margin: 50px 0 30px 120px;
    padding-left: 30px;
    border-left: 8px solid #666;
}

.course .course-cont li {
    margin: 40px 0;
    position: relative;
}

.course .course-cont p {
    margin: 0 0 15px;
}

.course .date {
    margin-top: -10px;
    top: 50%;
    left: -158px;
    font-size: 0.95em;
    line-height: 20px;
    position: absolute;
}

.course .circle {
    margin-top: -10px;
    top: 50%;
    left: -44px;
    width: 10px;
    height: 10px;
    background: #666;
    border: 5px solid #666;
    border-radius: 50%;
    display: block;
    position: absolute;
}

.course .content {
    max-height: 20px;
    padding: 50px 20px 0;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 0.5em;
    position: relative;
}

.course .content p {
    max-height: 0;
    color: transparent;
    text-align: justify;
    hyphens: auto;
    overflow: hidden;
}

.course label {
    font-size: 1.3em;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    top: 20px;
    transition: transform 0.2s linear;
}

.course .radio {
    display: none;
}

.course li.active .work-cont label {
    cursor: auto;
    transform: translateX(42px);
}

.course li.active .circle {
    background: #fff;
}

.course li.active .content {
    max-height: 180px;
    border-color: #999;
    margin-right: 20px;
    transform: translateX(20px);
    transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
    overflow:hidden;
}

.course li.active .content p {
    max-height: 200px;
    color: #333;
    transition: color 0.3s linear 0.3s;
}
/*åŽ†ç¨‹æ ·å¼ç»“æŸ*/
/*产品2æ ·å¼å¼€å§‹*/
.module {
    width: 100%;
}

.module .module-cont {
    width: 1200px;
    margin: 0 auto;
}

.module .courses {
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

        .module .courses li {
            float: left;
            width: 275px;
            margin: 10px 0;
            position: relative;
            height: 326px;
            overflow: hidden;
            text-align: center;
        }
    .module .courses li a {
      display:block;
    }
    .module .courses li img {
        width: 100%;
        height: 100%;
    }

    .module .courses-tet {
        position: absolute;
        bottom: -202px;
        padding: 12px 12px;
        height: 220px;
        
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out
    }

        .module .courses-tet h4 {
            font-size: 16px;
            color: #fff;
            margin:0;
            padding:0;
            margin-bottom: 20px;
            text-align: center;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out
        }

        .module .courses-tet p {
            text-align: left;
            font-size: 14px;
            color: #fff;
            opacity: .8;
            line-height: 24px;
            margin-bottom: 20px;
            text-indent: 28px
        }

        .module .courses-tet span {
            font-size: 12px;
            color: #fff;
            opacity: .7;
            text-align: center;
            display: block;
        }

    .module .courses li:hover .courses-tet {
        bottom: 0;
        opacity: .9;
    }

        .module .courses li:hover .courses-tet h4 {
            text-align: left;
        }

    .module .courses li:nth-child(1) .courses-tet {
        background: #ffb244;
    }

    .module .courses li:nth-child(2) .courses-tet {
        background: #ff6250;
    }

    .module .courses li:nth-child(3) .courses-tet {
        background: #66cc65;
    }

    .module .courses li:nth-child(4) .courses-tet {
        background: #b769ff;
    }             
/*产品2æ ·å¼ç»“æŸ*/
/*产品5æ ·å¼å¼€å§‹*/
.pro_cp {
    width: 100%;
    overflow: hidden;
    background: url('./images/cp-bg.jpg') top center;
    padding: 50px 0 80px;
}


.pro_cp .con_cp {
    width: 1200px;
    height: 868px;
    overflow: hidden;
    margin: 50px auto 0;
    position: relative;
    background: #fff;
}
.pro_cp .con_cp ul{
    overflow:hidden;
}
.pro_cp li .zi_cp {
    width: 302px;
    height: 242px;
    padding: 40px;
}

.pro_cp li:nth-child(1) {
    width: 888px;
    height: 242px;
    position: absolute;
    top: 0;
    left: 0;
}

.pro_cp li:nth-child(2) {
    width: 302px;
    height: 626px;
    position: absolute;
    top: 242px;
    left: 0;
}

.pro_cp li:nth-child(3) {
    width: 596px;
    height: 626px;
    position: absolute;
    top: 242px;
    left: 302px;
}

.pro_cp li:nth-child(4) {
    width: 302px;
    height: 626px;
    position: absolute;
    top: 242px;
    right: 0;
}

.pro_cp li:nth-child(5) {
    width: 312px;
    height: 242px;
    position: absolute;
    top: 0;
    right: 0;
}

.pro_cp li .tu_cp {
    align-items: center;
    display: flex;
    overflow: hidden;
}

.pro_cp li:nth-child(1) .tu_cp {
    width: 586px;
    height: 242px;
    float: left;
}

.pro_cp li:nth-child(2) .tu_cp {
    width: 302px;
    height: 384px;
    margin-top: 242px;
}

.pro_cp li:nth-child(3) .tu_cp {
    width: 596px;
    height: 384px;
}

.pro_cp li:nth-child(4) .tu_cp {
    width: 302px;
    height: 384px;
    margin-top: 242px;
}

.pro_cp li:nth-child(5) .tu_cp {
    width: 312px;
    height: 242px;
}

.pro_cp li .tu_cp img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    max-width: none;
}

.pro_cp li:nth-child(2) .tu_cp img {
    height: 100%;
}

.pro_cp li:nth-child(4) .tu_cp img {
    height: 100%;
}

.pro_cp li:nth-child(5) .tu_cp img {
    height: 100%;
}

.pro_cp li .zi_cp {
    width: 302px;
    height: 242px;
    padding: 40px;
    box-sizing: border-box;
}

.pro_cp li .zi_cp h4 {
    font-family: "KaiTi";
    font-size: 24px;
    color: #181818;
    font-weight: normal;
}

.pro_cp li .zi_cp h6 {
    font-family: "KaiTi";
    width: 25px;
    height: 2px;
    background: #8e8e8e;
    margin: 20px 0;
    font-weight: normal;
}

.pro_cp li .zi_cp h5 {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    font-weight: normal;
    font-family: "KaiTi";
}

.pro_cp li:nth-child(1) .zi_cp {
    float: left;
}

.pro_cp li:nth-child(2) .zi_cp {
    margin-top: -626px;
}

.pro_cp li:nth-child(4) .zi_cp {
    margin-top: -626px;
}

.pro_cp li:nth-child(5) .zi_cp {
    display: none;
}

.pro_cp li .tu_cp img {
    transform: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}

.pro_cp li:hover .tu_cp img {
    transform: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
/*产品5æ ·å¼ç»“æŸ*/


/*å›¾ç‰‡å±•ç¤ºæ ·å¼å¼€å§‹*/
.picture {
    width: 100%;
    overflow: hidden;
}

.picture .picture-cont {
    width: 1200px;
    margin: 0 auto;
}

.picture .picture-cont .img_ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.picture .img_ul li {
    width: 380px;
    height: 270px;
    overflow: hidden;
    position: relative;
    margin: 10px 0;
}

.picture .img_ul li .up_top {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    transition: all 0.4s;
    top: 0;
    left: 0;
}

.picture .img_ul li .up_top img {
    position: absolute;
    width: 60px;
    height: 60px;
    margin: auto;
    opacity: 0;
    transition: all 0.4s;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.picture .img_ul li:hover .up_top {
    background: rgba(0, 0, 0, 0.4);
}

.picture .img_ul li:hover .up_top img {
    opacity: 1;
}

.picture .img_ul li img {
    width: 100%;
    height: 100%;
}
/*å›¾ç‰‡åˆ—è¡¨æ ·å¼ç»“æŸ*/
/*ä¼˜åŠ¿æ ·å¼å¼€å§‹*/
.advantage {
    width: 100%;
    overflow: hidden;
}

.advantage-cont {
    width: 1200px;
    height: 670px;
    margin: 0 auto;
}

.advantage .tu {
    width: 402px;
    overflow: hidden;
    float: left;
    margin-top: 25px;
}

    .advantage .tu .jm_1 {
        width: 100%;
        height: 242px;
        float: left;
    }

    .advantage .tu .jm_2 {
        width: 266px;
        height: 256px;
        float: left;
        margin-top: 29px;
    }

    .advantage .tu .jm_3 {
        width: 127px;
        height: 122px;
        float: right;
        margin-top: 29px;
    }

    .advantage .tu .jm_4 {
        width: 127px;
        height: 122px;
        float: right;
        margin-top: 11px;
    }

    .advantage .tu .jm_5 {
        width: 100%;
        height: 74px;
        float: left;
        margin-top: 28px;
    }

.advantage .advantagelist {
    width: 744px;
    height: 670px;
    float: right;
}

    .advantage .advantagelist li {
        width: 744px;
        height: 170px;
        background: #ffb400;
        position: relative;
        margin-top: 48px;
        border-radius: 5px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
    }

        .advantage .advantagelist li .fl_a {
            width: 520px;
            height: 112px;
            overflow: hidden;
            text-align: Justify;
            margin: 40px 0 0 30px;
            color: #000;
            line-height: 28px;
            font-size: 16px;
            float: left;
        }

        .advantage .advantagelist li .fr_a {
            width: 114px;
            height: 114px;
            margin: 30px 48px 0 0;
            float: right;
        }

            .advantage .advantagelist li .fr_a img {
                width: 100%;
                height: 100%;
                transition:0.6s;
            }

        .advantage .advantagelist li:hover .fr_a img {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
            -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
            -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
        }

        .advantage .advantagelist li .tit {
            width: 357px;
            height: 64px;
            position: absolute;
            left: 16px;
            top: -37px;
        }      
/*ä¼˜åŠ¿æ ·å¼ç»“æŸ*/

/*优势2æ ·å¼å¼€å§‹*/
.advantage2 .join {
    float: left;
    width: 70%;
    height: 800px;
    overflow: hidden;
    background: url(//static.ruituoyun.com/images/drag/PC/advantage2-jm-img.jpg) center;
}

.advantage2 .join-tit {
    float: right;
    width: 30%;
    height: 800px;
    background: #aa0c03;
}

    .advantage2 .join-tit .tu {
        width: 60%;
        margin: 10% 0 0 13%;
    }

        .advantage2 .join-tit .tu img {
            width: 100%;
        }

    .advantage2 .join-tit h4 {
        text-align: center;
        font-size: 40px;
        color: #fff;
        padding: 80px 0 10px;
    }

    .advantage2 .join-tit h5 {
        text-align: center;
        font-size: 24px;
        color: #fff;
        width: 250px;
        height: 58px;
        line-height: 58px;
        margin: 0 auto;
        border-radius: 10px;
        border: 2px solid #fff;
    }

.advantage2 .nTab {
    width: 960px;
    height: 800px;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
}

.advantage2 .none {
    display: none;
}

.advantage2 .nTab .TabTitle {
    position: absolute;
    bottom: 0;
}

    .advantage2 .nTab .TabTitle li {
        list-style: none;
        width: 178px;
        height: 132px;
        font-size: 32px;
        float: left;
        cursor: pointer;
        padding-top: 45px;
        margin: 0 30px;
        line-height: 42px;
        font-weight: bold;
        text-align: center;
    }

        .advantage2 .nTab .TabTitle li span {
            /*font-size: 52px;*/
            font-weight: 400;
        }

        .advantage2 .nTab .TabTitle li.active {
            color: #f6cd5a;
            border: 3px solid #f6cd5a;
            padding-top: 42px;
        }

    .advantage2 .nTab .TabTitle .normal {
        color: #fff;
    }

.advantage2 .nTab .TabContent {
    width: 860px;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    clear: both;
    overflow: hidden;
    padding: 300px 0 0;
    display: block;
}
/*优势2æ ·å¼ç»“æŸ*/
/*å›¾ç‰‡å±•ç¤ºåˆ—è¡¨æ ·å¼å¼€å§‹*/
.anli {
    width: 100%;
    overflow: hidden;
}

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

.anli .picture1-cont > ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.anli .picture1-cont > ul:after {
	content: "";
	flex: auto;
}	 
.anli .picture1-cont > ul:after {
	content: "";
	width: 23%;
	display: block;
	height: 0;
}





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

.picture1 .picture1-cont {
    width: 1200px;
    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:after {
	content: "";
	flex: auto;
}	 
.picture1 .picture1-cont > ul:after {
	content: "";
	width: 23%;
	display: block;
	height: 0;
}		
.picture1 .picture1-cont > ul li {
    float: left;
    width: 23%;
    overflow: hidden;
	margin-right: 2%;
}
.picture1 .picture1-cont > ul li:last-child {
    margin-right: auto;
}
.picture1 .picture1-cont > ul a {
    display: block;
    overflow: hidden;
}

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

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

.picture1 .picture1-cont > ul li img:hover {
    transform: scale(1.1);
} */
/*å›¾ç‰‡å±•ç¤ºåˆ—è¡¨æ ·å¼ç»“æŸ


/*优势*/
.preponderance {
    width: 100%;
}

.preponderance .actor {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.preponderance .actor h2 {
    font-size: 36px;
    color: #1a1a1a;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    padding: 40px 0 60px 0;
}

.preponderance .actor h2 span {
    font-size: 48px;
    line-height: 48px;
    color: #ff5500;
    display: inline;
}

.preponderance .actor .ad_up_txt {
    float: left;
    width: 58%;
    margin-left: 40px;
}

.preponderance .actor .ad_up_txt h3 {
    font-size: 24px;
    line-height: 40px;
    color: #0264b1;
    margin-bottom: 5px;
}

.preponderance .actor .ad_up_txt h3 span {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #0264b1;
    margin-right: 15px;
}

.preponderance .actor .ad_up_txt p {
    line-height: 30px;
    color: #1a1a1a;
    margin-left: 55px;
    font-size: 18px;
}

.preponderance .actor .ad_up_txt p span {
    display: inline;
    color: #ff5500;
}

.preponderance .actor .ad_up_txt div:nth-child(2),
.preponderance .actor .ad_up_txt div:nth-child(3) {
    margin-top: 30px;
}

.preponderance .actor .ad_down {
    margin-top: 30px;
}

.preponderance .actor .ad_down_img {
    float: left;
    margin-right: 30px;
}

.preponderance .actor .ad_down .ad_up_txt {
    float: right;
    width: 61%;
    margin-left: 0;
}
/*历程1*/
.ny {
    width: 1200px;
    background: #FFFFFF;
    margin:0 auto;
}

.ny .ny-tit {
    padding-top: 50px;
    width: 200px;
    margin: 0 auto 70px;
}

.ny .ny-tit h3 {
    font-size: 32px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 29px;
    position: relative;
    line-height: 43px;
    font-weight: normal;
}

.ny .ny-tit h3:after {
    content: "";
    width: 40px;
    height: 3px;
    background: #008cfd;
    position: absolute;
    left: 82px;
    top: 70px;
}

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

.history {
    width: 1200px;
    margin: 0 auto;
}

.lh-history-item {
    padding: 35px 95px;
    margin-top: 30px;
    position: relative;
    overflow: inherit;
}

.lh-history-item:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    border-right: 1px dashed #B1B1B1;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    z-index: 99;
}

.lh-flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.lh-history-item:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    border-right: 1px dashed #B1B1B1;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    z-index: -1;
}

.lh-history-item li {
    width: 50%;
    position: relative;
    padding-right: 40px;
    margin-bottom: 30px;
    box-sizing:border-box;
}

.lh-history-item li:nth-child(2n) {
    padding: 0 0 0 40px;
    top: 150px;
    animation-delay: .1s;
}

.lh-history-item li h2 {
    font-size: 18px;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    color: #014099;
    margin-bottom: 10px;
    text-align: right;
}

.lh-history-item li:nth-child(2n) h2 {
    text-align: left;
    font-weight: normal;
}

.lh-history-item li h3 {
    line-height: 24px;
    color: #333;
    margin-top: 10px;
    font-weight: normal;
}

.lh-history-item li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #014099;
    position: absolute;
    right: -4px;
    top: 4px;
    border-radius: 50%;
}

.lh-history-item li:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #014099;
    position: absolute;
    right: -11px;
    top: -3px;
    border-radius: 50%;
}

.lh-history-item li:nth-child(2n):before {
    left: -4px;
}

.lh-history-item li:nth-child(2n):after {
    left: -11px;
}

.lh-history-item li .img {
    width: 405px;
}

.lh-history-item li .img img {
    width: 100%;
}

.history .lh-history-item h3 p {
    font-size: 16px;
}
/*产品4æ ·å¼å¼€å§‹*/
.picture2 {
    width: 100%;
    overflow: hidden;
}

.picture2 .picture2-cont .img_ul{
    width: 1200px;
    margin: 0 auto;
}

.picture2 .picture2-cont .img_ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}

.picture2 .img_ul li {
    width: 380px;
    overflow: hidden;
    cursor: pointer;
    margin: 10px 0;
}

.picture2 .img_ul li a {
    display: block;
    position: relative;
}

    .picture2 .img_ul li p {
        padding: 10px 0;
        text-align: center;
        color: #333;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.picture2 .img_ul li .up_top {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    transition: all 0.4s;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.picture2 .img_ul li:hover p {
    color: rgb(8,151,61);
}

.picture2 .img_ul li .up_top img {
    position: absolute;
    width: 60px;
    height: 60px;
    margin: auto;
    opacity: 0;
    transition: all 0.4s;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.picture2 .img_ul li:hover .up_top {
    background: rgba(0, 0, 0, 0.4);
}

.picture2 .img_ul li:hover .up_top img {
    opacity: 1;
}

.picture2 .img_ul li img {
    width: 100%;
    height: 100%;
}

.picture2 .pic-produre ul {
    width: 100%;
    display: block;
    text-align: center;
    margin:20px 0;
}

.picture2 .pic-produre ul li {
    display: inline-block;
    position: relative;
    line-height: 40px;
    transition: .6s;
    min-width: 100px;
    text-align: center;
    cursor: pointer;
    margin-right: 15px;
    font-size:16px;
}

.picture2 .pic-produre ul li.active {
    background: rgb(8,151,61);
    color: #fff;
}

.picture2 .pic-produre ul li:hover {
    background: rgb(8,151,61);
    color: #fff;
}

.picture2 .btns {
    display: table;
    overflow: hidden;
    margin: 0px auto;
}

.picture2 .btns a {
    display: block;
    width: 120px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    color: #333;
    font-size:16px;
    margin:20px 0;
}
/*产品4æ ·å¼ç»“æŸ*/
/*底部6æ ·å¼å¼€å§‹*/
.foot6 {
    width: 100%;
    background: #515151;
    overflow: hidden;
}

.foot6 .foot_cont {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 30px 0;
    box-sizing: border-box;
    overflow: hidden;
}

.foot6 .foot_logo {
    float: left;
    width: 40%;
}
    .foot6 .foot_logo a{
        display:block;
        text-decoration:none;
    }
    .foot6 .foot_logo a img {
        display: block;
        padding-bottom: 30px;
    }

.foot6 .foot_logo p {
    color: #FFF;
    font-size: 16px;
    line-height: 28px;
}

.foot6 .foot_logo div {
    border-top: 1px solid #ddd;
}

.foot6 .foot_logo div p:first-child {
    margin-top: 20px;
}

.foot6 .erweima {
    float: right;
    width: 30%;
}

.foot6 .erweima h2 {
    font-weight: normal;
    float: left;
    width: 150px;
    height: 150px;
    margin-left: 30px;
}

.foot6 .erweima h2 img {
    width: 100%;
    height: 100%;
}

.foot6 .erweima h2 span {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
}

.foot6 .erweima p {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

.foot6 .footer-foot {
    text-align: center;
    clear: both;
    background: #000;
}

.foot6 .footer-foot p {
    color: #ccc;
    line-height: 40px;
}
.foot6 .footer-foot p a {
    color: #ccc;
    display: inline;
    margin-right: 20px;
}
/*底部6æ ·å¼ç»“æŸ*/
/*æ–‡ç« 6æ ·å¼å¼€å§‹*/
.news6 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}


.news6 .news6-cont {
    width: 1200px;
    overflow: hidden;
    margin: 60px auto;
}

.news6 .tj .title {
    font-size: 24px;
    color: #000;
    padding: 20px 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news6 .tj .date {
    font-size: 16px;
    color: #666;
    display:block;
    margin-bottom:10px;
}

.news6 .tj div {
    font-size: 16px;
    color: #333;
    height: 70px;
    line-height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news6 .tj button {
    width: 148px;
    height: 46px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 46px;
    background: none;
    border-radius: 12px;
    border: 1px solid #b50000;
    margin-top: 25px;
}

.news6 .tj:hover button {
    background: #b50000;
    color: #fff;
}

.news6 .con li {
    width: 710px;
    overflow: hidden;
    margin-bottom: 20px;
    float: right;
}

.news6 .con li:first-child {
    width: 440px;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
}

.news6 .con li:last-child {
    margin-bottom: 0;
}

.news6 .con li .tu {
    width: 250px;
    height: 167px;
    overflow: hidden;
    float: left;
}

.news6 .con li .tu1 {
    width: 440px;
    height: 294px;
    overflow: hidden;
}

.news6 .con li .tu img {
    width: 100%;
    height: 100%;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.news6 .con li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.news6 .con li .main {
    width: 460px;
    overflow: hidden;
    padding-top: 10px; 
    padding-left: 10px;
    float: right;
    box-sizing:border-box;
}

.news6 .con li .main .tit {
    overflow: hidden;
}

.news6 .con li .main h4 {
    font-size: 24px;
    color: #000;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    margin:0;
    line-height:26px;  
}

.news6 .con li:hover .main h4 {
    text-decoration: underline;
}

.news6 .con li .main .tit span {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    float: right;
}

.news6 .con li .main .newcont {
    font-size: 16px;
    color: #333;
    height: 70px;
    line-height: 32px;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news6 .con li .main > span {
    font-size: 16px;
    color: #b50000;
    display: block;
}
/*æ–‡ç« 6æ ·å¼ç»“æŸ*/

/*æ–‡ç« 7æ ·å¼å¼€å§‹*/

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

.seven_new {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 60px 0;
}

.seven_new .con7 {
    width: 750px;
    overflow: hidden;
}

.seven_new .con7 li {
    width: 750px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 10px 25px;
    position: relative;
    box-sizing: border-box;
}

.seven_new .con7 li .time7 {
    width: 135px;
    font-size: 12px;
    color: #666;
    position: absolute;
    top: 45px;
    right: 10px;
}

.seven_new .con7 li .textImg7 {
    width: 168px;
    height: 126px;
    overflow: hidden;
}

.seven_new .con7 li .textImg7 img {
    width: 168px;
    height: 126px;
}

.seven_new .con7 li .wenzi {
    width: 540px;
    overflow: hidden;
}

.seven_new .con7 li .wenzi h4 {
    width: 380px;
    font-size: 16px;
    color: #e60012;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0;
}

.seven_new .con7 li .wenzi h5 {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    text-align: Justify;
    height: 78px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.seven_new .img_border {
    width: 290px;
    height: 470px;
    margin: 100px 0 0;
    position: relative;
}

.seven_new .img_border img {
    width: 290px;
    height: 470px;
}

.seven_new .img_border:after {
    content: "";
    width: 290px;
    height: 470px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border: 3px solid #cc0000;
    z-index: -1;
}

.seven_new .fl_left7 {
    float: left;
}

.seven_new .fl_right7 {
    float: right;
}
/*æ–‡ç« 5æ ·å¼å¼€å§‹*/

.news5 ul {
    width: 1200px;
    overflow: hidden;
    margin: 50px auto 10px;
}

.news5 ul li {
    width: 580px;
    overflow: hidden;
    margin-bottom: 70px;
    float: right;
}

.news5 ul li:first-child {
    width: 532px;
    overflow: hidden;
    float: left;
}
.news5 ul li:first-child .xw_tit{
    margin-top:10px;
}
.news5 ul li img {
    width: 532px;
    height: 280px;
}

.news5 ul li .main {
    width: 428px;
    height: 75px;
    overflow: hidden;
    float: right;
}

.news5 ul li .sz {
    width: 110px;
    height: 75px;
    font-size: 66px;
    color: #898989;
    line-height: 75px;
    border-right: 3px solid #ccc;
    float: left;
}

.news5 ul li .xw_tit {  
    overflow: hidden;
}

.news5 ul li .xw_tit .name {
    width: 75%;
    font-size: 18px;
    color: #333;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news5 ul li .xw_tit .name a {
    color: #333;
}

.news5 ul li .xw_tit .time {
    font-size: 14px;
    color: #666;
    float: right;
}

.news5 ul li .xw-cont {
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    margin: 10px 0 0;
    color: #666;
    line-height: 20px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news5 ul li:hover .xw_tit .name a {
    color: #0359b0;
    text-decoration: underline;
}

.news5 ul li:hover .sz {
    color: #0359b0;
}
/*æ–‡ç« 5æ ·å¼ç»“æŸ*/
/*æ–‡ç« åˆ—è¡¨5*/
.wz_all {
    width: 100%;
}

.wz_main {
    width: 1200px;
    margin: 0 auto;
}

.wz_main .wz_news_ny li a {
    display: block;
    text-decoration: none;
    overflow: hidden;
}

.wz_main .wz_news_ny li {
    width: 100%;
    transition: .5s;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    margin-bottom: 30px;
}

.wz_main .wz_news_ny li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.wz_main .wz_news_ny li .img_box {
    width: 30%;
    height: 250px;
    float: left;
    overflow: hidden;
}

.wz_main .wz_news_ny li .img_box img {
    width: 100%;
    height: 100%;
    transition: 1s;
}

.wz_main .wz_news_ny li:hover .img_box img {
    transform: scale(1.2);
}

.wz_main .wz_news_ny li .text {
    width: 65%;
    float: right;
}

.wz_main .wz_news_ny li .text h2 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 20px;
    overflow: hidden;
    /*内容超出后隐藏*/
    text-overflow: ellipsis;
    /* 超出内容显示为省略号*/
    white-space: nowrap;
    /*文本不进行换行*/
    transition: 1s;
    color: #999;
}

.wz_main .wz_news_ny li:hover .text h2 {
    color: #1a1a1a;
}

.wz_main .wz_news_ny li .text time {
    color: #999;
    display: block;
    margin: 10px 0 15px 0;
    transition: 1s;
}

.wz_main .wz_news_ny li:hover .text time {
    color: #666;
}

.wz_main .wz_news_ny li .text time i {
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px;
}

.wz_main .wz_news_ny li .text p {
    padding-right: 5%;
    text-indent: 2em;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 20px;
    color: #999;
    transition: 1s;
}

.wz_main .wz_news_ny li:hover .text p {
    color: #333;
}

.wz_main .wz_news_ny li .text span {
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 5px 10px;
    transition: 1s;
    color: #999;
}

.wz_main .wz_news_ny li:hover .text span {
    border: 1px solid #c6000b;
    border-radius: 10px;
    color: #333;
}

.wz_main .wz_con_page {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.wz_main .wz_page_list {
    display: inline-block;
}

.wz_main .wz_page_list li {
    display: inline;
    float: left;
    color: #333;
}

.wz_main .wz_page_list li:nth-child(3),
.wz_main .wz_page_list li:last-child {
    margin: 0 10px;
    line-height: 30px;
}

.wz_main .wz_page_list li a {
    display: block;
    text-decoration: none;
    line-height: 30px;
    color: #333;
    border: 1px solid #666;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    margin: 0 5px;
    transition: .5s;
}

.wz_main .wz_page_list li a:hover {
    background: #666;
    color: #FFFFFF;
    border: 1px solid #666;
}
/*æ–‡ç« åˆ—è¡¨5结束*/

/*产品6*/
.cp_story {
    width: 100%;
    background: url("//static.ruituoyun.com/images/drag/PC/story_bg.jpg") no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 60px 0;
}

.cp_story_bg {
    width: 1200px;
    margin: 0 auto;
}

.cp_story_bg h2 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.cp_story_bg h2 span {
    display: inline;
    color: #c6000b;
}

.cp_story_bg h3 {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-top: 10px;
}

.cp_story_bg .cp_story_img {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.cp_story_bg ul {
    margin-top: 40px;
    overflow: hidden;
}

.cp_story_bg li {
    width: 380px;
    float: left;
    margin-right: 30px;
}

.cp_story_bg li a {
    /* display: block; */
    width: 100%;
    height: 283px;
    overflow: hidden;
}

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

.cp_story_bg li p {
    color: #fff;
    line-height: 40px;
    text-align: center;
}
/*产品6æ ·å¼ç»“æŸ*/


/*产品8æ ·å¼å¼€å§‹*/
.cp8-bg {
    background: url(//static.ruituoyun.com/images/drag/PC/cp8-bg.jpg) top center;
    padding: 80px 0 40px;
}

.product8 {
    width: 1550px;
    height: 526px;
    margin: 0 auto;
}

    .product8 * {
        box-sizing: border-box;
    }

    .product8 .zi {
        float: left;
        width: 475px;
        overflow: hidden;
        padding-top: 45px;
    }

        .product8 .zi .tit {
            width: 100%;
            overflow: hidden;
            text-align: center;
            position: relative;
        }

            .product8 .zi .tit h4 {
                font-size: 40px;
                color: #ec3a0e;
                font-weight: bold;
                line-height: normal;
            }

            .product8 .zi .tit:before {
                content: "";
                width: 11px;
                height: 3px;
                background: #ec3a0e;
                position: absolute;
                left: 126px;
                top: 25px;
            }

            .product8 .zi .tit:after {
                content: "";
                width: 11px;
                height: 3px;
                background: #ec3a0e;
                position: absolute;
                right: 126px;
                top: 25px;
            }

            .product8 .zi .tit h5 {
                font-size: 16px;
                font-weight: 400;
                color: #999;
                padding-top: 10px;
            }

        .product8 .zi h6 {
            font-size: 16px;
            font-weight: 400;
            color: #666;
            text-align: left;
            line-height: 28px;
            margin: 50px 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            overflow: hidden;
        }

            .product8 .zi .more a {
                color: #ec3a0e;
                display: block;
                text-decoration: none;
                width: 190px;
                height: 60px;
                text-align: center;
                line-height: 56px;
                font-size: 24px;
                border: 2px solid #ec3a0e;
                border-radius: 50px;
                margin: 0 auto;
            }

        .product8 .zi .more:hover a {
            width: 190px;
            background: #ec3a0e;
            color: #fff;
            border-radius: 50px;
        }

    .product8 .pro {
        float: right;
        width: 1000px;
        overflow: hidden;
    }

        .product8 .pro li {
            width: 300px;
            overflow: hidden;
            margin: 0 50px 30px 0;
            float: left;
        }

            .product8 .pro li:nth-child(3n) {
                margin-right: 0;
            }

            .product8 .pro li .tu {
                width: 300px;
                height: 200px;
                overflow: hidden;
            }

            .product8 .pro li h5 {
                text-align: center;
                font-size: 16px;
                font-weight: 400;
                color: #666;
                padding-top: 15px;
            }

            .product8 .pro li .tu img {
                width: 300px;
                height: 200px;
                transform: all .7s;
                -webkit-transition: all .7s;
                -moz-transition: all .7s;
                -ms-transition: all .7s;
                -o-transition: all .7s;
            }

            .product8 .pro li:hover .tu img {
                transform: all .7s;
                -webkit-transition: all .7s;
                -moz-transition: all .7s;
                -ms-transition: all .7s;
                -o-transition: all .7s;
                transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -ms-transform: scale(1.2);
                -o-transform: scale(1.2);
            }

    .product8 .bian a{
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
        -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
        -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    }
/*产品8æ ·å¼ç»“æŸ*/

/*æ ç›®å¯¼èˆª3*/
.nav_ny {
    width: 100%;
}

.nav_ny_bg {
    width: 1200px;
    margin: 0 auto;
}

.nav_ny_bg ul {
    width: 800px;
    list-style: none;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.nav_ny_bg ul li {
    width: 140px;
    padding: 20px 10px;
    text-align: center;
}

.nav_ny_bg ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size:18px;
}

.nav_ny_bg ul .this a {
    color: #00904a;
}
.nav_ny_bg ul li a i{
    font-size:24px;
}
.nav_ny_bg ul li a:hover {
    color: #00904a;
}


/*下拉导航6æ ·å¼å¼€å§‹*/
.header6 {
    width: 100%;
    height: 100px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

    .header6 a {
        text-decoration: none;
    }

    .header6 .logo {
        width: 270px;
        height: 100px;
        position: absolute;
        left: 50%;
        margin-left: -135px;
    }

        .header6 .logo img {
            width: 270px;
            height: 100px;
        }

    .header6 .nav {
        width: 1340px;
        height: 100px;
        margin: 0 auto;
    }

        .header6 .nav li {
            list-style: none;
            width: 130px;
            height: 100px;
            text-align: center;
            float: left;
            position: relative;
        }

            .header6 .nav li:nth-child(4) {
                margin-right: 300px;
            }

            .header6 .nav li h5 {
                font-size: 16px;
                font-weight: 400;
                color: #333;
                padding-top: 32px;
                line-height: 20px;
                margin: 0;
            }

            .header6 .nav li:hover h5 {
                color: #e8340c;
            }

            .header6 .nav li:hover h6 {
                color: #e8340c;
            }

            .header6 .nav li h6 {
                font-size: 12px;
                font-weight: 400;
                color: #666;
                text-transform: Uppercase;
                margin: 0;
            }

            .header6 .nav li .erji {
                width: 130px;
                height: 0;
                position: absolute;
                overflow: hidden;
                padding-top: 10px;
            }

                .header6 .nav li .erji a {
                    display: block;
                    width: 130px;
                    height: 40px;
                    margin-bottom: 1px;
                    line-height: 40px;
                    background: #e8340c;
                    color: #fff;
                }

            .header6 .nav li:hover .erji {
                height: auto;
            }

    .header6 .bian {
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
        -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
        -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    }
/*下拉导航6æ ·å¼ç»“æŸ*/

/*导航7æ ·å¼å¼€å§‹*/
.header7 {
    width: 100%;
    background: url("//static.ruituoyun.com/images/drag/PC/header7-top2.jpg") no-repeat;
}

    .header7 a {
        text-decoration: none;
    }

    .header7 .top_info_box {
        border-bottom: 1px solid rgba(255,255,255,.2);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: rgba(0,0,0,.6);
    }

    .header7 .top_info {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
    }

        .header7 .top_info h2 {
            float: left;
            font-size: 14px;
            font-weight: 400;
            margin: 0;
        }

        .header7 .top_info span {
            float: right;
            color: #fff;
            font-weight: bold;
            display: inline-block;
        }

            .header7 .top_info span p {
                display: inline-block;
                color: #e5322d;
                font-size: 16px;
                font-weight: bold;
            }

        .header7 .top_info p {
            float: right;
            color: #fff;
            font-weight: bold;
            line-height: 40px;
        }

            .header7 .top_info p span {
                color: #e5322d;
                font-size: 16px;
                font-weight: bold;
            }

    .header7 .top {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        height: 120px;
        transition: 0.5s;
    }

        .header7 .top .logo {
            float: left;
            max-width: 30%;
            display: table;
            height: 100%;
            overflow: hidden;
        }

            .header7 .top .logo a {
                display: table-cell;
                vertical-align: middle;
            }

        .header7 .top .nav_ul {
            display: table;
            max-width: 70%;
            float: right;
            height: 100%;
        }

        .header7 .top ul {
            display: table-cell;
            /*vertical-align: middle;*/
        }

        .header7 .top li {
            list-style: none;
            float: left;
            width: 90px;
            height: 100%;
            border-radius: 15px;
            text-align: center;
            transition: .5s;
            position: relative;
        }

            .header7 .top li a {
                padding-left: 35px;
                width: 100%;
                height: 100%;
                text-align: center;
                color: #fff;
                font-size: 16px;
                letter-spacing: 2px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                transition: 1s;
                /*writing-mode: vertical-lr;*/
                position: relative;
                z-index: 1001;
                display:block;
                overflow:hidden;
            }

                .header7 .top li a p {
                    font-size: 12px;
                    width: 20px;
                    float: left;
                    margin-top: 20px;
                    word-wrap: break-word;
                }
                .header7 .top li a span {
                    width: 20px;
                    display: block;
                    float: right;
                    margin-right: 15px;
                    margin-top:10px;
                }
                    .header7 .top li:after {
                        content: '';
                        position: absolute;
                        width: 100%;
                        height: 0;
                        background: rgba(229, 50, 45, 0);
                        border-radius: 0 0 45px 45px;
                        top: 0;
                        left: 0;
                        z-index: 1000;
                        transition: .8s;
                    }

            .header7 .top li:hover:after {
                height: 160px;
                background: rgba(229, 50, 45, 1);
            }

            .header7 .top li.this:after {
                height: 160px;
                background: rgba(229, 50, 45, 1);
            }
/*导航7æ ·å¼ç»“æŸ*/

/*导航8æ ·å¼å¼€å§‹*/
.header8 li {
    list-style: none;
}

.header8 a {
    text-decoration: none;
}

.header8 {
    height: 124px;
    background: url(upload.ruituoyun.com/Upload/website/43/image/2019/07/22/6369941544623850158994060.png ) repeat-x center 100px;
}

.header8-wrap {
    width: 1200px;
    margin: 0 auto;
}

.header8-logo {
    float: left;
    margin-top: 14px;
}

    .header8-logo img {
        display: block;
    }

.header8-nav {
    float: right;
}

.header8-nav li {
    float: left;
    line-height: 100px;
    margin-left: 90px;
}

.header8-nav li a {
    position: relative;
    font-size: 16px;
    color: #333;
}

.header8-nav li a i {
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 48px;
    height: 51px;
    margin-top: -25px;
    background: url(//static.ruituoyun.com/images/drag/PC/header8-ahover.png) no-repeat;
    opacity: 0;
    transition: all .4s;
}

.header8-nav li a span {
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 48px;
    height: 51px;
    margin-top: -25px;
    background: url(//static.ruituoyun.com/images/drag/PC/header8-ahover.png) no-repeat;
    opacity: 0;
    transition: all .4s;
}

.header8-nav li.active a i {
    opacity: 1;
}
.header8-nav li.active a span {
    opacity: 1;
}
.header8-nav li a:hover i {
    opacity: 1;
}
.header8-nav li a:hover span {
    opacity: 1;
}
/*导航8æ ·å¼ç»“æŸ*/

/*æ–‡ä»¶ä¸‹è½½ç»„ä»¶æ ·å¼å¼€å§‹*/
.matter {
    width: 100%;
    overflow:hidden;
}

.commonality {
    width: 1200px;
    margin: 40px auto;
    padding: 30px;
    box-sizing: border-box;
    min-height: 400px;
    background: #fff;
}

.commonality .download li {
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
    text-indent: 1em;
    background: url(//static.ruituoyun.com/images/drag/PC/download_icon.png) no-repeat 30px;
    font-size: 16px;
    border-bottom: 1px dotted #CCC;
    transition: 0.3s;
}

.commonality .download li:hover {
    background-color: #f3f3f3;
}

.commonality .download li a {
    color: #333;
    display: inline-block;
    max-width: 800px;
    transition: 0.5s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.commonality .download li a:hover {
    text-indent: 2em;
    color: #255caf;
    text-decoration: underline;
}

.commonality .download li .date {
    color: #999;
    float: right;
}

.commonality .file_page {
    width: 100%;
    height: 35px;
    text-align: center;
    margin-top: 30px;
}

.commonality .file_list {
    display: inline-block;
    height: 35px;
}

.commonality .file_list li {
    display: inline;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #666;
}

.commonality .file_list li:nth-child(3),
.commonality .file_list li:last-child {
    margin: 0 10px;
}

.commonality .file_list li a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #666;
    border: 1px solid #00904a;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    margin: 0 5px;
    transition: .5s;
    text-decoration: none;
}

.commonality .file_list li a:hover {
    background: #00904a;
    color: #fff;
    border: 1px solid #fff;
}
/*æ–‡ä»¶ä¸‹è½½ç»„ä»¶æ ·å¼ç»“æŸ*/

/*产品列表4ç»„ä»¶æ ·å¼å¼€å§‹*/

.four_pro {
    background: #0d0d0d;
    width: 100%;
    overflow: hidden;
    
}

.child_content {
    min-height: 300px;
    width: 1200px;
    margin: 0 auto;
    padding: 40px;
    color: #fff;
    overflow:hidden;
}
.child_content .pro_details {
    overflow: hidden;
}
.child_content p {
    text-indent: 2em;
    line-height: 30px;
}

.child_content p img {
    max-width: 100%;
    height: auto;
    margin: 10px auto;
}

.pro_details .f_left {
    width: 18%;
    float: left;
}

.pro_details .f_left h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 20px;
    background: #660000;
}

.pro_details .f_left h2 span {
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 10px;
}

.pro_details .f_left ul {
    margin-top: 20px;
}

.pro_details .f_left li {
    width: 100%;
    font-size: 18px;
    line-height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
    box-sizing: border-box;
    padding-left: 20px;
    transition: 1s;
}

.pro_details .f_left li:hover {
    background: #ff1200;
}

.pro_details .f_left li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.pro_details .f_left li a {
    color: #fff;
    transition: 1s;
}

.pro_details .f_left li:hover a {
    padding-left: 20px;
}

.pro_details .f_left .act {
    background: #660000;
}

.pro_details .f_left .act a {
    padding-left: 20px;
}

.pro_details .f_left .touch {
    margin-top: 20px;
    padding: 20px;
    background: #660000;
    min-height: 160px;
}

.pro_details .f_left .touch img {
    width: 100%;
}

.pro_details .f_left .touch .lx_p {
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 10px;
    box-sizing: border-box;
}

.pro_details .f_left .touch p {
    background: url("//static.ruituoyun.com/images/drag/PC/phoness.png") no-repeat;
    background-position: left center;
    text-indent: 0;
    padding-left: 40px;
    line-height: 40px;
    font-size: 18px;
}

.pro_details .f_left .touch span {
    background: url("//static.ruituoyun.com/images/drag/PC/dw.png") no-repeat;
    padding-left: 40px;
    margin: 0 0 10px 0;
    display:block;
}

.pro_details .f_right {
    width: 78%;
    min-height: 300px;
    float: right;
}

.pro_details .f_right li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    box-sizing: border-box;
}

.pro_details .f_right li:nth-child(4n) {
    margin-right: 0;
}

.pro_details .f_right li a {
    border: 1px solid #0d0d0d;
    height: 210px;
    overflow: hidden;
    display:block;
}

.pro_details .f_right li a img {
    width: 100%;
    height: 100%;
    transition: 2s;
}

.pro_details .f_right li:hover a img {
    transform: scale(1.1);
}

.pro_details .f_right li:hover a {
    border: 1px solid #ff1200;
}

.pro_details .f_right li p {
    text-indent: 0;
    text-align: center;
    margin: 10px 0 20px 0;
}



.four_page {
    width: 100%;
    height: 35px;
    text-align: center;
    margin: 30px 0;
    margin: 1% 0 1% 10%;
}

.four_list {
    display: inline-block;
    height: 35px;
}

.four_list li {
    display: inline;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #ccc;
}

.four_list li:nth-child(3),
.four_list li:last-child {
    margin: 0 10px;
}

.four_list li a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #ccc;
    border: 1px solid #660000;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    margin: 0 5px;
    transition: .5s;
}

.four_list li a:hover {
    background: #660000;
    color: #FFFFFF;
    border: 1px solid #660000;
}

       
/*产品列表4ç»„ä»¶æ ·å¼ç»“æŸ*/


/*优势3ç»„ä»¶æ ·å¼å¼€å§‹*/
.good {
    width: 100%;
    
    padding: 60px 0;
}

.good_bg {
    width: 1200px;
    margin: 0 auto;
}

.good_bg h2 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

.good_bg h2 span {
    display: inline;
    color: #c6000b;
}

.good_bg h3 {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-top: 10px;
    font-weight: normal;
}

.good_bg ul {
    margin-top: 40px;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
}

.good_bg ul::before {
    content: "";
    clear: both;
    display: block;
    height: 100%;
    background: #666;
    width: 1px;
    transition: 1s;
    position: absolute;
    left: 50%;
    top: 0;
}

.good_bg li {
    width: 49%;
    float: left;
    padding-right: 51%;
}

.good_bg li a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    color: #c6000b;
    background: #fff;
    font-size: 32px;
    line-height: 52px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #666;
    position: absolute;
    right: 50%;
    margin-right: -31px;
    text-decoration: none;
}

.good_bg li h4 {
    text-align: right;
    margin-right: 50px;
    font-size: 24px;
    line-height: 24px;
    color: #c6000b;
    margin-bottom: 10px;
    font-weight: normal;
}

.good_bg li p {
    text-align: right;
    margin-right: 50px;
    line-height: 26px;
}

.good_bg li:nth-child(even) {
    float: right;
    padding-right: 0;
    padding-left: 51%;
}

.good_bg li:nth-child(even) h4 {
    text-align: left;
    margin-left: 50px;
}

.good_bg li:nth-child(even) p {
    text-align: left;
    margin-left: 50px;
}

.good_bg .alliance {
    display: block;
    text-decoration: none;
    width: 320px;
    font-size: 24px;
    background: #c6000b;
    color: #fff;
    font-weight: bold;
    border-radius: 15px;
    margin: 40px auto;
    text-align: center;
    line-height: 48px;
    box-sizing: border-box;
}
/*优势3æ ·å¼ç»“æŸ*/

/*优势5æ ·å¼å¼€å§‹*/
.advantage5 {
    height: 960px;
    background: url(//static.ruituoyun.com/images/drag/PC/advantage5-bg.png) no-repeat;
}

    .advantage5 li {
        list-style: none;
    }
        .advantage5 li a{
            display:block;
            text-decoration:none;
        }
        .advantage5-wrap {
            width: 1200px;
            margin: 0 auto;
        }

.advantage5-top {
    padding-top: 145px;
}

    .advantage5-top .left {
        position: relative;
        width: 60%;
        float: left;
    }

        .advantage5-top .left p {
            position: absolute;
            right: 213px;
            bottom: 252px;
            width: 93px;
            height: 44px;
            line-height: 36px;
            font-size: 22px;
            text-align: center;
            color: #fff;
            background: url(//static.ruituoyun.com/images/drag/PC/advantage5-zfx.png) no-repeat;
        }

        .advantage5-top .left span {
            display: block;
            width: 300px;
            height: 59px;
            position: absolute;
            top: 308px;
            right: -42px;
            background: url(//static.ruituoyun.com/images/drag/PC/advantage5-xian.png) no-repeat;
        }

    .advantage5-top .right {
        float: right;
        width: 388px;
        margin-top: 80px;
        background-color: #bf0b17;
        padding: 13px;
    }

        .advantage5-top .right p {
            height: 100%;
            background: url(//static.ruituoyun.com/images/drag/PC/advantage5-rightbg.png) repeat;
            font-size: 16px;
            color: #fff;
            line-height: 2;
            border: 3px dashed #ffffff;
            padding: 40px 30px;
            box-sizing: border-box;
        }

.advantage5-bottom {
    width: 1060px;
    margin: 30px auto 0;
}

    .advantage5-bottom .join {
        float: left;
        width: 20%;
        height: 179px;
        margin-top: -10px;
        text-align: center;
        background: #d70c19;
    }

        .advantage5-bottom .join img {
            margin-top: 20px;
        }

        .advantage5-bottom .join p {
            font-size: 16px;
            color: #fff;
            margin-top: 10px;
        }

    .advantage5-bottom ul {
        float: left;
        height: 160px;
        width: 80%;
        background-color: #cfac7b;
    }

    .advantage5-bottom li {
        float: left;
        width: 25%;
        box-sizing: border-box;
        text-align: center;
        margin: 30px 0;
        padding: 10px 0;
        border-right: 1px solid rgba(255, 255, 255, .5);
    }

        .advantage5-bottom li:last-child {
            border-right: 0 none;
        }

        .advantage5-bottom li a span {
            display: block;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            background: url(//static.ruituoyun.com/images/drag/PC/advantage5-m.png) no-repeat;
        }
        .advantage5-bottom li a i {
            display: block;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            background: url(//static.ruituoyun.com/images/drag/PC/advantage5-m.png) no-repeat;
        }

        .advantage5-bottom li p {
            margin-top: 10px;
            color: #d70c19;
        }

        .advantage5-bottom li:hover a p {
            color: #fff;
            transition:.6s;
        }

        .advantage5-bottom li:hover a span {
            background: url(//static.ruituoyun.com/images/drag/PC/advantage5-mhover.png) no-repeat;
            transition: .6s;
        }
        .advantage5-bottom li:hover a i {
            background: url(//static.ruituoyun.com/images/drag/PC/advantage5-mhover.png) no-repeat;
            transition: .6s;
        }
/*优势5æ ·å¼ç»“æŸ*/

/*简介7æ ·å¼å¼€å§‹*/
.opp {
    width: 100%;
}

.cashfiesta {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 60px 0;
}

.cashfiesta .cc1 {
    width: 660px;
    overflow: hidden;
}


.cashfiesta .cc1 h5 {
    font-weight: normal;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    height: 140px;
}

.cashfiesta .cc1 img {
    width: 660px;
    height: 124px;
    margin-top: 30px;
}

.cashfiesta .cc1 a {
    display: block;
    text-decoration: none;
}

.cashfiesta .pho_f {
    width: 490px;
    overflow: hidden;
    padding-top: 5px;
}

.cashfiesta .pho_f li {
    width: 235px;
    height: 140px;
    float: left;
    margin: 0 0 10px 10px;
}

.cashfiesta .pho_f li a {
    width: 235px;
    height: 140px;
    display: block;
}

.cashfiesta .pho_f li a img {
    width: 100%;
    height: 100%;
}

.cashfiesta .ri_f {
    float: right;
}

.cashfiesta .le_f {
    float: left;
}
/*æ ·å¼ç»“æŸ*/

/*优势4æ ·å¼å¼€å§‹*/
.good_anli {
    width: 100%;
}

.strength {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 600px;
}

.strength .strength-cont {
    border: 1px solid #eee;
}

.strength .strength-cont ul {
    overflow: hidden;
}

.strength .strength-cont ul li {
    position: relative;
    list-style: none;
    width: 100%;
    height: 100%;
    transition: 1s;
    display: none;
}

.strength .strength-cont ul li.active {
    display: block;
}

.strength .strength-cont .strength-body {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 30px 50px;
    width: 600px;
    height: 250px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .9);
    border-top-left-radius: 15px;
}

.strength .strength-cont .strength-body p {
    color: #333;
    font-size: 20px;
    letter-spacing: 1px;
}

.strength .strength-cont .strength-body div {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 20px;
}

.strength .strength-cont .strength-body a {
    display: block;
    color: #fff;
    background: #12469c;
    line-height: 40px;
    width: 150px;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    text-decoration: none;
}

.strength .strength-type ul {
    position: absolute;
    left: 0;
    top: 55px;
}

.strength .strength-type ul li {
    cursor:pointer;
    list-style: none;
    width: 200px;
    height: 80px;
    line-height: 80px;
    transition: 1s;
    background: rgba(255, 255, 255, .85);
    font-size: 18px;
    margin-bottom: 2px;
    position: relative;
}

.strength .strength-type ul li span {
    color: #555;
}

.strength .strength-type ul li:after {
    content: '';
    width: 200px;
    height: 0px;
    transition: .6s;
    background: #B92025;
    position: absolute;
    top: 0;
    left: 0;
}

.strength .strength-type ul li:before {
    content: '';
    width: 200px;
    height: 0px;
    transition: .6s;
    background: #B92025;
    bottom: 0;
    left: 0;
    position: absolute;
}

.strength .strength-type ul li h1 {
    font-size: 40px;
    color: #999;
    float: left;
    margin-right: 15px;
    margin-left: 20px;
    line-height:80px;
}

.strength .strength-type ul li.active {
    background: #fff;
    color: #B92025;
}

.strength .strength-type ul li.active h1 {
    color: #B92025;
}

.strength .strength-type ul li:last-child a {
    text-decoration: none;
}

.strength .strength-type ul li.active:after,
.strength .strength-type ul li.active:before {
    height: 5px;
}
/*优势4æ ·å¼ç»“æŸ*/
/*优势6æ ·å¼å¼€å§‹*/
.join_ys {
    width: 100%;
    padding: 80px 0 60px;
    background: url("//static.ruituoyun.com/images/drag/PC/join_bg.jpg") no-repeat top center;
}


.ys_tab {
    width: 1200px;
    margin: 0 auto;
}


.ys_tab .wtTabContent {
    width: 1200px;
    margin: 50px auto 0;
}

.ys_tab .tab_qh ol {
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
}

.ys_tab .tab_qh ol dl {
    width: 560px;
    height: 240px;
    margin: 0 20px 40px 20px;
    padding: 20px;
    float: left;
    background: #d7141a url("//static.ruituoyun.com/images/drag/PC/01.png") no-repeat center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.ys_tab .tab_qh ol dl:nth-child(2) {
    background: #d7141a url("//static.ruituoyun.com/images/drag/PC/02.png") no-repeat center;
}

.ys_tab .tab_qh ol dl:nth-child(3) {
    background: #d7141a url("//static.ruituoyun.com/images/drag/PC/03.png") no-repeat center;
}

.ys_tab .tab_qh ol dl:nth-child(4) {
    background: #d7141a url("//static.ruituoyun.com/images/drag/PC/04.png") no-repeat center;
}

.ys_tab .tab_qh h3 {
    position: absolute;
    width: 500px;
    left: 30px;
    top: 0;
    border-radius: 0 0 20px 20px;
    background: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.ys_tab .tab_qh .dl_box {
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    padding: 50px 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ys_tab .tab_qh .dl_box p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 1px;
}

.ys_tab #wtTab {
    width: 360px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.ys_tab #wtTab li {
    cursor:pointer;
    width: 160px;
    color: #666;
    line-height: 40px;
    border: 2px solid #666;
    font-size: 14px;
    background: rgba(215, 20, 26, 0) url("//static.ruituoyun.com/images/drag/PC/05.png") no-repeat left;
    background-position-x: 10px;
    transition: .5s;
    text-align: right;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ys_tab #wtTab li:nth-child(2) {
    text-align: left;
    background: rgba(215, 20, 26, 0) url("//static.ruituoyun.com/images/drag/PC/06.png") no-repeat right;
    background-position-x: 116px;
}

.ys_tab #wtTab li.active,
.ys_tab #wtTab li:hover {
    color: #fff;
    border: #d7141a 2px solid;
    background: rgba(215, 20, 26, 1) url("//static.ruituoyun.com/images/drag/PC/05_s.png") no-repeat left;
    background-position-x: 10px;
}

.ys_tab #wtTab li:nth-child(2).active,
.ys_tab #wtTab li:nth-child(2):hover {
    background: rgba(215, 20, 26, 1) url("//static.ruituoyun.com/images/drag/PC/06_s.png") no-repeat right;
    background-position-x: 116px;
    overflow:hidden;
}

.ys_tab .wtTabContent .tab_qh {
    display: none;
}
.ys_tab .wtTabContent .tab_qh:nth-child(1) {
    display: block;
}
/*优势6æ ·å¼ç»“æŸ*/
/*流程2æ ·å¼å¼€å§‹*/
.service {
    width: 100%;
    background: url("//static.ruituoyun.com/images/drag/PC/service_bg.jpg") no-repeat center;
    padding: 30px 0;
}

.icon_nav {
    width: 1200px;
    margin: 0 auto;
}


.icon_nav .service_box {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: url("//static.ruituoyun.com/images/drag/PC/service_bg2.png") no-repeat left;
    background-position-Y: 60px;
}

.icon_nav ul {
    width: 1200px;
    margin: 60px auto 0;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.icon_nav ul .service_img {
    width: 130px;
    height: 130px;
    overflow: hidden;
    transition: .7s;
}

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

.icon_nav ul li:hover a .service_img {
    transform: rotate(360deg);
}

.service_img img {
    width: 100%;
    height: auto;
}

.icon_nav ul p {
    line-height: 24px;
    margin-top: 14px;
    color: #555;
    letter-spacing: 1px;
    transition: .7s;
    font-size: 16px;
}

.icon_nav ul li:hover a p {
    color: #d7141a;
    font-size: 18px;
}
/*流程2æ ·å¼ç»“æŸ*/
/*留言1æ ·å¼å¼€å§‹*/
* {
    margin: 0;
    padding: 0;
}

/*****留言板****/
.ly1_all {
    width: 100%;
    overflow:hidden;
}

.user_mesg1 .quick_liuyan_con {
    overflow: hidden;
}

.user_mesg1 .fl_ly1 {
    float: left;
    display: inline-block;
}

.user_mesg1 {
    width: 980px;
    margin: 40px auto;
    overflow: hidden;
    min-height: 500px;
}

.user_mesg1 input, .user_mesg1 select, .user_mesg1 textarea {
    border: 1px solid #ccc;
    color: #666;
}

.user_mesg1 .star1 {
    color: #dd2218;
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}

.user_mesg1 .star1 {
    color: #FFF;
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}

.user_mesg1 .quick_liuyan_con {
    overflow: hidden;
}

.user_mesg1 .quick_liuyan_con p {
    margin-bottom: 10px;
}

.user_mesg1 .item1-right input {
    padding: 5px 2px;
    outline: none
}

.user_mesg1 .btn1-mesSubmit {
    float: left;
    line-height: 36px;
}

.user_mesg1 textarea {
    font-size: 14px;
    padding: 5px;
    color: #666;
    resize: none;
    height: 148px;
    width: 365px;
    border-radius: 5px;
    background-color: #faf8f9;
}

.user_mesg1 .item1 {
    margin-bottom: 16px;
    _height: 31px;
    text-align: left
}

.user_mesg1 .item1 span {
    display: block;
    float: left;
    width: 128px;
    margin-right: 10px;
    text-align: right;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
}

.user_mesg1 .item1:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.user_mesg1 .item1 input[type="text"] {
    margin:0;
    padding: 5px;
    width: 365px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #faf8f9;
}

.user_mesg1 .item1 input[type="text"]:focus {
    border: 1px solid #8fafea;
}

.user_mesg1 .item1 textarea:focus {
    border: 1px solid #8fafea;
    outline: none
}

.user_mesg1 .item1 input:disabled, .user_mesg1 .item1 textarea:disabled, .user_mesg1 .item1 select:disabled {
    background: #eee;
}

.user_mesg1 .item1-right {
    float: left;
}

.user_mesg1 .item1 .btn1-mesSubmit {
    display: block;
    width: 180px;
    height: 40px;
    border: 1px solid #d7141a;
    background: #d7141a;
    color: #fff;
    border-radius: 5px;
    line-height: 30px;
    float: left;
    font-size: 18px;
    margin-left: 139px;
    _margin-left: 37px;
    margin-right: 30px;
    font-family: Microsoft Yahei;
    cursor: pointer;
    transition: .4s;
}

.user_mesg1 .item1 .btn1-mesSubmit:hover {
    background: #fff;
    color: #d7141a;
}

.user_mesg1 .item1 .btn1-mesSubmit:disabled {
    background: #ccc;
}

.user_mesg1 .form-right {
    width: 350px;
    height: 300px;
    margin: 108px 0 0 25px;
    border: 1px solid #d7141a;
    border-radius: 5px;
    position: relative;
}

.user_mesg1 .form-right h3 {
    margin:0;
    width: 310px;
    height: 46px;
    padding-left: 40px;
    line-height: 46px;
    font-size: 16px;
    background: #d7141a;
    color: #fff;
    display: inline-block;
}

.user_mesg1 .form-right h3 span {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 4px;
}

.user_mesg1 .form-right ul {
    height: 254px;
    padding: 0 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

.user_mesg1 .form-right ul li {
    width: 325px;
    min-height: 40px;
    border-bottom: dashed 1px #999999;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
}

.user_mesg1 .form-right ul li a {
    width: 100%;
    height: auto;
    display: block;
    font-size: 14px;
}

.user_mesg1 .form-right ul li:hover {
    border-bottom: dashed 1px #d7141a;
    color: #d7141a;
}

.user_mesg1 .form-right ul li:hover a {
    text-decoration: none;
}

.user_mesg1 .form-right ul li:hover p {
    color: #d7141a;
}

.user_mesg1 .form-right ul li p {
    line-height: 40px;
    font-size: 14px;
    display: inline;
    color: #666666;
    cursor: pointer;
}
/*留言1æ ·å¼ç»“æŸ*/
/*å›ºå®šå›¾ç‰‡æ ·å¼å¼€å§‹*/
.fixed_img {
    overflow: hidden;
    width: 350px;
}

.fixed_img a {
    display: inline-block;
}

.fixed_img img {
    transition: all 0.6s;
}
/*å›ºå®šå›¾ç‰‡æ ·å¼ç»“æŸ*/
/*å›ºå®šæŒ‰é’®æ ·å¼å¼€å§‹*/
.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%;
}
/*å›ºå®šæŒ‰é’®æ ·å¼ç»“æŸ*/
/*导航9æ ·å¼å¼€å§‹*/
.conttop9 {
    width: 100%;
    overflow: hidden;
}

.head_nav9 {
    width: 100%;
}

.conttop9 .conttop-cont9 {
    width: 100%;
    background: rgb(224, 189, 140);
    overflow: hidden;
}

.conttop9 .conttop-body9 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    line-height: 30px;
    color: #444;
    font-size: 14px;
    overflow:hidden;
}

.conttop9 .conttop-body9 > span,
.conttop9 .conttop-body9 > a {
    float: left;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    color: #444;
    text-decoration: none;
}

.conttop9 .conttop-body9 ul {
    float: right;
    color: #444;
    font-weight: bold;
}

.conttop9 .conttop-body9 ul li {
    float: left;
    list-style: none;
}

.conttop9 .conttop-body9 ul li a {
    color: #444;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

.conttop9 .topcont9 {
    width: 100%;
    background: url("//static.ruituoyun.com/images/drag/PC/bg_nav.jpg");
}

.conttop9 .topcont-body9 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 120px;
}
.conttop9 .topcont9 .top-logo9 a {
    display: block;
    text-decoration: none;
}
.conttop9 .topcont9 .top-logo9 a{
    float: left;
    margin-top: 25px;
}
    .conttop9 .topcont9 .top-logo9 a img {
        width: 100%;
        height: 100%;
    }
.conttop9 .topcont9 .top-phone9 {
    float: right;
}

.conttop9 .topcont9 .top-phone9 img {
    float: left;
    margin-top: 43px;
}

.conttop9 .topcont9 .top-phone9 img:first-child {
    margin: 48px 40px 0 0;
}

.conttop9 .topcont9 .top-phone9 div {
    float: left;
    margin-top: 26px;
}

.conttop9 .topcont9 .top-phone9 div p {
    color: #3c2003;
    font-size: 20px;
    line-height: 36px;
    margin-left: 15px;
}

.conttop9 .topcont9 .top-phone9 div p:last-child {
    letter-spacing: 1.2px;
}
/*导航9æ ·å¼ç»“æŸ*/
/*优势7æ ·å¼å¼€å§‹*/
.join_good {
    width: 100%;
    min-height: 400px;
    background: transparent url("//static.ruituoyun.com/images/drag/PC/join_us_bg.jpg") no-repeat center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    color: #fff;
}

.good_pro {
    width: 1200px;
    margin: 0 auto;
}



.join_con {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.join_con_2 {
    margin: 30px auto 50px;
}

.join_img1,
.join_con2 {
    float: left;
}

.join_img2,
.join_con1 {
    float: right;
}

.join_con1,
.join_con2 {
    display: table;
    height: 500px;
}

.join_con2 {
    height: 240px;
}

.join_con_box {
    display: table-cell;
    vertical-align: middle;
}

.join_conner {
    width: 464px;
}

.join_title {
    background: url("//static.ruituoyun.com/images/drag/PC/join_con_01.png") no-repeat left;
    width: 464px;
    height: 60px;
    padding-left: 80px;
    font-size: 26px;
    color: #e5322d;
    line-height: 60px;
    font-family: '黑体';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.join_title_2 {
    background: url("//static.ruituoyun.com/images/drag/PC/join_con_02.png") no-repeat left;
}

.join_title_3 {
    background: url("//static.ruituoyun.com/images/drag/PC/join_con_03.png") no-repeat left;
}

.join_conner p {
    margin: 20px auto 0;
    line-height: 24px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.join_con1 .join_conner:nth-child(1) p {
    margin-bottom: 30px;
}

.join_img1 {
    width: 650px;
    height: 500px;
    border-radius: 20px;
    border: 3px solid #e5322d;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.join_img2 {
    width: 600px;
    height: 240px;
    border-radius: 20px;
    border: 3px solid #e5322d;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.join_img1 img {
    width: 100%;
    height: auto;
}
/*优势7æ ·å¼ç»“æŸ*/
/*简介10æ ·å¼å¼€å§‹*/
.about-ten {
    width: 100%;
    background: url('//static.ruituoyun.com/images/drag/PC/about10_img.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.about-ten .about_cont10 {
    width: 1200px;
    overflow: hidden;
    padding: 60px 0;
    margin: 0 auto;
}

.about-ten .about_cont10 .con_ten {
    width: 1200px;
    overflow: hidden;
    margin-top: 30px;
}


.about-ten .about_cont10 .con_ten .fro-ten {
    width: 100%;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li a{
    display:block;
}

.about-ten .about_cont10 .con_ten .fro-ten .zi {
    width: 90%;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: justify;
    padding-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    margin: 0 auto;
}

.about-ten .about_cont10 .con_ten .fro-ten .zi p {
    text-indent: 2em;
}

.about-ten .about_cont10 .con_ten .fro-ten {
    width: 100%;
    height: auto;
}

.about-ten .about_cont10 .con_ten .fro-ten ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.about-ten .about_cont10 .con_ten .fro-ten li {
    position: relative;
    float: left;
    list-style: none;
    width: auto;
    height: auto;
    margin: 0 30px 0 0;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li .gy-img {
    position: absolute;
    top: 35px;
    left: 80px;
    z-index: 1;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li img {
    width: auto;
    height: auto;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li .gy-bgimg img {
    position: relative;
    z-index: 3;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li .gy-bgimg img:first-child {
    margin-right: 30px;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li .gy-bgimg img:last-child {
    display: none;
    margin-top: -183px;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li:hover .gy-bgimg img:last-child {
    display: block;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li:hover .gy-bgimg img:first-child {
    display: none;
}

.about-ten .about_cont10 .con_ten .fro-ten ul li .gy-img p {
    position: absolute;
    top: 64px;
    left: 62px;
    z-index: 9;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.about-ten .about_cont10 .con_2 .fro-ten ul li .gy-img p img {
    margin-top: 10px;
}
/*简介10æ ·å¼ç»“æŸ*/
/*æ–‡ç« åˆ—è¡¨7æ ·å¼å¼€å§‹*/
.all_xw {
    width: 100%;
}

.xw_cont {
    width: 1200px;
    margin: 0 auto;
}

.xwzx > div:first-child {
    text-align: center;
    padding: 20px 0;
}

.xwzx {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.xwzx .xwzx-img {
    width: 35%;
    float: left;
}

.xwzx ul {
    width: 55%;
    float: right;
    overflow: hidden;
}

.xwzx ul li {
    width: 100%;
    list-style: none;
    overflow: hidden;
    margin-bottom: 30px;
}

.xwzx ul li a {
    display: block;
}

.xwzx ul li .xw_time {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 1px solid #333;
    float: left;
    color: #333;
    transition: 0.6s;
}

.xwzx ul li .xw_time span:first-child {
    border-bottom: 1px solid #666;
    margin: 23px auto 2px;
    padding-bottom: 8px;
}

.xwzx ul li .xw_time span {
    text-align: center;
    font-size: 16px;
    display: block;
    width: 86%;
}

.xwzx ul li:hover .xw_time {
    color: #fff;
    background: #333;
    ;
}

.xwzx ul li .xw_time span:last-child {
    font-size: 20px;
    margin: 6px auto 0px;
}

.xwzx ul li a > div {
    float: right;
    width: 420px;
    color: #333;
}

.xwzx ul li .xw-tit {
    font-size: 20px;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xwzx ul li .xw-con {
    font-size: 14px;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xwzx > div.more_xw {
    clear: both;
    text-align: center;
    padding: 20px 0;
}

.xwzx > div:last-child a {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #222;
    margin: 0 auto;
    font-size: 14px;
    border: 1px solid #222;
    transition: 0.6s;
    text-decoration: none;
}

.xwzx > div:last-child a:hover {
    background: #333;
    color: #fff;
}
/*æ–‡ç« åˆ—è¡¨7æ ·å¼ç»“æŸ*/
/*产品9æ ·å¼å¼€å§‹*/
.all9_product {
    width: 100%;
    min-height: 400px;
    background: transparent url("//static.ruituoyun.com/images/drag/PC/product_bg.jpg") no-repeat center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    color: #fff;
}

.cp9_cont {
    width: 1200px;
    margin: 0 auto;
}

.all9_product .cp9_cont .cp_title {
    margin: 70px auto 0;
}

.all9_product .cp9_cont .cp_title img {
    display: block;
    margin: 0 auto;
}

.all9_product .cp9_cont ul {
    width: 1200px;
    height: 600px;
    overflow: hidden;
    border: 2px solid #333;
    margin: 40px auto 50px;
}

.all9_product .cp9_cont ul li {
    width: 200px;
    height: 200px;
    float: left;
    border: 2px solid #333;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

/* .all9_product .cp9_cont ul li a {
            display: block;
        } */

.all9_product .cp9_cont li h3 {
    font-weight: normal;
    position: absolute;
    font-size: 18px;
    text-align: center;
    line-height: 200px;
    width: 200px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: .6s;
}

.all9_product .cp9_cont li:hover h3 {
    opacity: 1;
}

.all9_product .cp9_cont ul li img {
    width: 100%;
    height: auto;
}

.all9_product .cp9_cont ul li:nth-child(3n) {
    width: 400px;
    height: 400px;
}

.all9_product .cp9_cont ul li:nth-child(3n) h3 {
    line-height: 400px;
    width: 400px;
}

.all9_product .cp9_cont ul li:nth-child(6) {
    position: relative;
    left: -800px;
    top: 0;
}

.all9_product .cp9_cont ul li:nth-child(7) {
    position: relative;
    left: 400px;
    top: -200px;
}

.all9_product .cp9_cont ul li:nth-child(8) {
    position: relative;
    left: 400px;
    top: -200px;
}

.all9_product .cp9_cont ul li:nth-child(9) {
    position: relative;
    left: 400px;
    top: -400px;
}

.all9_product .cp9_cont a.more_cp9 {
    display: block;
    position: absolute;
    width: 120px;
    height: 30px;
    z-index: 3;
    left: 37%;
    top: 48%;
    text-decoration: none;
}

.all9_product .cp9_cont a.more_cp9 p {
    height: 100%;
    position: relative;
    z-index: 3;
    text-align: center;
    color: #fff;
}

.all9_product .cp9_cont a.more_cp9:after {
    position: absolute;
    content: '';
    background: url(//static.ruituoyun.com/images/drag/PC/button_bg.png) no-repeat;
    transform: rotate(90deg);
    width: 49px;
    height: 197px;
    top: -85px;
    left: 50px;
    z-index: 2;
}
/*产品9æ ·å¼ç»“æŸ*/
/*招聘1æ ·å¼å¼€å§‹*/
.zp_person {
    width: 100%;
    overflow: hidden;
}

.rel_cont {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}


.cd-faq {
    width: 100%;
    line-height: 90px;
}

.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: 5px;
    right: -100%;
    display: block;
    height: 40px;
    width: 40px;
    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 .add-1 {
    font-size: 16px;
    float: left;
    color: #333;
    width: 240px;
    line-height: 56px;
    text-align: center;
    display:block;
}

.cd-faq-items ul li:nth-child(2n) .add-1 {
    background: #eee;
}

.cd-faq-trigger {
    position: relative;
    display: block;
    height: 56px;
    border-bottom: 1px dashed #555;
}

.cd-faq-trigger::before,
.cd-faq-trigger::after {
    position: absolute;
    content: '';
    right: 43px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: #1f1a17;
    -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: 52px;
}

.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 {
    display: none;
}

.cd-faq-content div {
    background: #fafafa;
    padding: 20px 40px 20px 50px;
    text-indent: 0;
    border: 1px #555 dashed;
    border-top: none;
}

.cd-faq-content div h3 {
    font-size: 18px;
    line-height: 40px;
    color: #333;
}

.cd-faq-content div p {
    font-size: 16px;
    line-height: 28px;
    color: #555;
    letter-spacing: 1px;
}

.zp_job {
    /*padding:55px 0 125px 0; */
    width: 1200px;
    margin: 0 auto;
}

.zp_headst {
    width: 100%;
    height: 30px;
}

.zp_headst tr td {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 130px;
    background: #4e4e4d;
    color: #fff;
    display: table-cell;
}

.add-1 span {
    float: none;
}
.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);
}
/*招聘1æ ·å¼ç»“æŸ*/
/*历程2æ ·å¼å¼€å§‹*/
.xx_all {
    width: 100%;
}

.company_lc {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

#timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

#timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed;
}

@media only screen and (min-width: 1170px) {
    #timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    #timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.timeline-block {
    position: relative;
    margin: 2em 0;
}

.timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.timeline-block:first-child {
    margin-top: 0;
}

.timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .timeline-block {
        margin: 4em 0;
    }

    .timeline-block:first-child {
        margin-top: 0;
    }

    .timeline-block:last-child {
        margin-bottom: 0;
    }
}

.timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

    .timeline-img img {
        display: block;
        width: 90%;
        height: auto;
        position: relative;
        left: 5%;
        top: 5%;
    }

    .timeline-img.pic_lc {
        background: #423c38;
    }

    .timeline-img.movie {
        background: #c03b44;
    }

    .timeline-img.location {
        background: #f0ca45;
    }

@media only screen and (min-width: 1170px) {
    .timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .timeline-img:nth-child(2n) {
        visibility: hidden;
    }

    .cssanimations .timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: bounce-1 0.6s;
        -moz-animation: bounce-1 0.6s;
        animation: bounce-1 0.6s;
    }
}

@-webkit-keyframes bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.timeline-content:nth-child(2n) {
    margin-right: -50px;
}

.timeline-content {
    position: relative;
    margin-left: 60px;
    background: #ffffff;
    border-radius: 0.25em;
    padding: 1em;
    background: #eee;
    box-shadow: 0 3px 0 #d7e4ed;
}

.timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.timeline-content h2 {
    color: #333;
}

.timeline-content p,
.timeline-content .read-more,
.timeline-content .date {
    font-size: 16px;
    font-size: 0.8125rem;
}

.timeline-content .read-more,
.timeline-content .date {
    display: inline-block;
}

.timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
    text-indent: 32px;
    color: #555;
}

.timeline-content .read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #ffffff;
    border-radius: 0.25em;
}

.no-touch .timeline-content .read-more:hover {
    background-color: #bac4cb;
}

.timeline-content .date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #ffffff;
}

.timeline-content img {
    margin: 0 auto;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
.timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
}

.timeline-content p {
    font-size: 16px;
    font-size: 1rem;
}

.timeline-content .read-more,
.timeline-content .date {
    font-size: 14px;
    font-size: 0.875rem;
}
}

@media only screen and (min-width: 1170px) {
    .timeline-content {
        margin-left: -50px;
        padding: 1.6em;
        width: 45%;
    }

.timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
}

.timeline-content .read-more {
    float: left;
}

.timeline-content .date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
}

.timeline-block:nth-child(even) .timeline-content {
    float: right;
}

.timeline-block:nth-child(even) .timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
}

.timeline-block:nth-child(even) .timeline-content .read-more {
    float: right;
}

.timeline-block:nth-child(even) .timeline-content .date {
    left: auto;
    right: 122%;
    text-align: right;
}

.cssanimations .timeline-content:nth-child(2n) {
    visibility: hidden;
}

.cssanimations .timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: bounce-2 0.6s;
    -moz-animation: bounce-2 0.6s;
    animation: bounce-2 0.6s;
}
}
/*历程2æ ·å¼ç»“æŸ*/
/*简介11æ ·å¼å¼€å§‹*/
.brief11 {
    width: 100%;
    position: relative;
}

.center11_div {
    width: 10%;
    height: 960px;
    background: #1f1a17;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 45%;
}

.center11_div h5 {
    color: #fff;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    height: 100%;
    text-align: center;
    font-family: 'MS Reference Sans serif';
    font-weight: bold;
    letter-spacing: 20px;
    font-size: 5vw;
    line-height: 200%;
}

.section11:nth-child(2n) .center11_div h5 {
    color: #1f1a17;
}

.section11:nth-child(2n) .center11_div {
    background: #fff;
}

.section11_left {
    width: 45%;
    float: left;
    height: 960px;
}

.section11_right {
    width: 45%;
    float: right;
    height: 960px;
}

.section11_box {
    display: table-cell;
    vertical-align: middle;
}

.section11_box_div {
    margin: 0 auto;
}

.brief11_box {
    display: table;
}

.brief11_img {
    width: 58.4%;
    height: 0;
    padding-bottom: 75.9%;
    position: relative;
    z-index: 101;
}

.brief11_img img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 100;
    border: 2px #fff solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.brief11_img:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url("//static.ruituoyun.com/images/drag/PC/about-img02.jpg") no-repeat center;
    background-size: 100%;
    z-index: 99;
    left: 10%;
    bottom: 10%;
}

.brief11_con {
    width: 58.4%;
}

.brief11_con img {
    max-width: 100%;
}

.brief11_con p {
    color: #333;
    padding: 50px 0;
    line-height: 34px;
    letter-spacing: 1px;
    text-indent: 35px;
}

.brief11_con a.briefmore {
    line-height: 55px;
    border: 1px solid #333;
    color: #333;
    text-align: center;
    width: 200px;
    letter-spacing: 10px;
    transition: 1s;
    text-decoration: none;
    display: block;
}

.brief11_con a.briefmore:hover {
    color: #fff;
    background: #1f1a17;
}
/*简介11æ ·å¼ç»“æŸ*/
/*æ ‡é¢˜å¤´æ ·å¼å¼€å§‹*/
.bt1 .tit1 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0 0;
}

.bt1 .tit1 h4 {
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: 400;
}

.bt1 .tit1 h5 {
    font-size: 16px;
    color: #999;
    text-align: center;
    font-weight: 400;
}

.bt1 .tit1 h6 {
    width: 40px;
    height: 2px;
    background: #0359b0;
    margin: 5px auto 0;
}
/*æ ‡é¢˜å¤´æ ·å¼ç»“æŸ*/

/*æ ‡é¢˜å¤´1æ ·å¼å¼€å§‹*/
.bt2 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.bt2 .tit2 {
    width: 459px;
    height: 234px;
    margin: 0 auto;
}
/*æ ‡é¢˜å¤´1æ ·å¼ç»“æŸ*/
/*æ ‡é¢˜å¤´2、3、4、5、6æ ·å¼å¼€å§‹*/
.bt3 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 60px 0;
}

.bt3 .tit3 {
    width: 750px;
    font-size: 14px;
    text-transform: Uppercase;
    color: #ccc;
}

.bt3 .tit3 span {
    font-weight: bold;
    color: #333;
    font-size: 24px;
    padding-right: 10px;
    display: inline;
}

.bt4 {
    width: 1200px;
    margin: 0 auto;
}

.bt4 h2 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: red;
}


.bt4 h3 {
    color: red;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-top: 10px;
}



.bt5 {
    width: 1200px;
    margin: 0 auto;
    background:#ccc;
}

.bt5 .tit5 {
    text-align: center;
    color: red;
}

.bt5 .tit5 h2 {
    font-size: 24px;
    line-height: 24px;
    padding-top: 40px;
}

.bt5 .tit5 h2 span {
    display: inline;
    margin: 0 15px;
}

.bt5 .tit5 h3 {
    font-family: Arial;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    margin-top: 8px;
}




.bt6 {
    width: 100%;
}

.tit6 {
    width: 1200px;
    height: 80px;
    background: url(//static.ruituoyun.com/images/drag/PC/title.jpg);
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

.tit6 h4 {
    font-size: 28px;
    color: #d62b33;
    font-weight: bold;
    padding: 10px 0 0 30px;
    position: relative;
    z-index: 9;
}

.tit6 h5 {
    font-size: 16px;
    color: #333;
    padding: 5px 0 0 30px;
    position: relative;
    z-index: 9;
    font-weight: 400;
}

.tit6 h6 {
    font-size: 14px;
    color: #666;
    text-align: right;
    padding: 32px 20px 0 0;
    font-weight: 400;
}

.tit6 h6 a {
    color: #666;
    display: block;
    text-decoration: none;
}

.tit6 h6 a:hover {
    color: #d62b33;
}

.tit6 .bg {
    width: 320px;
    height: 80px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 230px;
    z-index: 1;
}

.left_bt6 {
    float: left;
}

.right_bt6 {
    float: right;
}



.bt7 {
    width: 100%;
    background: #366CB3
}

.bt7 .tit7 {
    position: relative;
    text-align: center;
    margin: 40px 0;
}

.bt7 .tit7 h2 {
    font-size: 46px;
    font-weight: 400;
    color: rgba(255, 255, 255, .3);
}

.bt7 .tit7 h3 {
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    margin-top: -35px;
    margin-bottom: 10px;
}

.bt7 .tit7 p {
    font-size: 18px;
    color: #fff;
}
/*æ ‡é¢˜å¤´2、3、4、5、6æ ·å¼ç»“æŸ*/
/*åˆ†é¡µæ ·å¼å¼€å§‹*/
.f-page {
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.page_fl {
    display: inline-block;
}

.page_fl li {
    display: inline;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 20px
}

.page_fl li:nth-child(3),
.page_fl li:last-child {
    margin: 0 10px;
}

.page_fl li a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #333;
    border: 1px solid #666;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    margin: 0 5px;
    transition: .5s;
    background: #fff;
    text-decoration: none;
}

.page_fl li a:hover {
    background: #666;
    color: #FFFFFF;
    border: 1px solid #666;
}
/*åˆ†é¡µæ ·å¼ç»“æŸ*/
/*分页1æ ·å¼å¼€å§‹*/
.f-pageone.fenye {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.f-pageone.fenye li {
    display: inline-block;
    padding: 8px 20px;
    font-size: 16px;
    color: #333;
    border-radius: 5px;
    border: 1px solid #333;
    margin:0 10px;
}

.f-pageone.fenye li a {
    color: #333;
    text-decoration: none;
    display: block;
}

.f-pageone.fenye li a:hover {
    color: #d50100;
}

.f-pageone.fenye li:hover {
    border: 1px solid #d50100;
}
/*分页1æ ·å¼ç»“æŸ*/
/*优势8æ ·å¼å¼€å§‹*/
.join8_good {
    width: 100%;
    height: 100%;    
}
    .join8_good ul{
        overflow:hidden;
    }
    .join8_good li {
        width: 25%;
        overflow: hidden;
        float: left;
        position: relative;
    }

.join8_good li img {
    width: 100%;
    height: auto;
    display: block;
}

.join8_good li .bg8_good {
    width: 100%;
    height: 30%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    left: 0;
}

.join8_good li:hover .bg8_good {
    height: 100%;
    background: rgba(0, 0, 0, .8);
}

.join8_good li .mr {
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15% 0 0 10%;
}

.join8_good li:hover .mr {
    display: none;
}

.join8_good li .mr h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.join8_good li .mr h6 {
    width: 100px;
    height: 2px;
    background: #cc0000;
    margin: 8px 0 15px;
}

.join8_good li .mr h5 {
    color: #fff;
    font-size: 18px;
}

.join8_good li .jg {
    width: 100%;
    overflow: hidden;
    margin: 80% 0 0;
}

.join8_good li .jg img {
    width: 127px;
    height: 127px;
    display: block;
    margin: 0 auto;
}

.join8_good li .jg h4 {
    font-size: 36px;
    color: #cc0000;
    text-align: center;
    padding: 40px 0 60px;
    font-weight: bold
}

.join8_good li .jg h5 {
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    width: 70%;
    margin: 0 auto;
}

.join8_good li:hover .jg {
    margin: 35% 0 0;
}

.bian8 {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
/*优势8æ ·å¼ç»“æŸ*/
/*æ–‡ç« 8æ ·å¼å¼€å§‹*/
.wz8 {
    width: 100%;
}

.wz8 .nr8_content a {
    text-decoration: none;
    display: block;
    color: #333
}

.nr8_content {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
}

.nr8_content .left8 {
    float: left;
    width: 220px;
    box-sizing: border-box;
    padding-right: 30px;
    overflow: hidden;
}

.nr8_content .left8 .small_fl {
    width: 140px;
    float: left;
    color: #666;
}

.nr8_content .left8 .small_fl h2 {
    font-size: 30px;
    font-weight: 500;
    line-height:normal;
}

.nr8_content .left8 .small_fl h3 {
    font-size: 20px;
    letter-spacing: .2em;
    font-weight: 500;
    line-height:normal;
}

.nr8_content .left8 .small_fl p a {
    width: 140px;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #EA4B09;
}

.nr8_content .left8 .small_fl p:nth-child(3) {
    margin-top: 40px;
}

.nr8_content .left8 .small_fl p:nth-child(4) {
    margin-top: 15px;
}

.nr8_content .left8 .small_fl p:nth-child(4) a {
    background: #666
}

.nr8_content .right8 ul .small_fr {
    width: 400px;
    float: left;
    list-style: none;
    border-right: 1px solid #ccc;
    padding-right: 50px;
    padding-left: 0;
    margin: 0;
}

.nr8_content .right8 {
    float: right;
    width: 980px;
    height: 420px;
}

.nr8_content .right8 ul {
    overflow: hidden;
}

.nr8_content .right8 ul .small_fr a h3 {
    font-size: 17px;
    font-weight: normal;
    margin-top: 15px;
    overflow: hidden;
    line-height:normal;
}

.nr8_content .right8 ul .small_fr a h3 span {
    font-size: 14px;
    float: right;
    color: #666
}

.nr8_content .right8 ul .small_fr a {
    width: 400px;
}

.nr8_content .right8 ul .small_fr a h4 {
    font-size: 15px;
    font-weight: normal;
    margin-top: 15px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height:normal;
}

.nr8_content .right8 ul .small_fr a img {
    width: 400px;
    height: 300px;
    display: block;
}

.nr8_content .right8 ul li {
    list-style-type: disc;
}

.nr8_content .right8 ul li:nth-child(2) {
    margin-top: 0;
}

.nr8_content .right8 ul li {
    margin-top: 18px;
    color: #666;
    font-size: 12px;
    margin-left: 70px;
    float: left;
}

.nr8_content .right8 ul li:nth-of-type(1) ~ li a {
    color: #666;
    font-size: 16px;
    width: 459px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.nr8_content .left8 .small_fl p:nth-child(4) a:hover {
    color: #fff;
    background: #EA4B09;
}
.nr8_content .right8 ul li:nth-of-type(1) ~ li a:hover {
    color: #EA4B09
}

.nr8_content .right8 ul li:nth-of-type(1) ~ li:hover {
    color: #EA4B09;
}
/*æ–‡ç« 8æ ·å¼ç»“æŸ*/
/*优势3æ ·å¼å¼€å§‹*/
.ys3_cont {
    width: 100%;
    overflow: hidden;
}

.ys3_cont .lc {
    width: 1200px;
    height: 180px;
    background: #e5a811;
    border-radius: 15px;
    margin: 0 auto;
}

.ys3_cont .lc .ys_tit3 {
    width: 111px;
    height: 180px;
    font-size: 30px;
    color: #fff;
    background: #da2420;
    font-weight: bold;
    float: left;
    text-align: center;
    line-height: 111px;
    border-radius: 15px 0 0 15px;
    letter-spacing: 5px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -o-writing-mode: vertical-lr;
}

.ys3_cont .lc .tb {
    width: 1050px;
    overflow: hidden;
    padding-top: 40px;
    margin-right: 20px;
    float: right;
}

.ys3_cont .lc .tb li {
    width: 150px;
    overflow: hidden;
    float: left;
}

.ys3_cont .lc .tb li img {
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto;
    transition: 0.6s;
}

.ys3_cont .lc .tb li:hover img {
    transform: rotate(360deg);
}

.ys3_cont .lc .tb li div {
    font-size: 16px;
    color: #626874;
    text-align: center;
    padding-top: 10px;
}
/*优势3æ ·å¼ç»“æŸ*/
/*优势9æ ·å¼å¼€å§‹*/
.support1 {
    width: 100%;
    overflow: hidden;
}

.support1 .zc {
    width: 1200px;
    height: 350px;
    background: url(//static.ruituoyun.com/images/drag/PC/zhichi.png) no-repeat top center;
    position: relative;
    overflow: hidden;
    margin: 60px auto 0;
}

.support1 .zc li {
    position: absolute;
}

.support1 .zc p {
    font-size: 20px;
    color: #da2420;
    font-weight: bold;
    font-weight: bold;
    padding-bottom: 10px;
}

.support1 .zc div {
    font-size: 16px;
    color: #666;
    line-height: 24px;
}

.support1 .zc li:nth-child(1) {
    width: 300px;
    left: 0;
    top: 170px;
    text-align: right;
}

.support1 .zc li:nth-child(2) {
    width: 380px;
    left: 0;
    top: 0px;
    text-align: right;
}

.support1 .zc li:nth-child(3) {
    width: 380px;
    right: 0;
    top: 0px;
    text-align: left;
}

.support1 .zc li:nth-child(4) {
    width: 304px;
    right: 0;
    top: 170px;
    text-align: left;
}

.support1 .zc li:nth-child(5) {
    text-align: center;
    right: 50%;
    top: 50%;
    text-align: left;
    color: #da2420;
    transform: translate(50%,-30%)
}

.support1 .zc li:nth-child(5) h1 {
    text-align: center;
    font-size: 45px;
    letter-spacing: .2em;
    font-weight: 600;
}

.support1 .zc li:nth-child(5) h3 {
    margin-top: 20px;
    letter-spacing: .1em;
    font-weight: 600;
    font-size:20px;
}

/*优势9æ ·å¼ç»“æŸ*/
/*æ–‡ç« 9æ ·å¼ç»“æŸ*/
.new9 {
    width: 100%;
    overflow: hidden;
}

.new9 .new9-cont {
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}

.new9 ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
}

.new9 ul li:last-child {
    margin-right: 0%;
}

.new9 ul li a {
    display: block;
}

.new9 ul li .new-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 44px;
}

.new9 ul li .new-bgs {
    display: block;
    width: 40px;
    height: 3px;
    background: #ffae00;
}

.new9 ul li .new-date {
    font-size: 14px;
    color: #999;
    line-height: 34px;
}

.new9 ul li .new-body {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
}

.new9 ul li .new-img {
    width: 100%;
    overflow: hidden;
    height: 240px;
}

.new9 ul li .new-img img {
    transition: 0.6s;
    width: 100%;
    height: auto;
}

.new9 ul li:hover .new-img img {
    transform: scale(1.15);
}
/*æ–‡ç« 9æ ·å¼ç»“æŸ*/
/*留言3æ ·å¼å¼€å§‹*/
.messages3 {
    width: 850px;
    margin: 0px auto;
    overflow: hidden;
    background: url("//static.ruituoyun.com/images/drag/PC/messBg.png") no-repeat;
}

.messages3 ul {
    width: 600px;
    padding: 50px 0;
    box-sizing: border-box;
}

.messages3 ul li input {
    width: 265px;
    height: 40px;
    box-sizing: border-box;
    padding-left: 8px;
    float: left;
}

.messages3 ul li input:first-child {
    margin: 0 30px 0 40px;
}

.messages3 ul li textarea {
    width: 560px;
    height: 80px;
    margin-left: 40px;
    margin-top: 30px;
    padding-left: 8px;
    box-sizing: border-box;
}

.messages3 ul li a {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #e94b08;
    background: #FFF;
    border-radius: 8px;
    display: inline-block;
    margin: 30px 0 0 40px;
}

.messages3 ul li p {
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    float: right;
    margin-top: 30px;
}
/*留言3æ ·å¼ç»“æŸ*/
/*简介12æ ·å¼å¼€å§‹*/
.addmuns1 {
    width: 100%;
    overflow: hidden;
}

.addmuns1 ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.addmuns1 li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.addmuns1 li:after {
    content: '';
    position: absolute;
    width: 1px;
    display: block;
    height: 45px;
    background: #e4e4e4;
    right: 0;
    top: 15px;
}

.addmuns1 li:last-child:after {
    content: '';
    width: 0px;
}

.addmuns1 li p {
    font-size: 16px;
    line-height: 38px;
    color: #333;
    font-weight: bold;
}

.addmuns1 li p span {
    font-size: 42px;
    color: #333;
    font-weight: bold;
}

.addmuns1 li > span {
    font-size: 16px;
    color: #464646;
    font-weight: bold;
}
/*简介12æ ·å¼ç»“æŸ*/

/*简介14æ ·å¼å¼€å§‹*/
.about14 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.about14 .about14-lam {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    width: 300px;
    margin: 0 auto;
    z-index: 9;
}
    .about14 .about14-lam ul {
        margin-left: -450px;
    }

.about14 .about14-lam ul li {
    list-style: none;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
}

.about14 .about14-lam ul li.active {
    background: rgba(5, 90, 172, 0.7);
}

.about14 .about14-body {
    position: relative;
}

.about14 .about14-body li {
    display: none;
}

.about14 .about14-body li.active {
    display: block;
}

.about14 .about14-body li a {
    display: block;
}

.about14 .about14-body li a img {
    width: 100%;
}

.about14 .about14-body li a .about-title {
    position: absolute;
    top: 12%;
    width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.about14 .about14-body li a .about-title h3 {
    font-size: 32px;
    font-weight: bold;
    line-height: 70px;
    color: #fff;
}

.about14 .about14-body li a .about-title p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 30px;
    font-size: 16px;
}

.about14 .about14-body li a .about-body {
    position: absolute;
    bottom: 20%;
    right: 0;
    left: 0;
    width: 1200px;
    margin: 0 auto;    
}

.about14 .about14-body li a .about-body p {
    width: 500px;
    float: right;
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    padding-left: 50px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.7);
    line-height: 30px;
    font-size: 16px;
}
/*简介14æ ·å¼ç»“æŸ*/


/*å¯ç§»åŠ¨æœç´¢æ ·å¼å¼€å§‹*/
.search_all {
    width: 250px;
    height: 40px;
    border: 1px solid #EA4B09;
    position: relative;
}

.search_all input {
    width: 210px;
    height: 40px;
    text-indent: 1em;
    border: none;
    outline: none;
    padding:0;
    line-height:40px;
}

.search_all a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.search_all a img {
    width: 40px;
    height: 40px;
}
/*å¯ç§»åŠ¨æœç´¢æ ·å¼ç»“æŸ*/

/*可移动搜索1æ ·å¼å¼€å§‹*/
.search1 {
    position: relative;
    width: 200px;
  }

  .search1 input {
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 45px 0 15px;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 999px;
    border: solid 1px rgba(0, 0, 0, 0.6);
    background: transparent;
    font-size: 14px;
    margin-bottom: 0;
  }

  .search1 a {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }

  .search1 a img {
    display: block;
  }
/*可移动搜索1æ ·å¼ç»“æŸ*/

/*æ ç›®å¯¼èˆª4æ ·å¼å¼€å§‹*/
.pro_ten {
    width: 260px;
    height: 485px;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    
}

.cp10 {
    width: 270px;
    border-top: 1px solid #ccc;
    transform: translate(-10px,10px)
}

.cp10 ul li {
    width: 260px;
    margin-left: 10px;
}

.cp10 ul li a {
    width: 260px;
    padding-left: 20px;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: #666;
    height: 45px;
    line-height: 45px;
    background: url("//static.ruituoyun.com/images/drag/PC/cp10_01.png") no-repeat 200px center;
}

.cp10 ul li:nth-child(1) a {
    color: #fff;
}

.cp10 ul li:nth-child(1) {
    background-color: #EA4B09;
}

.cp10 ul li:hover a {
    color: #fff;
}

.cp10 ul li:hover {
    background-color: #EA4B09;
}
/*æ ç›®å¯¼èˆª4æ ·å¼ç»“æŸ*/
/*流程4æ ·å¼å¼€å§‹*/
.process3 {
    width: 100%;
    overflow: hidden;
}

.process3 ul {
    width: 1200px;
    margin: 0 auto;
    /*overflow: hidden;*/
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.process3 ul li {
    width: 24%;
    float: left;
    text-align: center;
    margin-bottom: 5px;
}

.process3 ul li a {
    display: block;
    border-radius: 8px;
     padding: 15px 0;
}

.process3 ul li:nth-child(1) a {
    background: #20193f;
}

.process3 ul li:nth-child(2) a {
    background: #ff4d78;
}

.process3 ul li:nth-child(3) a {
    background: #2169f9;
}

.process3 ul li:nth-child(4) a {
    background: #ffd817;
}

.process3 ul li:nth-child(5) a {
    background: #2169f9;
}

.process3 ul li:nth-child(6) a {
    background: #ffd817;
}

.process3 ul li:nth-child(7) a {
    background: #20193f;
}

.process3 ul li:nth-child(8) a {
    background: #ff4d78;
}

.process3 ul li img {
    display: block;
   
    margin: 0 auto;
    transition: 0.6s;
}

.process3 ul li:hover img {
    transform: scale(1.1);
}

.process3 ul li p {
    color: #1b1746;
    font-size: 16px;
    line-height: 46px;
}
/*流程4æ ·å¼ç»“æŸ*/
/*优势10æ ·å¼å¼€å§‹*/
.reason ul {
    width: 1200px;
    margin: 0 auto;
    /*overflow: hidden;*/
    display: flex;
    justify-content: space-between;
}

.reason ul li {
    width: 270px;
    float: left;
    margin-right: 20px;
    height: 350px;
    position: relative;
    margin-top: 40px;
    position: relative;
    transition: 0.6s;
    background-color: #fff;
}

.reason ul li:hover:before {
    opacity: 1;
}

.reason ul li:hover:after {
    background: rgba(0,143,57,0.6);
}

.reason ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 270px;
    height: 350px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(230deg);
    -o-transform: skew(30deg);
    transform: skewY(10deg);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    z-index: 99;
}

.reason ul li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 270px;
    height: 350px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(230deg);
    -o-transform: skew(30deg);
    transform: skewY(10deg);
    z-index: 99;
    background: url(//static.ruituoyun.com/images/drag/PC/ys-bg1.jpg) no-repeat;
    transition: 0.6s;
    opacity: 0;
}

.reason ul li:nth-child(2):before {
    content: "";
    background: url(//static.ruituoyun.com/images/drag/PC/ys-bg2.jpg) no-repeat;
}

.reason ul li:nth-child(3):before {
    content: "";
    background: url(//static.ruituoyun.com/images/drag/PC/ys-bg3.jpg) no-repeat;
}

.reason ul li:nth-child(4):before {
    content: "";
    background: url(//static.ruituoyun.com/images/drag/PC/ys-bg4.jpg) no-repeat;
}

.reason ul li:last-child {
    margin-right: 0px;
}

.reason ul li a {
    display: block;
    padding: 0 30px;
    text-align: center;
    cursor: pointer;
    z-index: 999999;
    position: absolute;
    top: 0;
    bottom: 0;
}

.reason ul li a p {
    text-align: left;
    margin-left: -30px;
    width: 0;
    height: 0;
    float: left;
    border-top: 9px solid transparent;
    border-left: 50px solid #008f39;
    border-bottom: 30px solid transparent;
    margin-top: -25px;
}

.reason ul li:hover a p {
    border-left: 50px solid #ffad01;
}

.reason ul li a p span {
    margin-left: -40px;
    margin-top: -2px;
    font-size: 13px;
    display: block;
    color: #fff;
}

.reason ul li a img {
    margin-top: 40px;
    margin-left: -15px;
}

.reason ul li a > span {
    display: block;
    color: #333;
    font-size: 16px;
    margin: 20px auto;
    transition: 0.6s;
}

.reason ul li a div {
    text-align: left;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    transition: 0.6s;
}

.reason ul li:hover a div, .reason ul li:hover a > span {
    color: #fff;
}
/*优势10æ ·å¼ç»“æŸ*/
/*留言3æ ·å¼å¼€å§‹*/
.lx3 {
    width: 100%;
}


.lx3 .ly3 {
    width: 252px;
    overflow: hidden;
    padding: 0 23px;
}

.lx3 .ly3 h4 {
    font-size: 18px;
    color: #000;
    text-align: left;
}

.lx3 .ly3 h5 {
    font-size: 18px;
    color: #666;
    font-weight: 400;
    text-align: left;
    padding-bottom: 10px;
    text-transform: Uppercase;
}

.lx3 .ly3 li {
    width: 250px;
    height: 42px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    background: #EFEFEF;
}

.lx3 .ly3 li .left {
    width: 42px;
    height: 42px;
    float: left;
    border-right: 1px solid #ccc;
}

.lx3 .ly3 li input {
    width: 185px;
    height: 40px;
    float: left;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    background: none;
    border: 0;
    padding:0;
    outline: none
}

.lx3 .ly3 .bz {
    width: 250px;
    height: 140px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #EFEFEF;
}

.lx3 .ly3 .bz .left {
    width: 42px;
    height: 140px;
    float: left;
    border-right: 1px solid #ccc;
}

.lx3 .ly3 .bz textarea {
    width: 200px;
    height: 140px;
    float: left;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    background: none;
    border: 0;
    outline: none;
    padding-top: 5px;
    box-sizing: border-box;
}

.lx3 .ly3 .tj {
    width: 160px;
    height: 40px;
    border: 0;
    background: #b00006;
    margin: 15px auto 0;
}

.lx3 .ly3zs {
    width: 275px;
    height: 418px;
    overflow: hidden;
    border-left: 1px solid #ccc;
}
/*留言3æ ·å¼ç»“æŸ*/
/*优势11æ ·å¼å¼€å§‹*/
.good_ele {
    width: 100%;
}

.ele_all {
    width: 1200px;
    margin: 0 auto;
}

.ele_all .one_hang {
    width: 822px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    line-height: 60px;
    width: 900px;
}

.ele_all .one_hang h2 {
    font-size: 30px;
    letter-spacing: .2em;
    font-weight:700;
    margin:0;
    line-height:60px;
    width:43%;
    color:black;
}
.ele_all .one_hang h2:last-child {
    text-indent: 20px;
}
.ele_all .one_hang h1 {
    font-size: 60px;
    letter-spacing: .1em;
    color: #E80113;
    line-height: 50px;
    font-weight: 700;
    margin: 0;
}

.ele_all .two_hang {
    width: 1020px;
    margin: 50px auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.ele_all .two_hang div > h2 {
    font-size: 25px;
    letter-spacing: .2em;
    color: #2A2A2A;
    font-weight: 700;
    margin: 10px;
}

.ele_all .three_hang {
    width: 1200px;
    height: auto;
    padding-bottom: 20px;
}

.ele_all .three_hang li {
    width: 1200px;
    height: 100px;
    line-height: 100px;
    text-indent: 90px;
    position: relative;   
    margin-top: 45px;
    display:flex;
    justify-content:space-between;

}
.ele_all .three_hang li:nth-child(1){
    margin:0;
}
.ele_all .three_hang li div:nth-child(1) {
    background: #2A2A2A;
    color: #fff;
    width: 600px;
    border-radius: 300px;
}

.ele_all .three_hang li div:nth-child(2) {
    position: absolute;
    width: 123px;
    height: 123px;
    border-radius: 100%;
    border: 4px solid #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #E80113;
    text-align: center;
    line-height: 123px;
    font-size: 30px;
    color: #fff;
    text-indent: 0;
    font-weight: 700;
}

.ele_all .three_hang li div:nth-child(3) {
    background: #E6E6E6;
    color: #fff;
    width: 600px;
    
    border-radius: 300px;
    color: #2A2A2A;
}

.ele_all .three_hang li div:nth-child(4) {
    clear: both;
}
/*优势11æ ·å¼ç»“æŸ*/
/*æ–‡ç« 10æ ·å¼å¼€å§‹*/
.new_ten {
    width: 100%;
}

.new10_all {
    width: 1200px;
    margin: 0 auto;
}
    .new10_all ul{
        width:740px;
    }
    .new10_all ul li:nth-child(1) {
        overflow: hidden;
        padding-bottom: 10px;
    }

.new10_all ul li:nth-child(1) div:nth-child(1) {
    float: left;
    width: 300px;
    height: 200px;
}

.new10_all ul li:nth-child(1) div:nth-child(2) {
    float: right;
    width: 400px;
}

.new10_all ul li:nth-child(1) div:nth-child(2) a {
    text-decoration: none;
    display: block;
    color: #666;
}

.new10_all ul li:nth-child(1) div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

.new10_all ul li:nth-child(1) div:nth-child(2) a h3 {
    overflow: hidden;
    
    font-weight: normal;
}

.new10_all ul li:nth-child(1) div:nth-child(2) a h3 span:nth-child(1) {
    float: left;
    display: block;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
}

.new10_all ul li:nth-child(1) div:nth-child(2) a h3 span:nth-child(2) {
    float: right;
    font-size: 15px;
}

.new10_all ul li:nth-child(1) div:nth-child(2) a p {
    font-size: 15px;
    font-weight: normal;
    margin-top: 10px;
    color: #666;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.new10_all ul li:nth-of-type(1) ~ li a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    color: #666;
}
    .new10_all ul li:nth-of-type(1) ~ li:hover a span {
        color: #E70012;
    }
    
    .new10_all ul li:nth-of-type(1) ~ li {
        padding-left: 20px;
        position: relative;
        margin-top: 15px;
    }

.new10_all ul li:nth-of-type(1) ~ li a span:nth-child(1) {
    float: left;
    width: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new10_all ul li:nth-of-type(1) ~ li a span:nth-child(2) {
    float: right;
}

.new10_all ul li:nth-of-type(1) ~ li::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #333;
    position: absolute;
    left: 0;
    top: 5px;
}
/*æ–‡ç« 10æ ·å¼ç»“æŸ*/

/*æ–‡ç« 11æ ·å¼å¼€å§‹*/
.news11-wrap {
    width: 1366px;
    margin: 0 auto;
}

    .news11-wrap .item {
        list-style: none;
        width: 38%;
        overflow: hidden;
    }

        .news11-wrap .item:nth-child(2) {
            margin-bottom: 37px;
        }

        .news11-wrap .item:first-child {
            float: left;
            width: 59%;
            margin-right: 3%;
        }

            .news11-wrap .item:first-child .pic {
                height: 371px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                overflow: hidden;
            }

                .news11-wrap .item:first-child .pic img {
                    height: 100%;
                    width: 100%;
                    display: block;
                    transition: 0.4s;
                }

                .news11-wrap .item:first-child .pic:hover img {
                    transform: scale(1.15);
                }

            .news11-wrap .item:first-child .news11-info {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-top: 0 none;
            }

.news11-info {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #f5f9ff;
    padding: 25px 30px;
}

    .news11-info .title {
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .news11-info .title a {
            font-size: 24px;
            text-decoration: none;
            color: #1a1a1a;
            transition: 0.4s;
        }

            .news11-info .title a:hover {
                margin-left: 10px;
                color: #0f7fe7;
            }

    .news11-info .des {
        margin-top: 18px;
        text-indent: 2em;
        line-height: 1.5;
        color: #4c4c4c;
    }

    .news11-info .ft {
        border-top: 1px dashed #b3b3b3;
        margin-top: 35px;
        padding-top: 15px;
    }

        .news11-info .ft .date {
            float: left;
            color: #4c4c4c;
        }

            .news11-info .ft .date img {
                width: 16px;
                height: 16px;
                margin-right: 8px;
                vertical-align: middle;
                margin-top: -3px;
            }

        .news11-info .ft .more {
            float: right;
            padding: 3px 11px;
            text-decoration: none;
            background: #dce0e6;
            font-size: 14px;
            border-radius: 4px;
            color: #4c4c4c;
            transition: 0.25s;
        }

            .news11-info .ft .more:hover {
                background: #4c4c4c;
                color: #dce0e6;
            }
/*æ–‡ç« 11æ ·å¼ç»“æŸ*/

/*æ–‡ç« 12æ ·å¼å¼€å§‹*/
.info_list_12 {
    width: 100%;
    overflow: hidden;
}

    .info_list_12 .news_left li.title {
        position: absolute;
        top: 80px;
    }

    .info_list_12 .news_left {
        box-sizing: border-box;
        background: #f7f7f7;
        position: relative;
        padding: 238px 6% 4% 10%;
    }

        .info_list_12 .news_left h2 {
            font-weight: 700;
            font-size: 48px;
            text-transform: uppercase;
            color: rgba(102, 102, 102, 0.36);
        }

        .info_list_12 .news_left h3 {
            font-weight: 700;
            font-size: 30px;
            color: #333333;
            margin-top: -32px;
        }

        .info_list_12 .news_left ul {
            width: 40%;
            float: right;
        }

        .info_list_12 .news_left .item {
            padding: 20px;
            margin-bottom: 20px;
            box-sizing: border-box;
            background: #fff;
            border: 1px solid #e5e5e5;
            transition: 1s;
        }

            .info_list_12 .news_left .item:first-child {
                float: right;
                width: 50%;
                height: 100%;
                background: #19993a;
                padding: 5% 9.5% 2.5% 9%;
                box-sizing: border-box;
                position: absolute;
                top: 0;
                left: 0;
                margin-bottom: 0;
            }

            .info_list_12 .news_left .item a {
                display: block;
                overflow: hidden;
                text-decoration: none;
            }

        .info_list_12 .news_left .item_list:hover {
            background: #19993a;
        }

        .info_list_12 .news_left .item .time {
            float: left;
            width: 20%;
            font-size: 48px;
            line-height: 48px;
            text-align: center;
            border-right: 1px solid #ccc;
            color: #666;
            transition: 1s;
        }

        .info_list_12 .news_left .item:hover .time {
            color: #fff;
        }

        .info_list_12 .news_left .item .time span {
            display: block;
            font-size: 18px;
            line-height: 18px;
            margin-top: 14px;
        }

        .info_list_12 .news_left .item .news_left_txt {
            float: right;
            width: 75%;
        }

        .info_list_12 .news_left .item:first-child .news_left_txt {
            float: none;
        }

        .info_list_12 .news_left .item .news_left_txt h4 {
            color: #333;
            font-size: 18px;
            line-height: 18px;
            margin-bottom: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: 1s;
        }

        .info_list_12 .news_left .item:first-child .news_right_txt h4 {
            font-size: 20px;
            font-weight: 400;
            color: #fff;
            margin-top: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .info_list_12 .news_left .item:hover .news_left_txt h4 {
            font-weight: 400;
            color: #fff;
        }

        .info_list_12 .news_left .item .news_left_txt .news-cont {
            color: #666;
            font-size: 16px;
            line-height: 24px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            transition: 1s;
        }

        .info_list_12 .news_left .item:hover .news_left_txt div {
            color: #fff;
        }

    .info_list_12 .news_right_img {
        width: 100%;
        height: 400px;
        overflow: hidden;
        border: 5px solid #fff;
        box-sizing: border-box;
    }

        .info_list_12 .news_right_img img {
            width: 100%;
            height: 100%;
            transition: 1s;
        }

            .info_list_12 .news_right_img img:hover {
                transform: scale(1.1);
            }

    .info_list_12 .news_right h5 {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        margin-top: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .info_list_12 .news_right_txt .news-cont {
        margin-top: 20px;
        font-size: 16px;
        line-height: 30px;
        color: rgba(255, 255, 255, 0.6);
        text-indent: 2em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .info_list_12 .news_right_txt time {
        color: rgba(255, 255, 255, 0.6);
        font-size: 16px;
        line-height: 16px;
    }

    .info_list_12 .news_left .more {
        background: #ccc;
        color: #333;
        text-align: center;
        width: 120px;
        line-height: 40px;
        display: inline-block;
        margin-top: 10px;
        transition: 1s;
        text-decoration: none;
    }

        .info_list_12 .news_left .more:hover {
            background: #19993a;
            color: #fff;
        }
/*æ–‡ç« 12æ ·å¼ç»“æŸ*/

/*æ–‡ç« 13æ ·å¼å¼€å§‹*/
.wz13_all {
    height: 710px;
    background: #000;
    padding-top: 80px;
}

.wz13_list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;

}

.wz13_list li {
    width: 380px;
}

.wz13_list li h3 {
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.wz13_list li div {
    width: 380px;
    height: 260px;
    margin: 30px auto 0px auto;
}

.wz13_list li div img {
    border: 1px solid #fff;
    padding: 10px;
    box-sizing: content-box;
    display: block;
}

.wz13_list li p {
    width: 360px;
    height: 40px;
    overflow: hidden;
    border-bottom: 1px dashed #fff;
    margin: 10px auto 0px auto;
}

.wz13_list li p a {
    display: block;
    text-decoration: none;
    line-height: 40px;
    color: #fff;
}

.wz13_list li p a:hover {
    color: #E70012;
}

.wz13_list li p:nth-child(3) {
    margin-top: 20px;
}

.wz13_list li p a span:nth-child(1) {
    display: block;
    float: left;
    font-weight: 600;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wz13_list li p a span:nth-child(2) {
    float: right;
}

.wz13_list li>a {
    display: block;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    margin: 30px auto 0px auto;
    border: 1px solid #fff;
}

.wz13_list li>a:hover {
    background: #E70012;
}
/*æ–‡ç« 13æ ·å¼ç»“æŸ*/



/*æ–‡ç« 15æ ·å¼å¼€å§‹*/
.news15 {
    width: 722px;
}

.news15-head {
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
}

    .news15-head .title {
        float: left;
        border-left: 4px solid #133d8b;
        padding-left: 10px;
    }

        .news15-head .title h2 {
            font-size: 22px;
            color: #3b5f9c;
        }

            .news15-head .title h2 span {
                font-size: 16px;
            }

    .news15-head .tab-btn {
        float: right;
        margin-top: 10px;
    }

        .news15-head .tab-btn li {
            float: left;
        }

            .news15-head .tab-btn li a {
                padding: 2px 5px;
                color: #444444;
                margin: 0 5px;
                transition: 0.4s;
            }

            .news15-head .tab-btn li.on a {
                color: #fff;
                background: #3b5f9c;
            }

.news15-body {
    overflow: hidden;
    height: 300px;
    margin-top: 25px;
    position: relative;
}

    .news15-body .tab-bd {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        /* display: none; */
        opacity: 0;
    }

        .news15-body .tab-bd:first-child {
            display: block;
            opacity: 1;
            z-index: 5;
        }

        .news15-body .tab-bd > li:first-child {
            float: left;
            width: 57%;
            height: 100%;
        }

        .news15-body .tab-bd > li:last-child {
            float: right;
            width: 40%;
            height: 100%;
        }

.news15-picnews {
    position: relative;
    height: 100%;
    border: 1px solid #eeeeee;
    overflow: hidden;
}

    .news15-picnews .bd,
    .news15-picnews .bd ul,
    .news15-picnews .bd li {
        height: 100%;
    }

        .news15-picnews .bd img {
            display: block;
            width: 100%;
            height: 100%;
            transition: 0.4s;
        }

            .news15-picnews .bd img:hover {
                transform: scale(1.15);
            }

    .news15-picnews .hd {
        position: absolute;
        bottom: 12px;
        right: 10px;
        z-index: 2;
    }

        .news15-picnews .hd li {
            float: left;
            width: 12px;
            height: 12px;
            background: #fff;
            border-radius: 50%;
            margin: 0 4px;
            text-indent: -9999px;
            cursor: pointer;
        }

            .news15-picnews .hd li.on {
                background: #3b5f9c;
            }

    .news15-picnews .bt {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
        background: rgba(0, 0, 0, 0.6);
    }

        .news15-picnews .bt li {
            width: 78%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #fff;
        }

            .news15-picnews .bt li a {
                color: #fff;
            }

.news15-list {
    height: 100%;
}

    .news15-list li {
        position: relative;
        overflow: hidden;
        height: 11.111%;
        padding-left: 15px;
    }

        .news15-list li span {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -3px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #444444;
        }

        .news15-list li a {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 80%;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #444444;
        }

            .news15-list li a:hover {
                color: #3b5f9c;
            }

        .news15-list li .date {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
            color: #444444;
        }
/*æ–‡ç« 15æ ·å¼ç»“æŸ*/


/*视频2æ ·å¼å¼€å§‹*/
.sp2_all {
    width: 100%;
}

.sp2_all ul {
    width: 400px;
}

.sp2_all ul li:nth-child(1) video {
    width: 400px;
    height: 270px;
    padding-bottom: 8px;
}

.sp2_all ul li:nth-of-type(1) ~ li a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    color: #666;
}

.sp2_all ul li:nth-of-type(1) ~ li:hover a span {
    color: #E70012;
}

.sp2_all ul li:nth-of-type(1) ~ li {
    padding-left: 20px;
    position: relative;
    margin-top: 15px;
}

.sp2_all ul li:nth-of-type(1) ~ li a span:nth-child(1) {
    float: left;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sp2_all ul li:nth-of-type(1) ~ li a span:nth-child(2) {
    float: right;
}

.sp2_all ul li:nth-of-type(1) ~ li::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #333;
    position: absolute;
    left: 0;
    top: 5px;
}
/*视频2æ ·å¼ç»“æŸ*/
/*底部11æ ·å¼å¼€å§‹*/
.foot_ele {
    width: 100%;
    background: #EA4B09;
}

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

.foot11 > div:nth-child(1) {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #ccc;
}

.foot11 ul {
    width: 980px;
    height: 90px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.foot11 ul li {
    position: relative;
}

.foot11 ul li::after {
    content: "";
    width: 2px;
    height: 17px;
    background: #fff;
    position: absolute;
    top: 3px;
    left: -50%;
}

.foot11 ul li:nth-child(1)::after {
    content: "";
    width: 0;
}

.foot11 > div:nth-child(2) {
    width: 980px;
    height: 193px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.foot11 > div:nth-child(2) > div:nth-child(1) {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 150px;
    border-right: 1px solid #ccc;
    padding-right:30px;
}

.foot11 > div:nth-child(2) > div:nth-child(2) {   
    transform: translateX(-60px)
}
.foot11 > div:nth-child(2) > div:nth-child(2) p{
    margin-top:20px;
}
.foot11 > div:nth-child(2) > div:nth-child(2) p:nth-child(1){
    margin-top:0;
}
.foot11 > div:nth-child(2) a {
    text-decoration: none;
    color: #fff;
}

.foot11 > div:nth-child(3) {
    width: 100%;
    border-top: 1px solid #ccc;
    line-height: 80px;
    text-align: center;
    color: #fff;
}

.foot11 > div:nth-child(3) a {
    text-decoration: none;
    color: #fff;
}
/*底部11æ ·å¼ç»“æŸ*/

/*底部12æ ·å¼å¼€å§‹*/
.footer12 {
    color: #d0d0d0;
    background: #333;
}

    .footer12 a {
        color: #d0d0d0;
    }

        .footer12 a:hover {
            color: #fff;
        }

.footer12-nav {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #717171;
    text-align: center;
}

    .footer12-nav a {
        margin: 0 40px;
        text-decoration: none;
    }

.footer12-wrap {
    width: 1366px;
    margin: 0 auto;
}

.footer12-info {
    padding: 50px 0;
    border-bottom: 1px solid #717171;
}

.footer12-left {
    float: left;
}

.footer12-center {
    float: left;
    margin-left: 72px;
}

    .footer12-center p {
        margin-bottom: 15px;
    }

        .footer12-center p a {
            text-decoration: none;
        }

.footer12-right {
    float: right;
}

    .footer12-right li {
        float: left;
        margin-right: 40px;
        list-style: none;
    }

        .footer12-right li img {
            width: 120px;
            height: 120px;
            display: block;
        }

        .footer12-right li p {
            margin-top: 15px;
            text-align: center;
        }

        .footer12-link {
            padding: 29px 0;
          }
      
          .footer12-link .title {
            float: left;
            width: 7%;
          }
          .footer12-link .txt {
            float: left;
            width: 93%;
            line-height: 1.5;
          }

    .footer12-link a {
        text-decoration: none;
        margin: 0 10px;
    }
/*底部12æ ·å¼ç»“æŸ*/

/*底部13æ ·å¼å¼€å§‹*/
.footer13 {
    background: #333;
  }

  .footer13-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0 50px;
  }

  .footer13-logo {
    float: left;
  }

  .footer13-content {
    width: 57.567%;
    float: left;
    margin-left: 40px;
  }

  .footer13-content .footer13-nav {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .footer13-content .footer13-nav li {
    float: left;
    margin-right: 40px;
  }

  .footer13-content .footer13-nav li:last-child {
    margin-right: 0;
  }

  .footer13-content a {
    color: #ccc;
    transition: .4s;
  }

  .footer13-content a:hover {
    color: #fff;
  }

  .footer13-content .info p {
    color: #ccc;
    line-height: 2;
  }

  .footer13-ewm {
    float: right;
  }

  .footer13-ewm li img {
    width: 130px;
    height: 130px;
  }

  .footer13-ewm li p {
    text-align: center;
    color: #ccc;
    line-height: 30px;
  }
/*底部13æ ·å¼ç»“æŸ*/

/* 友情链接1æ ·å¼å¼€å§‹ */
.links1 {
    background: #333;
  }

  .links1-wrap {
    width: 1200px;
    margin: 0 auto;
  }

  .links1-content {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 29px 0;
  }

  .links1-content .title {
    float: left;
    color: rgba(255, 255, 255, 0.6);
    width: 7%;
  }
  .links1-content .txt {
    float: left;
    width: 93%;
    line-height: 1.5;
  }

  .links1-content a {
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.6);
  }

  .links1-content a:hover {
    color: #fff;
  }
/* 友情链接1æ ·å¼ç»“æŸ */

/*产品10æ ·å¼å¼€å§‹*/
.module10 {
    width: 100%;
}

.module10 .module10-cont {
    width: 1366px;
    margin: 0 auto;
}

.module10 .courses10 {
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.module10 .courses10 li {
    width: 430px;
    margin: 10px 0;
    position: relative;
    height: 240px;
    overflow: hidden;
}

.module10 .courses10 li a {
    display: block;
}

.module10 .courses10 li img {
    width: 100%;
    height: 100%;
}

    .module10 .courses10-tet {
        position: absolute;
        bottom: -196px;
        padding: 12px 30px;
        height: 240px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        background: rgba(00, 00, 00, .5);
        border-radius: 5px;
        overflow: hidden;
        width: 100%;
        box-sizing: border-box;
    }

.module10 .courses10-tet h4 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.module10 .courses10-tet p {
    text-align: left;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 20px;
}

.module10 .courses10-tet span {
    font-size: 12px;
    color: #fff;
    opacity: .7;
    text-align: center;
    display: block;
}

.module10 .courses10 li:hover .courses10-tet {
    bottom: 0;
}

.module10 .courses10 li:hover .courses10-tet {
    background: url('//static.ruituoyun.com/images/drag/PC/cp10-07.png') no-repeat left;
    border-radius: 5px;
    background-size: 430px 240px;
}
/*产品10æ ·å¼ç»“æŸ*/
/*简介13æ ·å¼å¼€å§‹*/
.jj13_all {
    width: 100%;
    height: 175px;
    background: red;
    position: relative;
    margin-bottom: 75px;
}

.jj_cont13 {
    width: 1366px;
    height: 150px;
    /* margin: 100px auto 0 auto; */
    border-radius: 8px;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    z-index:9999;
}

.jj_cont13 li {
    width: 33%;
    height: 100px;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    align-items: center;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
}

.jj_cont13 li:nth-child(1) {
    border: none;
}

.jj_cont13 li img {
    transform: translateX(25px)
}

.jj_cont13 li div {
    width: 260px;
    transform: translateX(-25px);
}

.jj_cont13 li p:nth-child(1) {
    color: #333;
    font-size: 18px;
}

.jj_cont13 li p:nth-child(2) {
    color: #666;
    margin-top: 10px;
}
/*简介13æ ·å¼ç»“æŸ*/


/*简介16æ ·å¼å¼€å§‹*/
.about16 {
    height: 800px;
}
.about16{
    overflow:hidden;
}
.about16-content {
    float: left;
    width: 50%;
    height: 100%;
    background: url(//static.ruituoyun.com/images/drag/PC/about16-bg.png) no-repeat center;
    box-sizing: border-box;
}

  .about16-box {
    width: 660px;
    margin-top: 138px;
    margin-left: 15%;
  }

  .about16-content .rectangle {
    display: block;
    width: 140px;
    height: 10px;
    background-color: #11a538;
  }

  .about16-content .title {
    margin-top: 50px;
    font-size: 30px;
    font-weight: 700;
    color: #333333;
  }

  .about16-content .title-des {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #4d4d4d;
  }

  .about16-content .des {
    margin-top: 60px;
    font-size: 16px;
    color: #4d4d4d;
    width: 90%;
  }

  .about16-content .number {
    margin-top: 80px;
  }

  .about16-content .number li {
    float: left;
    padding: 10px 6%;
    border-left: 1px solid rgba(34, 24, 21, 0.3);
  }

  .about16-content .number li:first-child {
    border-left: 0 none;
  }

  .about16-content .number li .num {
    font-size: 14px;
  }

  .about16-content .number li .num span {
    margin-right: 5px;
    font-size: 40px;
    font-weight: 700;
    color: #11a538;
  }

  .about16-content .number li .txt {
    text-align: center;
  }

  .about16-content .more {
    display: inline-block;
    margin-top: 105px;
    transition: 0.4s;
  }

  .about16-content .more:hover {
    color: #11a538;
  }

.about16-slide {
    width: 50%;
    height: 100%;
    float: right;
}
    .about16-slide .swiper-slide img,
    .about16-slide .swiper-wrapper {
        height: 100%;
    }
.about16-slide .control {
    position: absolute;
    left: 0;
    bottom: 160px;
    width: 110px;
    height: 60px;
    background: #fbfbfb;
    z-index: 2;
    padding: 0 45px;
}

  .about16-button-next,
  .about16-button-prev {
    width: 12px;
    height: 12px;
    border-top: 3px solid #4d4d4d;
    border-right: 3px solid #4d4d4d;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    z-index: 99;
    transition: 0.25s;
  }

  .about16-button-next {
    transform: rotate(45deg);
    right: 30px;
  }

  .about16-button-prev {
    transform: rotate(-135deg);
    left: 30px;
  }

  .about16-button-next:hover,
  .about16-button-prev:hover {
    border-color: #11a538;
  }

  .about16-slide .control .swiper-pagination {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -72%);
    color: #808080;
  }

  .about16-slide .control .swiper-pagination-current {
    font-size: 24px;
    color: #11a538;
  }
/*简介16æ ·å¼ç»“æŸ*/

/*产品11æ ·å¼å¼€å§‹*/
.storefront {
    width: 100%;
}

.storefront .storefront-cont {
    width: 1200px;
    margin: 0 auto;
}

.storefront a {
    display: block;
}

.clearfixs {
    *zoom: 1;
}

.clearfixs:before, .clearfixs:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfixs:after {
    clear: both;
}

.storefront li {
    width: 260px;
    float: left;
    margin-right: 53px;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    position: relative;
    padding: 30px 0;
}

    .storefront li img {
        position: relative;
        z-index: 9;
        height: 170px;
        width: 170px;
        border-radius: 50%;
    }

.storefront li:last-child {
    margin-right: 0px;
}

.storefront li p {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.storefront li p:after {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #f1a19c;
    /* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    position: absolute;
    transition: 0.6s;
}

.storefront li:hover p:after {
    content: '';
    border: 0;
    background: #333;
}

.storefront li p span {
    position: absolute;
    z-index: 2;
    text-align: center;
    font-size: 20px;
    color: #444;
    display: block;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
    transition: 0.6s;
}

.storefront li:hover p span {
    color: #fff;
}
/*产品11æ ·å¼ç»“æŸ*/

/*产品12æ ·å¼å¼€å§‹*/
.product12 ul {
    width: 1086px;
}

.product12 li {
    float: left;
    padding: 15px;
    width: 30.5%;
    height: 220px;
}

    .product12 li a {
        display: block;
        height: 100%;
        border: 1px solid #008f37;
        border-radius: 6px;
        transition: 0.25s;
    }

        .product12 li a .icon {
            position: relative;
            width: 62px;
            height: 62px;
            margin: 50px auto 0;
            text-align: center;
        }

        .product12 li a p {
            text-align: center;
            margin-top: 25px;
            font-weight: 700;
            transition: 0.4s;
        }

        .product12 li a .line {
            display: block;
            height: 1px;
            width: 30px;
            background: #008f37;
            margin: 17px auto 0;
            transition: 0.4s;
        }

        .product12 li a:hover {
            box-shadow: 0 3px 15px rgba(0, 143, 55, 0.15);
            margin-top: -6px;
        }

            .product12 li a:hover p {
                color: #008f37;
            }
/*产品12æ ·å¼ç»“æŸ*/

/*优势12æ ·å¼å¼€å§‹*/
.advantage12 {
    width: 100%;
    overflow: hidden;
}

.advantage12 .advantage12-cont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.advantage12 ul li {
    float: left;
    width: 250px;
    margin-right: 225px;
    box-sizing: border-box;
}
.clearfixs {
    *zoom: 1;
}

.clearfixs:before, .clearfixs:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfixs:after {
    clear: both;
} 
.advantage12 ul li:last-child {
    margin-right: 0px;
}

.advantage12 ul li p {
    color: #333;
    font-size: 16px;
    line-height: 32px;
    border: 2px solid #333;
    text-align: center;
    padding: 160px 30px 30px;
    box-sizing: border-box;
    margin-top: -130px;
}

.advantage12 ul li a {
    display: block;
}

.advantage12 ul li img {
    transition: 0.6s;
}

.advantage12 ul li:hover img {
    transform: rotate(360deg);
}
/*优势12æ ·å¼ç»“æŸ*/
/*留言4æ ·å¼å¼€å§‹*/
.messages4 {
    width: 100%;
    overflow: hidden;
    background: url(//static.ruituoyun.com/images/drag/PC/footer12.png);
}

.messages4 .messages4-cont {
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}

.messages4 .messages4-cont .msg-body {
    margin: 80px auto 30px;
    overflow: hidden;
}

.clearfixs {
    *zoom: 1;
}

.clearfixs:before,
.clearfixs:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfixs:after {
    clear: both;
}

.messages4 .msg-body > li {
    width: 50%;
    float: left;
}

.messages4 .msg-body .js p {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.messages4 .msg-body .js p:first-child {
    color: #fff;
    font-size: 24px;
    margin-bottom: 5px;
}

.messages4 .msg-body .msg div {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px;
}

.messages4 .msg-body .msg li {
    float: left;
    margin-top: 5px;
    padding-left: 30px;
    box-sizing: border-box;
}

.messages4 .msg-body .msg li p {
    color: #fff;
    font-size: 12px;
    line-height: 28px;
}

.messages4 .msg-body .msg li input {
    line-height: 30px;
    box-sizing: border-box;
    width: 255px;
    border-radius: 5px;
    padding-left: 8px;
    height:30px;
}

.messages4 .msg-body .msg a {
    display: inline-block;
    text-align: center;
    width: 100px;
    line-height: 30px;
    background: #e34036;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    margin: 20px 0 0 30px;
}

.messages4 .msg-footer {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.messages4 .msg-footer a {
    color: #fff;
    font-size: 14px;
}
/*留言4æ ·å¼ç»“æŸ*/
/*流程5æ ·å¼å¼€å§‹*/
.process5 {
    width: 100%;
    overflow: hidden;
    background: #333;
}

.process5 .process5-cont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.process5 ul {
    overflow: hidden;
    width: 910px;
    margin: 0 auto;
}

.process5 ul.two {
    width: 680px;
    margin-top: -50px;
}

.process5 ul li {
    float: left;
    width: 220px;
    height: 250px;
    margin-right: 10px;
    box-sizing: border-box;
    text-align: center;
    background: url(//static.ruituoyun.com/images/drag/PC/lc5-2.png) no-repeat;
    padding: 0 30px;
    transition: 0.6s;
}

.process5 ul li:hover {
    background: url(//static.ruituoyun.com/images/drag/PC/lc5-1.png) no-repeat;
}

.process5 ul li.more {
    background: url(//static.ruituoyun.com/images/drag/PC/lc5-3.png) no-repeat;
}
.process5 ul li.more p{
    color:#fff;
}
.process5 ul li:last-child {
    margin-right: 0px;
}

.process5 ul li a {
    color: #fff;
    display: block;
    transition: 0.6s;
}

.process5 ul li:hover a {
    color: #333;
}

.process5 ul li span {
    font-size: 28px;
    line-height: 44px;
    margin-top: 40px;
    display: block;
}

.process5 ul li p {
    font-size: 24px;
    line-height: 44px;
}

.process5 ul li div {
    font-size: 12px;
    line-height: 20px;
}

.process5 ul li.more p {
    margin-top: 75px;
    font-size: 28px;
}

.process5 ul li.more img {
    margin-top: 20px;
}
/*流程5æ ·å¼ç»“æŸ*/
/*æ ç›®å¯¼èˆª5æ ·å¼å¼€å§‹*/
.lm5_all {
    width: 100%;
}

.cp_list5 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.cp_list5 ul {
    width: 920px;
    overflow: hidden;
}

.cp_list5 ul li {
    width: 150px;
    background: url("//static.ruituoyun.com/images/drag/PC/lm5-02.png") no-repeat left center;
    float: left;
    /*text-indent: 2em;*/
    margin-left: 3px;
    margin-top: 10px;
}
.cp_list5 ul li a {
    display:block;
    width: 100%;
    text-indent: 2em;
    color:#333;
}
.cp_list5 ul li a:hover {
    color: #008F39;
}
    /*æ ç›®å¯¼èˆª5æ ·å¼ç»“æŸ*/
    /*简介15æ ·å¼å¼€å§‹*/
    .jj14_all {
        width: 100%;
    }

.jj14_all ul {
    width: 700px;
    height: 300px;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.jj14_all ul li {
    width: 150px;
    height: 300px;
    background: url("//static.ruituoyun.com/images/drag/PC/jj14-04.png");
}

.jj14_all ul li:nth-child(2) {
    background: url("//static.ruituoyun.com/images/drag/PC/jj14-03.png");
}

.jj14_all ul li:nth-child(3) {
    background: url("//static.ruituoyun.com/images/drag/PC/jj14-02.png");
}

.jj14_all ul li:nth-child(4) {
    background: url("//static.ruituoyun.com/images/drag/PC/jj14-01.png");
}

.jj14_all ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
}
    .jj14_all ul li a:hover {
        background-color: rgba(0, 0, 0, 0);
    }
    .jj14_all ul li a div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.jj14_all ul li a div:nth-child(1) {
    width: 60px;
    height: 130px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.jj14_all ul li a div:nth-child(2) {
    width: 40px;
    height: 150px;
    border: 1px solid #fff;
    box-sizing: border-box;
    text-align: center;
    writing-mode: vertical-lr;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    letter-spacing: 8px;
}

.jj14_all ul li a:hover div:nth-child(2) {
    background-color: rgba(227, 64, 55, 0.7);
}
/*简介15æ ·å¼ç»“æŸ*/
/*产品13æ ·æ ·å¼å¼€å§‹*/
.tp_look {
    width: 1920px;
    background: #E70014;
}

.look_all {
    width: 1920px;
    height: 500px;    
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.look_all ul {
    width: 628px;
    height: 480px;
    overflow: hidden;
}

.look_all ul li {
    width: 308px;
    height: 236px;
    float: left;
    overflow: hidden;
}

.look_all ul li:nth-child(2), .look_all ul li:nth-child(4) {
    margin-left: 12px;
}

.look_all ul li:nth-child(3), .look_all ul li:nth-child(4) {
    margin-top: 10px;
}

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

.look_all ul li:hover img {
    transform: scale(1.2);
    transition: .6s;
}
/*产品13æ ·å¼ç»“æŸ*/
/*产品14æ ·å¼å¼€å§‹*/
.img_all {
    width: 100%;
}

.center_img {
    width: 1156px;
    height: 480px;
    margin: 0 auto;
    background: #E34037;
}

.center_img > ul li:nth-child(1) {
    float: left;
    position: relative;
    margin-left: 20px;
}
    .center_img > ul li:nth-child(1) a div{
        line-height:440px;
    }

    .center_img > ul {
        /* width: 546px; */
        height: 440px;
        overflow: hidden;
        float: right;
        margin-right: 20px;
        margin-top: 20px;
    }

.center_img > ul li {
    float: left;
}

.center_img > ul li a {
    display: block;
    position: relative;
}

.center_img > ul li:nth-child(2),
.center_img > ul li:nth-child(3) {
    margin-left: 20px;
}

.center_img > ul li:nth-child(4),
.center_img > ul li:nth-child(5) {
    margin-top: 20px;
    margin-left: 20px;
}

.center_img > ul li a > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(00, 00, 00, 0.3);
    text-align: center;
    line-height: 210px;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    letter-spacing: 4px;
}

.center_img > ul li:hover div {
    opacity: 1;
    transition: .7s;
}
/*产品14æ ·å¼ç»“æŸ*/
/*优势13æ ·å¼å¼€å§‹*/
.ys13_all {
    width: 100%;
    height: 530px;
    background-color: #000;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.ys13_all ul {
    width: 1200px;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.ys13_all ul li {
    width: 200px;
}

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

.ys13_all ul li a > p {
    text-align: center;
    color: #FF9000;
    letter-spacing: 4px;
    font-size: 23px;
    font-weight: 600;
}

.ys13_all ul li a > div {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    margin-top: 30px;
}

.ys13_all ul li a > div > p {
    position: absolute;
    width: 157px;
    height: 157px;
    border: 2px solid #E34037;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ys13_all ul li a > p:nth-child(2) {
    margin-top: 10px;
}

.ys13_all ul li a > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ys13_all ul li a > div > img:nth-child(3) {
    display: none;
}

.ys13_all ul li a > h4 {
    text-align: center;
    margin-top: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
}

.ys13_all ul li a > div:hover {
    background: #E34037;
}

.ys13_all ul li a > div:hover > p {
    border-color: #fff;
}
/*优势13æ ·å¼ç»“æŸ*/
/*产品详情2æ ·å¼å¼€å§‹*/
.main2 {
    width: 1366px;
    margin: 0 auto;
    padding: 60px 0;
}

.product2_xq_con {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.product2_xq h2 {
    width: 30%;
    height: 440px;
    float: left;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.product2_xq h2 img {
    width: 100%;
    height: 100%;
}

.product2_txt {
    float: right;
    width: 63%;
}

.product2_txt h3 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    padding: 10px 0;
}

.product2_txt p {
    line-height: 30px;
}

.fenye2_all {
    margin: 30px 0;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    overflow: hidden;
}

.fenye2_all h4 {
    float: left;
    max-width: 48%;
    line-height: 30px;
}

.fenye2_all h4:last-child {
    float: right;
}

.fenye2_all h4 span {
    float: left;
}

.fenye2_all h4 a {
    font-size: 18px;
    line-height: 30px;
    color: #019541;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*æ ·å¼ç»“æŸ*/
/*产品详情3æ ·å¼å¼€å§‹*/
.main3 {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

.product_xq3 h2 {
    width: 50%;
    height: 450px;
    margin: 0 auto;
}

.product_xq3 h2 img {
    width: 100%;
    height: 100%;
}

.product3_txt h3 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    padding: 10px 0;
}

.product3_txt p {
    line-height: 30px;
}

.product3_txt p img {
    max-width: 100%;
}

.fenye3_all {
    margin: 30px 0;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    overflow: hidden;
}

.fenye3_all h4 {
    float: left;
    max-width: 48%;
    line-height: 30px;
}

.fenye3_all h4:last-child {
    float: right;
}

.fenye3_all h4 span {
    float: left;
}

.fenye3_all h4 a {
    font-size: 18px;
    line-height: 30px;
    color: #00468e;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*æ ·å¼ç»“æŸ*/
/*导航11æ ·å¼å¼€å§‹*/
.nav11 {
    width: 100%;
    background: #E70012;
}

.nav11_all {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
}

.nav11_all div {
    float: left;
}

.nav11_all div a {
    display: block;
    text-decoration: none;
}

.nav11_all ul {
    width: 920px;
    height: 100px;
    float: right;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.nav11_all ul li a{
    display:block;
    text-decoration:none;
    text-align: center;
    /* letter-spacing: 3px; */
    color: #fff;
    font-size: 14px;
}
/*æ ·å¼ç»“æŸ*/
/*优势14æ ·å¼å¼€å§‹*/
.ys14_all {
    width: 670px;
}

.ys14_all ul {
    width: 670px;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    background: black;
}

.ys14_all ul li {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: rgba(231, 0, 19, 0.5);
    box-sizing: content-box;
    text-align: center;
    position: relative;
}

.ys14_all ul li div {
    width: 107px;
    height: 107px;
    border-radius: 50%;
    background: #E70012;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ys14_all ul li div a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ys14_all ul li div a img {
    margin-top: 20px;
}

.ys14_all ul li div a .img1 {
    display: none;
}

.ys14_all ul li div a p {
    text-align: center;
    color: #fff;
}

.ys14_all ul li:hover {
    background: rgba(255, 255, 255, 0.5);
}

.ys14_all ul li:hover div {
    background: rgba(255, 255, 255, 1);
}

.ys14_all ul li:hover div a p {
    color: #E70012;
}
/*æ ·å¼ç»“æŸ*/

/*优势15æ ·å¼å¼€å§‹*/
.ys15 {
    width: 1200px;
    margin: 0 auto;
}

    .ys15 li {
        float: left;
        width: 33.33%;
    }

.ys15-box {
    display: block;
    position: relative;
    margin: 25px;
    border: 1px solid #333;
    text-align: center;
    padding: 28px 54px 20px;
}

    .ys15-box::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        border: 1px solid #333;
        top: 10px;
        left: 10px;
    }

    .ys15-box:hover .line {
        width: 120px;
    }

    .ys15-box .num {
        color: #333;
        font-size: 28px;
    }

    .ys15-box .title {
        color: #333;
        font-size: 16px;
        margin-top: 10px;
    }

    .ys15-box .line {
        display: block;
        height: 2px;
        width: 40px;
        background: #333;
        margin: 0 auto;
        margin-top: 10px;
        transition: 0.4s;
    }

    .ys15-box .des {
        color: #333;
        font-size: 14px;
        margin-top: 20px;
        height: 84px;
        overflow: hidden;
        line-height: 1.5;
    }
/*优势15æ ·å¼ç»“æŸ*/
/*优势16æ ·å¼å¼€å§‹*/
.ys16{width: 1200px; overflow: hidden; margin: 0 auto 80px;}
.ys16 ul{overflow: hidden;}
.ys16 li{width: 266px; overflow: hidden; float: left; text-align: center;}
.ys16 .ys16-ul{margin-left: 133px;}
.ys16 ul li a{display: block;}
.ys16 ul li p{color:#000;font-size: 16px;}
.ys16 ul li img{transition: 0.6s;}
.ys16 ul li:hover img{transform: rotate(360deg);}
/*优势16æ ·å¼ç»“æŸ*/
/*优势17æ ·å¼å¼€å§‹*/
.ys17{width: 1200px; overflow: hidden; margin: 0 auto;}
.ys17 li{width: 222px; overflow: hidden; float: left; margin-right: 104px; text-align: center;}
.ys17 li:nth-child(4){margin-right: 0;}
.ys17 li a{display: block;}
.ys17 li h4{font-size: 26px; color: #000; font-weight: bold; padding: 0 0 45px;}
.ys17 li .con{width: 222px; height: 222px; border: 4px solid #c9c9c9; border-radius: 50%; position: relative;box-sizing: border-box;}
.ys17 li:hover .con{border: 4px solid #830000;}
.ys17 li .con .zhe{width: 222px; height: 70px; position: absolute; left: 0; top: -4px; background: #fff;}
.ys17 li .con img{width: 100px; height: 90px; display: block; margin: 0 auto; position: relative; z-index: 1;}
.ys17 li .con h5{text-align: center; font-size: 18px; color: #4b4b4b; margin-top: 40px; font-weight: bold;}
.ys17 li:hover .con h5{color: #830000;}
.ys17 li .con .hong{display: none; position: absolute; left: 50%; margin-left: -50px; top: 0;}
.ys17 li:hover .con .hong{display: block;}
.ys17 li:hover h4{color: #830000;}
/*优势17æ ·å¼ç»“æŸ*/

/*可移动搜索2æ ·å¼å¼€å§‹*/
.ser_all {
    width: 200px;
    height: 70px;
    background-color: #191919;
    border-radius: 35px;
}

.inp_all {
    width: 100%;
    height: 100%;
    position: relative;
}

.inp_all input {
    width: 110px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    outline: none;
    background-color: #191919;
    border: none;
    font-size: 16px;
    color: #fff;
}

.inp_all a {
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.inp_all a img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
/*可移动搜索2æ ·å¼ç»“æŸ*/
/*产品16æ ·å¼å¼€å§‹*/
.cp15_all {
    width: 100%;
}

.cp15_all ul {
    width: 1380px;
    /* height: 470px; */
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* align-items: center; */
    
}

    .cp15_all ul li:nth-of-type(4) ~ li {
        margin-top: 30px;
    }
    .cp15_all ul li {
        /* float: left; */
        width: 322px;
        height: 218px;
        /*margin-top: 30px;*/
        overflow:hidden;
    }

.cp15_all ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
    .cp15_all ul li a img{
        width:100%;
        height:auto;
    }
    .cp15_all ul li a div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(4, 171, 243, .8);
        display: none;
        border-radius: 5px;
    }

.cp15_all ul li a div p:nth-child(1) {
    text-align: center;
    margin-top: 70px;
    color: #fff;
    font-size: 18px;
}

.cp15_all ul li a div p:nth-child(2) {
    width: 100px;
    height: 30px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin: 30px auto;
}

.cp15_all ul li:hover div {
    display: block;
    transition: .7s;
}
/*æ ·å¼ç»“æŸ*/
/*底部14æ ·å¼å¼€å§‹*/
.db14_all {
    width: 100%;
    height: 331px;
    background: #444444;
    overflow: hidden;
}

.cen_db {
    width: 1200px;
    margin: 70px auto;
    overflow: hidden;
}

.cen_db .db_fl {
    float: left;
}

.cen_db .db_fr {
    float: right;
    text-align: right;
}

.cen_db .db_fl p:nth-child(2) {
    margin-top: 80px;
}
    .cen_db .db_fl p a{
        color:#ccc;
    }
    .cen_db .db_fl h3 {
        margin-top: 10px;
        color: #fff;
        line-height: normal;
        font-weight: 600;
        font-size: 18px;
    }

.cen_db .db_fl p, .cen_db .db_fr p {
    margin-top: 10px;
    color: #ccc;
}

.cen_db .db_fr p:last-child {
    margin-top: 70px;
}

.cen_db .db_fr p:last-child span {
    position: relative;
}

.cen_db .db_fr p:last-child span .db_ewm {
    position: absolute;
    top: -112px;
    left: -40px;
    display: none;
    max-width:none;
}

.cen_db .db_fr p:last-child span:nth-child(1):hover .db_ewm {
    display: block;
}

.cen_db .db_fr p:last-child span:nth-child(1) {
    margin-right: 20px;
}

.cen_db .db_fr p:last-child span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 40px;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 14æ ·å¼å¼€å§‹*/
.text14_all {
    width: 100%;
    background: #666;
    padding: 20px 0 20px 0
}

.text14_list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* align-items: center; */
    flex-flow: wrap
}

.text14_list li {
    width: 280px;
    height: 350px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}

.text14_list li a {
    display: block;
}

.text14_list li a div {
    width: 260px;
    height: 195px;
    overflow: hidden;
}
    .text14_list li a div img {
        transition: .7s;
        width: 100%;
        height: auto;
    }

    .text14_list li a:hover div img {
        overflow: hidden;
        transform: scale(1.2);
    }

.text14_list li a:hover h3 {
    color: #009adf;
   
}

.text14_list li a h3 {
    width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
    color: #666;
    line-height:normal;
    margin-top:10px;
}

.text14_list li a p:nth-child(3) {
    height: 40px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-indent: 2em;
    margin-top: 15px;
    color: #666;
}

.text14_list li a p:nth-child(4) {
    background: url("//static.ruituoyun.com/images/drag/PC/news11-date.png") no-repeat left center;
    text-indent: 2em;
    margin-top: 15px;
    color: #666;
}
/*æ ·å¼ç»“æŸ*/
/*导航12æ ·å¼å¼€å§‹*/
.nav12_img {
    width: 100%;
}

.cen_nav12 {
    width: 1200px;
    margin: 0 auto;
}

.cen_nav12 div {
    width: 50px;
    height: 160px;
    background: #3B5F9D;
    writing-mode: vertical-lr;
    text-align: center;
    line-height: 50px;
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
}

.cen_nav12 ul {
    width: 1150px;
    height: 160px;
    overflow: hidden;
    float: right;
}

.cen_nav12 ul li {
    width: 230px;
    height: 160px;
    float: left;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    box-sizing: border-box;
}

.cen_nav12 ul li:nth-child(2n+1) {
    background: #F6F6F6;
}

.cen_nav12 ul li:nth-child(2n) {
    background: #FAFAFA;
}

.cen_nav12 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #3B5F9D;
    position: relative;
}

.cen_nav12 ul li a img {
    margin-top: 30px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.cen_nav12 ul li a span {
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
}

.cen_nav12 ul li a .img2 {
    display: none;
}

.cen_nav12 ul li a:hover .img1 {
    display: none;
}

.cen_nav12 ul li a:hover .img2 {
    display: block;
}

.cen_nav12 ul li:hover {
    background: #3B5F9D;
}

.cen_nav12 ul li:hover a span {
    color: #fff;
}
/*æ ·å¼ç»“æŸ*/
/*留言5æ ·å¼å¼€å§‹*/
.ly5_all {
    width: 665px;
    height: 470px;
    background: #951C14;
    padding-left: 30px;
    overflow: hidden;
}

.cen_ly {
    margin-top: 70px;
}

.cen_ly p {
    color: #fff;
    letter-spacing: 3px;
}

.cen_ly p:nth-child(2) {
    font-size: 35px;
}

.cen_ly div input {
    width: 495px;
    height: 40px;
    border: 1px solid #fff;
    padding-left: 20px;
    outline: none;
    background: none;
    margin-top: 20px;
    color: #fff;
    box-sizing: border-box;
    font-size: 18px;
}

.cen_ly div textarea {
    width: 495px;
    height: 78px;
    border: 1px solid #fff;
    padding: 10px 20px 10px 20px;
    outline: none;
    background: none;
    margin-top: 20px;
    color: #fff;
    box-sizing: border-box;
    font-size: 18px;
    resize: none;
}

.cen_ly div .btn-mesSubmit {
    text-align: center;
    padding-left: 0;
}

    .cen_ly input:-moz-placeholder,
    .cen_ly textarea:-moz-placeholder {
        color: #fff;
    }

    .cen_ly input:-ms-input-placeholder,
    .cen_ly textarea:-ms-input-placeholder {
        color: #fff;
    }

    .cen_ly input::-webkit-input-placeholder,
    .cen_ly textarea::-webkit-input-placeholder {
        color: #fff;
    }
/*æ ·å¼ç»“æŸ*/
/*轮播图2æ ·å¼å¼€å§‹*/
.slider1 {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

    .slider1 .swiper-container {
        padding-bottom: 60px;
    }

    .slider1 .swiper-slide {
        width: 520px;
        height: 408px;
        background: #fff;
        box-shadow: 0 8px 30px #ddd;
    }

        .slider1 .swiper-slide img {
            display: block;
        }

        .slider1 .swiper-slide p {
            line-height: 98px;
            padding-top: 0;
            text-align: center;
            color: #636363;
            font-size: 1.1em;
            margin: 0;
        }

    .slider1 .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }

    .slider1 .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }

    .slider1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background: #fff;
    }

    .slider1 .swiper-button-prev {
        left: -30px;
        width: 45px;
        height: 45px;
        background: url(//static.ruituoyun.com/images/drag/PC/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }

        .slider1 .swiper-button-prev:hover {
            background-position: 0 -46px;
            background-size: 100%
        }

    .slider1 .swiper-button-next {
        right: -30px;
        width: 45px;
        height: 45px;
        background: url(//static.ruituoyun.com/images/drag/PC/wm_button_icon.png) no-repeat;
        background-position: 0 -93px;
        background-size: 100%;
    }

        .slider1 .swiper-button-next:hover {
            background-position: 0 -139px;
            background-size: 100%
        }

.slider1 a {
    display: block;
}
/*æ ·å¼ç»“æŸ*/
/*轮播图3æ ·å¼å¼€å§‹*/
.morebanner {
    width: 1000px;
    height: 760px;
    border: 1px solid #ccc;
    position: relative;
}

.morebanner .swiper-container {
    width: 100%;
    height: 300px;
}

.morebanner .swiper-slide {
    background-size: cover;
    background-position: center;
}

.morebanner .gallery-top {
    height: 80%;
    width: 100%;
    padding-bottom: 1% !important;
    box-sizing: border-box;
}

.morebanner .gallery-thumbs {
    height: 20%;
    width: 100%;
    box-sizing: border-box;
}

.morebanner .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.morebanner .gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
    .morebanner .swiper-container .swiper-wrapper{
        height:100%;
    }
/*æ ·å¼ç»“æŸ*/
/*导航13æ ·å¼å¼€å§‹*/
.nav13 {
    width: 100%;
}

.nav13 ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* align-items: center; */
    flex-flow: wrap
}

.nav13 ul li {
    width: 195px;
    height: 195px;
    box-sizing: border-box;
    background: #07ADBD;
}

.nav13 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #07ADBD;
    position: relative;
}

.nav13 ul li a img {
    margin-top: 20px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.nav13 ul li a p {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    width: 100%;
}

.nav13 ul li a p:nth-child(4) {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
}

.nav13 ul li a .img1 {
    display: none;
}

.nav13 ul li a:hover .img2 {
    display: none;
}

.nav13 ul li a:hover .img1 {
    display: block;
}

.nav13 ul li:hover {
    background: #fff;
    border: 1px solid #07ADBD;
    box-sizing: border-box;
}

.nav13 ul li:hover a p {
    color: #07ADBD;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« åˆ—è¡¨8ç»„ä»¶æ ·å¼å¼€å§‹*/
.textlist8 {
    width: 100%;
}

.wzlist8 {
    width: 400px;
    height: 460px;
    background: #07ADBD;
    overflow: hidden;
}

.wzlist8 div {
    width: 380px;
    height: 50px;
    margin: 15px auto;
    border-radius: 5px;
    background: #fff;
    line-height: 50px;
    color: #07ADBD;
    font-size: 20px;
    padding: 0 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.wzlist8 div > span {
    float: left;
}

.wzlist8 div a {
    display: block;
    text-decoration: none;
    color: #07ADBD;
    float: right;
    font-size: 16px;
}

.wzlist8 ul {
    width: 350px;
    margin: 0 auto;
}

.wzlist8 ul li {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    padding: 0 10px;
}

.wzlist8 ul li:last-child {
    border: none;
}

.wzlist8 ul li a {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
}

.wzlist8 ul li a span:nth-child(1) {
    float: left;
}

.wzlist8 ul li a span:nth-child(2) {
    float: right;
    font-size: 12px;
}

.wzlist8 ul li a:hover {
    text-decoration: underline;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 16æ ·å¼å¼€å§‹*/
.text16_all {
    width: 100%;
}

.wz16 ul li {
    width: 380px;
    height: 440px;
    box-shadow: 0 0px 15px #ccc;
}

.wz16 ul li > p {
    width: 380px;
    height: 250px;
    overflow: hidden;
}

.wz16 ul li img {
    display: block;
    width: 100%;
    height: 100%;
}

.wz16 ul li div {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.wz16 ul li div p:nth-child(1) {
    margin-top: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 3px;
}

.wz16 ul li div p:nth-child(1) span {
    float: left;
    font-size: 20px;
}

.wz16 ul li div p:nth-child(1) a {
    display: block;
    width: 80px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #666;
    border-radius: 10px;
    color: #666;
    float: right;
    font-size: 12px;
}

.wz16 ul li div p:nth-child(1) a:hover {
    background: #07ADBD;
    color: #fff;
    border: 1px solid #07ADBD;
}

.wz16 ul li div p:nth-of-type(1) ~ p {
    width: 100%;
    border-bottom: 1px dashed #666;
    padding-left: 3px;
}

.wz16 ul li div p:nth-of-type(1) ~ p:last-child {
    border: none;
}

.wz16 ul li div p:nth-of-type(1) ~ p a {
    display: block;
    width: 100%;
    color: #666;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wz16 ul li div p:nth-of-type(1) ~ p a:hover {
    color: #07ADBD;
}

.wz16 ul li:hover > p img {
    overflow: hidden;
    transform: scale(1.2);
    transition: .7s;
}
/*æ ·å¼ç»“æŸ*/
/*地图1æ ·å¼å¼€å§‹*/
.result-list-wrap {
    width: 1200px;
    height: 550px;
    margin: 50px auto;
    overflow: hidden;
}

#dituContent {
    width: 65%;
    height: 550px;
    border: #ccc solid 1px;
    box-sizing: border-box;
    float: left;
}


.result-list {
    height: 100%;
    overflow-y: auto;
    width: 35%;
    padding: 0 0 0px 20px;
    box-sizing: border-box;
}

.result-item {
    font-size: 14px;
    color: #999;
    cursor: pointer;
    padding: 0 0 20px 0px;
    margin: 0 0 15px 0;
    background: transparent;
    border-bottom: 1px dashed #737373;
}

.result-item h3 {
    color: #333;
    font-size: 18px;
    line-height: 2em;
    font-weight: normal;
    margin: 0;
}

.result-item a {
    display: inline-block;
    padding: 5px 15px;
    background: #be3e25;
    color: #fff;
    vertical-align: middle;
    border-radius: 5px;
    margin-right: 10px;
}

.result-item h3 {
    line-height: 1.2em;
    font-size: 22px;
    margin-bottom: 15px;
}
/*æ ·å¼ç»“æŸ*/
/*分页2æ ·å¼å¼€å§‹*/
.tb_page {
    margin: 30px 0;
    padding-top: 20px;
    overflow: hidden;
}

.tb_page h4 {
    float: left;
    max-width: 48%;
    line-height: 30px;
}

.tb_page h4:last-child {
    float: right;
}

.tb_page h4 span {
    float: left;
}

.tb_page h4 a {
    font-size: 18px;
    line-height: 30px;
    color: #00468e;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float:left;
}
/*æ ·å¼ç»“æŸ*/
/*æ ‡é¢˜å¤´7æ ·å¼å¼€å§‹*/
.bt7_all {
    width: 100%;
}

.bt7_all ul {
    width: 1200px;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
}
.bt7_all ul li {
    float: left;
}
.bt7_all ul li:nth-child(1) {        
    color: red;
    border-bottom: 1px solid red;
    /*width: 100px;*/
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
}

.bt7_all ul li:last-child {
    float: right;    
    text-align: center;
    margin: 0;
}

.bt7_all ul li:last-child a {
    text-decoration: none;
    display: block;
    color: #333;
}

.bt7_all ul li img {
    float: left;
    height: 30px;
    margin-top: 10px;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 17æ ·å¼å¼€å§‹*/
.wz17_all {
    width: 100%;
}

.wz17_all ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.wz17_all ul li {
    width: 25%;
    height: 223px;
    float: left;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    padding: 20px;
}

.wz17_all ul li:nth-child(4) {
    border-right: 1px solid #ccc;
}

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

.wz17_all ul li a p:nth-child(1) {
    color: #000;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: 2px;
}

.wz17_all ul li a p:nth-child(2) {
    width: 36px;
    height: 3px;
    background: #CECECE;
    margin-top: 10px;
}

.wz17_all ul li a p:nth-child(3) {
    width: 95%;
    height: 88px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-top: 10px;
    color: #333;
    letter-spacing: 2px;
}

.wz17_all ul li a p:nth-child(4) {
    overflow: hidden;
    margin-top: 10px;
}

.wz17_all ul li a p:nth-child(4) span {
    color: #000;
    float: left;
    line-height: 30px;
}

.wz17_all ul li a p:nth-child(4) img {
    color: #000;
    float: right;
}

.wz17_all ul li a:hover p:nth-child(1) {
    color: #1F63AC;
}

.wz17_all ul li a:hover p:nth-child(2) {
    background: #1F63AC;
}
/*æ ·å¼ç»“æŸ*/
/*æ ‡é¢˜å¤´8æ ·å¼å¼€å§‹*/
.bt8_all {
    width: 100%;
}

.cen_bt8 {
    overflow: hidden;
}

.cen_bt8 span {
    display: inline-block;
}

.cen_bt8 span:nth-child(1) {
    width: 9px;
    height: 40px;
    background: #1F63AC;
    margin-top: 5px;
    float: left;
}

.cen_bt8 span:nth-child(2) {
    color: #1F63AC;
    font-size: 35px;
    margin-left: 10px;
    /* line-height: 37px; */
    font-weight: 600;
}

.cen_bt8 span:nth-child(3) {
    color: #1F63AC;
    font-size: 20px;
    margin-left: 10px;
    /* line-height: 37px; */
    font-weight: 600;
}
/*æ ·å¼ç»“æŸ*/
/*æ ç›®å¯¼èˆª6æ ·å¼å¼€å§‹*/
.list_nav {
    width: 100%;
}

.list_nav .flex_ul {
    overflow: hidden;
    width: 710px;
}

.list_nav ul li {
    width: 159px;
    height: 40px;
    float: left;
    border: 1px solid #666;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 14px;
}

.list_nav ul li a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    color: #666;
}

.list_nav ul li:hover {
    border: 1px solid #07ADBD;
}

.list_nav ul li:hover a {
    color: #07ADBD;
}
/*æ ·å¼ç»“æŸ*/
/*æ ç›®å¯¼èˆª7æ ·å¼å¼€å§‹*/
.dh_cont {
    width: 100%;
}

.ab_nav {
    width: 260px;
    background: #008579;
}

.ab_nav > p {
    width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}

.ab_nav > p > span {
    display: inline-block;
}

.ab_nav > p > span:nth-child(1) {
    width: 3px;
    height: 20px;
    background: #fff;
    margin-top: 20px;
    float: left;
}

.ab_nav > p > span:nth-child(2) {
    font-size: 20px;
    color: #fff;
    margin-left: 10px;
}

.ab_nav ul li {
    width: 220px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #fff;
    background: url("//static.ruituoyun.com/images/drag/PC/dh-cont01.png") no-repeat right center;
}

.ab_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    text-indent: 40px;
    text-decoration: none;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 18æ ·å¼å¼€å§‹*/
.wz18_text {
    width: 100%;
}

.wz18_text ul {
    background: #EBF0F6;
    width: 395px;
    height: 440px;
    padding: 0 30px;
    box-sizing: border-box
}

.wz18_text ul li {
    box-sizing: border-box;
    padding: 15px 3px 20px;
    border-bottom: 1px solid #ccc;
}

.wz18_text ul li a {
    display: block;
    overflow: hidden;
}

.wz18_text ul li a > div {
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
}

.wz18_text ul li a div > p {
    width: 70px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

.wz18_text ul li a div > p:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    background: #047ECB;
    color: #fff;
    font-size: 20px
}

.wz18_text ul li a div > p:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #666;
    font-size: 14px
}

.wz18_text ul li a > p {
    float: left;
    margin-left: 10px;
    width: 249px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #047ECB;
    line-height: 23px;
}
/*æ ·å¼ç»“æŸ*/
/*公告1æ ·å¼å¼€å§‹*/
.notice1-container {
    width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
    background: #f0f4f7;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
}

    .notice1-container .title {
        width: 130px;
        float: left;
    }

        .notice1-container .title span {
            color: #133d8b;
        }

        .notice1-container .title img {
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 10px;
        }

    .notice1-container .bd {
        float: left;
        width: 80%;
    }


        .notice1-container .bd li a {
            position: relative;
            font-size: 14px;
            margin-right: 30px;
            padding-left: 15px;
            display: inline-block;
            width: 45%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .notice1-container .bd li a:hover {
                color: #133d8b;
            }

        .notice1-container .bd a span {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -3px;
            width: 6px;
            height: 6px;
            background: #333;
            border-radius: 50%;
        }

    .notice1-container .control {
        float: right;
        margin-top: 13px;
    }

        .notice1-container .control a {
            position: relative;
            float: left;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #babcbd;
            margin: 0 2px;
            cursor: pointer;
        }

            .notice1-container .control a:hover {
                background: #3b5f9c;
            }

            .notice1-container .control a span {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 6px;
                height: 6px;
                margin-top: -3px;
                border-right: 2px solid #fff;
                border-top: 2px solid #fff;
            }

            .notice1-container .control a.prev span {
                margin-left: -2px;
                transform: rotate(-135deg);
            }

            .notice1-container .control a.next span {
                margin-left: -5px;
                transform: rotate(45deg);
            }
/*公告1æ ·å¼ç»“æŸ*/
/*æ–‡ç« 20æ ·å¼å¼€å§‹*/
.wz20_all {
    width: 100%;
}

.wz20_all ul {
    width: 748px;
    padding: 20px;
    box-sizing: border-box;
    border: 2px solid #008579;
}

.wz20_all ul li {
    width: 100%;
    height: 244px;
    border-bottom: 1px solid #008579;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.wz20_all ul li > img {
    float: left;
    width: 150px;
}

.wz20_all ul li > div {
    float: left;
    margin-left: 40px;
}

.wz20_all ul li > div p:nth-child(1) {
    font-size: 20px;
    margin-top: 10px;
    color: #333;
}

.wz20_all ul li > div p:nth-child(2) {
    /* font-size: 20px; */
    margin-top: 10px;
    color: #333;
}

.wz20_all ul li > div p:nth-child(3) {
    width: 250px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #333;
    margin-top: 10px;
}

.wz20_all ul li > div a {
    display: block;
    width: 80px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    background: #089EB9;
    opacity: .8;
    border-radius: 3px;
    margin-top: 10px;
}

.wz20_all ul li > div a:hover {
    opacity: 1;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 19æ ·å¼å¼€å§‹*/
.wz19_all {
    width: 100%;
}

.cen_text19 {
    width: 1388px;
    height: 397px;
    margin: 0 auto;
    position: relative;
}

.cen_text19 ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0 40px 0 50px;
    box-sizing: border-box;
}

.cen_text19 > img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cen_text19 ul li:nth-child(1) {
    float: left;
    overflow: hidden;
}

.cen_text19 ul li:nth-child(1) > div {
    width: 74px;
    height: 87px;
    background: url("//static.ruituoyun.com/images/drag/PC/wz19-02.png") no-repeat;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.cen_text19 ul li:nth-child(1) > div p:nth-child(1) {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}

.cen_text19 ul li:nth-child(1) > div p:nth-child(2) {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    opacity: .7;
}

.cen_text19 ul li:nth-child(1) > p:nth-child(2) {
    color: #333;
    margin-top: 60px;
    font-size: 18px;
}

.cen_text19 ul li:nth-child(1) > p:nth-child(3) {
    font-size: 14px;
    color: #666;
    margin-top: 30px;
    width: 290px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 25px;
}

.cen_text19 ul li:nth-child(1) > a {
    display: block;
    text-decoration: none;
    color: #047FDC;
    font-size: 14px;
    margin-top: 60px;
}

    .cen_text19 ul li:nth-child(1) ~ li {
        /* float: right; */
        height: 130px;
        width: 315px;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
        transform: translateX(690px);
        background: url("//static.ruituoyun.com/images/drag/PC/dh-cont01.png") no-repeat right;
    }
.cen_text19 ul li:nth-child(1) ~ li > a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.cen_text19 ul li:nth-child(1) ~ li a> div p:nth-child(1) {
    font-size: 14px;
    color: #666;
}

.cen_text19 ul li:nth-child(1) ~ li a> div p:nth-child(2) {
    color: #333;
    margin-top: 15px;
}

.cen_text19 ul li:nth-child(1) ~ li:last-child {
    border: none;
}
/*æ ·å¼ç»“æŸ*/
/*æ ç›®å¯¼èˆª8æ ·å¼å¼€å§‹*/
.szpt_top {
    width: 100%;
}

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

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

.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/PC/lanmunav8-02.png");
}

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

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

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

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

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

.szpt_item.i8 a {
    background-image: url("//static.ruituoyun.com/images/drag/PC/lanmunav8-08.png");
}
/*æ ·å¼ç»“æŸ*/
/*产品17æ ·å¼å¼€å§‹*/
.cp17_all {
    width: 100%;
}

.cp17_all ul {
    overflow: hidden;
}

.cp17_all ul li {
    width: 695px;
}

.cp17_all ul li a {
    display: block;
    text-decoration: none;
    position: relative;
}

.cp17_all ul li a div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: #fff;
    padding: 0 100px;
    box-sizing: border-box;
    display: none;
}

.cp17_all ul li a div p:nth-child(1) {
    font-size: 25px;
    margin-top: 70px;
}

.cp17_all ul li a div p:nth-child(2) {
    font-size: 16px;
    text-indent: 2em;
    margin-top: 35px;
    line-height: 30px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: left;
    letter-spacing: 2px;
}

.cp17_all ul li a div p:nth-child(3) {
    width: 159px;
    height: 49px;
    margin: 30px auto;
    border: 1px solid #fff;
    line-height: 49px;
    font-size: 20px;
}

.cp17_all ul li:hover a div {
    display: block;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 21æ ·å¼å¼€å§‹*/
.wz21_text {
    width: 100%;
}

.cen_wz21 {
    width: 1400px;
    margin: 100px auto;
    padding: 40px 90px 70px 90px;
    box-sizing: border-box;
    background: yellow;
}

.cen_wz21 ul {
    width: 100%;
    display: flex;
}

.cen_wz21 ul li {
    width: 33.3%;
    float: left;
    position: relative;
}

.cen_wz21 ul li a {
    display: block;
    text-decoration: none;
    padding: 0 20px;
    box-sizing: border-box;
}

.cen_wz21 ul li a > div p:nth-child(1) {
    font-size: 12px;
    color: #fff;
}

.cen_wz21 ul li a > div p:nth-child(2) {
    font-size: 16px;
    color: #303030;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}

.cen_wz21 ul li a > div {
    position: relative;
    z-index: 10
}

.cen_wz21 ul li a > div p:nth-child(3) {
    font-size: 12px;
    color: #303030;
    margin-top: 20px;
    line-height: 25px;
    text-indent: 2em;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.cen_wz21 ul li > p {
    width: 410px;
    height: 428px;
    background: #C20000;
    position: absolute;
    top: -127.5px;
    z-index: 0;
    display: none;
}

.cen_wz21 ul li:hover > P {
    display: block;
}

.cen_wz21 ul li:hover a div p {
    color: #fff;
}
/*æ ·å¼ç»“æŸ*/
/*产品18æ ·å¼å¼€å§‹*/
.cp18_list {
    width: 98%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.cp18_list li {
    width: 24%;
    float: left;
    margin-top: 24px;
}

.cp18_list li a {
    display: block;
    position: relative;
}

.cp18_list li img {
    width: 100%;
    display: block;
}

.cp18_list li span {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -25px;
    margin-left: -120px;
    border-radius: 5px;
    width: 240px;
    height: 50px;
    line-height: 50px;
    background: rgba(230, 0, 7, 0.7);
    font-size: 20px;
    font-family: Microsoft YaHei;
    color: rgb(255, 255, 255);
    text-align: center;
    display: block;
}
/*æ ·å¼ç»“æŸ*/
/*产品19æ ·å¼å¼€å§‹*/
.hpzimg {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.hpzimg li {
    width: 290px;
    float: left;
}

.hpzimg li a {
    display: block;
    position: relative;
}

.hpzimg li img {
    width: 100%;
    display: block;
}

.hpzimg li p {
    position: absolute;
    top: 0%;
    left: 0;
    height: 0;
    width: 100%;
    text-align: center;
    background: url(//static.ruituoyun.com/images/drag/PC/cp19-01.png) no-repeat;
    overflow: hidden;
}

.hpzimg li:hover p {
    top: 60%;
    left: 0;
    bottom: 0;
    height: auto;
    vertical-align: middle;
}

.hpzimg li p span {    
    display: inline-block;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
}
/*æ ·å¼ç»“æŸ*/

/*æ–‡ç« 22æ ·å¼å¼€å§‹*/
.tynews {
    width: 850px;
}

.tynews ul {
    overflow: hidden;
}

.tynews ul li {
    float: right;
    width: 380px;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.tynews ul li.newsimg {
    float: left;
    width: 400px;
    border: 0;
}

.tynews ul li.newsimg > p {
    width: 396px;
    height: 297px;
    overflow: hidden;
}

.tynews ul li.newsimg img {
    width: 100%;
    height: auto;
    transition: 0.6s;
}

.tynews ul li.newsimg:hover img {
    transform: scale(1.2);
}

.tynews ul li a {
    display: block;
}

.tynews ul li p {
    color: #333;
    font-size: 16px;
    line-height: 38px;
}

.tynews ul li span {
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.tynews ul li:hover p {
    color: #0067a8;
}

.tynews ul li:hover span {
    color: #0067a8;
}

.tynews ul li.newsimg div {
    color: #666;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1px;
}

.tynews ul li.newsimg p {
    color: #333;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 23æ ·å¼å¼€å§‹*/
.wz23-all {
    width: 400px;
}

.wz23-all ul {
    overflow: hidden;
}

.wz23-all ul li a {
    display: block;
}

.wz23-all ul li p {
    color: #333;
    font-size: 16px;
    line-height: 36px;
}

.wz23-all ul li:hover p {
    color: #0067a8;
}
/*æ ·å¼ç»“æŸ*/
/*产品20æ ·å¼å¼€å§‹*/
.product20_all > ul {
    height: 800px;
    overflow: hidden;
}

.product20_all li {
    width: 15.6%;
    margin: 0 0.25%;
    float: left;
    position: relative;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}

.product20_all li:nth-child(1) {
    width: 35.41%;
    margin-left: 0;
}

.product20_all li:last-child {
    margin-right: 0;
}

.product20_all li img {
    transition: all ease-in 1s;
    -webkit-transition: all ease-in 1s;
}

.product20_all li.on img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.product20_all li .top_icon {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    padding-left: 50px;
    line-height: 3em;
    background-color: rgba(255,194,0,0.75) !important;
    background-position: 5% center !important;
    background-size: 30px !important;
}

.product20_all li:nth-child(1) .top_icon {
    display: none;
}

.product20_all li:nth-child(3) .top_icon {
    background-size: 40px !important;
}

.product20_all li dl {
    position: absolute;
    left: 0;
    bottom: -550px;
    padding: 30px 30px 80px;
    z-index: 2;
}

.product20_all li:nth-child(1) dl {
    padding-left: 100px;
    bottom: 0;
}

.product20_all li a {
    color: #fff;
}

.product20_all li a > img {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 900px !important;
    height: 800px !important;
    max-width: inherit;
}

.product20_all li dt {
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
}

.product20_all li dt em {
    display: block;
    margin-bottom: 10px;
}

.product20_all li dt span.bran {
    width: 25px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.product20_all li dd .desc {
    width: 520px;
    height: 9em;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 30px;
}

.product20_all li dd .froms {
    height: 1.5em;
    padding-left: 30px;
    background: url(//static.ruituoyun.com/images/drag/PC/drop.png) no-repeat 0 2px;
    color: #f01620;
    margin-bottom: 90px;
}

.product20_all li dd .know {
    color: #fff;
}

.product20_all li .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
    opacity: 0;
}
/*æ ·å¼ç»“æŸ*/
/*导航14æ ·å¼å¼€å§‹*/
.nav14_all {
    width: 100%;
}

.nav14_list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    align-items: center;
    flex-flow: wrap;
}

.nav14_list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    box-sizing: border-box;
    position: relative;
    transition: all .4s;
}

.nav14_list li::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    transform: translateX(-50%);
    transition: all .4s;
}

.nav14_list li a {
    display: block;
    padding: 20px 0px;
    color: #333;
}

.nav14_list li:hover {
    border-bottom: 1px solid #E70014;
}

.nav14_list li:hover::before {
    border-bottom: 3px solid #E70014;    
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 24æ ·å¼å¼€å§‹*/
.wz24_all {
    width: 100%;
}

.wz24_all > ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.wz24_all > ul li {
    width: 560px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #e6e6e6;
    float: left;
}

.wz24_all > ul li a {
    display: block;
    overflow: hidden;
}

.wz24_all > ul li:hover .wz24_time {
    background: #F5CD1E;
}

.wz24_all > ul li:nth-child(2n) {
    margin-left: 80px;
}

.wz24_time {
    float: left;
    width: 80px;
    height: 80px;
    background: #e6e6e6;
    transition: all .4s;
}

.wz24_time > p {
    width: 60px;
    margin: 0 auto;
    /* letter-spacing: 1px; */
    color: #333;
}

.wz24_time > p:nth-child(1) {
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-bottom: 1px solid #666;
    box-sizing: border-box;
    font-size: 30px;
}

.wz24_time > p:nth-child(2) {
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.wz24_cont {
    width: 440px;
    float: left;
    margin-left: 20px;
}

.wz24_cont > h2 {
    letter-spacing: 1px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: normal;
    margin:0;
    line-height:normal;
}

.wz24_cont > p {
    letter-spacing: 1px;
    color: #666;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« åˆ—è¡¨9æ ·å¼å¼€å§‹*/
.wzlist9_all {
    width: 100%;
}

.wzlist9_cont {
    width: 420px;
}

.wzlist9_cont li {
    width: 100%;
    height: 70px;
    margin-bottom: 1px;
    padding: 0 25px 0 17px;
    box-sizing: border-box;
    background: #F9F9F9;
}

.wzlist9_cont li:hover {
    background: #E70014;
}

.wzlist9_cont li:hover a::before {
    border-left: 8px solid #fff;
}

.wzlist9_cont li:hover > a > span:nth-child(1), .wzlist9_cont li:hover > a > span:nth-child(2) {
    color: #fff;
}

.wzlist9_cont li a {
    height: 100%;
    display: block;
    line-height: 70px;
    overflow: hidden;
    position: relative;
}

.wzlist9_cont li a::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #333;
    position: absolute;
    left: 0;
    top: 29px;
}

.wzlist9_cont li a > span:nth-child(1) {
    float: left;
    margin-left: 15px;
    color: #333;
    letter-spacing: 1px;
}

.wzlist9_cont li a > span:nth-child(2) {
    float: right;
    color: #666;
}
/*æ ·å¼ç»“æŸ*/
/*导航15æ ·å¼å¼€å§‹*/
.nav15_list {
    width: 100%;
    height: 140px;
}

.nav15_cont {
    width: 100%;
    position: relative;
    background: #333;
}

.top_info {
    width: 100%;
    height: 40px;
    background: #333;
    line-height: 40px;
    color: #fff;
    letter-spacing: 1px;
}

.top_info > span:nth-child(1) {
    margin-left: 60%;
}

.top_info > span:nth-child(2) {
    margin-left: 10px;
}

.logo_cont {
    float: left;
    margin-left: 80px;
}

.logo_cont > a {
    display: block;
    overflow: hidden;
    height: 100px;
    line-height: 100px;
}

.logo_cont img {
    vertical-align: middle;
}

.nav_info {
    background: url("//static.ruituoyun.com/images/drag/PC/nav15_bj.png");
    position: absolute;
    top: 20px;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 120px;
}

.nav_cen > ul {
    margin-top: 50px;
    float: right;
    overflow: hidden;
    margin-right: 20px;
}

.nav_cen > ul > li {
    width: 120px;
    height: 50px;
    float: left;
    margin-left: 10px;
}

.nav_cen > ul > li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
}

.nav_cen > ul > li:hover {
    background: #F5CD1E;
}

.nav_cen {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
/*æ ·å¼ç»“æŸ*/
/*产品21æ ·å¼å¼€å§‹*/
.cp21_list {
    width: 100%;
}

.cp21-cont {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.cp21-cont > li {
    width: 380px;
    height: 280px;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
}

.cp21-cont > li:nth-child(1), .cp21-cont > li:nth-child(4) {
    margin-left: 0;
}

.cp21-cont > li > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.cp21-cont > li > a > img {
    width: 100%;
    height: 100%;
    border: 2px solid #F5CD1E;
    box-sizing: border-box;
}

.cp21-cont > li > a > div {
    width: 50px;
    text-align: center;
    line-height:28px;
    font-size: 26px;
    color: #e50013;
    padding: 10px 0 20px 0;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 0;
    right: 40px;
    background: rgba(245, 206, 30, 0.8);
    font-weight: 600;
    transition: all .4s;
}

.cp21-cont > li > a:hover > div {
    background: rgba(245, 206, 30, 1);
}
/*æ ·å¼ç»“æŸ*/
/*æ ç›®å¯¼èˆª9æ ·å¼å¼€å§‹*/
.nav16_all {
    width: 100%;
}

.nav16-cont {
    overflow: hidden;
    width: 260px;
    height:170px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* align-items: center; */
    flex-flow: wrap;
}

.nav16-cont > li {
    float: left;    
    margin-bottom: 10px;
    width:33.3%;
}

.nav16-cont > li:nth-child(1), .nav16-cont > li:nth-child(4) {
    margin-left: 0;
}

.nav16-cont > li > a {
    display: block;
    text-align: center;
    
    
}

.nav16-cont > li > a > div {
    width: 55px;
    height: 55px;
    margin: 0 auto;
    text-align: center;
    line-height: 55px;
    border: 1px solid #666;
    border-radius: 5px;
    transition: all .4s;
}

.nav16-cont > li > a > p {
    transition: all .4s;
    margin-top: 5px;
    color: #666;
    font-size: 14px;
    letter-spacing: 2px;
}

.nav16-cont > li > a > div > img {
    vertical-align: middle;
}

.nav16-cont > li:hover div {
    border-color: #E70014;
}

.nav16-cont > li:hover p {
    color: #E70014;
}
/*æ ·å¼ç»“æŸ*/
/*简介17æ ·å¼å¼€å§‹*/
.jj17-list {
    width: 100%;
}

.jj17-list > ul {
    width: 400px;
}

.jj17-list > ul > li {
    width: 400px;
    height: 90px;
    background: url("//static.ruituoyun.com/images/drag/PC/jj17-03.png");
    overflow: hidden;
    transition: all .4s;
    margin-bottom: 25px;
}

.jj17-list > ul > li:hover {
    background: url("//static.ruituoyun.com/images/drag/PC/jj17-02.png");
}

.jj17-list > ul > li > div {
    float: left;
    margin-left: 30px;
    margin-top: 20px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jj17-list > ul > li > div > p {
    color: #fff;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jj17-list > ul > li > div > p:nth-child(1) {
    font-size: 20px;
    font-weight: 600;
}

.jj17-list > ul > li > a {
    display: block;
    float: right;
    width: 80px;
    height: 90px;
    background: rgba(255, 255, 255, 0.3);
    text-align: center;
    line-height: 90px;
}

.jj17-list > ul > li > a > img {
    vertical-align: middle;
}
/*æ ·å¼ç»“æŸ*/
/*产品22æ ·å¼å¼€å§‹*/
.cp22-list {
    width: 100%;
    height: 600px;
    background: #999;
    padding: 60px 0;
    box-sizing: border-box;
}

.cp22-cen {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.cp22-list .left_nav {
    width: 180px;
    float: left;
}

.cp22-list .left_nav > li {
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #E6E6E8;
    transition: all .4s;
}

.cp22-list .left_nav > li:last-child {
    border: none;
}

.cp22-list .left_nav > li > a {
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    color: #666;
    letter-spacing: 1px;
    font-weight: 600;
    transition: all .4s;
}

.cp22-list .left_nav > li > a > img {
    vertical-align: middle;
    transform: translateX(30px)
}

.cp22-list .left_nav > li:hover {
    background: #E70014;
}

.cp22-list .left_nav > li:hover > a {
    color: #fff;
}

.cp22-list .right-cont {
    width: 990px;
    height: 405px;
    background: #E6E6E8;
    float: right;
}

.cp22-list .pro-info {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 405px;
}

.cp22-list .pro-info > img {
    vertical-align: middle;
    height: 354px;
    width: 556px;
}

.cp22-list .font-info {
    float: right;
    width: 400px;
    line-height: normal;
    letter-spacing: 2px;
    margin-top: 40px;
    margin-right: 30px;
}

.cp22-list .font-info > h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.cp22-list .font-info > p {
    color: #999;
    line-height: 28px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.cp22-list .font-info > p > span {
    color: #333;
    font-weight: 600;
}

.cp22-list .font-info > p:nth-child(2) {
    margin-top: 40px;
    -webkit-line-clamp: 1;
}

.cp22-list .font-info > p:nth-child(3) {
    -webkit-line-clamp: 2;
}

.cp22-list .font-info > a {
    display: block;
    width: 149px;
    height: 39px;
    border: 1px solid #333;
    text-align: center;
    line-height: 39px;
    font-size: 14px;
    color: #333;
    margin-top: 50px;
    transition: all .4s;
}

.cp22-list .font-info > a:hover {
    background: #E70014;
    color: #fff;
    border-color: #E70014;
}
/*æ ·å¼ç»“æŸ*/
/*优势18æ ·å¼å¼€å§‹*/
.experiencePage {    
    position: relative;
}

.experience {
    margin-top: 50px
}

._w1400 {
    width: 1166px;
    height: auto;
    position: relative;
    margin: auto;
    overflow: hidden;
}

.experiencePage .ys_fl {
    width: 28%;
}

.experiencePage ul li {
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}

.experiencePage .number_list {
    font-size: 40px;
    color: #F47116;
    font-family: akrobatblack;
    font-weight: 700;
    float: left;
    font-style: italic;
    width: 60px;
    margin-right: 5px;
    margin-bottom: 25px
}

.experiencePage .title_list {
    font-size: 20px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #666;
}

.experiencePage li > p {
    font-size: 16px;
    opacity: .7;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    letter-spacing: 1px;
}

.ys_fl {
    float: left;
}


.experiencePage .ys_fr {
    position: relative;
    float: right;
}

.experiencePage .ys_fr .line_list {
    position: absolute;
    width: 110px;
    height: 1px;
    background: #F47116;
    right: 100%
}

.experiencePage .ys_fr .line_list:after {
    content: '';
    position: absolute;
    background: #F47116;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -50%;
    margin-top: -12px
}

.experiencePage .ys_fr .line_list.l1_one {
    top: 7%
}

.experiencePage .ys_fr .line_list.l2_two {
    top: 29%
}

.experiencePage .ys_fr .line_list.l3_three {
    top: 53%
}

.experiencePage .ys_fr .line_list.l4_four {
    top: 76%
}

.experiencePage .experienceHot {
    display: block;
    border: 14px solid #F47116;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.more_ys {
    display: block;
    width: 243px;
    height: 50px;
    border-radius: 50px;
    background: #F47116;
    text-align: center;
    line-height: 50px;
    color: #fff;
    letter-spacing: 1px;
    margin-left: 60px;
    margin-top: 20px;
}
/*æ ·å¼ç»“æŸ*/
/*优势19æ ·å¼å¼€å§‹*/
.ys_wrapper {
    width: 1920px;
    height: 600px;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    overflow: hidden;
    left: 50%;
    margin-left: -960px;
}

.left-side {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    height: 100%;
    width: 860px;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.left-side ul {
    height: 600px;
    width: 100%;
    position: relative;
    background: url(//static.ruituoyun.com/images/drag/PC/kc_jishu_bg.png);
}

.left-side ul li {
    height: 120px;
    display: flex;
    line-height: 120px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.left-side ul li:hover {
    color: #fff;
    background: rgba(51, 54, 59, 0.3);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.left-side ul li:hover > .ys19_icon {
    fill: #333;
}

.left-side ul li.ys19-active {
    background: rgba(231, 0, 19, 0.7);
}

.left-side ul li.ys19-active:hover > .ys19_icon {
    fill: #E74C3C;
}

.ys19_icon {
    width: 430px;
    height: 88px;
    display: block;
    margin: 23px 0px 23px 400px;
    float: left;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
}

.ys19_icon .num_list {
    margin-right: 30px;
    width: 70px;
    height: 70px;
    border-bottom: 1px solid #fff;
    float: left;
    text-align: center;
    line-height: 70px;
    font-size: 52px;
    font-weight: 600;
    color: #fff;
}

.ys19_icon h3 {
    position: absolute;
    top: 0px;
    left: 120px;
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    font-weight: bold;
}

.ys19_icon span {
    float: left;
    display: block;
    line-height: 20px;
    font-size: 12px;
    width: 300px;
    margin-top: 35px;
}

.right-side {
    height: 670px;
    width: 100%;
    overflow: hidden;
}

.right-side #first,
.right-side #second,
.right-side #third,
.right-side #fourth,
.right-side #five {
    position: absolute;
    z-index: 99;
    height: 600px;
    width: 100%;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    margin-top: -600px;
    opacity: 0;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.right-side #first h1,
.right-side #second h1,
.right-side #third h1,
.right-side #fourth h1,
.right-side #five h1 {
    font-weight: 800;
    color: #333;
}

.right-side #first p {
    color: #fff;
    padding-left: 0;
    top: 35px;
    left: 860px;
    position: absolute;
    height: 120px;
    width: 120px;
    opacity: 0;
    transition: all 1s ease-in-out;
    background-color: rgba(231, 0, 19, 0.9);
    padding-right: 0;
}

.right-side #first.ys19-active p {
    opacity: 1;
}

.right-side #second p {
    color: #fff;
    padding-left: 0;
    top: 155px;
    left: 860px;
    position: absolute;
    height: 120px;
    width: 120px;
    opacity: 0;
    transition: all 1s ease-in-out;
    background-color: rgba(231, 0, 19, 0.9);
    padding-right: 0;
}

.right-side #second.ys19-active p {
    opacity: 1;
}

.right-side #third p {
    color: #fff;
    padding-left: 0;
    top: 275px;
    left: 860px;
    position: absolute;
    height: 120px;
    width: 120px;
    opacity: 0;
    transition: all 1s ease-in-out;
    background-color: rgba(231, 0, 19, 0.9);
    padding-right: 0;
}

.right-side #third.ys19-active p {
    opacity: 1;
}

.right-side #fourth p {
    color: #fff;
    padding-left: 0;
    top: 395px;
    left: 860px;
    position: absolute;
    height: 120px;
    width: 120px;
    opacity: 0;
    transition: all 1s ease-in-out;
    background-color: rgba(231, 0, 19, 0.9);
    padding-right: 0;
}

.right-side #fourth.ys19-active p {
    opacity: 1;
}

.right-side #five p {
    color: #fff;
    padding-left: 0;
    top: 515px;
    left: 860px;
    position: absolute;
    height: 120px;
    width: 120px;
    opacity: 0;
    transition: all 1s ease-in-out;
    background-color: rgba(231, 0, 19, 0.9);
    padding-right: 0;
}

.right-side #five.ys19-active p {
    opacity: 1;
}

.right-side .product_more {
    line-height: 50px;
    display: block;
    width: 100%;
    font-size: 60px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none;
    font-family: 'arial';
    padding-top: 20px;
}

.right-side .morezi {
    line-height: 100%;
    display: block;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none;
    font-family: 'arial';
}

.right-side #second p {
    color: #333;
    font-weight: 500;
    padding-left: 10px;
    padding-right: 10px;
}

.right-side #first.ys19-active,
.right-side #second.ys19-active,
.right-side #third.ys19-active,
.right-side #fourth.ys19-active,
.right-side #five.ys19-active {
    margin-top: 0px;
    opacity: 1;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.ys19_product_bg {
    width: 1920px;
    height: 600px;
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: -1;
}
/*æ ·å¼ç»“æŸ*/
/*优势20æ ·å¼å¼€å§‹*/
.ys20_all {
    width: 100%;
}

.ys20-cont {
    width: 1150px;
    margin: 0 auto;
    background: url("//static.ruituoyun.com/images/drag/PC/ys20-bg.png") no-repeat left 25px;
}

.ys20-cont > ul {
    overflow: hidden;
}

.ys20-cont > ul > li {
    text-align: center;
    width: 25%;
    float: left;
}

.ys20-cont > ul > li > div {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #d62829;
    margin-top: 15px;
}

.ys20-cont > ul > li > p {
    width: 200px;
    margin: 15px auto 0 auto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 2px;
    color: #333333;
}

.ys20-cont > ul > li:nth-child(4) ~ li {
    margin-top: 65px;
}
/*æ ·å¼ç»“æŸ*/
/*优势21æ ·å¼å¼€å§‹*/
.ys21-all {
    width: 100%;
    height: 400px;
    background: #6c625a;
    overflow: hidden;
}

.ys21_cont {
    width: 1200px;
    margin: 180px auto 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* align-items: center; */
}

.ys21_cont > li > a {
    text-align: center;
}

.ys21_cont > li > a > div {
    width: 80px;
    height: 80px;
    border: solid 3px #ffffff;
    box-sizing: border-box;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    transition: all .4s;
}

.ys21_cont > li > a > div > img {
    vertical-align: middle;
}

.ys21_cont > li:hover div {
    background: #f31c1c;
    border-color: #f31c1c;
}

.ys21_cont > li > a > p {
    margin-top: 40px;
    color: #fff;
    font-size: 18px;
}
/*æ ·å¼ç»“æŸ*/
/*简介18æ ·å¼å¼€å§‹*/
.jj18-all {
    width: 100%;
}

.jj18-cont {
    width: 586px;
}

.jj18-cont > img {
    display: block;
    width: 586px;
}

.jj18-tit {
    margin-top: 34px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #c20000;
}

.jj18-tit > h2 {
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #c20000;
}

.jj18-tit > p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
}

.jj18-cont > p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666666;
    text-indent: 2em;
}

.jj18-cont > p:nth-child(3) {
    margin-top: 25px;
}

.jj18-more {
    width: 140px;
    height: 36px;
    background-color: #c20000;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 42px;
}

.jj18-more > a {
    display: block;
    width: 132px;
    height: 28px;
    border-radius: 5px;
    border: solid 1px #ffffff;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}

.jj18-more > a:hover {
    text-decoration: underline;
}
/*æ ·å¼ç»“æŸ*/
/*简介19æ ·å¼å¼€å§‹*/
.jj19-all {
    width: 100%;
}

.jj19-cont {
    width: 572px;
}

.jj19-tit {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jj19-tit > div > h2 {
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #332b2a;
}

.jj19-tit > div > p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #332b2a;
}

.jj19-tit > img {
    display: block;
    width: 170px;
}

.jj19-cont > img {
    display: block;
    width: 100%;
    margin-top: 25px;
}

.jj19-icon li {
    float: left;
    width: 33%;
    height: 100px;
    text-align: center;
    margin-top: 50px;
    border-right: 1px solid #d70c19;
}

.jj19-icon li:last-child {
    border-right: 0 none;
}

.jj19-icon li p {
    margin-top: 36px;
    font-size: 20px;
    color: #333333;
}

.jj19-icon li img {
    transition: all .4s;
}

.jj19-icon li:hover img {
    transform: rotate(360deg);
}
/*æ ·å¼ç»“æŸ*/
/*产品23æ ·å¼å¼€å§‹*/
.cp23-all {
    width: 100%;
}

#cp23-cont {
    position: relative;
    max-width: 80%;
    width: 80%;
    margin: 0 auto;
}

.white-panel > a > img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.white-panel {
    position: absolute;
    background: white;
}

.white-panel:hover {
    margin-top: -5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*æ ·å¼ç»“æŸ*/
/*优势22æ ·å¼å¼€å§‹*/
.join22-all {
    width: 100%;
}

.join22-cont {
    width: 1200px;
    margin: 0 auto;
}

.join22-cont ul {
    overflow: hidden;
}

.join22-cont ul li {
    width: 400px;
    height: 400px;
    float: left;
}

.join22-cont ul .font_cont {
    background: #fff;
    text-align: center;
}

.join22-cont ul .font_cont h2 {
    font-size: 24px;
    /*font-weight: bold;*/
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 70px;
}

.join22-cont ul .font_cont p:nth-child(2) {
    width: 275px;
    height: 32px;
    background-color: #fb4553;
    border-radius: 16px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 30px auto;
}

.join22-cont ul .font_cont p:nth-child(3) {
    width: 245px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
    margin: 0 auto;
}
/*æ ·å¼ç»“æŸ*/
/*优势23æ ·å¼å¼€å§‹*/
.ys23-all {
    width: 100%;
}

.ys23-cont {
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 80px;
}

.ys23-cont li {
    width: 26.5%;
    float: left;
    margin-left: -45px;
}

.ys23-cont li:first-child {
    margin-left: 0;
}

.ys23-cont li > h2 {
    font-size: 56px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #e73636;
    text-align: center;
}

.ys23-cont li > p {
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    margin-top:20px
}


.ys23-cont .img-cont > div:nth-child(1) {
    width: 476px;
    height: 217px;
    position: absolute;
    z-index: 1;
    margin-left: 23px;
    margin-top: 103px;
    background-color: #e7c438;
    opacity: 0.2;
    transform: skew(-8deg) rotate(-8deg);
}

.ys23-cont .img-cont > div:nth-child(2) {
    position: absolute;
    z-index: 5;
    position: relative;
}

.ys23-cont .img-cont > div:nth-child(2) img {
    display: block;
}

.ys23-cont .img-cont > div:nth-child(2) > p {
    width: 465px;
    height: 50px;
    /* background-color: #d03f00; */
    transform: skew(-8deg) rotate(-8deg);
    position: absolute;
    top: 239px;
    left: 2px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 40px;
    box-sizing: border-box;
    background: url("//static.ruituoyun.com/images/drag/PC/ys23-icon.png") 10px 10px no-repeat,#d03f00;
}

.ys23-cont .img-cont > div:nth-child(2) > p > span {
    display: block;
    width: 380px;
}
 /*æ ·å¼ç»“æŸ*/
 /*简介20æ ·å¼å¼€å§‹*/
.jj20-all {
    width: 100%;
    margin: 100px 0;
}

.jj20-cont {
    width: 1200px;
    margin: 0px auto;
    position: relative;
}

.jj20-cont > a {
    position: absolute;
    width: 536px;
    height: 609px;
    background-color: #e73636;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.51);
    border-radius: 5px;
    text-align: center;
    display: block;
    padding: 0 50px 50px 50px;
    box-sizing: border-box;
    top: -25px;
    left: 50%;
    transform: translate(-50%,0%);
    z-index: 10;
}

.jj20-cont > a > p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 20px;
    text-align: left;
    text-indent: 2em;
}

.jj20-cont > a > img {
    width: 183px;
    margin-top: -40px;
    filter: drop-shadow(0, 0, 0, 0.51);
}

.jj20-cont > div:nth-child(1) {
    float: left;
}

.jj20-cont > div {
    background-color: #000;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.51);
}

.jj20-cont > div > img {
    height: 545px;
    opacity: .8;
}

.jj20-cont > div:nth-child(3) {
    float: right;
}

.jj20-cont:after { /*ä¼ªå…ƒç´ æ˜¯è¡Œå†…å…ƒç´  正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*æ ·å¼ç»“æŸ*/
/*产品24æ ·å¼å¼€å§‹*/
.cp24-all {
    width: 100%;
    padding: 100px 0;
    background: #c4e5f8;
}

.cp24-cont {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* align-items: center; */
    flex-flow: wrap;
}

.cp24-cont > li {
    width: 390px;
}

.cp24-cont > li > a {
    width: 100%;
}

.cp24-cont > li:hover > a > p:nth-child(2) {
    color: #669900;
}

.cp24-cont > li > a > div {
    width: 100%;
    height: 284px;
    overflow: hidden;
}

.cp24-cont > li > a img {
    display: block;
    width: 100%;
}

.cp24-cont > li > a > p:nth-child(2) {
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: -24px;
    margin-left: 10px;
    transition: all .4s;
}

.cp24-cont > li > a > p:nth-child(3) {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 1px;
    color: #669900;
    margin-top: 10px;
    margin-left: 10px;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 25æ ·å¼å¼€å§‹*/
.wz25-all {
    width: 100%;
}

.wz25-cont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 65px;
    box-sizing: border-box;
    background: #c4e5f8;
}

.wz25-cont li {
    float: left;
    margin-top: 30px;
}

.wz25-cont li:hover a div > img {
    transform: scale(1.1);
}

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

.wz25-cont li a {
    display: block;
    overflow: hidden;
}

.wz25-cont li a > div:nth-child(1) {
    width: 164px;
    height: 120px;
    overflow: hidden;
    float: left;
}

.wz25-cont li a > div:nth-child(1) img {
    width: 100%;
    height: 100%;
    transition: .4s;
}

.wz25-cont li a > div:nth-child(2) {
    width: 360px;
    height: 120px;
    background-color: #669900;
    float: left;
    padding: 20px;
    box-sizing: border-box;
}

.wz25-cont li a > div:nth-child(2) h2 {
    width: 80%;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wz25-cont li a > div:nth-child(2) p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.8;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/*æ ·å¼ç»“æŸ*/
/*优势24æ ·å¼å¼€å§‹*/
.ys24-all {
    width: 100%;
    background: #000;
}

.ys24-cont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.ys24-cont li {
    float: left;
    margin-left: 75px;
}

.ys24-cont li:nth-child(1),
.ys24-cont li:nth-child(4) {
    margin-left: 0;
}

.ys24-cont li > div {
    position: relative;
    width: 350px;
    height: 256px;
}

.ys24-cont li > div > img {
    width: 100%;
    height: 256px;
}

.ys24-cont li > div > p {
    width: 100%;
    height: 46px;
    background: #c30d22d3;
    position: absolute;
    bottom: 0;
    line-height: 46px;
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    color: #fff;
    text-align: center;
    font-family: KaiTi;
}

.ys24-cont li > div > p > span {
    color: #fffe00;
}

.ys24-cont li > p {
    width: 220px;
    margin: 10px auto 50px;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}
/*æ ·å¼ç»“æŸ*/
/*优势25æ ·å¼å¼€å§‹*/
.ys25-all {
    width: 100%;
    background: #000;
}

.ys25-cont {
    width: 1500px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* align-items: center; */
    flex-flow: wrap;
}

.ys25-cont li {
    width: 260px;
    margin-bottom: 50px;
}

.ys25-cont li > img {
    display: block;
    width: 260px;
    height: 260px;
    border-radius: 50%;
}

.ys25-cont li > h2 {
    font-family: KaiTi;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    padding-left: 40px;
    margin: 20px 0 30px;
    letter-spacing: 0px;
    color: #ffffff;
    background: url("//static.ruituoyun.com/images/drag/PC/ys25-hua.png") no-repeat left;
}

.ys25-cont li > p {
    height: 66px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/*æ ·å¼ç»“æŸ*/
/*简介21æ ·å¼å¼€å§‹*/
.jj21-all {
    width: 100%;
}

.jj21-cont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.jj21-cont > div {
    width: 590px;
    height: 470px;
    position: relative;
}

.jj21-cont > .jj21-fl {
    float: left;
}

.jj21-cont > .jj21-fr {
    float: right;
}

.jj21-cont > div > .jj21-img {
    display: block;
    width: 100%;
    height: 401px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.jj21-cont > div > .jj21-img>img{
    width:100%;
    height:100%;
    display:block;
}
.jj21-cont > div > div {
    overflow: hidden;
    width: 100%;
}

.jj21-cont > div > div > p {
    width: 356px;
    font-family: FZXH1JW--GB1-0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #666666;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    float: left;
    margin-top: 40px;
}

.jj21-cont > div > div > a {
    display: block;
    width: 180px;
    height: 101px;
    background-color: #6db881;
    text-align: center;
    float: right;
    /* margin-top: -30px; */
    margin-right: 20px;
}

.jj21-more {
    position: absolute;
    top: 371px;
    z-index: 9999;
}

.jj21-more > a > p:nth-child(1) {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 2px;
    color: #ffffff;
    margin-top: 20px;
}

.jj21-more > a:hover > p:nth-child(2) {
    width: 100px;
}

.jj21-more > a > p:nth-child(2) {
    width: 50px;
    height: 3px;
    background-color: #ffffff;
    margin: 10px auto;
    transition: .4s;
}

.jj21-more > a > p:nth-child(3) {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 3px;
    color: #ffffff;
}

.jj21-img > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.jj21-img > div > p:nth-child(2) {
    font-size: 18px;
    letter-spacing: 5px;
    color: #ffffff;
    margin: 20px 0;
}

.jj21-img > div > p:nth-child(3) {
    font-size: 30px;
    letter-spacing: 8px;
    color: #ffffff;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 26æ ·å¼å¼€å§‹*/
.wz26_all {
    width: 100%;
}

.wz26_cont {
    width: 1200px;
    margin: 0 auto;
}

.wz26_cont > li {
    width: 45%;
    float: left;
    margin-bottom: 30px;
}

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

.wz26_cont > li > a {
    display: block;
    overflow: hidden;
}

.wz26_cont > li > a > img {
    display: block;
    float: left;
    width: 187px;
    height: 241px;
}

.wz26_font {
    float: right;
    width: 310px;
    overflow: hidden;
}

.wz26_font > p:nth-child(1) {
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #0b78bd;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 2px solid #0b78bd;
}

.wz26_font > p:nth-child(1) > span {
    font-size: 16px;
    color: #333333;
    float: right;
}

.wz26_font > h3 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #0b78bd;
}

.wz26_font > p:nth-child(3) {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-indent: 2em;
}

.wz26_font > div {
    width: 39px;
    height: 39px;
    background: url("//static.ruituoyun.com/images/drag/PC/wz26-01.png");
    float: right;
    transition: .4s;
}

.wz26_cont > li:hover .wz26_font > div {
    background: url("//static.ruituoyun.com/images/drag/PC/wz26-02.png");
}
/*æ ·å¼ç»“æŸ*/

/*æ¡ˆä¾‹æ ·å¼å¼€å§‹*/
.anli .anlicont {
    width: 1200px;
    margin: 0 auto;
}

.anli .anli_ul {
    width: 100%;
    margin-top: 40px;
}

.anli .anlitype ul {
    overflow: hidden;
    margin-bottom: 80px;
}

.anli .anlitype ul li {
    float: left;
    margin-right: 30px;
}

.anli .anlitype ul li a {
    display: block;
    padding: 2px 15px;
    border: solid 1px #333333;
    font-size: 20px;
    color: #333333;
}

.anli .anli_ul li {
    width: 285px;
    height: 400px;
    float: left;
    margin-right: 20px;
    border-radius: 6px;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    box-sizing: border-box;
}

.anli .anli_ul li:last-child {
    margin-right: 0;
}

.anli .anli_one {
    background-color: #ffffff;
    box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.1);
}

.anli .anli_one_img img {
    display: block;
    margin: auto;
    width: 220px;
    height: 165px;
}

.anli .anli_one h3 {
    font-size: 22px;
    color: #333;
    text-align: center;
    margin: 40px 0 10px;
}

.anli .anli_one p {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-bottom: 15px;
}

.anli .anli_one a {
    display: block;
    width: 90px;
    height: 30px;
    border: solid 1px #ececec;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 30px;
    margin: 40px auto 0;
    border-radius: 2px;
}

.anli .anli_two {
    width: 285px;
    height: 400px;
    overflow: hidden;
    background-image: url(//static.ruituoyun.com/images/drag/PC/anli-bg.png);
    background-repeat: no-repeat;
    background-position: 100%;
    transform: rotateY(-180deg);
    box-sizing: border-box;
}

.anli .anli_two a {
    display: block;
    padding: 40px;
    background: rgba(0,0,0,.5);
    height: 100%;
}

.anli .anli_two h3 {
    font-size: 22px;
    color: #fff;
    padding-top: 80px;
    opacity: 1;
}

.anli .anli_two p {
    color: #636a70;
    margin-top: 10px;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 35px;
    margin-top: 25px;
    color: #fff;
}

.anli .anli_ul li:hover .anli_one {
    transform: rotateY(180deg);
}

.anli .anli_ul li:hover .anli_two {
    transform: rotateY(0deg);
}

.anli .anli_one, .anli_two {
    background-position: center;
    background-size: cover;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms;
}

.anli .item {
    display: none;
}

.anli .item.active {
    display: block;
}
/*æ ·å¼ç»“æŸ*/
/*产品25æ ·å¼å¼€å§‹*/
.cp25 {
    width: 100%;
    position: relative;
}

.cp25:after {
    content: "";
    position: absolute;
    height: 320px;
    background-color: #00397a;
    width: 100%;
    bottom: 35px;
}

.cp25 .cp25-main {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

.cp25 .swiper-button-next,
.cp25 .swiper-button-prev {
    top: 35%;
}

.cp25 .swiper-button-next {
    right: -25px;
}

.cp25 .swiper-button-prev {
    left: -25px;
}

.cp25 .swiper-container {
    overflow: hidden;
    width: 1225px;
    margin: 0 auto;
    padding-top: 50px;
}

.cp25 .swiper-slide {
    text-align: center;
}

.cp25 .swiper-slide a {
    display: block;
    color: #fff;
    position: relative;
}

.cp25 .swiper-slide img {
    width: 235px;
    height: 235px;
    border-radius: 50%;
}

.cp25 .swiper-slide a:after {
    content: "";
    width: 275px;
    height: 275px;
    border: solid 6px #ffffff;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 10px;
}

.cp25 .swiper-slide a:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 251px;
    left: 150px;
}

.cp25 .swiper-slide .cp25-body h3 {
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 3px;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 50px;
}

.cp25 .swiper-slide .cp25-body h3 b {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.cp25 .swiper-slide .cp25-body p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
}

.cp25 .swiper-slide .cp25-body p.cp25-cont {
    display: none;
}

.cp25 .swiper-slide .cp25-body span {
    width: 115px;
    height: 28px;
    line-height: 28px;
    border: solid 1px #ffffff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    color: #ffffff;
    margin: 15px auto 0;
}

.cp25 .swiper-slide.swiper-slide-next a:after {
    content: "";
    width: 285px;
    height: 285px;
    border: 0;
    background-image: url(//static.ruituoyun.com/images/drag/PC/cp25.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    left: 10px;
}

.cp25 .swiper-slide.swiper-slide-next a:before {
    width: 0px;
    height: 0px;
}

.cp25 .swiper-slide.swiper-slide-next .cp25-body span {
    display: none;
}

.cp25 .swiper-slide.swiper-slide-next .cp25-body p.cp25-cont {
    display: block;
    padding: 0 30px;
    text-align: left;
    max-height: 165px;
    overflow: hidden;
}

.cp25 .swiper-slide.swiper-slide-next .cp25-body p.cp25-tit {
    display: none;
}

.cp25 .swiper-slide.swiper-slide-next .cp25-body p {
    color: #3a3a3a;
}

.cp25 .swiper-slide.swiper-slide-next .cp25-body h3 b {
    background: #333;
}

.cp25 .swiper-slide.swiper-slide-next .cp25-body h3 {
    color: #333;
    margin-top: 40px;
}

.cp25 .swiper-slide.swiper-slide-next {
    background: #fff;
    position: relative;
    padding-bottom: 10px;
    box-shadow: 0 0px 30px rgba(255, 255, 255, 0.8);
}

.cp25 .swiper-slide.swiper-slide-next:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 100% 0 0 0;
    background: #00397a;
    right: 0;
    bottom: 0;
}
/*æ ·å¼ç»“æŸ*/
/*优势26æ ·å¼å¼€å§‹*/
.ys26 {
    width: 100%;
}

.ys26 ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 370px;
}

.ys26 li {
    width: 165px;
    float: left;
    text-align: center;
    position: relative;
}

.ys26 li img {
    transition: 0.6s;
}

.ys26 li:hover img {
    transform: rotate(360deg);
}

.ys26 li p {
    color: #666;
    font-size: 14px;
    margin-top: 10px;
}

.ys26 li:nth-child(2), .ys26 li:nth-child(4) {
    top: 80px;
}

.ys26 li:nth-child(3) {
    top: 160px;
}
/*æ ·å¼ç»“æŸ*/

/*æ–‡ç« 27æ ·å¼å¼€å§‹*/
.wz27-all {
    width: 100%;
}

.wz27-cont {
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
}

.wz27-cont-img {
    float: left;
}

.wz27-cont-img > a {
    display: block;
    position: relative;
    width: 600px;
    height: 400px;
    border: solid 1px #999999;
}

.wz27-cont-img > a > div {
    width: 580px;
    height: 380px;
    margin: 10px;
    position: relative;
}

.wz27-cont-img > a > div > img {
    width: 100%;
    height: 100%;
}

.wz27-cont-img > a > div > p {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    right: 0;
    height: 0px;
    line-height: 40px;
    margin: 0;
    text-indent: 1em;
    color: #fff;
    font-size: 16px;
    transition: 0.6s;
}

.wz27-cont > li:nth-child(1) ~ li {
    float: right;
    width: 500px;
    margin-top: 12px;
}

.wz27-cont-img:hover > a > div > p {
    height: 40px;
}

.wz27-cont > li:nth-child(1) ~ li > a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #1a1a1a;
    padding-bottom: 20px;
    border-bottom: 1px dashed #05000181;
}

.wz27-cont-info > a > p:nth-child(2) {
    font-size: 14px;
    padding-left: 20px;
    background: url("//static.ruituoyun.com/images/drag/PC/wz27-icon.png") no-repeat left center;
}
.wz27-cont-info > a > p{
    margin-bottom:6px;
}
.wz27-cont-info > a > p:nth-child(3) {
    font-size: 16px;
    line-height: 24px;
    color: #4d4d4d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wz27-cont-info:last-child > a {
    border: none !important;
}

.wz27-cont > li:nth-child(1) ~ li:hover > a > p:nth-child(1) {
    color: #e73239;
}
/*æ ·å¼ç»“æŸ*/
/*优势27æ ·å¼å¼€å§‹*/
.ys27 {
    width: 100%;
}

.ys27 ul {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 800px;
}

.ys27 ul li {
    position: absolute;
    text-align: center;
}

.ys27 ul li h3 {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 1px;
    color: #333333;
    margin-top: 8px;
}

.ys27 ul li p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 1px;
    color: #666666;
    padding: 0 25px;
}

.ys27 ul li.ys27-block {
    width: 200px;
    height: 200px;
    background-color: #f9f9f9;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    border-radius: 50%;
    z-index: 2;
}

.ys27 ul li.ys27-block img, .ys27 ul li.ys27-white img {
    margin-top: 30px;
}

.ys27 ul li.ys27-white h3 {
    color: #fff;
}

.ys27 ul li.ys27-white p {
    color: #fff;
}

.ys27 ul li.ys27-white {
    width: 200px;
    height: 200px;
    background-color: #008f39;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 2;
}

.ys27 ul li:nth-child(2) {
    top: 300px;
    left: 300px;
}

.ys27 ul li:nth-child(3) {
    top: 310px;
    right: 280px;
}

.ys27 ul li:nth-child(4) {
    top: 230px;
    right: 10px;
}

.ys27 ul li:nth-child(5) {
    bottom: 0px;
    left: 50px;
}

.ys27 ul li:nth-child(6) {
    bottom: 0px;
    left: 570px;
}

.ys27 ul li:nth-child(7) {
    bottom: 0px;
    right: 10px;
}

.ys27 ul li:nth-child(8) {
    top: 0px;
    left: 430px;
}

.ys27 ul li:nth-child(9) {
    bottom: 130px;
    left: 20px;
}

.ys27 ul li:nth-child(10) {
    top: 70px;
    left: 560px;
}

.ys27 ul li:nth-child(11) {
    bottom: 130px;
    right: 70px;
}

.ys27 ul .ys27-img {
    z-index: -1;    
   transition:0.5s;
}
.ys27 ul .ys27-img img{
    display:block;
   transition:0.5s;
}
.ys27 ul .ys27-img:hover img{
   transform:scale(1.1) !important;
}
/*æ ·å¼ç»“æŸ*/
/*æ ‡é¢˜å¤´æ ·å¼å¼€å§‹*/
.bt9-all {
    width: 100%;
}

.bt9-cont {
    width: 100%;
    text-align: center;
}

.bt9-cont > h2 {
    font-size: 50px;
    color: #333333;
    font-weight: normal;
    font-family: HYc1gj;
    line-height:65px;
}

.bt9-cont > h2 > span {
    font-size: 72px;
    color: #e73239;
}

.bt9-cont > p:nth-child(2) {
    font-size: 16px;
    color: #333333;
    position: relative;
    display: inline-block;
    margin: 7px 0;
    font-family: ArialMT;
}

.bt9-cont > p:nth-child(2) > span:nth-child(3) {
    background: url("//static.ruituoyun.com/images/drag/PC/bt9-02.png") no-repeat left center;
    display: inline-block;
    width: 200px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: -225px;
}

.bt9-cont > p:nth-child(2) > span:nth-child(2) {
    display: inline-block;
}

.bt9-cont > p:nth-child(2) > span:nth-child(1) {
    background: url("//static.ruituoyun.com/images/drag/PC/bt9-01.png") no-repeat left center;
    display: inline-block;
    width: 200px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: -225px;
}

.bt9-cont > p:nth-child(3) {
    font-size: 16px;
    color: #333333;
}

.bt9-cont > p:nth-child(2) > span:nth-child(2)::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #e52129;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    left: -15px;
}

.bt9-cont > p:nth-child(2) > span:nth-child(2)::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #e52129;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    right: -15px;
}
/*æ ·å¼ç»“æŸ*/

/*æ–‡ç« 28æ ·å¼å¼€å§‹*/
.wz28 {
    width: 1225px;
    margin: 0 auto;
    overflow: hidden;
}

.wz28 ul {
    overflow: hidden;
    width: 575px;
    float: left;
}

.wz28 ul.wz28-right {
    float: right;
}

.wz28 ul li {
    float: right;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
}

.wz28 ul li.wz28-img {
    float: left;
    border: 0;
}

.wz28 ul li.wz28-img a {
    margin-top: 20px;
}

.wz28 ul li.wz28-img > p {
    width: 575px;
    height: 305px;
    overflow: hidden;
}

.wz28 ul li.wz28-img img {
    width: 100%;
    height: auto;
    transition: 0.6s;
}

.wz28 ul li.wz28-img:hover img {
    transform: scale(1.2);
}

.wz28 ul li a {
    display: block;
    overflow: hidden;
}

.wz28 ul li .wz28-tit {
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    color: #666666;
    margin-bottom: 10px;
}

.wz28 ul li .wz28-tit span {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    color: #fff;
    width: 57px;
    height: 25px;
    background-color: #939393;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    position: relative;
    float: right;
    transition: 0.6s;
}

.wz28 ul li .wz28-tit span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 8px solid #939393;
    border-bottom: 4px solid transparent;
    left: -8px;
    top: 8px;
    transition: 0.6s;
}

.wz28 ul li .wz28-cont {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    color: #666666;
    opacity: 0.7;
    line-height: 26px;
    padding-right: 57px;
}

.wz28 ul li .wz28-date {
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    color: #666666;
    text-align: left;
    float: left;
    width: 14%;
    margin-top: 30px;
}

.wz28 ul li .wz28-body {
    float: left;
    width: 82%;
    border-left: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    box-sizing: border-box;
    padding: 25px;
    padding-right: 0;
    margin-left: 4%;
}

.wz28 ul li:last-child .wz28-body {
    border-bottom: 0px solid #ddd;
}

.wz28 ul.wz28-left li .wz28-body {
    border-bottom: 0px solid #ddd;
    border-left: 0px solid #ddd;
}

.wz28 ul li .wz28-date span {
    font-size: 17px;
    color: #666666;
    display: block;
    text-align: center;
}

.wz28 ul li:hover .wz28-tit span:after {
    border-right: 8px solid #00397a;
}

.wz28 ul li:hover .wz28-tit span {
    background: #00397a;
}

.wz28 ul li.wz28-type .wz28-tit {
    color: #666;
    font-size: 20px;
    font-weight: normal;
}

.wz28 ul li.wz28-type a {
    color: #666;
    font-size: 15px;
    font-weight: normal;
    float: right;
}

.wz28 ul li.wz28-type .wz28-body {
    border-bottom: 0px solid #ddd;
    padding-bottom: 0;
    padding-top: 0;
}
/*æ ·å¼ç»“æŸ*/
/*简介22æ ·å¼å¼€å§‹*/
.jj22{
	width:100%;
	background-image:url(//static.ruituoyun.com/images/drag/PC/jj22-bg.jpg);
	background-repeat:no-repeat ;
	background-position:center;
}
.jj22 .jj22-cont{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 150px 0;
}
.jj22 .jj22-cont .jj22-left{
	width: 600px;
	float: left;
	    		
}
.jj22 .jj22-cont .jj22-name{
	font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
}
.jj22 .jj22-cont .jj22-tit{
	font-size: 36px;
    color: #FFFFFF;
    font-weight: 400;
    margin: 20px 0 30px;
}
.jj22 .jj22-cont .jj22-line{
	display: block;
	width: 20px;
	height:4px;
	background: rgb(51, 51, 51);
}
.jj22 .jj22-cont .jj22-content{
	width:450px;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	margin: 30px 0 50px;
}
.jj22 .jj22-cont .jj22-more{
	width: 160px;
    height: 45px;
    display: block;
    line-height: 45px;
    text-align: center;
    color:rgb(241, 2, 3);
    background: #fff;
    border-radius: 5px;
    transition: 0.5s;
}
.jj22 .jj22-cont .jj22-more:hover{
    background:rgb(241, 2, 3);
    color:#fff;
    border:1px solid #fff;
}
/*历程3æ ·å¼å¼€å§‹*/
.lc3{width:100%;}
.lc3 .lc3-cont{
	width:1200px;
	margin: 0 auto;
}
.lc3 .lc3-cont .lc3-date{
	width: 100%;
	height: 45px;
	background-color: rgb(246, 246, 246);
}
.lc3 .lc3-cont .lc3-date li{
	width:80px;
	float: left;
	text-align: center;
	line-height: 45px;
	color: rgb(51, 51, 51);
	transition: 0.5s;
	cursor: pointer;
}
.lc3 .lc3-cont .lc3-date li.active{
	color:#fff;
	background-color: rgb(241, 2, 3);
}
.lc3 .lc3-cont .lc3-date li:hover{
	color:#fff;
	background-color: rgb(241, 2, 3);
}
.lc3 .lc3-cont .lc3-body .item{
	display: none;
}
.lc3 .lc3-cont .lc3-body .item.active{
	display: block;
}
.lc3 .lc3-cont .lc3-body .item ul li{
	margin-top: 40px;
}
.lc3 .lc3-cont .lc3-body .item .date{
	color: rgb(51, 51, 51);
	font-size: 16px;
	font-weight: 400;
}
.lc3 .lc3-cont .lc3-body .item .date span{
	display: inline-block;
	width: 30px;
	position: relative;
	height: 20px;
}
.lc3 .lc3-cont .lc3-body .item .date span:after{
	content: "";
	position: absolute;
	width:6px;
	height: 6px;
	border-radius: 50%;
	background-color:rgb(51, 51, 51) ;
	top: 50%;
	left: 50%;
	top: 11px;
    left: 10px;
}
.lc3 .lc3-cont .lc3-body .item .lines{
	width:80px;
	height: 1px;
	background:rgb(136, 136, 136);
	display: block;
	margin: 10px 0 0 30px;
}
.lc3 .lc3-cont .lc3-body .item .content{
	color: rgb(136, 136, 136);
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin: 15px 0 0 30px;
}
/*æ ·å¼ç»“æŸ*/

/*优势28æ ·å¼å¼€å§‹*/
.ys28{
	width: 100%;
}
.ys28 .ys28-cont{
	width: 1200px;
	margin: 0 auto;
	box-shadow: 0 0 10px #999;
}
.ys28 .ys28-cont .ys28-body{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.ys28 .ys28-cont .ys28-body li{
	width:20%;
	float: left;
	text-align: center;
	border-right: 1px solid rgb(237,237,237);
	padding: 50px 0;
	transition: 0.5s;
	cursor: pointer;
}
.ys28 .ys28-cont .ys28-body li:last-child{
	border-right: 0px solid #999;
}
.ys28 .ys28-cont .ys28-body li .names{
	font-size: 16px;
	color:rgb(51, 51, 51);
	font-weight: 400;
	transition: 0.5s;
}
.ys28 .ys28-cont .ys28-body li .enames{
	font-size: 12px;
	color:#999;
	font-weight: 400;
	transition: 0.5s;
}
.ys28 .ys28-cont .ys28-body li .imgs{
	margin: 50px 0;
	height: 50px;
}
.ys28 .ys28-cont .ys28-body li .content{
	width:65%;
	height:120px;
	margin: 0 auto;
	font-size: 12px;
	color:#666;
	line-height: 26px;
	font-weight: 400;
}
.ys28 .ys28-cont .ys28-body li .lines{
	width: 20px;
	height: 3px;
	background-color: rgb(51, 51, 51);
	display: block;
	margin: 0 auto; 
	transition: 0.5s;
}
.ys28 .ys28-cont .ys28-body li:hover .names{
	color:rgb(241, 2, 3);
}
.ys28 .ys28-cont .ys28-body li:hover .enames{
	color:rgb(241, 2, 3);
}
.ys28 .ys28-cont .ys28-body li:hover .lines{
	background-color:rgb(241, 2, 3);
}
	/*æ ·å¼ç»“æŸ*/		
/*优势29æ ·å¼å¼€å§‹*/
.ys29{
	width: 100%;
	background-color:rgba(0,0,0,0.1) ;
}
.ys29 .ys29_cont{
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
	overflow: hidden;
}
.ys29 .ys29_cont .ys29_img{
	width: 600px;
	position: relative;
	float: left;
}
.ys29 .ys29_cont .ys29_img img{
	width: 100%;
	height: auto;
}
.ys29 .ys29_cont .ys29_img:after {
    content: "";
    position: absolute;
    top: -15px;
    right: -300px;
    background-image: url(//static.ruituoyun.com/images/drag/PC/ys29-02.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.ys29 .ys29_cont .ys29_body{
	width: 530px;
	float: right;
	margin-top: -30px;
	box-sizing: border-box;
}
.ys29 .ys29_cont .ys29_body li{
	margin-top:13px;
	width: 100%;
}
.ys29 .ys29_cont .ys29_body li:nth-child(1),.ys29 .ys29_cont .ys29_body li:nth-child(7){
	margin-left: -100px;
}
.ys29 .ys29_cont .ys29_body li:nth-child(2),.ys29 .ys29_cont .ys29_body li:nth-child(6){
	margin-left: -60px;
}
.ys29 .ys29_cont .ys29_body li:nth-child(3),.ys29 .ys29_cont .ys29_body li:nth-child(5){
	margin-left: -20px;
}

.ys29 .ys29_cont .ys29_body .tit{
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	color: #333;
}
.ys29 .ys29_cont .ys29_body .conten{
	font-size: 16px;
	line-height: 21px;
	color: #666;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 29æ ·å¼å¼€å§‹*/
.wz29 {
    width: 1200px;
    margin: 30px auto 0;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(195, 13, 35, 0.12);
    border-radius: 15px;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom:30px;
}
.wz29 .fl{float: left;}
.wz29 .tit {
    padding: 40px 0 0 40px;
    overflow: hidden;
}

.wz29 .tit li {
    width: 160px;
    float: left;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding-left: 30px;
    line-height: 22px;
}

.wz29 .tit li a {
    font-family: KaiTi;
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 1px;
	color: #333333;
}

.wz29 .tit li:nth-child(1) {
    background: url(//static.ruituoyun.com/images/drag/PC/wz29-01.png) no-repeat;
}

.wz29 .tit li:nth-child(2) {
    background: url(//static.ruituoyun.com/images/drag/PC/wz29-02.png) no-repeat;
}

.wz29 .con {
    width: 640px;
    overflow: hidden;
    margin: 20px 0 0 40px;
}

.wz29 .con li {
    width: 310px;
    height: 47px;
    float: left;
    margin: 0 20px 0 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

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

.wz29 .con li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    border: 1px solid #8b8b8b;
    border-radius: 50%;
    left: 0;
    bottom: 18px;
}

.wz29 .con li h4 {
    font-size: 14px;
    color: #333;
    padding: 15px 0 0 20px;
    width: 228px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    transition: 0.5s;
}
.wz29 .con li:hover h4 {
    color: #b82d29;
}
.wz29 .con li h6 {
    width: 80px;
    padding-top: 18px;
    font-size: 12px;
    color: #999;
    text-align: right;
    float: right;
}


/*留言6æ ·å¼å¼€å§‹*/
.ly6-all{
    overflow:hidden;
}
.ly-fg {
    width: 52px;
    height: 370px;
    background: url(//static.ruituoyun.com/images/drag/PC/ly6-01.png) no-repeat center;
    margin: 0 44px;
    float:left;
}

.ly6 {
    width: 320px;
    overflow: hidden;
    margin: 40px 60px 0 0;
    position: relative;
    float:left;
}
.ly6 .input span{width:70px;display: inline-block;height: 30px;line-height: 30px;float: left;text-align: right;font-family: KaiTi;
	font-size: 16px;
	color: #666666;
	padding-right: 5px;
	box-sizing: border-box;
	position: relative;
	}
.ly6 .input span:after{
	content: "";
	position: absolute;
	right: 2px;
	top: 7px;
	width:1px;
	height: 16px;
	background:#666;
}
.ly6 .input {
    width: 215px;
    height: 40px;
    border: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.ly6 .input input{
    width: 145px;
    height: 28px;
    border: 0;
    font-size: 16px;
    color: #333;
    border-radius: 0;
    box-shadow: none;
    float: right;
    padding: 0;
}
.ly6 .input:nth-child(1) span{
    background: url(//static.ruituoyun.com/images/drag/PC/ly6-02.png) no-repeat left;
}

.ly6 .input:nth-child(2) span{
    background: url(//static.ruituoyun.com/images/drag/PC/ly6-03.png) no-repeat left;
}

.ly6 .input:nth-child(3) span{
    background: url(//static.ruituoyun.com/images/drag/PC/ly6-04.png) no-repeat left;
}

.ly6 textarea {
    width: 320px;
    height: 90px;
    border: 1px solid #e5e5e5;
    padding: 20px;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
    font-family: KaiTi;
}

.ly6 .tj a{
	display: inline-block;
    width: 103px;
    height: 30px;
    font-family: KaiTi;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    margin-right: 20px;
    margin-top: 18px;
    border-radius: 25px;
   transition: 0.5s;
}

.ly6 .tj a:hover{
    background: #b82d29;
    color: #fff;
}
.ly6 .ly6_img{
	position: absolute;
	right: 0;
	top: 40px;
}
/*底部15æ ·å¼å¼€å§‹*/
.footer15{
	width:100%;
	background-color: #760500;
	overflow: hidden;
}
.footer15 .footer15_cont{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}
.footer15 .footer15_cont .tit{
	margin: 30px 0;
}
.footer15 .footer15_cont .tit .name{
	font-family: STSongti-TC-Regular;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 4px;
	color: #ffffff;
	text-align: center;
}
.footer15 .footer15_cont .tit .ename{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 1px;
	color: #ffffff;
	opacity: 0.4;
}
.footer15 .fl{float: left;}
.footer15 .fr{float: right;}
.footer15 .ewm{
	border-right: 1px solid rgba(255,255,255,0.1);
	width: 400px;
	box-sizing: border-box;
}
.footer15 .ewm .item{
	margin-right: 40px;
	text-align: center;
}
.footer15 .ewm .item img{
	width: 158px;
	height: 158px;
	display: block;
}
.footer15 .ewm .item p{
	font-size: 16px;margin-top: 10px;
	letter-spacing: 0px;
	color: #ffffff;
}
.footer15 .conten{
	padding-left: 30px;
	width: 800px;
	box-sizing: border-box;}
.footer15 .conten .foot_navLists li{
	float: left;
	margin-right: 25px;
}
.footer15 .conten .foot_navLists{
	margin-bottom: 70px;
}
.footer15 .conten .foot_navLists li a{
	font-size: 16px;
	letter-spacing: 0px;
	color: #ffffff;
}
.footer15 .conten .xinxi p{
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
	padding-left: 30px;
}
	
.footer15 .conten .hotPhone{
	background: url(//static.ruituoyun.com/images/drag/PC/db15-01.png) no-repeat left;
	padding-right: 5px;
	margin-top: 40px;
}
.footer15 .conten .hotPhone .hot{
	font-family: KaiTi;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: 1px;
	color: #ffffff;
	padding-left: 80px;
}
.footer15 .conten .hotPhone .phone{
	font-size: 32px;
	font-weight: bold;
	line-height: 34px;
	letter-spacing: -3px;
	color: #ffffff;
	padding-left: 80px;
}
.footer15 .footer15_foot{
	margin-top:60px;
	border-top:1px solid rgba(255,255,255,0.2);
}
.footer15 .footer15_foot .footer15_foot_cont{
	width:1200px;
	margin: 0 auto;
}
.footer15 .footer15_foot .footer15_foot_cont p{
	font-size: 14px;
line-height: 40px;
color: #ffffff;
}
.footer15 .footer15_foot .footer15_foot_cont p a{
	font-size: 14px;
line-height: 40px;
color: #ffffff;
}

/*流程6æ ·å¼å¼€å§‹*/
.lc6{
	width:100%;
}
.lc6 .lc6_cont{
	width:1200px;
	margin: 0 auto;
	padding: 20px 0;
}
.lc6 .lc6_cont .item{
	float: left;
	margin-right: 50px;
}
.lc6 .lc6_cont .item:last-child{
	margin-right:0px;
}
.lc6 .lc6_cont .item .lc6_img{
	width: 126px;
	height: 123px;
	line-height: 123px;
	background-color: rgb(217,164,71);
	position: relative;
	text-align: center;
}
.lc6 .lc6_cont .item .lc6_img:after{
	content: "";
	position: absolute;
	width: 126px;
	height: 123px;
	border:1px solid rgb(217,164,71);
	left: 8px;
	top: 8px;
	z-index: -1;
}
.lc6 .lc6_cont .item .lc6_tit{
	text-align: center;
	font-size: 16px;
	color: #555;
	font-weight: 400;
	margin-top: 35px;
	height: 40px;
}
/*æ ·å¼ç»“æŸ*/

/*产品26æ ·å¼å¼€å§‹*/
.cp26{
	width: 100%;
}
.cp26 .cp26_cont{
	width:1200px;
	margin: 0 auto;
    padding: 30px;
}
.cp26 .cp26_cont ul li{
    width: 280px; 
    height: auto;
    float: left;
    margin-right: 130px;
    text-align: center;
    margin-top: 45px;
    position: relative;
}
.cp26 .cp26_cont ul li:after{
    content: "";
    position: absolute;
    width: 90px;
    height: 1px;
    border-top: 1px dashed #777;
    top: 43%;
    right: -110px;
}
.cp26 .cp26_cont ul li:last-child{  
    margin-right: 0px;
}
.cp26 .cp26_cont ul li:last-child:after{ 
   width: 0;
}
.cp26 .cp26_cont ul li.big{
    width: 370px;   
   margin-top: 0;
}
.cp26 .cp26_cont ul li .cp26_img{
    width: 280px; 
    perspective: 1000px;
    -webkit-perspective: 1000px;
    box-sizing: border-box;
    height: 280px;   
    position: relative;
    margin-bottom: 30px;
}
.cp26 .cp26_cont ul li .cp26_img:after{
   content: "";
   position: absolute;
    border:1px solid #333;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: -10px;
    top: -10px;
    box-sizing: border-box;
}
.cp26 .cp26_cont ul li.big .cp26_img:after{
    width: 390px;
    height: 390px;
}
.cp26 .cp26_cont ul li .cp26_img img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.cp26 .cp26_cont ul li.big .cp26_img{
    width: 370px;   
    height: 370px;
}
.cp26 .cp26_cont ul li .front,
.cp26 .cp26_cont ul li .back {
    width: 100%;
    height: 100%;
    overflow: hidden;
     background-position: center;
    background-size: cover;
    justify-content: center;
    align-items: center;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms;
}
.cp26 .cp26_cont ul li:hover .front {
   transform: rotateY(180deg);
}

.cp26 .cp26_cont ul li:hover .back {
     transform: rotateY(0deg);
}
.cp26 .cp26_cont ul li .back {
     transform: rotateY(-180deg);
}
.cp26 .cp26_cont ul li .tit{
	font-size: 24px;
    font-family: STKaiti;
    color: #EA572F;
}
.cp26 .cp26_cont ul li .contents{
	font-size: 12px;
    color: #777777;
}
/*æ ·å¼ç»“æŸ*/
/*产品27æ ·å¼å¼€å§‹*/
.cp27{
	background-image: url(//static.ruituoyun.com/images/drag/PC/cp27-bg.jpg);
	width: 100%;
}
.cp27-page { position: relative; }
.cp27 .black { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background: none rgba(0,0,0,0.2); }
.cp27-list a:link{ color: #fff; }
.cp27-list a:active, .cp27-list a:hover { color: #fff; }
.cp27-list dd { color: #fff; }
.cp27-list a { position: relative; padding-left: 20%; height: 150px; display: block; float: left; }
.cp27-list .red-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(211,63,70,0.9); transition: 300ms; -webkit-transition: 300ms; }
.cp27-list .ico { width: 140px; height: 80px; position: absolute; left: 0px; top: 0px; padding: 35px 0px; }
.cp27-list .ico .bg { position: absolute; width: 100%; height: 100%; background-color: #d33f46; left: 0px; top: 0px; transform: scale(0.5) rotate(0); -webkit-transform: scale(0.5) rotate(0); -moz-transform: scale(0.5) rotate(0); opacity: 0; transition: 600ms; -webkit-transition: 600ms; }
.cp27-list .ico .i { background: url(//static.ruituoyun.com/images/drag/PC/cp27-1.png); width: 80px; height: 80px; margin: 0px auto; position: relative; z-index: 5px; display: block; }
.cp27-list .ico .i1 { background-position: 0px 0px; }
.cp27-list .ico .i2 { background-position: 0px -80px; }
.cp27-list .ico .i3 { background-position: 0px -160px; }
.cp27-list .ico .i4 { background-position: 0px -240px; }
.cp27-list .ico .i5 { background-position: 0px -320px; }
.cp27-list .ico .i6 { background-position: 0px -400px; }
.cp27-list .con { display: block; padding: 0px 140px 0px 208px; width: 508px; position: relative; height: 150px; }
.cp27-list .t { font-size: 16px; line-height: 1.5; padding: 62px 0px 20px; transition: 300ms; -webkit-transition: 300ms; }
.cp27-list .t .zh { transition: 300ms; -webkit-transition: 300ms; }
.cp27-list .t .en em { padding-left: 5px; transition: 300ms; -webkit-transition: 300ms; background: url(//static.ruituoyun.com/images/drag/PC/cp27-2.png) no-repeat scroll left center; margin: 0px 5px 0px 22px; }
.cp27-list .c { height: 25px; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.cp27-list .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.cp27-list .line_1 { width: 28px; height: 1px; top: 50%; right: 57px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.cp27-list .line_2 { width: 1px; height: 28px; top: 50%; margin-top: -14px; right: 70px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.cp27-list a:hover .red-bg { width: 100%; transition: 600ms; -webkit-transition: 600ms; }
.cp27-list a:hover .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }
.cp27-list a:hover .ico .bg { transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1; }
.cp27-list a:hover .t { padding-top: 30px; }
.cp27-list a:hover .t .zh { font-size: 22px; }
.cp27-list a:hover .t .en em{ padding-left: 42px; }
.cp27-list a:hover .c { opacity: 1; visibility: visible; }

/*流程7æ ·å¼å¼€å§‹*/
.lc7{
	width:100%;
	background: url(//static.ruituoyun.com/images/drag/PC/lc7-bg.jpg) no-repeat center;
			
	overflow: hidden;
}
.lc7 .lc7_cont{
	width:1200px;
	margin: 100px auto;
	overflow: hidden;
}
.lc7 .lc7_cont ul{
	display: flex;
	justify-content: space-between;
	width: 880px; 
	position: relative;
	float: left;
}
.lc7 .lc7_cont ul:after{
	content: "";
	position:absolute;
	background:#fdaa28;
	width: 100%;
	height: 1px;
	top:30px;
	left: 0;
	right: 0;
}
.lc7 .lc7_cont ul li{
	float: left;
	text-align: center;
	z-index: 1;
	width: 180px;
	position: relative;
}
.lc7 .lc7_cont ul li:after{
	content: "";
	position: absolute;
	background: url(//static.ruituoyun.com/images/drag/PC/lc7-5.png) no-repeat;
	width: 21px;
	height: 21px;
	right: -35px;
	top:20px;
}
.lc7 .lc7_cont ul li:last-child:after{
			
	background: none;
			
}
.lc7 .lc7_cont ul li h3{
	font-size: 18px;
	color: #222;
	font-weight: 400;
}
.lc7 .lc7_cont ul li p{
	font-size: 12px;
	color: #888;
}
.lc7 .lc7_cont .lc7_tit{
	width:200px;
	float: right;
	overflow: hidden;
}
.lc7 .lc7_cont .show_tit{
	float: left;
	text-align: right;
	width:170px;
}
.lc7 .lc7_cont .show_tit h3{
		font-size: 28px;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 25px;
}
.lc7 .lc7_cont .show_tit p{
	font-size: 14px;
    color: #888888;
}
.lc7 .lc7_cont .show_tab{
	width:10px;
	height:97px;
	position: relative;
	float: right;
	top:0px;
			
}
.lc7 .lc7_cont .show_tab .show_tab_bor{
	position: absolute;
	border-left: #fdaa28 3px solid;
	height: 100%;
	width: 100%;
			
}
.lc7 .lc7_cont .show_tab .show_tab_bor1{
	position: absolute;
	border-left: #2c2c2c 3px solid;
	height: 27px;
	width: 100%;
	top:15px;
			
}
/*æ ·å¼ç»“æŸ*/
/*产品28æ ·å¼å¼€å§‹*/
.productpage {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.productpage .cat-item>li {
    margin: 40px 7px 0;
    float: left;
    position: relative;
    border-bottom: 5px solid transparent;
    z-index: 2;
}

.productpage .cat-item>li .new-sales {
    position: absolute;
    top: -20px;
    left: -5px;
    z-index: 5;
}

.productpage .cat-item>li a {
    display: block;
    font-size: 0;
}

.productpage .cat-item>li .product-item {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 100%;
    background: #fff;
    border-top: 5px solid #d3d3d3;
}

.productpage .cat-item>li .product-item li {
    float: none;
    margin: 0;
    text-align: center;
    -webkit-transition: height 2S;
    transition: height 2S;
}

.productpage .cat-item>li .product-item li a {
    font-size: 14px;
    display: inline-block;
    padding: 5px 0;
    width: 70%;
    border-bottom: 2px solid #eee;
}

.productpage .cat-item>li .product-item li:hover {
    background: #eee;
}

.productpage .cat-item>li:hover {
    border-bottom: 5px solid #d3d3d3;
    z-index: 4;
}

.productpage .cat-item>li:hover .product-item,
.productpage .cat-item>li:hover:after {
    display: block;
}

.productpage .cp28-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 3;
    pointer-events: none;
}
.productpage:hover .cp28-bg{
    display: block !important;
}
/*æ ·å¼ç»“æŸ*/
/*产品29æ ·å¼å¼€å§‹*/
.cp29{
	width: 100%;
}
.cp29 .cp29_cont{
	width:1200px;
	margin: 0 auto;
}
.cp29 .cp29_cont ul li{
    width: 300px; 
    height: 560px;
    float: left;
    text-align: center;
    position: relative;
}
.cp29 .cp29_cont ul li:nth-child(2n){
    margin-top: 60px;
}
.cp29 .cp29_cont ul li .cp29_img{
    width: 100%; 
    perspective: 1000px;
    -webkit-perspective: 1000px;
    box-sizing: border-box;
    height: 100%;   
    position: relative;
}
.cp29 .cp29_cont ul li .cp29_img img{
    width: 100%;
    height: auto;
}
.cp29 .cp29_cont ul li .front,
.cp29 .cp29_cont ul li .back {
    width: 100%;
    height: 100%;
    overflow: hidden;
     background-position: center;
    background-size: cover;
    justify-content: center;
    align-items: center;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 400ms;
}
.cp29 .cp29_cont ul li:hover .back {
     transform: rotateY(0deg) ;
}
.cp29 .cp29_cont ul li .back {
     transform: rotateY(-180deg);  
}
/*æ ·å¼ç»“æŸ*/
/*优势30æ ·å¼å¼€å§‹*/
.ys30{
	width:100%;
}
.ys30 .ys30_cont{
	width:1200px;
	margin: 0 auto;
}
.ys30 .ys30_cont li{
	text-align: center;
	width: 400px;
	height: 350px;
	box-sizing: border-box;
	float: left;
	background-size:cover;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 70px;
	position: relative;
	z-index: 0;
}

.ys30 .ys30_cont li:nth-child(1){
	background: url(//static.ruituoyun.com/images/drag/PC/ys30-1-1.jpg) no-repeat center;
	background-size:cover;	
}
.ys30 .ys30_cont li:nth-child(2){
	background: url(//static.ruituoyun.com/images/drag/PC/ys30-2-1.jpg) no-repeat center;
	background-size:cover;
}
.ys30 .ys30_cont li:nth-child(3){
	background: url(//static.ruituoyun.com/images/drag/PC/ys30-3-1.jpg) no-repeat center;
	background-size:cover;
	border-right: 0px solid #fff;
}
.ys30 .ys30_cont li:nth-child(4){
	background: url(//static.ruituoyun.com/images/drag/PC/ys30-4-1.jpg) no-repeat center;
	background-size:cover;
	border-bottom: 0px solid #fff;
}
.ys30 .ys30_cont li:nth-child(5){
	background: url(//static.ruituoyun.com/images/drag/PC/ys30-5-1.jpg) no-repeat center;
	background-size:cover;
	border-bottom: 0px solid #fff;
}
.ys30 .ys30_cont li:nth-child(6){
	background: url(//static.ruituoyun.com/images/drag/PC/ys30-6-1.jpg) no-repeat center;
	background-size:cover;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff;
}
.ys30 .ys30_cont li .ys30_img{
	text-align: center;
}
.ys30 .ys30_cont li .ys30_tit{
	font-size: 24px;
    color: #FFFFFF;
    font-weight: 400;
    margin-top: 40px;
}
.ys30 .ys30_cont li .ys30_etit{
	font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    margin-top: 5px;
}
.ys30 .ys30_cont li .ys30_more{
	font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    display: block;
     margin: 40px auto 0;
}
.ys30 .ys30_cont li .ys30_line{
	width:45px;
	height: 2px;
	background: rgba(255, 255, 255, 0.29);
	display: block;
	margin: 5px auto 0;
}
.ys30 .ys30_cont .ys30_moreAll a{
	color:#fff;
	font-size: 16px;
	display: block;
}
.ys30 .ys30_cont .ys30_moreAll span{
	color: #fff;
	font-size: 16px;
	display: block;
	letter-spacing: 5px;
}
.ys30 .ys30_cont li:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 0.5s;
}
.ys30 .ys30_cont li:hover:after{	
	background-color:rgba(216, 54, 43,0.5);
	z-index: -1;
}
/*æ ·å¼ç»“æŸ*/

/*流程8æ ·å¼å¼€å§‹*/
.lc8{
	width: 100%;
}
.lc8 .lc8_cont{
	width: 1200px;
	margin:0 auto;
	padding: 30px 0;
}
.lc8 .lc8_cont .lc8_left{
	float: left;
	width: 400px;
	position: relative;
}
.lc8 .lc8_cont .lc8_left:after{
	content: "";
	position: absolute;
	width: 1px;
	height: 100px;
	background-color: rgb(237, 237, 237);
	right: 100px;
	top: 0;
}
.lc8 .lc8_cont .lc8_left .lc8_tit{
	font-size: 22px;
    color: #333333;
    font-weight: 400;
    margin-top: 20px;
}
.lc8 .lc8_cont .lc8_left .lc8_ename{
	font-size: 14px;
    color: #999;
    margin-top: 15px;
}
.lc8 .lc8_cont .lc8_left .lc8_tit span{
	width: 22px;
	height: 1px;
	background: rgb(229, 229, 229);
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
}
.lc8 .lc8_cont .lc8_left .lc8_tit span:first-child{
	margin-left: 0;
	margin-right: 25px;
}
.lc8 .lc8_cont ul{
	float: left;
	width: 800px;
	display: flex;
	align-items:center;
	justify-content: space-between;
	
}
.lc8 .lc8_cont ul li{
	float: left;
	height: 100px;	
	position: relative;
}
.lc8 .lc8_cont ul li .lc8_img2{
	display: none;
}
.lc8 .lc8_cont ul li:hover .lc8_img1{
	display: none;
}
.lc8 .lc8_cont ul li:hover .lc8_img2{
	display: block;
}
.lc8 .lc8_cont ul li p{
	font-size: 14px;
    color: #333333;
    text-align: center;
    margin-top: 10px;
}
.lc8 .lc8_cont ul li:after{
	content: ">>";
	position: absolute;
	top:30% ;
	right: -65px;
	font-size: 14px;
    color: #888888;
}

.lc8 .lc8_cont ul li:last-child:after{
	content: "";
	
}
/*æ ·å¼ç»“æŸ*/
/*简介23æ ·å¼å¼€å§‹*/
.jj23-all {
	width: 100%;
}

.jj23-cont {
	width: 1200px;
	margin: 0 auto;
}

.jj23-cont>p {
	line-height: 25px;
	font-size: 14px;
	color: #555555;
	text-indent: 2em;
}
.jj23-list{
	width: 100%;
	margin-top: 30px;
}
.jj23-list>li{
	width: 25%;
	padding: 10px;
	box-sizing: border-box;
	transition: .4s;
	float: left;
}
.jj23-list>li>div{
	padding: 10px;
	height: 350px;
	box-sizing: border-box;
	border: 1px dashed #fff;
	color: #555;
	text-align: center;
}
.jj23-list>li>div>p{
	text-align: center;
	margin: 20px 0;
	font-size: 18px;
}
.jj23-list>li>div>span{
	display: block;
	font-size: 14px;
	text-align: left;
}
.jj23-list>li:hover{
	background: rgb(255,90,90);
}
.jj23-list>li:hover>div{
	color: #fff;
}
/*æ ·å¼ç»“æŸ*/
/*优势31æ ·å¼å¼€å§‹*/
.ys31{
	width:100%;
	background-image:url(//static.ruituoyun.com/images/drag/PC/ys31-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.ys31 .ys31_cont{
	width:1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
.ys31 .ys31_cont .ys31_left{
	float: left;
	width: 520px;
}
.ys31 .ys31_cont .ys31_right{
	float: right;
	width: 680px;
	padding: 60px 0 60px 30px;
}
.ys31 .ys31_cont .ys31_right .ys31_ename{
	font-size: 24px;
    color: #333333;
    font-weight: bold;
}
.ys31 .ys31_cont .ys31_right .ys31_ename span{ 
	font-size: 60px;
}
.ys31 .ys31_cont .ys31_right .ys31_name{
	font-size: 24px;
    color: #333333;
    font-weight: 400;
}
.ys31 .ys31_cont .ys31_right .ys31_name span{
	width: 40px;
	height: 5px;
	background-color: rgb(255,0,79);
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.ys31 .ys31_cont .ys31_right ul li{
	width:260px;
	float: left;
	text-align: left;
	margin-top: 40px;
}.ys31 .ys31_cont .ys31_right ul li:nth-child(2n){
	float: right;
}
.ys31 .ys31_cont .ys31_right ul li .ys31_img{
	height: 36px;
	overflow: hidden;
	
}
.ys31 .ys31_cont .ys31_right ul li .ys31_img img{
	display: block;
	transition: 0.3s;
}
.ys31 .ys31_cont .ys31_right ul li:hover .ys31_img img:first-child{
	margin-top: -36px;
}
.ys31 .ys31_cont .ys31_right ul li .ys31_tit{
	color: rgb(85, 85, 85);
	font-weight: 700;
    height: 24px;
    line-height: 24px;
    margin-top: 20px;
    transition: 0.3s;
}
.ys31 .ys31_cont .ys31_right ul li:hover .ys31_tit{
	color: rgb(255, 0, 79);
}
.ys31 .ys31_cont .ys31_right ul li .ys31_content{
	width:245px;
	color: rgb(136, 136, 136);
	line-height: 24px;
	font-size: 14px;
	margin-top: 20px;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 30æ ·å¼å¼€å§‹*/
.wz30{
	width: 100%;
	
}
.wz30 .wz30_cont{
	width:1200px;
	margin: 0 auto;
}
.wz30 .wz30_cont .item{
	float:right;
	width: 570px;
	box-sizing: border-box;
}
.wz30 .wz30_cont .item:hover .new30_tit{
    text-decoration:underline;
}
.wz30 .wz30_cont .item:first-child{
	float:left;
}
.wz30 .wz30_cont .new30_left{
	float: left;
	position: relative;
}
.wz30 .wz30_cont .new30_left .new30_type{
	width: 300px;
	height: 225px;
	overflow: hidden;
}
.wz30 .wz30_cont .new30_left .new30_type>img{
	width: 100%;
	height: auto;
}
.wz30 .wz30_cont .new30_left .new30_info{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 225px;
	height: 150px;
	margin-top: -75px;
	margin-left: -112.5px;
	background-image:url(//static.ruituoyun.com/images/drag/PC/wz30-bor.png);
	background-repeat: no-repeat;
}
.wz30 .wz30_cont .new30_left .new30_info h3{
	position: absolute;
	top: -20px;
	left:-10px;
	font-size: 18px;
    color: #FFFFFF;
}
.wz30 .wz30_cont .new30_left .new30_info p{
	position: absolute;
	top: 15px;
	left:-10px;
	font-size: 18px;
    color: #FFFFFF;
}
.wz30 .wz30_cont .new30_left .new30_info a{
	position: absolute;
	right: 10px;
	bottom: 15px;
	font-size: 14px;
    color: #FFFFFF;
}
.wz30 .wz30_cont .new30_right{
	float: right;
	width: 225px;
}
.wz30 .wz30_cont .new30_right .new30_tit{
	color: #333333;
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
	margin: 5px 0;
}
.wz30 .wz30_cont .new30_right .new30_content{
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	line-height: 32px;
}
.wz30 .wz30_cont .new30_right .new30_more{
	margin-top: 15px;
}
.wz30 .wz30_cont .new30_right .new30_more a{
	width: 84px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: rgb(51, 51, 51);
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #666;
	display: block;
}
.wz30 .wz30_cont .new30_right .new30_more span{
	width: 30px;	
	line-height: 22px;
	text-align: center;
	font-size: 26px;
	height: 26px;
	border-left: 1px solid #666;
	float: right;
}
/*æ ·å¼ç»“æŸ*/
/*优势32æ ·å¼å¼€å§‹*/
.ys32{
	width:100%;
	background-image:url(//static.ruituoyun.com/images/drag/PC/ys32-bg.jpg);
	background-repeat: no-repeat;
	background-position:center;
}
.ys32 .ys32_cont{
	width:1200px;
	margin:0 auto ;	
	background-repeat: no-repeat;
	background-position:center;
	background-size:40% ;
	height:600px;
	
}
.ys32 .ys32_cont .ys32_info{
	width: 100%;
	height: 100%;
	position: relative;
}
.ys32 .ys32_cont .ys32_img1{
	width: 480px;
	height: 480px;	
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -240px;
	left: 50%;
	margin-left: -240px;
}
.ys32 .ys32_cont .ys32_img1 img{
	width: 100%;
	height: auto;
}
.ys32 .ys32_cont .ys32_img2{
	width: 230px;
	height: 150px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -75px;
	left: 50%;
	margin-left: -105px;
}
.ys32 .ys32_cont .ys32_img img{
	width: 100%;
	height: auto;
	
}
.ys32 .ys32_cont .ys32_content{
	width: 480px;
	height: 480px;	
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -240px;
	left: 50%;
	margin-left: -240px;
}
.ys32 .ys32_cont .ys32_content .items{
	width: 100px;
	height: 100%;
	position: relative;
}
.ys32 .ys32_cont .ys32_content .items .item{
	width: 250px;
	position: absolute;
	 color: rgb(255, 255, 255);
   line-height: 20px;
    font-size: 14px;
}
.ys32 .ys32_cont .ys32_content .items .item1{
	top: 60px;
	left: 390px;
}
.ys32 .ys32_cont .ys32_content .items .item2{
	top: 240px;
	left: 480px;
}
.ys32 .ys32_cont .ys32_content .items .item3{
	top: 380px;
	left: 390px;
}
.ys32 .ys32_cont .ys32_content .items .item4{
	top: 60px;
	right: 0px;
}
.ys32 .ys32_cont .ys32_content .items .item5{
	top: 240px;
	right: 80px;
}
.ys32 .ys32_cont .ys32_content .items .item6{
	top: 380px;
	right: 0px;
}
/*æ ·å¼ç»“æŸ*/
/*导航16æ ·å¼å¼€å§‹*/
.dh16-header{width: 100%; background: #ffffff;z-index: 9999;}
.dh16-header .head-con{position: relative; width: 100%; margin: 0 auto;}
.dh16-header .head-con:after{display: block; content: " ";position: absolute; background: #eee;width: 100%;height: 2px;left: 0;bottom: 0;}
.dh16-header .dh16-header-left,.dh16-header .dh16-header-right{line-height: 82px; position: absolute;}
.dh16-header .dh16-header-left{ left: 10%; }
.dh16-header .dh16-header-right{right: 10%;}
.dh16-header .head-con .dh16-header-left img{width: 80%;}
.dh16-header .dh16-header-right a{display: block;color: #ff2121;border:1px solid #ff2121;line-height: 24px;padding:0 10px;border-radius: 5px;margin-top: 37px;transition: 0.5s;}
.dh16-header .dh16-header-right a:hover{background: #ff2121;color: #fff;}
.dh16-header .dhmenu{width: auto; clear:both; margin: 0 auto; text-align: center; font-size: 16px;}
.dh16-header .dhmenu .dhmenu-item{display: inline-block;padding: 0 10px;}
.dh16-header .dhmenu .dhmenu-item>a{display: block; line-height: 82px; padding: 0 30px;position: relative;transition: 0.5s;font-weight: 500;}
.dh16-header .dhmenu .dhmenu-active>a{color:#ff2121}
.dh16-header .dhmenu .dhmenu-item>a:after{display: block; content: " ";position: absolute; background: #ff2121;width: 100%;height: 0;left: 0;bottom: 0;transition: 0.3s;}
.dh16-header .dhmenu .dhmenu-active>a:after{height: 5px;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu{position: absolute; width: 100%;height:120px;left: 0; top: 82px; height: 0;background: #ffffff; overflow:hidden;box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu a{display: inline-block;height: 120px; padding: 0 2%; transition: 0.5s;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu a .nav-icon{display: block;width: 50px;height: 50px;margin:20px auto 2px auto;position: relative;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu a .nav-icon em{position: absolute;top: 0;left: 0;display:block;width: 80%;height: 100%;text-align: center;line-height: 50px;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu a .nav-icon em img{max-width: 100%;max-height: 100%;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu a .icon-hover{opacity: 0;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu .sub-active .icon-hover{opacity: 1;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu a .icon-static{opacity: 1;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu .sub-active .icon-static{opacity: 0;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu a span{line-height: 1em;font-size: .875em;}
.dh16-header .dhmenu .dhmenu-item .sub-dhmenu .sub-active{background: #ff2121;color: #fff;}
.dh16-header .dhmenu .dhmenu-active .sub-dhmenu{height: 120px;}
.dh16-header .dhmenu .dhmenu-item .dhmenu-scroll{position: fixed; top: 0;}
.dh16-header .dhmenu .dhmenu-item:hover .sub-dhmenu{display: block;transition: 0.3s;}
/*æ ·å¼ç»“æŸ*/
/*留言7æ ·å¼å¼€å§‹*/
.message_179 {
    background: url("//static.ruituoyun.com/images/drag/PC/answer.jpg") no-repeat;
    background-size: cover;
    padding-bottom: 100px;
}
        .width_1360 {
    width: 1360px;
    margin: 0 auto;
}
.message_179 .width_1360{ padding: 0 30px; box-sizing: border-box;}
.message_179 .ly7-top{ margin-bottom: 50px;}
.message_179 .ly7-top h3{ font-size: 30px; line-height: 30px;letter-spacing: 1px;font-weight: bold;color: #d70c19;margin-bottom: 15px;}
.message_179 .ly7-top p{ color: #666; line-height:24px;}
.message_179 .form{overflow: hidden; }
.message_179 .form .ly7-left{ float:left; width:38%;}
    .message_179 .form .ly7-left li h2 {
        color: #b0b0b0;
        line-height: 36px;
        font-size: 31.5px;
        font-weight: bold;
        margin: 10px 0;
    }
.message_179 .form .ly7-left li .ly7-company{ position: relative;}
    .message_179 .form .ly7-left li em {
        background: url("//static.ruituoyun.com/images/drag/PC/ly-btn-2.png") no-repeat;
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 25px;
        left: 25px;
        background-position: 3px 0;
    }
.message_179 .form .ly7-left li:nth-child(2) em{ background-position: -34px 0;}
.message_179 .form .ly7-left li:nth-child(3) em{ background-position: -74px 0;}
.message_179 .form .ly7-left li:nth-child(4) em{ background-position: -112px 0;}
.message_179 .form .ly7-left li input{ width: 100%; height: 80px; border: 2px solid #dcdcdc; border-radius: 5px; padding: 0 0 0 80px; color: #666; box-sizing: border-box; margin-bottom:10px;}
.message_179 .form .ly7-left li input:focus{ box-shadow: none;}

.message_179 .form .ly7-right{ float:right; width:52%;}
    .message_179 .form .ly7-right h2 {
        color: #b0b0b0;
        line-height: 36px;
        font-size: 31.5px;
        font-weight: bold;
        margin: 10px 0;
    }
.message_179 .form .ly7-right .ly7-detail{ position: relative;}
.message_179 .form .ly7-right .ly7-detail textarea{ width: 100%; height:460px; border: 2px solid #dcdcdc; border-radius: 5px; display: block; background: transparent; padding-top: 60px; padding-left: 28px; box-sizing: border-box;}
.message_179 .form .ly7-right .ly7-detail textarea:focus{ box-shadow: none;}
.message_179 .form .ly7-right .ly7-detail span{ position: absolute; top:15px; left: 25px;}
    .message_179 .form .ly7-right .ly7-detail span em {
        background: url("//static.ruituoyun.com/images/drag/PC/ly-btn-2.png") no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        background-position: -152px 0;
        position: relative;
        top: 8px;
        margin-right: 8px;
    }
#ly7-submit{ width: 340px; margin: 36px auto 0 auto;display:block; border-radius: 12px; line-height: 54px; text-align: center; color: #fff; background: #d70c19;}
#ly7-submit:hover{ background: #d70c19; cursor: pointer;text-decoration: underline;}
/*æ ·å¼ç»“æŸ*/
/*å•é¡µæ ·å¼å¼€å§‹*/
.dy-aboutDiv { height: auto; overflow: hidden; padding: 112px 0 106px; }
.dy-aboutImg { float: left; }
.dy-aboutImg img { display: block; max-width: 619px; max-height: 466px; }
.dy-aboutImg img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.dy-aboutText { width: 510px; float: right; padding: 37px 13px 0 0; }
.dy-aboutTit { font-size: 44.73px; text-transform: uppercase; }
.dy-aboutTit a { color: #cbcbcb; }
.dy-aboutTit a:hover { color: #fdc064; }
.dy-aboutintro { color: #555; font-size: 24px; }
.dy-aboutInfo { color: #666; font-size: 15px; line-height: 34px; margin: 13px 0 31px; }
.dy-aboutMore { display: block; width: 113px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 14px; background-color: #fdc064; }
.dy-aboutMore:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.dy-aboutBg { background-color: #f1f1f1; }
.dy-aboutBg .dy-aboutImg { float: right; }
.dy-aboutBg .dy-aboutText { float: left; }
.dy-aboutintro2 { font-size: 14px; font-family: Arial; margin-bottom: 13px; color: #717171; }
.wd {
    margin: 0 auto;
    width: 1202px;
}
.aboutBg .aboutImg {
    float: right;
}
.joinMore {text-decoration: none; display: block; margin: 0 auto; width: 132px; height: 33px; line-height: 33px; text-align: center; color: #666; font-size: 14px; border: 1px solid #d2d2d2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.joinMore:hover { color: #fff; border-color: #fdc064; background-color: #fdc064; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
/*æ ·å¼ç»“æŸ*/
/*单页2æ ·å¼å¼€å§‹*/
.dy2-appear {
    -wewgtit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    -moz-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    -webkit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
            animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    opacity: 1 !important;
}
.join_share{
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.dy2-join-1{
  width: 900px;
  margin: 80px auto;
}
.dy2-W1200 {
    width: 1200px;
    margin: 0 auto;
    overflow:hidden;
}
.join_t img{
  margin: 0 auto;
  display: block;
}

.join_form{
  margin: 30px 0;
}

.join_form table{
  width: 100%;
}

.join_form .join_form_t{
  background: #f1f1f1;
  text-align: center;
  padding: 24px; 
}

.join_form td{
  border: 3px solid #eaeaea;
}

.join_form .join_form_t strong{
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.join_form .join_form_t span,.join_form .join_li_1 span{
  display: block;
  margin: 5px 0;
}

.join_form .join_li_1 p{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}


.join_li_1 li{
  width: 33.33%;
  padding: 15px 25px; 
  float: left;
  border: 1px solid #eaeaea;
  box-sizing:border-box;
}

.join_form .join_li_1 i{
  font-weight: bold;
  color: #c30d22;
  font-size: 20px;
}

.join_form .join_li_1 i em{
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

.join_li_2{
  border: 1px solid #eaeaea;
  padding-bottom: 20px;
  overflow: hidden;
}

.join_li_2 li{
  float: left;
}

.join_li_2 li p{
  padding: 15px 25px 0;
}

.join_li_f li{
  width: 25%;
}

.join_li_t li{
  width: 50%;
}

.join_form ul{
  overflow: hidden;
}

.join-2{
  width: 100%;
  margin: 0 auto;
  background: #f1f1f1;
  padding: 50px 0;
  overflow: hidden;
}

.join-2 .tjLeft{
  width: 50%;
  float: left;
}

.join-2 .tjRight{
  width: 50%;
  height: 510px;
  float: left;
  padding: 30px 50px;
  background: #fff;
  box-sizing:border-box;
}

.tjTxt strong{
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 15px 0;
    display: block;
}

.tjTxt p{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin: 0;
  letter-spacing: 1px;
}

.tjTxt span {
    display: block;
    font-size: 15px;
    color: #DD0003;
    float: left;
    margin-right: 5px;
}

.tjTxt.tjP span {
  font-family: Georgia;
}

.tjP{
  margin-top: 27px;
}

.tjP p{
  width: 32%;
  display: inline-block;
}

.join-3{
  margin: 50px 0;
  overflow: hidden;
}

.join-3 ul{
  margin-top: 20px;
  text-align: center;
}

.join-3 li{
  width: 32%;
  display: inline-block;
  background: #f1f1f1;
  margin: 5px;
  padding: 35px;
  vertical-align: top;
  height: 160px;
  box-sizing:border-box;
}

.join-3 li strong{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}

.join-3 li p{
  font-size: 13px;
  line-height: 20px;
  color: #666;
}

.join-4{
  background: #f1f1f1;
  padding: 50px 0 20px;
  overflow: hidden;
}

.join-4 ul{
  margin: 30px 0;
  overflow: hidden;
}

.join-4 li {
    width: calc(25% - 10px);
    float: left;
    margin: 5px;
}

.services-item {
    height: 372px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

/* .join-4 li:nth-of-type(2n) .services-item{
  background: #fff;
} */

.services-item:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
}

.services-item.style-1 {
    background-color: #324b5c;
    color: #fff
}

.services-item.style-2,
.services-item.style-4 {
    background-color: #fff;
    color: #066
}

.services-item.style-3 {
    background-color: #e1420f;
    color: #fff
}

.services-item-des {
    padding-top: 50px;
    margin-right: 40px;
    margin-left: 40px;
    text-align: center
}

.services-item-des img {
    margin-bottom: 10px;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.services-item-des strong {
    margin-bottom: 30px;
    font-size: 16px;
    color: #313131;
    display: inline-block;
}

.services-item-des .des {
    padding: 20px 10px 0;
    border-top: 1px dashed #ccc;
    font-size: 14px;
    line-height: 2
}

.services-item-des .des p{
  color: #666;
  line-height:25px;
}

.join-5{
  text-align: center;
  margin-bottom: 50px;
}

.join-5 a{
  width: 200px;
  display: inline-block;
  background: #12284b;
  color: #fff;
  padding: 15px 20px;
}

.join-5 a:hover{
  opacity: 0.6;
}

.bg_bg{
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.djb{
  position: fixed;
  width: 800px;
  margin: 0 auto;
  background: #f1f1f1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  padding: 50px 30px;
  z-index: 99999;
  display: none;
}

.bg_close{
  position: absolute;
  right: 34px;
  top: 11px;
  font-size: 33px;
  cursor: pointer;
}

.djb strong{
  font-size: 19px;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.djb td{
  width: 32%;
  border: 1px solid #000;
  padding: 8px 5px;
}

.cp td{
  width: auto;
  border: 1px solid #000;
  padding: 8px 5px;
}

.djb a{
  display: inline-block;
  background: #12284b;
  color: #fff;
  padding: 10px 44px;
  margin-top: 20px;
}

.djb a:hover{
  opacity: .8;
}
.inner_page {
    width: 900px;
    height: 30px;
    line-height: 30px;
    margin: 8px auto;
    font-size: 14px;
    padding-left: 7px;
}
.inner_page span {
    padding: 0px 5px;
    color: #737373;
}

.inner_page a{
  color: #545454;
}

.inner_page a:hover{
  color: #12284b;
}
.mhNews {
    width: 1200px;
    height: auto;
    margin: 50px auto;
}

.mhNews ul{
  margin-bottom: 30px;
  overflow: hidden;
}

.mhNews ul li {
  width: 49%;
  height: 40px;
  margin-right: 2%;
  float: left;
  line-height: 40px;
  position: relative;
  cursor: pointer;
  transition-duration: .5s;
  -webkit-transition-duration: .5s
}

.mhNews ul li:hover {
  opacity: 0.6;
}

.mhNews ul li:after {
  width: 1px;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
  background: #eee;
  content: ''
}

.mhNews ul li:nth-child(even):after {
  display: none
}

.mhNews ul li:nth-child(even) {
  margin-right: 0
}

.mhNews ul li .t {
  width: calc(100% - 80px);
  height: auto;
  font-size: 14px;
  float: left;
  position: relative;
  text-indent: 33px;
  height: 40px;
  overflow: hidden
}

.mhNews ul li .t:after {
  width: 5px;
  height: 5px;
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -2.5px;
  background: #d43025;
  border-radius: 50%;
  content: ''
}

.mhNews ul li .d {
  width: 80px;
  height: auto;
  float: left;
  opacity: .5;
  font-size: 12px;
  letter-spacing: 0;
}
/*æ ·å¼ç»“æŸ*/
/*导航17æ ·å¼å¼€å§‹*/
.nav17 .clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.nav17 .clearfix{ zoom: 1;}
.nav17 .top_center,.nav17 .header_163,.nav17 .nav_center{ width: 1200px; margin: 0 auto;}
.nav17 .header_163 .logo{ margin: 35px 0; float: left;}
.nav17 .header_163 .logo a{display:block;width:100%;height:100%}
.nav17 .header_163 .logo a img{display:block;width:100%;height:100%}
.nav17 .header_163 .phone{ margin: 34px 0; float: right;}
.nav17 .header_163 .phone img{ width:100%;height:100%; }
.nav17 .nav_163{ background: #e12021; width: 100%; line-height: 50px;}
.nav17 .nav_center li{ float: left;}
.nav17 .nav_center li a{ padding: 0 48px; color: #fff;display: block;}
.nav17 .nav_center .active a{ background: #b21d1d;}
.nav17 .nav_center li:hover a{ background: #b21d1d;transition: 1s all;}
/*æ ·å¼ç»“æŸ*/
/*历程4æ ·å¼å¼€å§‹*/
.aboutRow2{
	overflow: hidden;
	overflow-y:auto;
}
.aboutRow2 .titleBox{
	text-align: center;
	font-size: 0px;
}
.aboutRow2 .title{
	display: inline-block;
	position: relative;
	padding: 0px 30px;
}
.aboutRow2 .titleCh{
	overflow: hidden;
	font-size: 30px;
	color:#333;
	line-height: 40px;
}
.aboutRow2 .titleEn{
	overflow: hidden;
	font-size: 14px;
	color:#bbb;
	line-height: 30px;
}
.aboutRow2 .line{
	width: 1200px;
	height: 1px;
	overflow: hidden;
	background: rgba(224,224,224,0.2);
	position: absolute;
	top: 20px;
}
.aboutRow2 .lineL{
	right: 100%;
}
.aboutRow2 .lineR{
	left: 100%;
}
.aboutRow2 .titleBox .titleCh{
	color:#fff;
}
.aboutRow2 .course{
	overflow: hidden;
	position: relative;
}
.aboutRow2 .course .hd{
	width: 1000px;
	height: 120px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}
.aboutRow2 .courseLine1{
	display: block;
	width: 0px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 62px;
	z-index: 1;
	background: #57c282;
}
.aboutRow2 .course_ul{
	width: 20000px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}
.aboutRow2 .course_ul li{
	width: 165px;
	overflow: hidden;
	float: left;
	display: inline;
}
.aboutRow2 .course_ul li span{
	display: block;
	overflow: hidden;
	text-align: center;
	font-size: 20px;
	color:#fff;
	line-height: 30px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.aboutRow2 .course_ul li.on span{
	font-size: 24px;
	font-weight: bold;
	color:#fdc22a;
}
.aboutRow2 .course_ul li p{
	display: block;
	width: 14px;
	position: relative;
	margin: 0px auto;
	padding: 15px 0px;
}
.aboutRow2 .course_ul li p .yuan{
	display: block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	position: relative;
	z-index: 3;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.aboutRow2 .course_ul li p .lines{
	width: 24px;
	height: 24px;
	background: #000;
	overflow: hidden;
	border: 1px solid #57c282;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -13px 0px 0px -13px;
	z-index: 2;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity=0);
}
.aboutRow2 .course_ul li p .quan{
	width: 38px;
	height: 38px;
	background: #000;
	overflow: hidden;
	border: 1px solid #57c282;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0px 0px -20px;
	z-index: 1;
	-webkit-transition: all 0.55s linear;
	-o-transition: all 0.55s linear;
	transition: all 0.55s linear;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity=0);
}
.aboutRow2 .course_ul li.on p .lines{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}
.aboutRow2 .course_ul li.on p .quan{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}
.aboutRow2 .course_ul li.on p .yuan{
	background: #57c282;
}
.aboutRow2 .courseLine{
	display: block;
	width: 100%;
	height: 1px;
	overflow: hidden;
	background: rgba(255,255,255,0.5);
	position: absolute;
	left: 0px;
	top: 322px;
	z-index: 2;
}
.aboutRow2 .courseLine span{
	display: block;
	width: 0px;
	height: 1px;
	overflow: hidden;
	background: #57c282;
	position: absolute;
	left: 0px;
	top: 0px;
}
.aboutRow2 .course .bd{
	height: 290px;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0px 2px 4px #e2e2e2;
	box-shadow: 0px 2px 4px #e2e2e2;
}
.aboutRow2 .course_dl{
	overflow: hidden;
}
.aboutRow2 .course_dl dd{
	overflow: hidden;
}
.aboutRow2 .courseCont{
	overflow: hidden;
	background: #fff;
	padding: 30px;
}
.aboutRow2 .courseL{
	width: 375px;
	overflow: hidden;
	margin-right: 30px;
}
    .aboutRow2 .courseL a {
        display: block;
        padding-top: 61.333333333%;
        overflow: hidden;
        background: url(//static.ruituoyun.com/images/drag/PC/lc4-02.jpg) no-repeat center center;
        background-size: cover;
    }
.aboutRow2 .courseR{
	overflow: hidden;
}
.aboutRow2 .courseYear{
	overflow: hidden;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	font-size: 16px;
	color:#666;
}
.aboutRow2 .courseYear span{
	font-size: 30px;
	color:#57c282;
	overflow: hidden;
	padding-right: 10px;
}
.aboutRow2 .courseDeta{
	overflow: hidden;
	height: 175px;
}
.aboutRow2 .courseCont_ul{
	padding-right: 25px;
	overflow: hidden;
}
.aboutRow2 .courseCont_ul li{
	overflow: hidden;
	font-size: 14px;
	color:#888;
	line-height: 28px;
	padding-bottom: 10px;
}
.aboutRow2 .wrap{
	position: relative;
	z-index: 3;
	clear:both;
	width:1200px;
	margin:0 auto;
}
.aboutRow2 .aboutRow2Bg{
	width: 100%;
	height: 630px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background:url(//static.ruituoyun.com/images/drag/PC/lc4-01.jpg) no-repeat center center;
	background-size:cover;
}
.aboutRow2 .scroll{
	width: 100%;
	height: 175px;
	overflow: auto;
	float: left;
}	
.aboutRow2 .courseDeta .scroll_container {
	overflow: hidden;
	position: relative;
	width: 535px; height: 175px;
}
.aboutRow2 .courseDeta .scroll_absolute {
    position: absolute;
    padding: 0px; width: 529px; top: 0px;
    bottom: 0;
    overflow: auto;
    font-size: 14px;
    color: #888;
    line-height: 28px;
    padding-bottom: 10px;
}
.aboutRow2 .courseDeta .scroll_absolute p span{
    color:#009900;
    font-size:18px;
}
.aboutRow2 .courseBt{
	position: absolute;
	right: 30px;
	top: 30px;
	overflow: hidden;
}
.aboutRow2 .courseBt .bt1{
	display: block;
	width: 27px;
	height: 27px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.aboutRow2 .bt1{
	line-height: 27px;
    text-align: center;
    font-size: 20px;
    color: #A3A3A3;
    background: #e6e6e6;
}
.aboutRow2 .bt1:hover{
	color:#fff;
	background:#57c282;
}

.aboutRow2 .courseBt .more{
	display: block;
	width: 27px;
	height: 27px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background: #e6e6e6;
	color: #A3A3A3;
	line-height: 27px;
    text-align: center;
    font-size: 20px;
}
.aboutRow2 .courseBt .more:hover{
	color:#fff;
	background: #57c282;
}
.aboutRow2 .course .bt2{
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 42px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.aboutRow2 .bt2.prev{
	left: 60px;
	
}

.aboutRow2 .bt2.next{
	right: 60px;
	
}
.aboutRow2 .bt2{
	line-height: 38px;
    text-align: center;
    font-size: 24px;
    color: #A3A3A3;
    background: #e6e6e6;
}
.aboutRow2 .bt2:hover{
	color:#fff;
	background:#57c282;
}
.aboutRow2 .bdCont{
	width: 1000px;
	margin: 0px auto;
	padding-top: 16px;
	position: relative;
	padding-bottom: 10px;
}
.aboutRow2 .bdEm{
	width: 30px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	
}
.aboutRow2 .bdEm span{
	width: 0;
     height: 0;
     float: left;
     border-bottom: 30px solid #fff;
     border-left: 16px solid transparent;
     border-right: 16px solid transparent;
}
.aboutRow2 .h70 {
	clear: both;
	height: 70px;
}
.aboutRow2 .h120 {
	clear: both;
	height: 120px;
}
.aboutRow2 .h10 {
	clear: both;
	height: 10px;
}
.aboutRow2 .fl {
	float: left;
}
.aboutRow2 .fr {
	float: right;
}
/*æ ·å¼ç»“æŸ*/
/*单页3æ ·å¼å¼€å§‹*/
.dy3-join .dy3-select {
    position: relative;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
}

.dy3-join .dy3-w1440 {
    width: 75%;
    margin: 0 auto;
}

.dy3-join .htit {
    font-size: 30px;
    position: relative;
    text-align: center;
}

.dy3-join .hcon {
    font-size: 14px;
    line-height: 2;
    text-align: center;
    position: relative;
}

.dy3-join .hcon:after {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.dy3-join .dy3-wrap1 .htit {
    margin: 92px 0 34px;
    padding-bottom: 18px;
}

.dy3-join .dy3-wrap1 .htit:after {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dy3-join .dy3-wrap1 .hcon {
    text-indent: 2em;
    text-align: justify;
}

.dy3-join .dy3-wrap1 .hcon:after {
    display: none;
}

.dy3-join .dy3-wrap2 {
    margin: 144px 0 0;
}

.dy3-join .dy3-wrap2 .hcon {
    margin-top: 10px;
    position: relative;
    padding-bottom: 28px;
}

.dy3-join .dy3-wrap2 ul {
    font-size: 0;
    width: calc(100% + 23px);
    margin: 90px 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.dy3-join .dy3-wrap2 ul li {
    width: calc(25% - 23px);
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    margin-right: 23px;
    vertical-align: top;
    box-sizing: border-box;
    padding: 40px 25px 40px;
    transition: all .3s ease-out;
}

.dy3-join .dy3-wrap2 ul li img {
    display: block;
    height: 42px;
    margin: 0 auto;
}

.dy3-join .dy3-wrap2 ul li .d1 {
    font-size: 16px;
    color: #000000;
    position: relative;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 0.75em;
}

.dy3-join .dy3-wrap2 ul li .d1:after {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #707070;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dy3-join .dy3-wrap2 ul li .fot {
    font-size: 12px;
    color: #666666;
    line-height: 2.25;
    margin-top: 26px;
}

.dy3-join .dy3-wrap3 {
    margin: 160px 0 0;
}

.dy3-join .dy3-wrap3 .hcon {
    margin-top: 20px;
    padding-bottom: 34px;
    margin-bottom: 48px;
}

.dy3-join .dy3-wrap3 .swiper-slide img {
    width: 100%;
}

.dy3-join .dy3-wrap3 .swiper-pagination {
    font-size: 0;
    bottom: 20px;
}

.dy3-join .dy3-wrap3 .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #ffffff;
    margin: 0 7px;
}

.dy3-join .dy3-wrap3 .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
}

.dy3-join .dy3-wrap4 {
    margin: 134px 0 0;
}

.dy3-join .dy3-wrap4 .hcon {
    margin-top: 16px;
    padding-bottom: 26px;
}

.dy3-join .dy3-wrap4 ul {
    width: 83.3334%;
    margin: 0 auto;
    font-size: 0;
}

.dy3-join .dy3-wrap4 ul li {
    width: 33.333333%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 100px;
}

.dy3-join .dy3-wrap4 ul li img {
    width: 100px;
    display: block;
    margin: 0 auto;
}

.dy3-join .dy3-wrap4 ul li .d1 {
    font-size: 14px;
    line-height: 2;
    margin-top: 36px;
}

.dy3-join .dy3-wrap5 {
    margin: 200px 0 0;
}

.dy3-join .dy3-wrap5 .htit {
    padding-bottom: 18px;
    margin-bottom: 52px;
}

.dy3-join .htit:after {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dy3-join .dy3-wrap5 .swiper-slide {
    width: calc(33.333334% - 16px);
    margin-right: 24px;
}

.dy3-join .dy3-wrap5 .swiper-slide .dy3-imgs {
    overflow: hidden;
}

.dy3-join .dy3-wrap5 .swiper-slide .dy3-imgs img {
    transition: all .6s ease-out;
}

.dy3-join .dy3-wrap5 .swiper-slide:last-child {
    margin-right: 0;
}

.dy3-join .dy3-wrap5 .d1 {
    font-size: 20px;
    color: #000000;
    margin: 34px 0 8px;
}

.dy3-join .dy3-wrap5 .d2 {
    font-size: 14px;
}

.dy3-join .dy3-wrap5 .dy3-control {
    font-size: 0;
    line-height: 25px;
    text-align: center;
}

.dy3-join .dy3-wrap5 .swiper-pagination {
    display: inline-block;
    width: auto;
    color: #000000;
    position: relative;
    bottom: auto;
    font-size: 20px;
    vertical-align: top;
}

.dy3-join .dy3-wrap5 .dy3-control {
    margin-top: 64px;
}

.dy3-join .dy3-wrap5 .dy3-control .prev,
.dy3-join .dy3-wrap5 .dy3-control .next {
    width: 10px;
    height: 25px;
    display: inline-block;
    background: no-repeat center/10px auto;
    margin: 0 12px;
}

.dy3-join .dy3-wrap5 .dy3-control .prev {
    background-image: url('./images/dy3-left.png');
    cursor: pointer;
}

.dy3-join .dy3-wrap5 .dy3-control .next {
    background-image: url('./images/dy3-right.png');
    cursor: pointer;
}

.dy3-join .dy3-wrap6 {
    margin: 200px 0;
}

.dy3-join .dy3-wrap6 .dy3-w1440 {
    width: 1350px;
}

.dy3-join .dy3-wrap6 .swiper-slide {
    width: auto;
    padding-right: 100px;
    position: relative;
}

.dy3-join .dy3-wrap6 .swiper-slide:last-child {
    padding-right: 0;
}

.dy3-join .dy3-wrap6 .dy3-imgs {
    position: relative;
    margin: 0 auto;
}

.dy3-join .dy3-wrap6 .dy3-imgs:after {
    content: '';
    width: 15px;
    height: 18px;
    background: url('./images/process.svg') no-repeat center/15px auto;
    position: absolute;
    right: -57px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.dy3-join .dy3-wrap6 .dy3-imgs {
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #010101;
}

.dy3-join .dy3-wrap6 .dy3-imgs img {
    width: 70px;
}

.dy3-join .dy3-wrap6 .hcon {
    padding-bottom: 36px;
    margin-top: 20px;
}

.dy3-join .dy3-wrap6 .dy3-text {
    text-align: center;
    font-size: 16px;
    margin-top: 24px;
    line-height: 1.5;
}

.dy3-join .dy3-wrap6 .swiper-slide:last-child .dy3-imgs:after {
    display: none;
}

.dy3-join .dy3-wrap6 .swiper-container {
    margin-top: 90px;
    max-width: 100%;
}

.dy3-join .dy3-wrap7 {
    background-color: #f6f6f6;
    padding: 98px 0 116px;
}

.dy3-join .dy3-wrap7 .subtit {
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-top: 20px;
}

.dy3-join .dy3-wrap7 .dy3-inpbox {
    width: 610px;
    margin: 54px auto 0;
    font-size: 0;
}

.dy3-join .dy3-wrap7 label {
    display: inline-block;
    width: 96px;
    font-size: 14px;
    color: #4d4d4d;
    vertical-align: middle;
}

.dy3-join .dy3-wrap7 input {
    width: 510px;
    height: 44px;
    font-size: 14px;
    border-radius: 3px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 17px;
    border: 1px solid #dcdcdc;
}

.dy3-join .dy3-wrap7 .dy3-inp.code input {
    width: 310px;
}

.dy3-join .dy3-wrap7 .dy3-inp.code .send {
    display: inline-block;
    vertical-align: middle;
    width: 175px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #007bc6;
    border-radius: 3px;
    margin: 0 0 0 24px;
    cursor: pointer;
}

.dy3-join .dy3-wrap7 .dy3-inp+.dy3-inp {
    margin-top: 24px;
}

.dy3-join .dy3-wrap7 .dy3-inp .dy3-select {
    width: 158px;
    height: 44px;
    font-size: 14px;
    color: #000000;
    text-align: left;
    box-sizing: border-box;
    border-radius: 3px;
    vertical-align: middle;
}

.dy3-join .dy3-wrap7 .dy3-inp .dy3-select .dy3-select-tit {
    padding: 0 29px 0 17px;
    height: 44px;
    line-height: 46px;
    background: #fff url('../img/triangle.svg') no-repeat 141px center/10px auto;
}

.dy3-join .dy3-wrap7 .dy3-inp .dy3-select+.dy3-select {
    margin-left: 18px;
}

.dy3-join .dy3-wrap7 .dy3-inp.submit {
    margin-top: 38px;
}

.dy3-join .dy3-wrap7 .submit input {
    background-color: #007bc6;
    font-size: 18px;
    color: #fff;
    border: none;
}

.dy3-join .dy3-wrap7 .dy3-inp:last-child {
    margin-top: 31px;
}

.dy3-join .dy3-wrap7 .dy3-inp:last-child span {
    display: inline-block;
    width: 510px;
    text-align: center;
    font-size: 14px;
    color: #ff1d25;
}

.dy3-join .pchad {
    position: absolute;
}

.dy3-join .fixsub {
    height: 70px;
    line-height: 70px;
}

.dy3-join .fixsub .subnav.fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    border-bottom: 1px solid #dddddd;
}

.dy3-join .dy3-wrap7 .dy3-inp.code input {
    width: 324px;
}

.dy3-join .dy3-wrap7 .dy3-inp.code .send {
    margin: 0 0 0 10px;
}

.dy3-join .dy3-wrap7 .dy3-inp .dy3-select {
    width: 164px;
}

.dy3-join .dy3-wrap7 .dy3-inp .dy3-select+.dy3-select {
    margin-left: 9px;
}
/*单页4æ ·å¼å¼€å§‹*/
.dy4-wrap { width:1200px; margin-right:auto; margin-left:auto;overflow:hidden;}
/*css组件设置*/
.about_compre .prt02_con ._sologan_wrap ._tt {
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    font-style: italic;
    color: #ffffff;
}
.dy4-biaoti .dy4-title {
    font-size: 34px;
    color: #000000;
    text-align: center;
    margin-bottom: 6.5px;
    font-weight: normal;
    margin-bottom: 40px;
}

.compre_sub_title { position:relative; margin-bottom:15px; padding-top:50px; text-align:center; }
.compre_sub_title ._tit_en { font-size:137px; font-family:Arial; font-weight:bold; line-height:1; color:#eff2f9; text-transform:uppercase; }
.compre_sub_title ._tit_cn { position:absolute; left:0; bottom:23px; width:100%; font-size:40px; line-height:1; color:#00489d; }
/*关于我们-综合页*/
/*关于我们-综合页-part01*/
.about_compre .part01 { padding-bottom:75px; }
.about_compre .part01 ._txt_con { margin:0 auto 45px auto; max-width:975px; font-size:14px; line-height:1.7; text-align:center; }
.about_compre .part01 .roll_nums li { float:left; width:33.3%; text-align:center; }
.about_compre .part01 .roll_nums .top_number { margin-bottom:10px; }
.about_compre .part01 .roll_nums .number { font-family:Impact,sans-serif; font-size:80px; font-weight:bold; line-height:1; color:#0168b7;}
.about_compre .part01 .roll_nums .number i{ font-style: normal !important;}
.about_compre .part01 .roll_nums .num_title { font-size:16px; color:#585858; }
/*关于我们-综合页-part02*/
.about_compre .part02 { width:100%; height:425px; overflow:hidden; background-image:url(//static.ruituoyun.com/images/drag/PC/about_compre02.jpg); background-repeat:no-repeat; background-position:center center; }
.about_compre .dy4-wrap,.about_compre .prt02_con { height:100%; }
.about_compre .prt02_con { position:relative; }
.about_compre .prt02_con .figure_pic { position:absolute; right:0; bottom:0; margin-right:-60px; width:34%; }
.about_compre .prt02_con ._sologan_wrap { margin-bottom:4.5%; padding-top:8.3%; padding-left:6.25%; font-style:italic; color:#ffffff; }
.about_compre .prt02_con ._sologan_wrap ._tt { font-size:38px; font-weight:bold; line-height:1; }
.about_compre .prt02_con ._sologan_wrap ._tt a{color: #fff;}
.about_compre .prt02_con ._sologan_wrap ._wd { font-size:35px; }
.about_compre .prt02_links { padding-left:4%; }
.about_compre .prt02_links ._link { float:left; margin-right:2%; width:11%; min-width:80px; color:#ffffff; text-align:center; }
.about_compre .prt02_links ._link ._ico { display:block; margin:0 auto 28px; width:50px; height:50px; background-image:url(//static.ruituoyun.com/images/drag/PC/about_compre04.png); background-repeat:no-repeat; }
.about_compre .prt02_links ._link:hover ._ico { transform:rotateY(180deg); }
.about_compre .prt02_links ._link02 ._ico { background-position:-50px 0; }
.about_compre .prt02_links ._link03 ._ico { background-position:-100px 0; }
.about_compre .prt02_links ._link04 ._ico { background-position:-150px 0; }
/*关于我们-综合页-part03*/
.about_compre .part03 { padding-top:50px; padding-bottom:70px;overflow: hidden;}
.about_compre .prt03_box_lt { position:relative; }
.about_compre .prt03_box_lt ._msk { position:absolute; left:0; top:0; right:0; bottom:0; }
.about_compre .prt03_box_lt ._msk ._con { padding-top:10%; }
.about_compre .prt03_box_lt ._sologan { margin-bottom:27px; padding-left:8.3%; color:#ffffff; }
.about_compre .prt03_box_lt ._sologan ._tt { margin-bottom:7px; font-size:32px; }
.about_compre .prt03_box_lt ._sologan ._desc { width:334px; line-height:1.9; font-size:14px; color:#f9f5e8; }
.about_compre .prt03_links { padding-left:3%; }
.about_compre .prt03_links ._link { float:left; margin-right:2%; width:20%; min-width:80px; color:#edeeef; text-align:center; }
.about_compre .prt03_links ._link ._ico { display:block; margin:0 auto 10px; width:80px; height:80px; background-image:url(//static.ruituoyun.com/images/drag/PC/about_compre06.png); background-repeat:no-repeat; }
.about_compre .prt03_links ._link:hover ._ico { transform:rotateY(180deg); }
.about_compre .prt03_links ._link02 ._ico { background-position:-80px 0; }
.about_compre .prt03_links ._link03 ._ico { background-position:-160px 0; }
.about_compre .prt03_links ._link ._wd { font-size:14px; }
.about_compre .pic_wd ._pic_con,.about_compre .pic_wd ._txt_con { float:left; width:50%; }
.about_compre .pic_wd.pic_wd_pic_rt ._pic_con { float:right; }
.about_compre .pic_wd ._txt_con ._inn { padding:13.3% 6.7% 0 13.3%; }
.about_compre .pic_wd ._txt_con ._tt { font-size:26px; color:#0374be; }
.about_compre .pic_wd ._txt_con ._desc { font-size:13px; line-height:2; color:#5a5a5a }
/*关于我们-综合页-part04*/
.about_compre .part04 { padding-bottom:100px; background-color:#f6f7f8; }
.about_compre .prt04_top { margin-bottom:40px; }
.about_compre .part04 .prt04_det_list { float:right; width:61.5%; overflow:hidden; white-space:nowrap; }
.about_compre .part04 .prt04_det_item { position:relative; display:none; white-space:normal; }
.about_compre .part04 .prt04_det_item.show { display:block; }
.about_compre .part04 .prt04_det_item ._year { padding-top:45px; font-size:170px; font-weight:bold; font-family:Impact,sans-serif; line-height:1; color:#e8e8e8; letter-spacing:22px; }
.about_compre .part04 .prt04_det_item ._tit { margin-bottom:8px; width:36%; font-size:16px; color:#000000; }
.about_compre .part04 .prt04_det_item ._desc { padding-bottom:10%; width:38%; font-size:14px; line-height:1.7; }
.about_compre .part04 .prt04_det_item ._pic { position:absolute; top:100px; /*left:100%;*/ width:53%; }
.about_compre .part04 .prt04_det_item.show ._pic {
   /* left:44%; */
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration:0.8s;
    animation-duration:0.8s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
.about_compre .prt04_pic { float:left; width:31%; }
.about_compre .prt04_btm { position:relative; overflow:hidden; padding-top:20px; }
.about_compre .prt04_btm ._year_ul { white-space:nowrap; font-size:0; }
.about_compre .prt04_btm ._year_li { display:inline-block; *display:inline; *zoom:1; width:14.2%; }
.about_compre .prt04_btm ._year_box { position:relative; text-align:center; }
.about_compre .prt04_btm ._year_li.passed_year ._year_box ._pt,
    .about_compre .prt04_btm ._year_li.on_year ._year_box ._pt { background-color:#00489d; border:#000a15 1px solid; }
.about_compre .prt04_btm ._year_box ._pt { display:block; position:relative; margin:0 auto 20px; width:20px; height:20px; background-color:#e6e6e6; border-radius:50%; border:#d3d3d3 1px solid; cursor:pointer; }
.about_compre .prt04_btm ._year_box ._line { display:block; position:absolute; left:0; top:9px; width:100%; height:3px; background-image:url(./images/about_compre11.png); background-repeat:no-repeat; background-position:center center; }
.about_compre .prt04_btm ._year_li.passed_year ._year_box ._line { background-image:url(./images/about_compre13.png); }
.about_compre .prt04_btm ._year_li.on_year ._year_box ._line { background-image:url(./images/about_compre12.png); }
.about_compre .prt04_btm ._year_box ._time { font-size:18px; color:#5e5e5e; }
.about_compre .prt04_btm ._year_li.passed_year ._year_box ._time,
    .about_compre .prt04_btm ._year_li.on_year ._year_box ._time { color:#00489d; }
.about_compre .prt04_btm_arrs { display:block; position:absolute; top:10px; width:37px; height:38px; background-image:url(./images/about_compre10.png); background-repeat:no-repeat; cursor:pointer; }
.about_compre .prt04_btm_arr_prev { left:0; background-position:0 0; }
.about_compre .prt04_btm_arr_next { right:0; background-position:-37px 0; }

.about_compre .prt02_links ._link ._ico, .about_compre .prt03_links ._link ._ico, .about_compre .prt04_btm ._year_box ._line, .about_compre .prt04_btm ._year_box ._pt, .about_compre .part04 .prt04_det_item ._pic, .transition {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.full-row>.span-6 {
    width: 50%;
}
.full-row>[class*=span] {
    float: left;
}
.rect-75 {
    padding-bottom: 75%;
}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.imgZoom img{
    transition:.3s;
}
.imgZoom:hover img {
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
/*æ ·å¼ç»“æŸ*/
/*留言8æ ·å¼å¼€å§‹*/
.ly8-wrap {
    width: 1200px;
    clear: both;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

.ly8-pageBox {
    min-height: 425px;
    height: auto !important;
    height: 425px;
    overflow: hidden;
    padding: 30px 50px;
    background: #fff;
}

.fromBox {
    overflow: hidden;
}

.fromTip {
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.fromTip em {
    color: #cc3333;
    padding-right: 5px;
}

.ly8-form1 {
    padding-left: 100px;
    clear: both;
    overflow: hidden;
}

.ly8-form1 dd {
    padding: 10px 0;
    overflow: hidden;
}

.form1L {
    width: 115px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    vertical-align: top;
    color: #666;
    padding: 0 10px 0 0;
    font-size: 14px;
    float: left;
}
.fl {
    float: left;
}
.form1L em {
    color: #cc0000;
    padding: 5px 5px 0 0;
    font-style: normal;
}

.ly8-wrap .ly8-form1Input {
    width: 280px;
    padding: 5px;
    position: relative;
    zoom: 1;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #ebebeb;
    font-size: 14px;
    color: #888;
    border-radius:0;
    box-shadow:none;
}

.ly8-form1Input[readonly="readonly"] {
    background: #fafafa;
    color: #666;
}

.ly8-form1Input.w400 {
    width: 400px;
}

.ly8-form1Input.w200 {
    width: 200px;
}

.ly8-form1Input.w100 {
    width: 100px;
}

.codeSrc {
    margin: 0 0 0 10px;
    height: 40px;
    cursor: pointer;
}

.form1Textarea1 {
    resize: none;
    width: 400px;
    height: 80px;
    padding: 5px;
    position: relative;
    zoom: 1;
    line-height: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: none;
    box-shadow:none;
    border-radius:0;
}

.form1Textarea1.w600 {
    width: 600px;
    height: 200px;
}

.form1Textarea1.w700 {
    width: 697px;
    height: 200px;
}

.form1R {
    float: left;
}

.form1Bt {
    overflow: hidden;
    padding: 15px 0 20px 225px;
}

.form1Bt a {
    display: block;
    height: 34px;
    background: #cb0202;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 78px;
    float: left;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.form1Bt a:hover {
    opacity: 0.8;
}

        
.msgSex {
    text-align: left
}

.msgSex input.inputradio {
    width: 18px;
    height: 18px;
    margin: 0 6px 0 0;
}

.msgSex label {
    cursor: pointer;
    display: inline;
    line-height: 36px;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    margin-right: 20px;
}
/*æ ·å¼ç»“æŸ*/
/*导航18æ ·å¼å¼€å§‹*/
.clear {
    clear: both;
    overflow: hidden;
}

.dh18-wrap{width:1200px;clear: both;margin:0 auto;position: relative;}
.public_top {
    width: 100%;
    background: #fffff1;
    position: relative;
    z-index: 999;
    overflow:initial !important;
    height:120px;
    }
.dh18-navBar{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
}
.navTop_wrap{box-shadow: 0px 1px 5px rgba(0,0,0,0.1); width:100%;background:#fff;position:relative;z-index: 99;}
.dh18_navTop{position:relative;z-index:3;}
.navTop_menu{ border-right: 1px solid #eaeaea;}
.navTop_menu a{ display: block; float: left; text-align: center;}
.navTop_menu .dh18-nav_list{ transition: 0.4s ease; width: 155px; height: 120px; border-left: 1px solid #eaeaea;}
.navTop_menu .dh18-nav_list:hover, 
.navTop_menu .dh18-nav_list.hover{background:#cb0202; }
.navTop_menu .dh18-nav_logo{ height: 120px; position: relative; border-left: 1px solid #eaeaea;}
.navTop_menu .dh18-nav_list em{display: block; width: 100px; height: 40px; margin: 30px auto 0; transition:0.2s;}
.navTop_menu .dh18-nav_logo em{ background:url(//static.ruituoyun.com/images/drag/PC/LOGO_nn.png) no-repeat center center; display: block; width: 262px; height: 100%; position: relative; z-index: 1; }
.navTop_menu .dh18-nav_logo i{ display: block; width: 200px; height: 35px; position: absolute; left: -1px; top: 106px; background:url(../images/icon.png); background-position: 0 -212px;}
.navTop_menu .dh18-nav_list span{ font-size: 15px; color: #616161; }
.navTop_menu .dh18-nav_list:hover span,.navTop_menu .dh18-nav_list.hover span{ color: #fff;}

.navTop_menu .dh18-a0 em{ background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav0.png) no-repeat center center}
.navTop_menu .dh18-a1 em{ background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav1.png) no-repeat center center}
.navTop_menu .dh18-a2 em{ background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav2.png) no-repeat center center}
.navTop_menu .dh18-a3 em{ background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav3.png) no-repeat center center}
.navTop_menu .dh18-a4 em{ background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav4.png) no-repeat center center}
.navTop_menu .dh18-a5 em{ background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav5.png) no-repeat center center}

.navTop_menu .dh18-a0:hover em,.navTop_menu .dh18-a0.hover em{background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav0_h.png) no-repeat center center}
.navTop_menu .dh18-a1:hover em,.navTop_menu .dh18-a1.hover em{background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav1_h.png) no-repeat center center}
.navTop_menu .dh18-a2:hover em,.navTop_menu .dh18-a2.hover em{background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav2_h.png) no-repeat center center}
.navTop_menu .dh18-a3:hover em,.navTop_menu .dh18-a3.hover em{background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav3_h.png) no-repeat center center}
.navTop_menu .dh18-a4:hover em,.navTop_menu .dh18-a4.hover em{background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav4_h.png) no-repeat center center}
.navTop_menu .dh18-a5:hover em,.navTop_menu .dh18-a5.hover em{background: url(//static.ruituoyun.com/images/drag/PC/dh18-nav5_h.png) no-repeat center center}

/*下拉菜单*/
.nav_link_con{width:100%;background: rgba(255, 255, 255, 0.92);/*firefox、chrome*/background: #f27826\9;/*IE*/filter: alpha(opacity=80);/*IE*/position:absolute;top:-500px;transition:0.4s;}
.nav_link_con_wrap{position: relative; }
.nav_link_con_box{width:155px; margin-left: 1px; height: 100%;float:left;overflow:hidden;padding:10px 0;transition: 0.4s ease;}
.nav_link_con_box a{color: #666}
.nav_link_con_box.hover a{color: #fff;}
.nav_link_con_box#dh18Act{background:#b20707;}
.globalNavLinkBtns{display:block;color:#fff;font-size:14px;padding:10px 0;position:relative;text-align:center;margin-left:-18px;}
.globalNavLinkBtns>em{width:0;height:0;font-size:0;border-width:5px;border-style:solid;border-color: transparent transparent transparent #fff000;overflow:hidden;position:relative;left:2px;top:-4px;transition:0.3s;opacity:0;filter:alpha(opacity=0);}
.globalNavLinkBtns span{display:inline-block;position:relative;margin-left:12px;}
.globalNavLinkBtns span em{position:absolute;width:0;height:1px;left:0;background:#fff000;bottom:-4px;transition:0.3s;}
.globalNavLinkBtns:hover{ color: #fff000;}
.globalNavLinkBtns:hover.globalNavLinkBtns i{left:8px;opacity:1;filter:alpha(opacity=100);}
.globalNavLinkBtns:hover.globalNavLinkBtns em{width:100%;}

.globalNavLinkBtns.hover.globalNavLinkBtns i{left:8px;opacity:1;filter:alpha(opacity=100);}
.globalNavLinkBtns.hover.globalNavLinkBtns em{width:100%;}
/*æ ·å¼ç»“æŸ*/
/*优势33æ ·å¼å¼€å§‹*/
.index_tit{ text-align: center; font-family: "fz";}
.index_tit h3{ font-size: 36px; margin-bottom: 10px} 
.index_tit .dot{ display: inline-block; width: 14px; height: 14px;  border-radius: 50%; box-sizing: border-box; margin: 0 10px; border: 3px solid #b90304; vertical-align: middle;} 
.index_tit h4{ font-size: 16px;}  
.index_jm{ background: #fff; position: relative;overflow-x: hidden}
.jm_fl{ width: 37.5%; padding: 80px 2.5vw; box-sizing: border-box; float: left; position: absolute; left: 0; top: 0; height: 100%; background: url(//static.ruituoyun.com/images/drag/PC/ys33-jm1.jpg) no-repeat bottom center; background-size: 100% auto;}
.jm_fl .index_tit{text-align: left; margin-bottom: 20px;}
.jm_fl .index_tit h3{line-height: 40px; display: flex; align-items: center;}
.jm_fl .jm_hot{ font-size: 16px;line-height: 20px; display: inline-block; border-left:2px solid #eeeeee; padding-left: 20px; margin-left: 20px;}
.jm_fl .jm_hot .tel{ font-size: 24px; display: block;color: #ca0700; font-family: arial;font-style:normal;}
.jm_fr{ width: 62.5%; float: right;}
.jm_desc{line-height: 30px; font-family: "fz";}
.jm_fr li{ width: 33.3%; float: left; overflow: hidden; position: relative; z-index: 1; padding:2vw 1.6vw; box-sizing: border-box; border-left:2px solid #eeeeee;  border-bottom:2px solid #eeeeee;height:400px; overflow: hidden;transition: .4s;;}
.jm_fr li:before{ content: "\2192"; transition: all .3s;-webkit-transition:all .3s; z-index: 2; font-family: "iconfont"; font-size: 35px; display: block; width: 80px; height: 80px;position: absolute; right: 0;bottom: 0; line-height: 50px; display: flex; align-items: flex-end; justify-content: flex-end; background: url(//static.ruituoyun.com/images/drag/PC/ys33-xy.png) no-repeat center; background-size: 100% 100%;}
.jm_fr li .iconfont{ font-size: 60px; margin: 10px 0 60px 0; display: block;}
.jm_fr li h3{ font-size: 30px; font-family: "fz"; margin-bottom: 20px;}
.jm_fr li .desc{line-height: 28px; overflow: hidden; color: #3c3c3c; transition:all .2s; -webkit-transition:all .2s; height: 112px; font-size: 13px;}
.jm_fr li:last-child{ display: flex; justify-content: center; align-items: center;}
.jm_fr li:last-child .iconfont{margin-bottom: 0px;line-height: 30px;}
.jm_fr li:hover{background: #b2322e;}
.jm_fr li:hover a,.jm_fr li:hover .desc{ color: #fff;}
.jm_fr li .mask { position: absolute;left:-100%; top: -100%;  z-index: 2; background:#b2322e; z-index: -1; width: 100%; height: 100%;  }
.jm_fr li .mask.trans { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; backface-visibility: hidden; }
.jm_fr li:hover:before{ color: #fff; background: none; display: none;}
.ys33-img{margin-bottom: 50px;}
.ystwoimg{display: none;}
.jm_fr li:hover .ystwoimg{display: block;}
.jm_fr li:hover .ysoneimg{display: none;}
/*æ ·å¼ç»“æŸ*/
/*产品30æ ·å¼å¼€å§‹*/
.cp30-all {
	width: 100%;
}

.cp30-cont {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	padding: 50px 45px;
	box-sizing: border-box;
}

.cp30-top {
	width: 100%;
	overflow: hidden;

}

.cp30-top>img {
	float: left;
	width: 540px;
	height: 360px;
}

.cp30-top-right {
	width: 50%;
	float: right;
}

.cp30-top-right>h2 {
	color: #d7251d;
	font-weight: bold;
	font-size: 40px;
	position: relative;
    line-height:normal;
}

.cp30-top-right>span {
	display: block;
	width: 50px;
	height: 2px;
	background-color: #d7251d;
	margin-top: 20px;
}

.cp30-top-right>p {
	color: #4b4848;
	font-size: 16px;
	line-height: 26px;
	margin-top: 30px;
	min-height: 176px;
	overflow: hidden;
}

.cp30-top-right>a {
	display: inline-block;
	height: 80px;
	background-color: #ff3c3c;
	color: white;
	padding: 0px 30px;
	font-size: 20px;
	text-align: center;
	line-height: 80px;
}
.cp30-bottom{
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.cp30-bottom>li{
	overflow: hidden;
}
.cp30-bottom>li>a>img{
	width: 350px;
	transition: .5s;
}
.cp30-bottom>li:hover>a>img{
	transform: scale(1.1);
}
/*æ ·å¼ç»“æŸ*/
/*优势34æ ·å¼å¼€å§‹*/
.ad-0001 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ad-0001 .ys34-part {
    width: 50%;
    height: auto;
    display: flex;
    position: relative;
}

.ad-0001 .ys34-part .ys34-left,
.ad-0001 .ys34-part .ys34-right {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    flex-direction: column;
}

.ad-0001 .ys34-part .ys34-title {
    font-size: 18px;
    color: #474747;
    max-width: 90%;
    margin: 0 auto;
}

.ad-0001 .ys34-part .ys34-heng {
    width: 20px;
    height: 4px;
    background: #0e9a44;
    margin: 30px auto;
    display: none;
}

.ad-0001 .ys34-part .fsText {
    font-size: 14px;
    color: #0e9a44;
    line-height: 30px;
    color: #0e9a44;
    text-align: center;
    display: none;
}

.ad-0001 .ys34-part .ys34-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad-0001 .ys34-part .ys34-img:hover img:nth-child(1) {
    display: none;
}

.ad-0001 .ys34-part .ys34-img:hover img:nth-child(2) {
    display: block;
}

.ad-0001 .ys34-part .ys34-img img:nth-child(2) {
    display: none;
}

.ad-0001 .ys34-part:hover .ys34-title {
    color: #0e9a44;
}

.ad-0001 .ys34-part:hover .ys34-heng {
    display: block;
}

.ad-0001 .ys34-part:hover .fsText {
    display: block;
}
/*æ ·å¼ç»“æŸ*/
/*历程5æ ·å¼å¼€å§‹*/
.lc5_wrap {
    width: 1200px;
    clear: both;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

.lc5_event {
    padding: 40px 60px;
    background: #fff;
}

.lc5_eventBox .bd {
    overflow: hidden;
}

.lc5_event_ul1 {
    overflow: hidden;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}

.lc5_event_ul1 li {
    overflow: hidden;
    min-height: 100px;
}

.lc5_event_dl {
    overflow: hidden;
    position: relative;
}

.lc5_event_dl dd {
    overflow: hidden;
    padding: 30px 0px;
    position: relative;
    z-index: 3;
}

.lc5_eventImg {
    overflow: hidden;
    width: 225px;
    height: 160px;
}

.lc5_eventImg img {
    display: block;
    width: 100%;
    height: 100%;
}

.lc5_eventCont {
    overflow: hidden;
}

.lc5_odd .lc5_eventCont {
    float: right;
}

.lc5_eventMonth {
    font-size: 18px;
    color: #333;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    overflow: hidden;
}

.lc5_eventDeta {
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    min-height: 100px;
    width: 360px;
}

.lc5_event_dl dd.lc5_even {
    padding-left: 240px;
}

.lc5_even .lc5_eventImg {
    float: left;
    display: inline;
    margin-right: 65px;
}

.lc5_even .lc5_eventMonth {
    padding-left: 75px;
    background: url(//static.ruituoyun.com/images/drag/PC/evenIconL.png) no-repeat left center;
}

.lc5_even .lc5_eventDeta {
    padding-left: 75px;
}

.lc5_event_dl dd.lc5_odd {
    padding-right: 244px;
}

.lc5_odd .lc5_eventImg {
    float: right;
    display: inline;
    margin-left: 60px;
}

.lc5_eventImg a {
    display: block;
    width: 225px;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.lc5_odd .lc5_eventMonth {
    padding-right: 75px;
    text-align: right;
    background: url(//static.ruituoyun.com/images/drag/PC/evenIconR.png) no-repeat right center;
}

.lc5_odd .lc5_eventDeta {
    padding-right: 75px;
    text-align: right;
}

.lc5_event_dl dt {
    width: 1px;
    height: 100%;
    overflow: hidden;
    background: #ddd;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: 0px;
    z-index: 1;
}


.lc5_event .lc5_hd {
    position: relative;
    width: 752px;
    margin: 0 auto;
}

.lc5_event .lc5_hd:after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #e1e1e2;
    width: 100%;
    left: 0;
    bottom: 6px;
}

.lc5_event_dot {
    overflow: hidden;
    position: relative;
    z-index: 9;
    height: 60px;
    padding-top: 50px;
}

.lc5_event_dot li {
    float: left;
    width: 150px;
    display: inline;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    padding-bottom: 30px;
    line-height: 30px;
    height: 30px;
    transition: 0.4s ease;
}

.lc5_event_dot li.on {
    font-size: 18px;
    color: #fff;
    font-weight: bold;

}

.lc5_event_dot li.on span {
    background: #cb0303;
    border-radius: 50%;
    height: 62px;
    line-height: 62px;
    display: block;
    width: 62px;
    margin-left: 41px;
    position: relative;
    top: -35px;
    border: 6px solid #f7cccf;
    box-sizing: content-box !important;
}

.lc5_event_dot em {
    display: block;
    background: #e1e1e2;
    width: 9px;
    height: 9px;
    border: 3px solid;
    border-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    transition: 0.4s ease;
    border-radius: 50%;
}

.lc5_event_dot li.on em {
    background: #cb0303;
}

.lc5_event_dot em:after {
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    bottom: 100%;
    left: 56%;
    border-left: 1px solid #e1e1e2;
    transition: 0.4s ease;
    margin-left: -1px;
}

.lc5_event_dot li.on em:after {
    border-color: #cb0303;
    height: 20px;
}

.lc5_event .lc5_bt2 {
    position: absolute;
    bottom: -8px;
    width: 30px;
    height: 30px;
    transition: 0.4s ease;
}

.lc5_event .lc5_prev {
    left: -30px;
    background: url(//static.ruituoyun.com/images/drag/PC/arrowL2.png) center center no-repeat;
}

.lc5_event .lc5_next {
    right: -30px;
    background: url(//static.ruituoyun.com/images/drag/PC/arrowR2.png) center center no-repeat;
}

.lc5_event .lc5_prev:hover {
    background: url(//static.ruituoyun.com/images/drag/PC/arrowL2_h.png) center center no-repeat;
}

.lc5_event .lc5_next:hover {
    background: url(//static.ruituoyun.com/images/drag/PC/arrowR2_h.png) center center no-repeat;
}

.h40 {
    height: 40px;
    clear: both;
}
/*æ ·å¼ç»“æŸ*/
/*底部16æ ·å¼å¼€å§‹*/
.db16-all {
    width: 100%;
    background-color: #042a57;
    padding-bottom:15px;
}

.db16-all .bottom-173 {
    width: 1200px;
    margin: 0 auto;
}

.db16-all .bottom-173 .nav-173 {
    width: 100%;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 0;
}

.db16-all .bottom-173 .nav-173 img {
    /*margin-top: 27px;*/
    float: left;
}

.db16-all .bottom-173 .nav-173 ul {
    float: right;
    /*margin-top: 60px;*/
}

.db16-all .bottom-173 .nav-173 ul li {
    float: left;
}

.db16-all .bottom-173 .nav-173 ul li a {
    font-family: SimHei;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-left: 75px;
}

.db16-all .bottom-173 .contact-173 {
    width: 1200px;
    height: 140px;
}

.db16-all .bottom-173 .contact-173 .ewm {
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    width: 86px;
}

.db16-all .bottom-173 .contact-173 .ewm img {
    width: 100%;
}

.db16-all .bottom-173 .contact-173 .ewm p {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    color: #ffffff;
}

.db16-all .bottom-173 .contact-173 .dianhua {
    float: right;
    margin-top: 50px;
    font-size: 24px;
    line-height: 16px;
    letter-spacing: 2px;
    color: #ffffff;
}

.db16-all .bottom-173 .beian {
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: 40px;
}
/*æ ·å¼ç»“æŸ*/
/*简介24æ ·å¼å¼€å§‹*/
.ab-0002 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 90px;
    overflow:hidden;
}


/**
左边
**/

.ab-0002 .jj24-left {
    float: left;
    width: 550px;
}

.ab-0002 .jj24-left img:nth-child(2) {
    margin-top: 50px;
}

.ab-0002 .jj24-left p {
    margin-top: 35px;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}


/**
右边
**/

.ab-0002 .jj24-right {
    float: right;
}
.ab-0002 .jj24-right ul{
    overflow:hidden;
}
.ab-0002 .jj24-right ul li {
    float: left;
    margin-left: 13px;
}

.ab-0002 .jj24-right ul li a {
    margin-top: 30px;
    display: block;
    width: 140px;
    height: 360px;
    transition: .8s;
    color: #fff;
    text-decoration: none;
}

.ab-0002 .jj24-right ul li a p {
    display: block;
    width: 26px;
    margin: 0 auto;
    font-size: 28px;
    line-height: 36px;
    padding-top: 105px
}

.ab-0002 .jj24-right ul li:nth-child(1) a {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-8.png);
    margin-left: 0;
    margin-top: 30px;
}

.ab-0002 .jj24-right ul li:nth-child(1) a:hover {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-9.png);
}

.ab-0002 .jj24-right ul li:nth-child(2) a {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-10.png);
    margin-top: 130px;
}

.ab-0002 .jj24-right ul li:nth-child(2) a:hover {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-11.png);
}

.ab-0002 .jj24-right ul li:nth-child(3) a {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-12.png);
}

.ab-0002 .jj24-right ul li:nth-child(3) a:hover {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-13.png);
}

.ab-0002 .jj24-right ul li:nth-child(4) a {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-14.png);
    margin-top: 70px;
}

.ab-0002 .jj24-right ul li:nth-child(4) a:hover {
    background-image: url(//static.ruituoyun.com/images/drag/PC/jj24-15.png);
}
/*æ ·å¼ç»“æŸ*/
/*留言9æ ·å¼å¼€å§‹*/
.comm {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
}
		#mdb_ly{background: #262626;height:214px;}
.mdb_ly_lf{ float:left}
.mdb_ly_lf dl{ padding-top:35px;}
.mdb_ly_lf dl dt{ font-size:10px; line-height:10px; color:#fff; text-transform:uppercase;}
.mdb_ly_lf dl dt span{ display:block; font-size:35.65px; line-height:35.65px; color:#ffca00; font-weight:bold; padding-top:16px;}
.mdb_ly_lf dl dd{ font-size:24px; color:#fff; line-height:24px; padding-top:15px;}
.mdb_ly_lf dl dd a{ display:block; width:144px; height:28px; border:3px solid #ffca00; background:#fff; text-align:center; line-height:28px; margin-top:16px;}
.mdb_ly_lf dl dd a:hover{ color:#ffca00;}

.mdb_ly_m{float:left;margin-top:37px;border-left:1px solid #fff;border-right:1px solid #fff;padding-left: 45px;padding-right: 45px;margin-left: 39px;width:521px;}
.mdb_ly_m h3{ font-size:16px; color:#ffca00; margin-bottom:12px;line-height: normal;}
.mdb_ly_m dl{ position:relative;}
.mdb_ly_m dl dt{ float:right; position:absolute; right:0; top:20px;}
.mdb_ly_m dl dt input{border:none;background: #ffca00;margin: 0;border-radius: 37px; width:149px; height:37px; font-size:16px; font-weight:bold; text-align:center; line-height:37px; cursor:pointer; font-family:"微软雅黑";}
.mdb_ly_m dl dd{ font-size:24px; color:#fff; margin-bottom:8px;}
.mdb_ly_m dl dd input{border:none;margin: 0; background:url(//static.ruituoyun.com/images/drag/PC/ly_ipt.png) no-repeat; outline: none; width:260px; height:36px; line-height:36px; padding-left:6px; font-size:16px;}

.mdb_ly_rt{ float:right;}
.mdb_ly_rt dl{ padding-top:52px;}
.mdb_ly_rt dl dt{ font-size:18px; line-height:18px; color:#fff;}
.mdb_ly_rt dl dt span{ display:block; font-size:18px; line-height:24px; color:#ffca00; font-weight: bold; padding-top:8px;}
.mdb_ly_rt dl dd{ text-align:center;margin-top: 5px;}
.mdb_ly_rt dl dd a{ display:block; width:150px; height:28px; border:1px solid #fff; text-align:center; line-height:28px; font-size:16px; color:#ffca00;}
/*æ ·å¼ç»“æŸ*/
/*产品31æ ·å¼å¼€å§‹*/
#mdb_cp_b {
    background: #000;
    padding: 30px 0;
}

.mdb_cp_pic {
    width: 1200px;
    padding-top: 34px;
    margin: 40px auto 0;
}

.mdb_cp_pic .mdb_cp_pic1 {
    position: relative;
}

.mdb_cp_pic .cp_lb_pic ul {
    /* height: 490px; */
    overflow: hidden;
}

.mdb_cp_pic .cp_lb_pic ul li {
    width: 368px;
    border: 5px solid #fff;
    float: left;
    margin-right: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
}

.mdb_cp_pic1 .cp_lb_pre {
    position: absolute;
    top: 218px;
    left: -71px;
}

.mdb_cp_pic1 .cp_lb_next {
    position: absolute;
    top: 218px;
    right: -41px;
}

.mdb_cp_pic .cp_lb_pic {
    position: relative;
}

.cp_lb_pic dl {
    width: 389px;
    position: absolute;
    top: 63px;
}

.cp_lb_pic dl dt {
    font-size: 24px;
    line-height: 24px;
    color: #1e1d1d;
    text-align: center;
}

.cp_lb_pic dl dd {
    font-size: 18px;
    line-height: 18px;
    color: #1e1d1d;
    text-align: center;
    padding-top: 17px;
}

.cp_lb_pic p {
    background: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}

.mdb_cp_pic .cp_lb_dhd {
    text-align: center;
    padding-top: 35px;
    width: 1200px;
}

.cp_lb_dhd ul li {
    width: 50px;
    height: 4px;
    background: #402c2c;
    display: inline-block;
    text-indent: -999999px;
    margin: 0 4px;
}

.cp_lb_dhd ul li.on {
    width: 50px;
    height: 4px;
    background: #fff000;
}

.cp31-list {
    width: 100%;
    display: flex;
    justify-content: center;
}

.cp31-list>li {
    width: 120px;
    height: 40px;
    border-radius: 20px;
    border: solid 1px #ffffff;
    box-sizing: border-box;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 40px;
    cursor: pointer;
    transition: .4s;
}

.cp31-list>li:first-child {
    margin-left: 0;
}

.cp31-list>li.on {
    background: #fff;
    color: #111;
}

.cp31-list>li:hover {
    background: #fff;
    color: #111;
}
/*æ ·å¼ç»“æŸ*/
/*产品32æ ·å¼å¼€å§‹*/
.cp32 .flex_cen {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cp32 .swiper-slide {
    width: 484px;
    position: relative;
}

.cp32 .swiper-slide img {
    width: 100%;
}

.cp32 .ind_tit {
    text-align: center;
    margin-bottom: 28px;
}

.cp32 {
    padding: 58px 0 95px 0;
}


.cp32 .swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 26% !important;
    bottom: 0;
    top: initial;
    left: 50%;
    margin-left: -13%;
}

.cp32 .swiper-container {
    padding-bottom: 70px;
}

.cp32 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #002f87;
}

.cp32 .swiper-slide-prev, .cp32 .swiper-slide-next {
    opacity: 0.2;
}

.cp32 .cov {
    /*display: none;*/
    width: 350px;
    height: 196px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 30%;
    border-left: 5px solid #002f87;
}

.cp32 .cov .k {
    width: 66%;
}

.cp32 .cov .k .pro_n {
    color: #000;
    font-size: 24px;
}

.cp32 .cov .k .p {
    font-size: 14px;
    color: #525252;
    line-height: 28px;
    padding: 15px 0;
}

.cp32 .cov .k .more {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 25px;
}

.cp32 .cov .k .more span {
    margin-right: 15px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block;
    background: #002f87;
    position: relative;
    text-align: center;
    line-height:24px;
}
.cp32 .cov .k .more span em{
    
    width: 10px;
    height: 10px;
    border-radius: 50%;
    vertical-align: initial;
    display: inline-block;
    background: #fff;
}

.cp32 .swiper-slide-active .cov {
    display: flex;
}

.cp32 .swiper-slide-active .cov:hover .k .more {
    color: #002f87;
}

.cp32 .cov:hover .k .pro_n, .cp32 .cov:hover .k .p {
    color: #002f87;
}
/*产品32æ ·å¼ç»“æŸ*/
/*简介25æ ·å¼å¼€å§‹*/
.jj25-cont {
    width: 1320px;
    margin: 80px auto;
    height: 520px;
}

.jj25-cont .jj25-left {
    float: left;
    width: 580px;
    margin-top: 30px;
}
.jj25-left>h2{
    font-size: 28px;
    font-weight: normal;
}
.jj25-left>h3{
    margin: 10px 0 20px;
    font-size: 34px;
    font-weight: bold;
}
.jj25-left>span{
    display: block;
    width: 30px;
    height: 3px;
    background: rgb(14,154,68);
}
.jj25-cont .jj25-left p {
    width: 470px;
    height: 115px;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    margin-top: 40px;
}

.jj25-cont .jj25-left a {
    margin-top: 45px;
    display: block;
    width: 198px;
    height: 48px;
    border: 1px solid #eee;
    background: #fff;
    text-align: center;
    line-height: 50px;
    color: #555555;
    transition: 0.6s;
    font-size: 16px;
}

.jj25-cont .jj25-left a:hover {
    border: 1px solid #0e9a44;
    background: #0e9a44;
    color: #fff;
}

.jj25-cont .jj25-left ul {
    margin-top: 60px;
    margin-left: -30px;
}

.jj25-cont .jj25-left ul li {
    float: left;
    text-align: center;
    position: relative;
}

.jj25-cont .jj25-left ul li a {
    display: block;
    width: 135px;
    height: 60px;
    border: unset;
    background: rgba(0, 0, 0, 0);
    margin: 0;
    transition: 0.6s;
}

.jj25-cont .jj25-left ul li a:hover {
    border: unset;
    background: unset;
}

.jj25-cont .jj25-left ul li a img:nth-child(2) {
    display: none;
}

.jj25-cont .jj25-left ul li a:hover img:nth-child(1) {
    display: none;
}

.jj25-cont .jj25-left ul li a:hover img:nth-child(2) {
    display: block;
}

.jj25-cont .jj25-left ul li a:hover h3 {
    color: #0e9a44;
}

.jj25-cont .jj25-left ul li a img {
    height: 30px;
    display: block;
    height: 30px;
    width: auto;
    margin: 0 auto 20px;
}

.jj25-cont .jj25-left ul li a h3 {
    transition: 0.6s;
    font-size: 14px;
    line-height: 0;
    letter-spacing: 0px;
    color: #231815;
}

.jj25-cont .jj25-left ul li span {
    display: block;
    width: 1px;
    height: 40px;
    background-color: #dcdcdc;
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 0;
}
.jj25-cont .jj25-right{
    float: right;
}
.jj25-cont .jj25-right img{
    width:100%;
    height:100%;
}
/*æ ·å¼ç»“æŸ*/
/*æ–‡ç« 31æ ·å¼å¼€å§‹*/
.wz31-all {
    margin-top: 92px;
    width: 100%;
    position: relative;
}

.wz31-all .news-177 {
    position: absolute;
    right: 8%;
    text-align: right;
    margin-top: 150px;
}

.wz31-all .news-177 .news-en {
    font-size: 28px;
    letter-spacing: 1px;
    color: #b5b5b5;
}

.wz31-all .news-177 .news-title {
    font-size: 32px;
    color: #333333;
    margin-top: 5px;
}

.wz31-all .news-177 span {
    width: 25px;
    height: 6px;
    background-color: #00b3b4;
    display: block;
    margin-top: 10px;
    position: absolute;
    right: 0;
}

.wz31-all .news-177 p a {
    font-size: 16px;
    color: #333333;
    display: block;
    margin-top: 70px;
    float: right;
    margin-left: 30px;
}

.wz31-all li {
    float: left;
    width: 33%;
    height: 414px;
    margin-right: 8px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
}

.wz31-all li:nth-child(5) {
    margin-right: 0;
}

.wz31-all li img {
    position: absolute;
}

.wz31-all li .newsinfo-177 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(1, 116, 106, .5);
    opacity: 0;
    transition: 0.6s;
}

.wz31-all li:hover .newsinfo-177 {
    opacity: 1;
}

.wz31-all li .newsinfo-177::after {
    content: "";
    border: 1px solid #fff;
    width: 598px;
    height: 388px;
    position: absolute;
    top: 50%;
    margin-top: -195px;
    left: 50%;
    margin-left: -300px;
}

.wz31-all li .newsinfo-177 .wz31-span {
    width: 380px;
    height: 190px;
    position: absolute;
    top: 50%;
    margin-top: -95px;
    left: 50%;
    margin-left: -195px;
}

.wz31-all li .newsinfo-177 .wz31-span h3 {
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
}

.wz31-all li .newsinfo-177 .wz31-span h5 {
    font-size: 14px;
    line-height: 14px;
    color: #eeeeee;
    margin-top: 18px;
}

.wz31-all li .newsinfo-177 .wz31-span h4 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #eeeeee;
}
.wz31-all ul{
    overflow:hidden;
}
/*æ ·å¼ç»“æŸ*/
/*招聘2æ ·å¼å¼€å§‹*/
.join12 {
    background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bg23.jpg);
    background-position-x: center;
    background-position-y: top;
}

.join12 .join li h2 {
    font-size: 20px;
}

.join12 .join li span {
    width: 40px;
    height: 40px;
    margin-top: 30px;
}

.join12 .join {
    display: none;
    overflow: hidden;
}

.join12 .active {
    display: block
}

.join12 .list_join {
    width: 100%;
    background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bg24.png);
    background-position-x: center;
    background-position-y: 84px;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}

.join12 .list_join li {
    display: inline-block;
    vertical-align: top;
    margin: 0 60px;
    height: 100px;
    position: relative;
    width: 200px;
}

.join12 .list_join li a {
    color: #474747;
    font-size: 24px;
    background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bg21.png);
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s ease-in-out;
}

.join12 .list_join .ua4 a {
    background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bg21a.png);
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    font-size: 36px;
}

.join12 .list_join li:hover a {
    background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bg21a.png);
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    font-size: 36px;
}

.join12 .join {
    width: 85%;
    margin: auto;
}

.join12 .join li {
    width: 23.7%;
    float: left;
    background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bgm4.jpg);
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 60px;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 70px;
    margin-left: 1.6%;
    transition: all 0.2s ease-in-out;
    background-size: cover
}

.join12 .join li h1 {
    color: #474747;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
}

.join12 .join li h2 {
    font-size: 24px;
    margin-top: 45px;
    color: #474747;
    transition: all 0.2s ease-in-out;
}

.join12 .join li p {
    color: #474747;
    font-size: 16px;
    margin-top: 24px;
    transition: all 0.2s ease-in-out;
}

    .join12 .join li span {
        display: block;
        width: 48px;
        height: 48px;
        margin: auto;
        border: 1px solid #aaaaaa;
        border-radius: 100%;
        margin-top: 50px;
        background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bg25.png);
        background-position: center;
        background-repeat: no-repeat;
        transition: all 0.2s ease-in-out;
    }

.join12 .join li:nth-of-type(4n-3) {
    margin-left: 0;
}

.join12 .join li:hover h1 {
    color: #128e57;
}

.join12 .join li:hover h2 {
    color: #128e57;
}

.join12 .join li:hover p {
    color: #128e57;
}

    .join12 .join li:hover span {
        border-color: #128e57;
        background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bg25a.png);
        background-position: center;
        background-repeat: no-repeat;
        background-color: #128e57
    }

.join12 .join li:hover {
    transform: translate(0,-15px);
    background-image: url(//static.ruituoyun.com/images/drag/PC/join12_bgm4a.jpg);
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    -webkit-transform: translate(0,-15px);
    -moz-transform: translate(0,-15px);
    -o-transform: translate(0,-15px);
    -ms-transform: translate(0,-15px);
}
/*招聘2æ ·å¼ç»“æŸ*/
/*优势35æ ·å¼å¼€å§‹*/
.franchise35 .scr3_title {
    visibility: visible !important;
}

.franchise35 .scr3_title {
    visibility: visible !important;
}

.franchise35 .scr3_info {
    visibility: visible !important;
}

.franchise35 .loop4 .loop_box {
    visibility: visible !important;
}

.franchise35 .loop3 .loop_box {
    visibility: visible !important;
}

.franchise35 .cul_con {
   /* background: url("../img/cul_bg.png") no-repeat center bottom, #f6f9fb;*/
    overflow: hidden;
}

.franchise35 .con_case_b {
    width: 81.25vw;
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 1.6rem;
    position: relative;
}

.franchise35 .scr1_img_box {
    position: relative;
    float: left;
    width: 44.23%;
    margin-top: -42px;
    margin-left: -42px;
}

.franchise35 .scr1_img_case {
    display: block;
    width: 100%;
}

.franchise35 .scr1_img_face {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 39%;
}

.franchise35 .scr1_text_box {
    margin-top: -42px;
    float: right;
    width: 50%;
}

.franchise35 .cul_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5rem;
    color: #000;
}

.franchise35 .cul_info {
    font-size: 14px;
    color: #72787f;
    line-height: 2.57;
}

.franchise35 .case_bg {
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.5rem;
}

    .franchise35 .case_bg::after {
        content: '';
        display: block;
        background-color: #fff;
        width: 150%;
        height: 100%;
        position: absolute;
        left: -50%;
        top: 0;
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
        -webkit-box-shadow: 0 0 90px rgba(29, 56, 75, .17);
        -moz-box-shadow: 0 0 90px rgba(29, 56, 75, .17);
        box-shadow: 0 0 90px rgba(29, 56, 75, .17);
    }

    .franchise35 .case_bg > div {
        position: relative;
        z-index: 1;
    }

    .franchise35 .case_bg > .src2_img_box {
        position: absolute;
        bottom: -64px;
        right: 16.666%;
        width: 25%;
        -webkit-box-shadow: 0 0 68px rgba(29, 56, 75, .36);
        -moz-box-shadow: 0 0 68px rgba(29, 56, 75, .36);
        box-shadow: 0 0 68px rgba(29, 56, 75, .36);
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        overflow: hidden;
        z-index: 2;
    }

.franchise35 .src2_img_box > img {
    width: 100%;
    display: block;
}

.franchise35 .sr2_con_box {
    width: 50.769%;
    float: left;
}

    .franchise35 .sr2_con_box > img {
        width: 100%;
        display: block;
    }

.franchise35 .cul_src2_line {
    padding-top: 1.05rem;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}

.franchise35 .case_bg > .scr2_title_box {
    position: absolute;
    width: 16.666%;
    top: -40px;
    right: 0;
    text-align: center;
    z-index: 2;
    font-size: 40px;
    color: #d5dae0;
    line-height: 1;
}

.franchise35 .scr2_title_box > img {
    position: relative;
    left: 50%;
    top: -43px;
    transform: translateX(-50%);
}

.franchise35 .scr2_title {
    width: 350px;
    text-transform: uppercase;
    position: relative;
    left: 50%;
    margin-left: -175px;
    margin-top: 80px;
    transform: rotate(90deg);
}

.franchise35 .cul_info_case {
    float: left;
    width: 50%;
    height: 435px;
    padding-left: 260px;
    position: relative;
    overflow: hidden;
}

.franchise35 .img_center_box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 230px;
    height: 230px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}

.franchise35 .cen_img_0 {
    width: 100%;
    display: block;
}

.franchise35 .cen_img_1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 178px;
    margin-left: -89px;
    margin-top: -20px;
}

.franchise35 .cul_src3_con_box > .cul_info_case:nth-child(odd) {
    text-align: right;
    padding-right: 260px;
    padding-left: 0;
}

.franchise35 .scr3_title {
    margin-top: 160px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    padding-bottom: 38px;
    line-height: 1;
    border-bottom: 1px solid #d2d6d9;
    transition: all .5s ease;
    margin-bottom: 35px;
    position: relative;
}

    .franchise35 .scr3_title::after {
        content: '';
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        height: 10px;
        width: 10px;
        background-color: #00653b;
        position: absolute;
        bottom: -5px;
    }

.franchise35 .loop1 .scr3_title::after {
    right: -20px;
}

.franchise35 .loop2 .scr3_title::after {
    left: -20px;
}

.franchise35 .loop3 .scr3_title::after {
    right: -20px;
}

.franchise35 .loop4 .scr3_title::after {
    left: -20px;
}

.franchise35 .scr3_title::before {
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    border-bottom: 1px #d2d6d9 dashed;
    position: absolute;
    top: calc(100% + 0px);
    transition: color .5s ease;
}

.franchise35 .loop1 .scr3_title::before {
    right: -20px;
    transform: rotate(225deg);
    transform-origin: 100% 100%;
}

.franchise35 .loop2 .scr3_title::before {
    left: -20px;
    transform: rotate(135deg);
    transform-origin: 0 0;
}

.franchise35 .loop3 .scr3_title::before {
    right: -20px;
    transform: rotate(135deg);
    transform-origin: 100% 100%;
}

.franchise35 .loop4 .scr3_title::before {
    left: -20px;
    transform: rotate(225deg);
    transform-origin: 0 0;
}

.franchise35 .cul_info_case:hover .scr3_title::before {
    border-color: #00653b;
}



.franchise35 .cul_info_case:hover .scr3_title {
    color: #00653b;
    border-color: #00653b;
}

.franchise35 .scr3_info {
    font-size: 14px;
    line-height: 36px;
    color: #72787f;
    transition: all .5s ease;
}

.franchise35 .cul_info_case:hover .scr3_info {
    color: #000;
}

.franchise35 .loop_box {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 380px;
    height: 380px;
    position: absolute;
    overflow: hidden;
    transition: all .5s ease;
    transform: translate3d(0,0,0);
}

.franchise35 .loop1 .loop_box {
    right: 0;
    bottom: 0;
    transform: translate3d(50%,50%,0);
    background-color: #79bd28;
}

.franchise35 .loop2 .loop_box {
    left: 0;
    bottom: 0;
    transform: translate3d(-50%,50%,0);
    background-color: #5aa62d;
}

.franchise35 .loop3 .loop_box {
    right: 0;
    top: 0;
    transform: translate3d(50%,-50%,0);
    background-color: #00653b;
}

.franchise35 .loop4 .loop_box {
    left: 0;
    top: 0;
    background-color: #1a7937;
    transform: translate3d(-50%,-50%,0);
}

.franchise35 .loop1:hover .loop_box {
    transform: translate3d(50%,50%,0) scale(1.2);
}

.franchise35 .loop2:hover .loop_box {
    transform: translate3d(-50%,50%,0) scale(1.2);
}

.franchise35 .loop3:hover .loop_box {
    transform: translate3d(50%,-50%,0) scale(1.2);
}

.franchise35 .loop4:hover .loop_box {
    transform: translate3d(-50%,-50%,0) scale(1.2);
}


.franchise35 .loop_box > span {
    display: block;
    width: 22px;
    height: 22px;
    background-color: rgba(255,255,255,.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    transition: opacity .5s ease;
}

.franchise35 .cul_info_case:hover .loop_box > span {
    opacity: 0;
}

.franchise35 .loop_box > span::after {
    content: '';
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #f6f9fb;
}

.franchise35 .loop1 .loop_box > span {
    left: 25%;
    margin-left: -22px;
    bottom: 75%;
    margin-bottom: 0;
}

.franchise35 .loop2 .loop_box > span {
    right: 25%;
    margin-right: -22px;
    bottom: 75%;
    margin-bottom: 0;
}

.franchise35 .loop3 .loop_box > span {
    left: 25%;
    margin-left: -22px;
    top: 75%;
    margin-top: 0;
}

.franchise35 .loop4 .loop_box > span {
    right: 25%;
    margin-right: -22px;
    top: 75%;
    margin-top: 0;
}

.franchise35 .loop_box::after {
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    width: 2px;
    top: 0;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}

.franchise35 .loop_box::before {
    content: '';
    display: block;
    height: 2px;
    top: 50%;
    width: 100%;
    left: 0;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}

.franchise35 .loop_box img {
    width: 50%;
    position: absolute;
    opacity: 0;
    transition: all .5s ease;
    transform: translate3d(0,0,0);
}

.franchise35 .cul_info_case:hover .loop_box img {
    opacity: 1;
    transform: translate3d(0,0,0);
}

.franchise35 .loop1 .loop_box img {
    left: 0;
    top: 0;
}

.franchise35 .loop2 .loop_box img {
    right: 0;
    top: 0;
}

.franchise35 .loop3 .loop_box img {
    left: 0;
    bottom: 0;
}

.franchise35 .loop4 .loop_box img {
    right: 0;
    bottom: 0;
}

.franchise35 .padT0 {
    padding-top: 0 !important;
}

.franchise35 .src3_case {
    position: relative;
}
.franchise35 .src3_case .cul_src3_con_box {
    overflow:hidden;
}
.franchise35 .go1 {
    animation-name: go1;
}

@keyframes go1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
 

.franchise35 .pure:before,
.franchise35 .pure:after {
    content: " ";
    display: table;
}

.franchise35.pure:after {
    clear: both;
}
/*优势35æ ·å¼ç»“æŸ*/
/*产品33开始*/
.cp33-tab .tabList .category-swiper-box {
    display: none
}

    .cp33-tab .tabList .category-swiper-box.active {
        display: block
    }

.cp33-tab .bg-csy {
    background: #f7f7f7
}

.cp33-tab .classify-container {
    width: 78%;
    max-width: 1500px;
    margin: 0 auto
}

.cp33-tab .classify-tabs {
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

    .cp33-tab .classify-tabs .classify-tab {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        cursor: pointer;
        height: 80px;
        line-height: 80px;
        text-align: center;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position: relative;
        color: #000
    }

        .cp33-tab .classify-tabs .classify-tab img {
            vertical-align: middle;
            line-height: 80px;
            margin-right: 10px;
            max-width: 60px;
            max-height: 25px
        }

        .cp33-tab .classify-tabs .classify-tab .before {
            display: inline-block
        }

        .cp33-tab .classify-tabs .classify-tab .after {
            display: none
        }

        .cp33-tab .classify-tabs .classify-tab .text {
            display: inline-block;
            vertical-align: middle;
            font-size: 1rem;
            cursor: pointer
        }

        .cp33-tab .classify-tabs .classify-tab.active,
        .cp33-tab .classify-tabs .classify-tab:hover {
            background: #b8a396;
            color: #fff
        }

            .cp33-tab .classify-tabs .classify-tab.active .before,
            .cp33-tab .classify-tabs .classify-tab:hover .before {
                display: none
            }

            .cp33-tab .classify-tabs .classify-tab.active .after,
            .cp33-tab .classify-tabs .classify-tab:hover .after {
                display: inline-block
            }

        .cp33-tab .classify-tabs .classify-tab:not(:last-child):after {
            content: "";
            display: block;
            height: 30px;
            width: 1px;
            background: #909090;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.cp33-tab .category-banner {
    width: 100%;
    position: relative;
    height: 675px;
    background-size: cover !important
}

    .cp33-tab .category-banner .category-block {
        width: 45%;
        padding: 20px;
        text-align: center;
        position: absolute;
        bottom: 32px;
        left: 50%;
        margin-left: -22.5%;
        background: hsla(0, 0%, 100%, .7)
    }

        .cp33-tab .category-banner .category-block .title {
            font-size: 1.625rem;
            padding-bottom: 20px;
            margin-bottom: 16px;
            position: relative
        }

            .cp33-tab .category-banner .category-block .title:after {
                content: "";
                display: block;
                width: 100px;
                height: 1px;
                border-top: 1px solid #000;
                position: absolute;
                left: 50%;
                bottom: 0;
                -webkit-transform: translate(-50%);
                transform: translate(-50%)
            }

        .cp33-tab .category-banner .category-block .desc {
            font-size: 1.125rem;
            line-height: 26px;
            line-height: 1.5
        }

.cp33-tab .category-swiper-box {
    position: relative;
    margin-top: 50px
}

    .cp33-tab .category-swiper-box .category-info {
        position: absolute;
        padding: 18px 20px;
        background: #fff;
        font-size: 2.1875rem;
        line-height: 1.42;
        color: #000;
        z-index: 20;
        top: 336px;
        left: -130px;
        display: none
    }

        .cp33-tab .category-swiper-box .category-info:first-child {
            display: block
        }

.cp33-tab .swiper-pagination {
    position: absolute;
    left: -130px !important;
    top: 100px;
    z-index: 10;
    text-align: center;
    width: 20px !important
}

    .cp33-tab .swiper-pagination .swiper-pagination-bullet {
        width: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
        background: none !important;
        border-radius: 0;
        text-align: center;
        color: #b3b3b3;
        opacity: 1;
        font-size: 12px;
        margin: 10px 0;
        outline: 0
    }

    .cp33-tab .swiper-pagination .swiper-pagination-bullet-active {
        color: #000;
        opacity: 1;
        border-bottom: 1px solid #000
    }


.cp33-tab .classify-container {
    width: 74%;
    max-width: 1200px
}

.cp33-tab .classify-tabs .classify-tab {
    height: 60px;
    line-height: 60px
}

    .cp33-tab .classify-tabs .classify-tab img {
        line-height: 60px;
        margin-right: 10px;
        max-width: 50px;
        max-height: 20px
    }

    .cp33-tab .classify-tabs .classify-tab .text {
        font-size: .875rem
    }

.cp33-tab .category-swiper-box .category-info {
    font-size: 1.3125rem;
    top: 280px;
    left: -100px
}

.cp33-tab .swiper-pagination {
    left: -100px !important;
    top: 70px
}

.cp33-tab .category-banner {
    height: 520px;
    background-size: cover !important
}

    .cp33-tab .category-banner .category-block {
        width: 45%;
        padding: 18px;
        bottom: 30px;
        left: 50%;
        margin-left: -22.5%;
        background: hsla(0, 0%, 100%, .7)
    }

        .cp33-tab .category-banner .category-block .title {
            font-size: 1.5rem;
            padding-bottom: 1rem;
            margin-bottom: .75rem
        }

        .cp33-tab .category-banner .category-block .desc {
            font-size: 1.0625rem
        }

.cp33-tab .ui-block {
    width: 100%;
    padding: 90px 0;
    margin: 0 auto
}

.cp33-tab .font-st {
    font-family: "\5B8B\4F53-\7B80"
}

.cp33-tab .cursor {
    cursor: pointer !important
}

.cp33-tab .pc- {
    display: block !important
}

.cp33-tab .fadeIn {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s
}
/*产品33结束*/
/*历程6开始*/
.lc6 .w1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.lc6 .history-list1 .list1-banner {
    overflow: hidden;
}

.lc6 .history-list1 .swiper-slide {
    border-bottom: 2px solid #e5e5e5;
    position: relative;
    font-size: 18px;
    line-height: 72px;
    text-align: center;
    color: #888;
    transition-duration: .3s;
    cursor: pointer;
}

    .lc6 .history-list1 .swiper-slide:after {
        display: block;
        position: absolute;
        height: 2px;
        width: 0;
        left: 50%;
        bottom: -2px;
        background: #005bac;
        content: "";
        transform: translate(-50%, 0);
        transition-duration: .5s;
    }

    .lc6 .history-list1 .swiper-slide.cur {
        color: #333;
        font-size: 20px;
        font-family: "gothicB";
    }

        .lc6 .history-list1 .swiper-slide.cur:after {
            width: 100%;
        }

.lc6 .history-list2 {
    margin-top: 1.5rem;
    margin-bottom: 2.7rem;
}

    .lc6 .history-list2 .his-item {
        cursor: pointer;
    }

        .lc6 .history-list2 .his-item.cur .his-btn {
            transform: rotate(45deg);
        }

    .lc6 .history-list2 .item-mains {
        position: relative;
        padding: 36px 0 36px 144px;
    }

        .lc6 .history-list2 .item-mains:before {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            left: 144px;
            background: #e5e5e5;
        }

    .lc6 .history-list2 .his-right {
        font-size: 16px;
        line-height: 30px;
        color: #666;
        padding: 0 36px 0 80px;
        height: 30px;
        transition-duration: .5s;
        overflow: hidden;
    }

    .lc6 .history-list2 .his-btn {
        position: absolute;
        right: 0;
        top: 41px;
        display: block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-image: url(//static.ruituoyun.com/images/drag/PC/lc6_btn1.png);
        background-repeat: no-repeat;
        background-position: center;
        transition-duration: .5s;
    }

    .lc6 .history-list2 .his-left {
        position: absolute;
        width: 104px;
        left: 0;
        top: 0;
        text-align: center;
        font-size: 18px;
        line-height: 72px;
        padding: 15px 0;
        color: #333;
        font-family: "gothicB";
    }

        .lc6 .history-list2 .his-left:before {
            content: "";
            display: block;
            position: absolute;
            width: 80px;
            height: 7px;
            top: 50%;
            left: 100%;
            transform: translate(0, -50%);
            background-image: url(//static.ruituoyun.com/images/drag/PC/lc6_ico3.png);
            background-repeat: no-repeat;
            background-position: center
        }

    .lc6 .history-list2 .img-wrap {
        border: 1px solid #e5e5e5;
        padding: 10px;
        width: 68.5%;
        margin-top: 22px;
    }

    .lc6 .history-list2 .img-wrap img {
        display: block;
        width: 100%;
    }
    .lc6 .history-list2 :nth-child(11) .his-right {
        overflow: inherit;
    }

    .lc6 .history-list2 :nth-child(12) .his-right {
        overflow: inherit;
    }
/*历程6结束*/
/*历程7开始*/
.lc7 .w1200{
	width: 1200px;
	margin-left: auto;
	margin-right: auto
}
.lc7 .go_yintu {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 16.4%;
    padding-right: 16.4%;
  }
.lc7 .go_yintu .go_yintu_text {
    text-align: center;
    position: relative;
    overflow: hidden;
  }
.lc7 .go_yintu .go_yintu_text .title {
    font-size: 2rem;
  }
.lc7 .go_yintu .go_yintu_text .btn {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e2e2e5;
    z-index: 8;
  }
.lc7 .go_yintu .go_yintu_text .btn > div {
    position: relative;
    top: -1.2rem;
  }
.lc7 .go_yintu .go_yintu_text .btn > div.middle {
    top: -0.65rem;
  }
.lc7 .go_yintu .go_yintu_text .btn .middle {
    z-index: 10;
  }
.lc7  .go_yintu .go_yintu_text .date {
    font-size: 3.8rem;
    color: #28468e;
  }
.lc7  .timer-box {
    position: relative;
  }
.lc7 .timer-box .swiper-container {
    top: -6rem;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    position: relative;
    top: 7.5rem;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide .text {
    width: 100%;
    position: absolute;
    top: 2.4rem;
    left: 5px;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide .text h2 {
    font-size: 1rem;
    line-height: 3rem;
    color: #999;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide .text p {
    font-size: 0.9rem;
    color: #999;
    opacity: 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #28468e;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    right:112px;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
    top: 14.6rem;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .text {
    top: 0;
    left: 0;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .text h2 {
    font-size: 2.5rem;
    color: #28468e;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .text p {
    opacity: 1;
  }
.lc7 .timer-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:before {
    top: -85px;
  }
.lc7 .timer-box .swiper-container .bg {
    position: relative;
    width: 100%;
  }
.lc7 .timer-box .swiper-container .bg li {
    float: left;
    width: 19%;
    height: 21rem;
    position: relative;
  }
.lc7 .timer-box .swiper-container .bg li:nth-child(3):before {
    content: '';
    width: 2px;
    height: 4rem;
    background: #28468e;
    position: absolute;
    top: 164px;
    right: 80px;
  }
.lc7 .timer-box .swiper-container .bg li:nth-child(3):after {
    content: '';
    width: 20px;
    height:20px;
    border: 1px solid #28468e;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 143px;
    right: 70px;
  }
.lc7 .timer-box .swiper-container .bg:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #e2e2e5;
    position: absolute;
    top: 46%;
    left: 0;
  }
.lc7 .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after{
    content: '';
    display: table;
    clear: both;
  }
.lc7 .timer-box .swiper-button-next,
  .timer-box .swiper-button-prev {
    top: 16.4%;
    background: none;
    width: 2.5rem;
    height: 2.5rem;
    background: #f4c117;
    border-radius: 50%;
    opacity: 1;
  }
.lc7 .timer-box .swiper-button-next i,
  .timer-box .swiper-button-prev i {
    display: none;
  }
.lc7 .timer-box .swiper-button-next:hover,
  .timer-box .swiper-button-prev:hover {
    background: #28468e;
  }
.lc7 .timer-box .swiper-button-prev {
    left: 0;
  }
 
.lc7 .timer-box .swiper-button-next {
    right: 0;
  }
  
.lc7 .timer-box .swiper-button-prev img{
    width: 20px;
    margin: 10px
}
.lc7 .timer-box .swiper-button-next img{
      width: 20px;
      margin: 10px
  }
.lc7 .yintu-content {
    background-image: url(//static.ruituoyun.com/images/drag/PC/lc7_go_yintu_bg_02.jpg);
    background-repeat: no-repeat;
    margin-top: -3rem;
    padding-top: 3rem;
}
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .lunbo .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .lunbo .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .lunbo .swiper-container .swiper-wrapper .swiper-slide .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16.2rem;
    height: 11rem;
    background: #f4c117;
    opacity: 0.95;
    padding: 1% 3.5%;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .lunbo .swiper-container .swiper-wrapper .swiper-slide .text h2 {
    font-size: 3.5rem;
    color: #fff;
    font-family: "Times New Roman";
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .lunbo .swiper-container .swiper-wrapper .swiper-slide .text p {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 1.8rem;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .left {
    float: left;
    width: 24.6%;
    border-top: 1px solid #0c4a9d;
    padding-top: 1rem;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .left h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #355195;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .right {
    float: right;
    width: 68%;
    border-top: 1px solid #eee;
    padding-bottom: 3rem;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .right > ul li {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .right > ul li img {
    width: 100%;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .right > ul li span {
    float: left;
    width: 6%;
    font-size: 0.9rem;
    font-weight: bold;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .right > ul li p {
    float: left;
    width: 80%;
    font-size: 0.8rem;
    color: #666;
    line-height: 1.8rem;
    padding-left: 2rem;
    position: relative;
    top: -0.3rem;
  }
.lc7 .yintu-content .news-detail-box .swiper-container .swiper-wrapper .swiper-slide .time-content > ul > li .right > ul li p:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50%;
    position: absolute;
    top: 0.8rem;
    left: 2.8%;
  }
.lc7 .yintu-content .swiper-container-horizontal > .swiper-pagination {
    left: -29rem;
    bottom: 1.2rem;
  }
.lc7 .yintu-content .swiper-pagination-bullet {
    background: #fff;
  }
/*历程7结束*/