/*
    ----------------------------------- 
            方法变量    
                     
    Create Time : 2014-07-22
    Update Time : 2015-08-03
    Author      : Trueland Development Department
    -----------------------------------
*/


/*
    ---------------------- 
            普通方法 
    ---------------------- 

    1 .opc()              // 透明度     - 传整数 50 代表 0.5   
    2 .pos(r)             // 定位方式 - 必须传参，r 代表relative || a 代表absolute ||  f 代表 fixed
    3 .font()             // 字体大小 - 默认12px 
    4 .align()            // 文本对齐 - 默认 center
    5 .lineH()            // 行高设置 - 默认 20px
   11 .arrow(r)           // 三角箭头 - 必须传参    l:向左箭头 | r:向右箭头 | t:向上箭头 | b:向下箭头
   12 .float()            // 快速浮动 - 默认为 left ||  left: 向左浮动   | right:向右浮动
   13 .fontC(d)           // 字大小写 - 比传参数 d 为 大写 s 为首字母大写
   14 .fontB()            // 字体粗细 - 默认加粗  fontB(100) 传100 就是 变细

   ----------------------
   CSS3 方法 
   ---------------------- 

   01 .borderR()          // 圆角设置 - 默认为 5px
   02 .linearG(red,blue)  // 线性渐变 - 两个颜色值 是开始到结束  目前支持 *上下* 渐变
   03 .bgFull             // 背景充满 - 背景等比例拉伸 使用 ：bgFull;
   04 .css3Tansition()    // 过度属性 - 默认两个值 前者是过渡动画时间 后者是过渡动画效果 使用 : .css3tansition(.4s,ease)
   

   //滤镜

   05 .filterBlur()       // 滤镜模糊 - 使用 ：.filterBlur(2px); 默认 5px
   06 .filterGrayscale()  // 滤镜灰度 - 使用 ：.filterGrayscale(100%); 默认100% ★注意参数 是 0%~100$; 100%代表全灰
   07 .filterSepia()      // 滤镜褐色 - 使用 ： .filterSepia(1); 默认1 ★注意参数 (同上)
   08 .filterBrightness() // 滤镜亮度 - 使用 ： .filterBrightness(10); 默认5 ★注意参数 10代表100% 5代表50%
   09 .filterHue()        // 滤镜色相 - 使用 ： .filterHue(180deg); 默认180deg ★注意参数 0deg~360deg
   10 .filterInvert()     // 滤镜反色 - 使用 ： .filterInvert(1); 默认1 ★注意参数 0.1~1 1代表100%
   11 .filterSaturate()   // 滤镜饱和 - 使用 ： .filterSaturate(5); 默认5 ★注意参数 5 代表 50%
   12 .filterContrast()   // 滤镜对比 - 使用 ： .filterContrast(1.5); 默认1.5 ★注意参数 1.5代表 15%
    
   ----------------------
        普通嵌套 
   ---------------------- 

   01 .vcenter            // 垂直水平居中
   02 .tHide              // 文本超出隐藏省略
   03 .blockFull          // 块状元素 宽高100%
   04 .block              // 块状元素 没有设置宽高
   05 .centerBlock        // 左右居中
   05 .clearfix           // 清除浮动

    -----------------------------------
*/

.bgFull {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-behavior: url("css/cover.htc");
    behavior: url("css/cover.htc");
}

.vcenter {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tHide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.blockFull {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.block {
    display: block;
    position: relative;
}

.centerBlock {
    margin-left: auto;
    margin-right: auto;
}

.clearfix {
    clear: both;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-loading .slick-list {
    background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-prev,
.slick-next {
    z-index: 20;
    position: absolute;
    display: block;
    height: 60px;
    width: 30px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -30px;
    padding: 0;
    border: none;
    outline: none;
    border: 1px solid red;
}

.slick-prev {
    left: 30px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 30px;
}

.slick-next {
    right: 30px;
}

[dir="rtl"] .slick-next {
    left: 30px;
    right: auto;
}

.slick-dots {
    position: absolute;
    bottom: 20px;
    height: auto;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    line-height: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    display: block;
    height: 10px;
    width: 10px;
    padding: 0;
    margin: 0;
    outline: none;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: #cccccc;
    border-radius: 0px;
}

.slick-dots li.slick-active button {
    background: #333333;
}


/*
	jQuery.mmenu CSS
*/


/*
	jQuery.mmenu oncanvas CSS
*/

.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu,
.mm-menu>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0;
}

.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
    z-index: 1;
}

.mm-menu>.mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px;
}

.mm-menu>.mm-panel.mm-hasnavbar {
    padding-top: 40px;
}

.mm-menu>.mm-panel:before,
.mm-menu>.mm-panel:after {
    content: '';
    display: block;
    height: 20px;
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent;
}

.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
    display: block;
}

.mm-vertical .mm-listview>li>.mm-next,
.mm-listview>li.mm-vertical>.mm-next {
    height: 40px;
    bottom: auto;
}

.mm-vertical .mm-listview>li>.mm-next:after,
.mm-listview>li.mm-vertical>.mm-next:after {
    top: 16px;
    bottom: auto;
}

.mm-vertical .mm-listview>li.mm-opened>.mm-next:after,
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.mm-navbar>* {
    display: block;
    padding: 10px 0;
}

.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none;
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0;
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0;
}

.mm-panel .mm-navbar {
    display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
}

.mm-listview,
.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px;
}

.mm-listview a,
.mm-listview a:hover {
    text-decoration: none;
}

.mm-listview>li {
    position: relative;
}

.mm-listview>li,
.mm-listview>li:after,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before {
    border-color: inherit;
}

.mm-listview>li>a,
.mm-listview>li>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}

.mm-listview>li>a.mm-arrow,
.mm-listview>li>span.mm-arrow {
    padding-right: 50px;
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.mm-listview>li:not(.mm-divider):after {
    left: 20px;
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
    margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0;
}

.mm-menu>.mm-panel>.mm-listview {
    margin: 20px -20px;
}

.mm-menu>.mm-panel>.mm-listview:first-child,
.mm-menu>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px;
}

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0;
}

.mm-listview .mm-inset>li {
    padding: 5px 0;
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
}

.mm-listview .mm-spacer {
    padding-top: 40px;
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px;
}

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 20px;
}

.mm-next:after,
.mm-arrow:after {
    border-top: none;
    border-left: none;
    right: 20px;
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-navbar>*,
.mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview>li .mm-next:after,
.mm-menu .mm-listview>li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.5);
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}


/*
	jQuery.mmenu offcanvas addon CSS
*/

.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-opened {
    overflow: hidden;
    position: relative;
}

html.mm-opened body {
    overflow: hidden;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0);
    }
}


/*
	jQuery.mmenu autoHeight addon CSS
*/

.mm-menu.mm-top.mm-autoheight,
.mm-menu.mm-bottom.mm-autoheight {
    max-height: 80%;
}

.mm-menu.mm-top.mm-autoheight.mm-fullscreen,
.mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
    max-height: 100%;
}

.mm-menu.mm-measureheight>.mm-panel {
    bottom: auto !important;
    height: auto !important;
}


/*
	jQuery.mmenu counters addon CSS
*/

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%;
}

em.mm-counter+a.mm-next {
    width: 90px;
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
    margin-right: 90px;
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0;
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0;
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px;
}

.mm-nosubresults>.mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}


/*
	jQuery.mmenu dividers addon CSS
*/

.mm-divider>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none;
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
    display: block;
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.05);
}


/*
	jQuery.mmenu dragOpen addon CSS
*/

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/*
	jQuery.mmenu iconpanels addon CSS
*/

.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left, right;
    -moz-transition-property: -moz-transform, left, right;
    -ms-transition-property: -ms-transform, left, right;
    -o-transition-property: -o-transform, left, right;
    transition-property: transform, left, right;
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    right: 40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px;
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.mm-subopened .mm-subblocker {
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3;
}


/*
	jQuery.mmenu navbars addon CSS
*/

.mm-menu>.mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: none;
    top: auto;
    bottom: 0;
}

.mm-navbar-top~.mm-navbar-top {
    border-bottom: none;
}

.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none;
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px;
}

.mm-close:after {
    content: 'x';
}

.mm-navbar[class*="mm-navbar-content-"]>* {
    box-sizing: border-box;
    display: block;
    float: left;
}

.mm-navbar>.mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px;
}

.mm-navbar>.mm-breadcrumbs>* {
    display: inline-block;
    padding: 10px 3px;
}

.mm-navbar>.mm-breadcrumbs>a {
    text-decoration: underline;
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0;
}

.mm-navbar-top-1 {
    top: 0px;
}

.mm-hasnavbar-top-1 .mm-panel {
    top: 40px;
}

.mm-hasnavbar-top-1 .mm-indexer {
    top: 50px;
}

.mm-hasnavbar-top-1 .mm-fixeddivider {
    top: 40px;
}

.mm-navbar-top-2 {
    top: 40px;
}

.mm-hasnavbar-top-2 .mm-panel {
    top: 80px;
}

.mm-hasnavbar-top-2 .mm-indexer {
    top: 90px;
}

.mm-hasnavbar-top-2 .mm-fixeddivider {
    top: 80px;
}

.mm-navbar-top-3 {
    top: 80px;
}

.mm-hasnavbar-top-3 .mm-panel {
    top: 120px;
}

.mm-hasnavbar-top-3 .mm-indexer {
    top: 130px;
}

.mm-hasnavbar-top-3 .mm-fixeddivider {
    top: 120px;
}

.mm-navbar-top-4 {
    top: 120px;
}

.mm-hasnavbar-top-4 .mm-panel {
    top: 160px;
}

.mm-hasnavbar-top-4 .mm-indexer {
    top: 170px;
}

.mm-hasnavbar-top-4 .mm-fixeddivider {
    top: 160px;
}

.mm-navbar-bottom-1 {
    bottom: 0px;
}

.mm-hasnavbar-bottom-1 .mm-panel {
    bottom: 40px;
}

.mm-hasnavbar-bottom-1 .mm-indexer {
    bottom: 50px;
}

.mm-navbar-bottom-2 {
    bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panel {
    bottom: 80px;
}

.mm-hasnavbar-bottom-2 .mm-indexer {
    bottom: 90px;
}

.mm-navbar-bottom-3 {
    bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panel {
    bottom: 120px;
}

.mm-hasnavbar-bottom-3 .mm-indexer {
    bottom: 130px;
}

.mm-navbar-bottom-4 {
    bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panel {
    bottom: 160px;
}

.mm-hasnavbar-bottom-4 .mm-indexer {
    bottom: 170px;
}

.mm-navbar-size-2 {
    height: 80px;
}

.mm-navbar-size-3 {
    height: 120px;
}

.mm-navbar-size-4 {
    height: 160px;
}

.mm-navbar-content-2>* {
    width: 50%;
}

.mm-navbar-content-3>* {
    width: 33.33%;
}

.mm-navbar-content-4>* {
    width: 25%;
}

.mm-navbar-content-5>* {
    width: 20%;
}

.mm-navbar-content-6>* {
    width: 16.67%;
}


/*
	jQuery.mmenu searchfield addon CSS
*/

.mm-search,
.mm-search input {
    box-sizing: border-box;
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0 10px;
}

.mm-search input {
    border: none;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    outline: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0 10px;
}

.mm-search input::-ms-clear {
    display: none;
}

.mm-panel>.mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mm-panel.mm-hassearch {
    padding-top: 40px;
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px;
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px;
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 40px 0;
}

.mm-noresults .mm-noresultsmsg {
    display: block;
}

.mm-noresults .mm-indexer {
    display: none !important;
}

li.mm-nosubresults>a.mm-next {
    display: none;
}

li.mm-nosubresults>a.mm-next+a,
li.mm-nosubresults>a.mm-next+span {
    padding-right: 10px;
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}


/*
	jQuery.mmenu sectionIndexer addon CSS
*/

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -100px;
    z-index: 3;
    -webkit-transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    -ms-transition: right 0.4s ease;
    -o-transition: right 0.4s ease;
    transition: right 0.4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%;
}

.mm-indexer~.mm-panel.mm-hasindexer {
    padding-right: 40px;
}

.mm-hasindexer .mm-indexer {
    right: 0;
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px;
}

.mm-menu .mm-indexer a {
    color: rgba(0, 0, 0, 0.3);
}


/*
	jQuery.mmenu toggles addon CSS
*/

input.mm-toggle,
input.mm-check {
    position: absolute;
    left: -10000px;
}

label.mm-toggle,
label.mm-check {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
}

label.mm-toggle:before,
label.mm-check:before {
    content: '';
    display: block;
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px;
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px;
}

input.mm-toggle:checked~label.mm-toggle:before {
    float: right;
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input.mm-check:checked~label.mm-check:before {
    opacity: 1;
}

li.mm-vertical label.mm-toggle,
li.mm-vertical label.mm-check {
    bottom: auto;
    margin-top: 0;
}

li.mm-vertical label.mm-toggle {
    top: 5px;
}

li.mm-vertical label.mm-check {
    top: 5px;
}

label.mm-toggle,
label.mm-check {
    right: 20px;
}

label.mm-toggle+a,
label.mm-toggle+span {
    padding-right: 80px;
}

label.mm-check+a,
label.mm-check+span {
    padding-right: 60px;
}

a.mm-next+label.mm-toggle,
a.mm-next+label.mm-check {
    right: 60px;
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span,
a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
    margin-right: 50px;
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    padding-right: 70px;
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
    padding-right: 50px;
}

em.mm-counter+a.mm-next+label.mm-toggle,
em.mm-counter+a.mm-next+label.mm-check {
    right: 100px;
}

em.mm-counter+a.mm-next+label.mm-toggle+a,
em.mm-counter+a.mm-next+label.mm-toggle+span,
em.mm-counter+a.mm-next+label.mm-check+a,
em.mm-counter+a.mm-next+label.mm-check+span {
    margin-right: 90px;
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3;
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.7);
}


/*
	jQuery.mmenu borderstyle extension CSS
*/

.mm-menu.mm-border-none .mm-listview>li:after,
.mm-listview.mm-border-none>li:after {
    content: none;
}

.mm-menu.mm-border-full .mm-listview>li:after,
.mm-listview.mm-border-full>li:after {
    left: 0 !important;
}


/*
	jQuery.mmenu effects extension CSS
*/

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0);
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0);
}

html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
}

html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu {
    opacity: 1;
}

.mm-menu.mm-effect-zoom-panels .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0);
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}

.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(1) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(2) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(3) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(4) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(5) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(6) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(7) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(8) {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(9) {
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}

html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview>li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/*
	jQuery.mmenu fullscreen extension CSS
*/

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -moz-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        -o-transform: translate(10000px, 0);
        transform: translate(10000px, 0);
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -moz-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        -o-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0);
    }
}

.mm-menu.mm-fullscreen.mm-top,
.mm-menu.mm-fullscreen.mm-bottom {
    height: 100%;
    min-height: 140px;
    max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important;
}


/*
	jQuery.mmenu multiline extension CSS
*/

.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span {
    text-overflow: clip;
    white-space: normal;
}


/*
	jQuery.mmenu pageshadow extension CSS
*/

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%;
}

.mm-menu.mm-pageshadow.mm-next:after,
.mm-menu.mm-pageshadow.mm-front:after {
    content: none;
    display: none;
}

.mm-menu.mm-pageshadow:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}


/*
	jQuery.mmenu position extension CSS
*/

.mm-menu.mm-top,
.mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.mm-menu.mm-right {
    left: auto;
    right: 0;
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
    }
}


/*
	jQuery.mmenu z-position extension CSS
*/

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0 !important;
}

.mm-menu.mm-front {
    z-index: 1;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-menu.mm-top,
.mm-menu.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px;
}


/*
	jQuery.mmenu themes extension CSS
*/

.mm-menu.mm-theme-dark {
    background: #333333;
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-navbar>*,
.mm-menu.mm-theme-dark .mm-navbar a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after,
.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333333;
}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}

.mm-menu.mm-theme-white {
    background: white;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-navbar>*,
.mm-menu.mm-theme-white .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white .mm-listview>li .mm-next:after,
.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white .mm-divider {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-indexer a {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: white;
}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}

.mm-menu.mm-theme-black {
    background: black;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-navbar>*,
.mm-menu.mm-theme-black .mm-navbar a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-listview>li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none;
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: black;
}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}


/*
	jQuery.mmenu tileview extension CSS
*/

.mm-menu.mm-tileview .mm-listview:after,
.mm-menu .mm-tileview.mm-listview:after {
    content: '';
    display: block;
    clear: both;
}

.mm-menu.mm-tileview .mm-listview>li,
.mm-menu .mm-tileview.mm-listview>li {
    width: 50%;
    height: 0;
    padding: 50% 0 0 0;
    float: left;
    position: relative;
}

.mm-menu.mm-tileview .mm-listview>li:after,
.mm-menu .mm-tileview.mm-listview>li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs,
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-s,
.mm-menu .mm-tileview.mm-listview>li.mm-tile-s {
    width: 25%;
    padding-top: 25%;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-l,
.mm-menu .mm-tileview.mm-listview>li.mm-tile-l {
    width: 75%;
    padding-top: 75%;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl,
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl {
    width: 100%;
    padding-top: 100%;
}

.mm-menu.mm-tileview .mm-listview>li>a,
.mm-menu.mm-tileview .mm-listview>li>span,
.mm-menu .mm-tileview.mm-listview>li>a,
.mm-menu .mm-tileview.mm-listview>li>span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0 10px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0;
}

.mm-menu.mm-tileview .mm-listview>li>.mm-next,
.mm-menu .mm-tileview.mm-listview>li>.mm-next {
    width: auto;
}

.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,
.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,
.mm-menu .mm-tileview.mm-listview>li>.mm-next:after {
    content: none;
    display: none;
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0;
}

.mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none;
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0;
}

@font-face {
    font-family: "DINEngschriftStd";
    src: url("../fonts/DINEngschriftStd.svg"/*tpa=templates/default/fonts/DINEngschriftStd.svg*/
    );
    src: url("../fonts/DINEngschriftStd.eot"/*tpa=templates/default/fonts/DINEngschriftStd.eot*/
    );
    src: url("../fonts/DINEngschriftStd.otf"/*tpa=templates/default/fonts/DINEngschriftStd.otf*/
    );
    src: url("../fonts/DINEngschriftStd.ttf"/*tpa=templates/default/fonts/DINEngschriftStd.ttf*/
    );
    src: url("../fonts/DINEngschriftStd.woff"/*tpa=templates/default/fonts/DINEngschriftStd.woff*/
    );
}

body {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    background: #fafafa;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1289px) {
    .container {
        width: 1054px;
    }
}

@media (min-width: 1320px) {
    .container {
        width: 1290px;
    }
}

img {
    max-width: 100%;
}

.header_box {
    background: #fff;
    width: 100%;
}

.header_box .top {
    border-bottom: 1px solid #efefef;
    line-height: 46px;
    padding: 0 2%;
}

.header_box .top span {
    color: #666666;
    font-size: 12px;
}

.header_box .top>div a {
    display: block;
    float: left;
    color: #666666;
    font-size: 14px;
    margin-left: 20px;
}

.header_box .top>div a:hover {
    color: #231916;
}

.header_box .top>div .a1 {
    background: url("../images/icon1.png") no-repeat left center;
    padding-left: 22px;
}

.header_box .top>div .a1:hover {
    background: url("../images/h_icon1.png") no-repeat left center;
}

.header_box .top>div .a2 {
    background: url("../images/icon2.png") no-repeat left center;
    padding-left: 25px;
}

.header_box .top>div .a2:hover {
    background: url("../images/h_icon2.png") no-repeat left center;
}

.header_box .head {
    padding: 10px 2%;
}

.header_box .head .logo {
    display: inline-block;
    float: left;
    /* line-height: 0; */
}

.header_box .head .logo span {
    display: block;
    float: left;
}

.header_box .head .logo span:first-child {
    font-size: 24px;
    font-weight: bold;
}

.header_box .head .nav {
    display: inline-block;
    float: right;
}

.header_box .head .nav ul li {
    float: left;
    font-size: 16px;
    margin-left: 43px;
    padding-top: 8px;
}

.header_box .head .nav ul li a {
    color: #666666;
}

.header_box .head .nav ul li:hover a,
.header_box .head .nav ul li.cur a {
    color: #7ca469;
}

.header_box .navbtn {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 4%;
    margin-top: -2%;
    overflow: hidden;
    z-index: 999;
    line-height: 0;
    display: none;
}

.footer .foot_top {
    background: url("../images/footer.jpg") no-repeat center center;
    min-height: 271px;
    padding-right: 2%;
}

.footer .foot_top .left {
    width: 32%;
    float: left;
    margin-left: 17.1875%;
    padding-top: 2%;
}

.footer .foot_top .left h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: normal;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
}

.footer .foot_top .left .t {
    margin-top: 15px;
    color: #333333;
    font-size: 14px;
}

.footer .foot_top .left .t span {
    display: inline-block;
    margin-right: 15px;
    color: #ffffff;
    font-size: 20px;
}

.footer .foot_top .left ol {
    margin-top: 15px;
}

.footer .foot_top .left ol li {
    float: left;
    width: 32%;
    margin-bottom: 2%;
    margin-right: 2%;
}

.footer .foot_top .left ol li:nth-child(3n) {
    margin-right: 0;
}

.footer .foot_top .left ol li input {
    -webkit-appearance: none;
    width: 100%;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 5% 10px;
}

.footer .foot_top .left ol li .btn {
    -webkit-appearance: none;
    background: #7a169b;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: "微软雅黑";
}

.footer .foot_top .left ol li .cbox {
    width: 100%;
    position: relative;
}

.footer .foot_top .left ol li .cbox .ch {
    background: #fff;
    border-radius: 3px;
    padding: 4.2% 10px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    width: 100%;
}

.footer .foot_top .left ol li .cbox .ch:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 17px;
    width: 13px;
    height: 6px;
    background: url("../images/btn2.jpg") no-repeat center center;
}

.footer .foot_top .left ol li .cbox .con {
    display: none;
    z-index: 999;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #FFFFFF;
    padding: 10px;
    height: 84px;
    overflow-y: scroll;
}

.footer .foot_top .left ol li .cbox .con a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
    font-size: 14px;
    display: block;
    line-height: 26px;
}

.footer .foot_top .left ol li .cbox .con a:hover {
    color: #666;
}

.footer .foot_top .right {
    padding-top: 6.5%;
    float: right;
}

.footer .foot_top .right .fwrx {
    margin-top: 2.5%;
    margin-right: 150px;
    float: left;
    background: url("../images/dh.jpg") no-repeat left center;
    padding-left: 42px;
}

.footer .foot_top .right .fwrx p {
    color: #666666;
    font-size: 14px;
}

.footer .foot_top .right .fwrx span {
    display: block;
    margin-top: 5px;
    color: #666666;
    font-size: 32px;
    line-height: 48px;
    font-family: DINEngschriftStd;
}

.footer .foot_top .right .ewm {
    display: inline-block;
    float: right;
    margin-left: 30px;
}

.footer .foot_top .right .ewm span {
    display: block;
    float: left;
    width: 94px;
    line-height: 0;
}

.footer .foot_top .right .ewm p {
    float: left;
    color: #686868;
    font-size: 12px;
    margin-left: 15px;
    padding-top: 50%;
    transform: translateY(-50%);
}

.footer .foot_bottom {
    border-top: 1px solid #4b4b4b;
    background: #333333;
    padding: 15px 2% 20px;
    color: #686868;
    font-size: 12px;
}

.footer .foot_bottom .left {
    display: inline-block;
    float: left;
}

.footer .foot_bottom .left span {
    display: block;
    float: left;
    margin-right: 20px;
}

.footer .foot_bottom .left .men {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.footer .foot_bottom .left .men a {
    display: block;
    float: left;
    margin: 0 5px;
}

.footer .foot_bottom .right {
    display: inline-block;
    float: right;
}

.footer .foot_bottom .right a {
    display: block;
    float: left;
    margin-left: 25px;
}

.twma {
    width: 150px;
    position: fixed;
    bottom: 64px;
    right: 0;
}

.twma p {
    font-size: 16px;
    text-align: left;
    color: #231916;
}

.banner {
    position: relative;
    width: 100%;
}

.banner img {
    width: 100%;
}

.banner .slider-container .slider-nav {
    display: none;
}

.banner .slider-container .slider__item {
    line-height: 0;
    font-size: 0;
}

.banner .preview {
    position: absolute;
    left: 50%;
    margin-left: -630px;
    bottom: 0;
    width: 1260px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 3px;
}

.banner .preview a {
    display: block;
    width: 25%;
    float: left;
    text-align: center;
    line-height: 34px;
    color: #515151;
    font-size: 14px;
}

.banner a.active {
    background: #fff;
    color: #231916;
}

.banner .more_video {
    position: absolute;
    right: 17.1875%;
    bottom: 153px;
    color: #fff;
    font-size: 20px;
    font-family: arial;
    text-transform: uppercase;
    background: url("../images/more_video.png"/*tpa=templates/default/images/more_video.png*/
    ) no-repeat left center;
    line-height: 30px;
    padding-left: 42px;
}

.home_box {
    padding: 90px 0 75px;
}

.home_box .home_about .left {
    width: 50%;
    line-height: 0;
    float: left;
}

.home_box .home_about .right {
    float: right;
    width: 50%;
}

.home_box .home_about .right .top span {
    width: 19%;
    display: block;
    float: left;
}

.home_box .home_about .right .top .t {
    margin-top: -6px;
    float: left;
    width: 75%;
    margin-left: 2%;
}

.home_box .home_about .right .top .t h3 {
    color: #000000;
    font-size: 24px;
    font-weight: normal;
}

.home_box .home_about .right .top .t p {
    margin-top: 2px;
    color: #c2c2c2;
    font-size: 12px;
    line-height: 14px;
}

.home_box .home_about .right .text {
    margin-top: 23px;
    background: #f8f8f8;
    padding: 5% 5%;
}

.home_box .home_about .right .text p {
    color: #666666;
    font-size: 14px;
    line-height: 22px;
}

.home_box .home_about .right .text a {
    margin-top: 35px;
    display: inline-block;
    border: 1px solid #adadad;
    color: #adadad;
    font-size: 14px;
    font-family: arial;
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 36px;
    padding: 0 20px;
}

.home_box .home_about_list {
    background: url("../images/home_bg.jpg"/*tpa=templates/default/images/home_bg.jpg*/
    ) no-repeat center center;
    background-size: 100% 100%;
    margin-top: 32px;
}

.home_box .home_about_list ol li {
    float: left;
    width: 25%;
    height: 198px;
    text-align: center;
    position: relative;
}

.home_box .home_about_list ol li .text {
    transition: all .3s;
    position: absolute;
    left: 0;
    top: 0;
    height: 198px;
    padding-top: 22px;
    width: 100%;
}

.home_box .home_about_list ol li .text .img {
    width: 19%;
    margin: 0 auto;
    line-height: 0;
}

.home_box .home_about_list ol li .text .img span {
    display: block;
}

.home_box .home_about_list ol li .text .img em {
    display: none;
}

.home_box .home_about_list ol li .text .t {
    margin-top: 10px;
}

.home_box .home_about_list ol li .text .t p {
    color: #ffffff;
    font-size: 16px;
}

.home_box .home_about_list ol li .text .t p span {
    display: inline-block;
    margin-right: 3px;
    font-family: DINEngschriftStd;
    font-size: 48px;
}

.home_box .home_about_list ol li:nth-child(2n-1) {
    background: rgba(255, 255, 255, 0.2);
}

.home_box .home_about_list ol li:hover .text {
    position: absolute;
    left: 0;
    top: -24px;
    width: 100%;
    height: 240px;
    padding-top: 44px;
    /* background: #231916; */
    background: #7ca469;
    border-radius: 15px;
}

.home_box .home_about_list ol li:hover .text .img span {
    display: none;
}

.home_box .home_about_list ol li:hover .text .img em {
    display: block;
}

.title_box {
    text-align: center;
    color: #4a4a4a;
    font-size: 32px;
}

.title_box h3 {
    display: inline-block;
    border: 4px solid #eeeeee;
    line-height: 76px;
}

.title_box span {
    position: relative;
    font-family: DINEngschriftStd;
    text-transform: uppercase;
    color: #d6d6d6;
    font-size: 42px;
    top: 2px;
}

.title_name {
    text-align: center;
    color: #666666;
    font-size: 14px;
    margin-top: 12px;
}

.home_keji {
    background: url("../images/home_bg2.jpg") no-repeat center center / cover;
    padding: 45px 0;
}

.home_keji .title_box h3 {
    padding: 0 80px 0 20px;
}

.home_keji .title_box span {
    margin-left: -68px;
    background: #fafafa;
}

.home_keji ol {
    margin-top: 43px;
}

.home_keji ol li {
    padding: 3% 3% 0;
    width: 48%;
    float: left;
    border-radius: 5px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
    background: #fff;
    min-height: 158px;
}

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

.home_keji ol li .img {
    float: left;
    width: 19%;
}

.home_keji ol li .text {
    float: right;
    width: 76%;
}

.home_keji ol li .text h4 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
}

.home_keji ol li .text p {
    margin-top: 6px;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    height: 126px;
    overflow: hidden;
}

.home_pro {
    padding: 56px 0 120px;
}

.home_pro .title_box h3 {
    padding: 0 37px 0 20px;
}

.home_pro .title_box span {
    margin-left: -30px;
    background: #fafafa;
}

.home_pro .title_name {
    padding-left: 15px;
    padding-right: 15px;
}

.home_pro .home_pro_list {
    margin-top: 68px;
}

.home_pro .home_pro_list ol li {
    margin-right: 1.25%;
    float: left;
    width: 24%;
    height: 413px;
    position: relative;
}

.home_pro .home_pro_list ol li .text {
    transition: all .5s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url("../images/home_bg3.jpg"/*tpa=templates/default/images/home_bg3jpg*/
    ) no-repeat center center;
    background-size: 100% 100%;
    height: 413px;
    padding-top: 26%;
}

.home_pro .home_pro_list ol li .text .img {
    width: 100%;
    line-height: 0;
}

.home_pro .home_pro_list ol li .text .t {
    padding: 0 10%;
}

.home_pro .home_pro_list ol li .text .t h4 {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
}

.home_pro .home_pro_list ol li .text .t h5 {
    margin-top: 5px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}

.home_pro .home_pro_list ol li .text .t p {
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    display: none;
}

.home_pro .home_pro_list ol li:nth-child(4n) {
    margin-right: 0;
}

.home_pro .home_pro_list ol li:hover .text,
.home_pro .home_pro_list ol li.cur .text {
    top: -52px;
    left: 0;
    background: url("../images/home_bg4.jpg") no-repeat center center;
    width: 100%;
    height: 547px;
    background-size: 100% 100%;
}

.home_pro .home_pro_list ol li:hover .text .img img,
.home_pro .home_pro_list ol li.cur .text .img img {
    width: 100%;
}

.home_pro .home_pro_list ol li:hover .text .t,
.home_pro .home_pro_list ol li.cur .text .t {
    padding: 0 10%;
}

.home_pro .home_pro_list ol li:hover .text .t p,
.home_pro .home_pro_list ol li.cur .text .t p {
    display: block;
}

.home_fuwu .title_box h3 {
    padding: 0 97px 0 20px;
}

.home_fuwu .title_box span {
    margin-left: -89px;
    background: #fafafa;
}

.home_fuwu .fuwu_con {
    position: relative;
    margin-top: 35px;
    background: url("../images/home_bg5.jpg") no-repeat left bottom;
}

.home_fuwu .fuwu_con .yw {
    position: absolute;
    right: 2.2%;
    top: 0;
    width: 43%;
    font-size: 0;
}

.home_fuwu .fuwu_con .fuwu_box_qh {
    float: left;
    width: 92%;
}

.home_fuwu .fuwu_con .fuwu_box {
    /*float: left;*/
    width: 100%;
    position: relative;
    height: 562px;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .left {
    margin-top: 23px;
    float: left;
    width: 57.1%;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .left span {
    display: block;
    line-height: 0;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right {
    width: 42.9%;
    float: right;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right .icon_con {
    float: left;
    width: 100%;
    padding-right: 10%;
    padding-left: 50px;
    padding-top: 150px;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right .icon_con .tit {
    height: 105px;
    width: 210px;
    padding-top: 20px;
    z-index: 2;
    position: relative;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right .icon_con .tit:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: -260px;
    top: 0;
    width: 476px;
    height: 105px;
    border: 6px solid #ffffff;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right .icon_con .tit span {
    color: #333333;
    font-size: 18px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right .icon_con .tit h4 {
    color: #333333;
    font-size: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right .icon_con p {
    margin-top: 30px;
    color: #848484;
    font-size: 14px;
    line-height: 24px;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .right .icon_con a {
    margin-top: 35px;
    display: inline-block;
    border: 1px solid #a8a8a8;
    padding: 0 18px;
    line-height: 34px;
    text-transform: uppercase;
    font-family: arial;
    color: #848484;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .slick-prev,
.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .slick-next {
    width: 60px;
    height: 56px;
    border: none;
    margin-top: 0;
    top: auto;
    bottom: 0px;
    position: absolute;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .slick-prev {
    left: 595px;
    background: url("../images/left_btn.jpg") no-repeat center center;
}

.home_fuwu .fuwu_con .fuwu_box .qh_fuwu_box .slick-next {
    right: 444px;
    background: url("../images/right_btn.jpg") no-repeat center center;
}

.home_fuwu .fuwu_con .fuwu_box .qh_sz {
    position: absolute;
    left: 20px;
    bottom: -40px;
    color: #999999;
    font-size: 14px;
}

.home_fuwu .fuwu_con .fuwu_box .qh_sz span {
    display: inline-block;
    margin: 0 2px;
}

.home_fuwu .fuwu_con .fuwu_box .qh_sz span:first-child {
    color: #9425b9;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    bottom: -1px;
}

.home_fuwu .fuwu_con .icon_nav {
    margin-top: 82px;
    float: right;
    width: 8%;
}

.home_fuwu .fuwu_con .icon_nav ul li {
    cursor: pointer;
    width: 100%;
    text-align: center;
    float: left;
    background: #4a4a4a;
    border-bottom: 1px solid #666666;
    padding: 26.7% 0;
    position: relative;
}

.home_fuwu .fuwu_con .icon_nav ul li:before {
    transition: all .5s;
    display: none;
    z-index: 1;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
    height: 100%;
    background: url("../images/icon3.jpg") no-repeat center center / cover;
}

.home_fuwu .fuwu_con .icon_nav ul li .text {
    position: relative;
    z-index: 2;
}

.home_fuwu .fuwu_con .icon_nav ul li .text p {
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home_fuwu .fuwu_con .icon_nav ul li .text span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 5px;
    display: block;
    font-size: 12px;
    font-family: DINEngschriftStd;
    text-transform: uppercase;
    color: #cbcbcb;
}

.home_fuwu .fuwu_con .icon_nav ul li:last-child {
    border-bottom: none;
}

.home_fuwu .fuwu_con .icon_nav ul li:hover:before,
.home_fuwu .fuwu_con .icon_nav ul li.cur:before {
    display: block;
}

.home_news {
    padding: 50px 0 100px;
}

.home_news .title_box h3 {
    padding: 0 53px 0 20px;
}

.home_news .title_box span {
    margin-left: -50px;
    background: #fafafa;
}

.home_news .con_news {
    margin-top: 40px;
}

.home_news .con_news .left {
    width: 50%;
}

.home_news .con_news .left ol li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding: 30px 0;
}

.home_news .con_news .left ol li .data {
    float: left;
    width: 17%;
    text-align: center;
}

.home_news .con_news .left ol li .data p {
    color: #2b2b2b;
    font-size: 14px;
}

.home_news .con_news .left ol li .data span {
    display: block;
    margin-top: 15px;
    font-family: DINEngschriftStd;
    color: #515151;
    font-size: 60px;
    line-height: 48px;
}

.home_news .con_news .left ol li .text {
    border-left: 1px solid #d1d1d1;
    float: right;
    width: 83%;
    padding-left: 3%;
}

.home_news .con_news .left ol li .text h4 {
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home_news .con_news .left ol li .text span {
    display: none;
}

.home_news .con_news .left ol li .text p {
    margin-top: 10px;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.home_news .con_news .left ol li:first-child {
    padding-top: 0;
}

.home_news .con_news .left ol li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.home_news .con_news .left ol li:hover .data p,
.home_news .con_news .left ol li:hover .data span {
    color: #231916;
}

.home_news .con_news .left ol li:hover .text h4 {
    color: #231916;
}

.home_news .con_news .right {
    width: 44.5%;
}

.home_news .con_news .right .con {
    position: relative;
}

.home_news .con_news .right .con span {
    line-height: 0;
    display: block;
}

.home_news .con_news .right .con a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    padding: 0 25px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: arial;
    color: #fff;
    background: #7ca469;
    border-radius: 3px;
}

.pro_banner {
    width: 100%;
    line-height: 0;
}

.pro_box {
    position: relative;
    width: 94.375%;
    margin: -90px auto 0;
}

.pro_box ul {
    width: 33.33333333%;
    float: left;
}

.pro_box ul li {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.pro_box ul li .img {
    display: block;
    line-height: 0;
    overflow: hidden;
}

.pro_box ul li .bt {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 8%;
    margin-left: 8%;
}

.pro_box ul li .bt h3 {
    color: #4a4a4a;
    font-size: 20px;
}

.pro_box ul li .bt p {
    color: #666666;
    font-size: 14px;
    margin-top: 5px;
}

.pro_box ul li .text {
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.pro_box ul li .text .box {
    margin-left: 25%;
    margin-top: 28%;
    border-left: 1px solid #ffffff;
    padding-left: 3%;
}


/*.pro_box ul li .text .box a {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 34px;
}
.pro_box ul li .text .box a:hover {
  text-decoration: underline;
}*/

.pro_box ul li .text .more {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 45px;
    height: 45px;
    background: url("../images/pro_more.png") no-repeat center center;
}

.pro_box ul li .text .box1 {
    margin-top: 60%;
}

.pro_box ul li:hover .text {
    opacity: 0.6;
    filter: alpha(opacity=0.6);
}

.pro_bottom {
    text-align: center;
    padding: 130px 0 110px;
}

.pro_bottom h3 {
    color: #333333;
    font-size: 31px;
    font-weight: normal;
}

.pro_bottom .more {
    display: block;
    width: 245px;
    line-height: 55px;
    border: 1px solid #902daf;
    border-radius: 50px;
    margin: 32px auto 0;
    color: #871ca9;
    font-size: 20px;
    font-weight: bold;
}

.pro_bottom .more i {
    display: inline-block;
    background: url("../images/pro_icon1.png") no-repeat center center;
    width: 43px;
    height: 30px;
    position: relative;
    top: 8px;
    margin-right: 10px;
}

.proshow_banner {
    background: url("../images/proshow_banner.jpg") no-repeat center center;
    min-height: 700px;
    position: relative;
}

.proshow_banner .left {
    float: left;
    margin-left: 17.1875%;
    padding-top: 9%;
}

.proshow_banner .left h1 {
    color: #ffffff;
    font-size: 50px;
    width: 78%;
}

.proshow_banner .left span {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: arial;
}

.proshow_banner .left p {
    margin-top: 15px;
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
    font-family: arial;
}

.proshow_banner .left .down_more {
    margin-top: 15%;
    width: 64.5%;
    display: block;
}

.proshow_banner .right {
    position: absolute;
    right: 17.1875%;
    bottom: 0;
    width: 30%;
}

.proshow_banner2 .left h3 {
    color: #ffffff;
    font-size: 60px;
    font-family: arial;
}

.proshow_banner2 .left h4 {
    color: #ffffff;
    font-size: 28px;
    font-weight: normal;
}

.proshow_icon {
    padding: 90px 0 100px;
}

.proshow_icon ol li {
    width: 20%;
    text-align: center;
    float: left;
}

.proshow_icon ol li .img {
    width: 31%;
    margin: 0 auto;
}

.proshow_icon ol li .t {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 10px;
}

.proshow_con {
    background: url("../images/proshow_bg.jpg") no-repeat center top;
    padding: 42px 0 100px;
}

.proshow_con h1 {
    text-align: center;
    font-weight: normal;
    color: #333333;
    font-size: 30px;
}

.proshow_con .video {
    margin-top: 28px;
    position: relative;
}

.proshow_con .video .img {
    line-height: 0;
}

.proshow_con .video .btn {
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translateX(-50%);
    width: 87px;
    height: 87px;
    cursor: pointer;
}

.proshow_con .video .bg {
    line-height: 0;
}

.proshow_con .proshow_b {
    margin-top: 60px;
}

.proshow_con .proshow_b h3 {
    text-align: center;
    color: #333333;
    font-size: 30px;
    font-weight: normal;
}

.proshow_con .proshow_b ol {
    margin-top: 35px;
}

.proshow_con .proshow_b ol li {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.proshow_con .proshow_b ol li .img {
    float: left;
    width: 50%;
    line-height: 0;
}

.proshow_con .proshow_b ol li .text {
    float: right;
    width: 50%;
    padding: 8% 7% 0;
    color: #868686;
    font-size: 16px;
    line-height: 25px;
}

.proshow_con .proshow_b ol li .text h4 {
    color: #8a20ab;
    font-size: 20px;
    margin-bottom: 5px;
}

.proshow_con .proshow_b ol li:nth-child(2n) {
    background: #f7f7f7;
}

.proshow_con .proshow_b ol li:nth-child(2n) .img {
    float: right;
}

.proshow_con .proshow_b ol li:nth-child(2n) .text {
    float: left;
}

.proshow_con .proshow_bottom {
    margin-top: 80px;
}

.proshow_con .proshow_bottom li {
    float: left;
    width: 48%;
    padding: 3% 0 3% 130px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.proshow_con .proshow_bottom li:last-child {
    float: right;
}

.proshow_con .proshow_bottom li .img {
    line-height: 0;
    float: left;
    width: 17%;
}

.proshow_con .proshow_bottom li .text {
    display: inline-block;
    padding-top: 17px;
    float: left;
    margin-left: 5%;
    text-align: left;
}

.proshow_con .proshow_bottom li .text p {
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}

.proshow_con2 {
    padding-top: 80px;
}

.proshow_con2 .proshow_b .title_box h3 {
    font-size: 32px;
    padding: 0 58px 0 20px;
    font-weight: bold;
}

.proshow_con2 .proshow_b .title_box span {
    position: relative;
    top: 5px;
    margin-left: -46px;
    background: #fafafa;
}

.proshow_con2 .guige {
    margin-top: 60px;
}

.proshow_con2 .guige .title_box h3 {
    font-size: 32px;
    padding: 0 58px 0 20px;
    font-weight: bold;
}

.proshow_con2 .guige .title_box span {
    position: relative;
    top: 5px;
    margin-left: -46px;
    background: #fafafa;
}

.proshow_con2 .guige .img {
    margin-top: 30px;
}

.fuwu_banner {
    width: 100%;
    line-height: 0;
}

.ny_title {
    width: 405px;
    height: 41px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    text-align: center;
}

.ny_title h4 {
    color: #bdbdbd;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    top: -17px;
    padding: 0 10px;
    background: #fafafa;
}

.ny_title h3 {
    color: #4a4a4a;
    font-size: 30px;
    display: inline-block;
    padding: -1 18px;
    position: relative;
    margin-top: -14px;
    background: #fafafa;
}

.ny_name {
    text-align: center;
    color: #999999;
    font-size: 14px;
    margin-top: 30px;
    display: none;
}

.wxzc_box {
    padding: 98px 0 65px;
    background: #fafafa;
}

.wxzc_box .text_con {
    margin-top: 88px;
    background: #3f3f3f;
    min-height: 250px;
    padding: 0 110px 0 59px;
}

.wxzc_box .text_con .text {
    padding-top: 50px;
    float: left;
    width: 589px;
}

.wxzc_box .text_con .text p {
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
}

.wxzc_box .text_con .text .more {
    margin-top: 30px;
    display: inline-block;
    border: 2px solid #ffffff;
    border-radius: 50px;
    line-height: 42px;
    padding: 0 58px 0 28px;
    color: #fff;
    font-size: 15px;
    background: url("../images/fuwu_icon.png") no-repeat 130px center;
}

.wxzc_box .text_con .right {
    float: right;
    width: 290px;
    line-height: 0;
    margin-top: -133px;
}

.pxzc_box {
    padding-bottom: 140px;
    background: #fafafa;
}

.pxzc_box .text_box {
    margin-top: 35px;
    position: relative;
    background: url("../images/fuwu_bg.jpg") no-repeat center center / cover;
    padding-top: 33%;
}

.pxzc_box .text_box .box {
    position: absolute;
    left: 0;
    bottom: -45px;
    width: 100%;
}

.pxzc_box .text_box .box .text {
    background: url("../images/fuwu_bg2.jpg") no-repeat center center / cover;
    width: 38%;
    min-height: 498px;
}

.pxzc_box .text_box .box .text .tit {
    padding: 40px 48px 25px;
    border-bottom: 1px solid #a43dc6;
    font-family: DINEngschriftStd;
    color: #7f19a1;
    font-size: 46px;
    text-transform: uppercase;
}

.pxzc_box .text_box .box .text .tit span {
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}

.pxzc_box .text_box .box .text .t {
    padding: 25px 48px 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}

.pxzc_box .text_box .box .text .t p:first-child {
    font-weight: bold;
}

.pxzc_box .text_box .box .text .slick-dots {
    padding-right: 40px;
    bottom: 45px;
    text-align: right;
}

.pxzc_box .text_box .box .text .slick-dots li button {
    width: 13px;
    height: 13px;
    border-radius: 50px;
    background: #6e158c;
}

.pxzc_box .text_box .box .text .slick-dots li.slick-active button {
    background: #ab41cf;
}

.jszc_box {
    padding-bottom: 90px;
    background: #fafafa;
}

.jszc_box ol {
    margin-top: 58px;
}

.jszc_box ol li {
    transition: all .8s;
    float: left;
    width: 33.33333333%;
    text-align: center;
    padding: 30px 3% 35px;
    border-radius: 5px;
}

.jszc_box ol li .img {
    width: 30%;
    margin: 0 auto;
}

.jszc_box ol li h3 {
    margin-top: 20px;
    color: #000000;
    font-size: 20px;
    font-weight: normal;
}

.jszc_box ol li p {
    margin-top: 10px;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

.jszc_box ol li:hover {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.xzzc_box {
    background: url("../images/fuwu_bg3.jpg") no-repeat center top #fafafa;
    padding: 60px 0 100px;
}

.xzzc_box .ny_title {
    border-color: #fff;
}

.xzzc_box .ny_title h4 {
    background: #2b2b2c;
    color: #fff;
}

.xzzc_box .ny_title h3 {
    background: #2b2b2c;
    color: #fff;
}

.xzzc_box .ny_name {
    color: #fff;
}

.xzzc_box ol {
    margin-top: 48px;
}

.xzzc_box ol li {
    background: #fff;
    float: left;
    width: 32.5%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin-right: 1.25%;
}

.xzzc_box ol li:last-child {
    margin-right: 0;
}

.xzzc_box ol li .img {
    line-height: 0;
}

.xzzc_box ol li .text {
    line-height: 72px;
    padding: 0 35px;
    font-size: 16px;
}

.xzzc_box ol li .text span {
    display: block;
    color: #333333;
    background: url("../images/down.png") no-repeat right center;
}

.dzhxq_box {
    background: #fafafa;
    padding-bottom: 100px;
}

.dzhxq_box .box {
    margin-top: 72px;
    position: relative;
}

.dzhxq_box .box .left {
    position: absolute;
    left: 0;
    top: 87px;
    margin-left: 142px;
    width: 46%;
    z-index: 2;
}

.dzhxq_box .box .left p {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    padding: 40px 165px 10px 40px;
    min-height: 202px;
    border: 4px solid #9425b9;
}

.dzhxq_box .box .left .more {
    margin-left: 40px;
    margin-top: 50px;
    display: inline-block;
    border: 2px solid #9425b9;
    border-radius: 50px;
    line-height: 42px;
    padding: 0 58px 0 28px;
    color: #9425b9;
    font-size: 15px;
    background: url("../images/fuwu_icon2.png") no-repeat 130px center;
}

.dzhxq_box .box .right {
    margin-right: 1.1%;
    z-index: 1;
    width: 46%;
}

.dzhxq_box .box .right span {
    display: block;
    line-height: 0;
}

.news_menu {
    width: 82%;
    margin: 40px auto 18px;
}

.news_menu a {
    display: block;
    float: left;
    border: 1px solid #aaaaaa;
    line-height: 44px;
    border-radius: 50px;
    color: #666666;
    font-size: 15px;
    padding: 0 50px;
    margin-right: 10px;
}

.news_menu a:last-child {
    margin-right: 0;
}

.news_menu a:hover,
.news_menu a.cur {
    border-color: #231916;
    color: #231916;
}

.news-wrap {
    width: 82%;
    margin: 0 auto;
    padding-bottom: 100px;
}

.news-wrap .list-wrap {
    position: relative;
    width: 100%;
}

.news-wrap .list-wrap .boxs {
    width: 31.5%;
    background-color: #fff;
}

.news-wrap .list-wrap .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.news-wrap .list-wrap .img img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.news-wrap .list-wrap .img:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}

.news-wrap .list-wrap .cont-wrap {
    width: 90%;
    margin: 25px 5% 0;
    display: block;
}

.news-wrap .list-wrap .cont-wrap .date {
    display: block;
    padding-right: 30px;
    float: left;
    border-right: 1px solid #ececec;
}

.news-wrap .list-wrap .cont-wrap .day {
    font-size: 50px;
    line-height: 50px;
    color: #cccccc;
}

.news-wrap .list-wrap .cont-wrap .year {
    line-height: 16px;
    color: #666;
    font-family: arial;
    margin-top: 5px;
}

.news-wrap .list-wrap .cont-box {
    width: 67%;
    float: left;
    margin-left: 6%;
    margin-top: 4px;
}

.news-wrap .list-wrap .cont-box .tit {
    font-size: 22px;
    line-height: 30px;
}

.news-wrap .list-wrap .cont-box .tit a {
    display: inline-block;
    color: #000000;
}

.news-wrap .list-wrap .cont-box .font {
    font-size: 12px;
    line-height: 20px;
    padding: 3px 0;
}

.news-wrap .list-wrap .cont-box .font a {
    display: inline-block;
    color: #777;
}

.news-wrap .list-wrap .cont-box .font a:hover {
    color: #333;
}

.news-wrap .list-wrap .bot-link {
    display: block;
    border-top: 1px solid #e5e5e5;
    margin-top: 22px;
    line-height: 38px;
}

.news-wrap .list-wrap .bot-link .stt {
    display: inline-block;
    font-size: 14px;
    color: #757575;
    float: left;
}

.news-wrap .list-wrap .bot-link .point {
    float: right;
    width: 19px;
    height: 38px;
    display: inline-block;
    background: url("../images/news_more.jpg") no-repeat center;
}

.news-wrap .more-load {
    display: block;
    width: 197px;
    margin: 65px auto 0;
    color: #999;
    cursor: pointer;
}

.newsshow_banner {
    line-height: 0;
}

.newsshow_box {
    padding: 50px 0 80px;
}

.newsshow_box .newsshow_top {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.newsshow_box .newsshow_top .con {
    width: 1000px;
    margin: 0 auto;
}

.newsshow_box .newsshow_top .con h1 {
    color: #2c2c2c;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 25px;
    text-align: center;
}

.newsshow_box .newsshow_top .data_con {
    text-align: center;
}

.newsshow_box .newsshow_top .con .data_con span {
    color: #666666;
    font-size: 18px;
    font-family: arial;
}

.newsshow_box .newsshow_top .con .data_con .fx_con {
    display: inline-block;
}

.newsshow_box .newsshow_top .con .data_con .fx_con a {
    height: 19px;
    line-height: 0;
    float: left;
    display: block;
    margin-left: 18px;
}

.newsshow_box .content {
    padding-top: 35px;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}


/*.newsshow_box .content p {
  text-indent: 2em;
}
.newsshow_box .content span {
  display: block;
}
*/

.contact_banner {
    line-height: 0;
}

.contact_dz {
    padding: 120px 0 100px;
    background-color: #fff;
}

.contact_dz .bottom {
    margin-top: 50px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    line-height: 30px;
}

.contact_dz ol {
    margin-top: 20px;
    border: 1px solid #dadada;
}

.contact_dz ol li {
    height: 134px;
    float: left;
    width: 33.33333333%;
    padding-left: 30px;
    padding-top: 40px;
    border-right: 1px solid #dadada;
}

.contact_dz ol li:last-child {
    border-right: none;
}

.contact_dz ol li .img {
    float: left;
    height: 53px;
    line-height: 0;
}

.contact_dz ol li p {
    display: inline-block;
    float: left;
    margin-left: 15px;
    color: #696262;
    font-size: 16px;
    line-height: 24px;
}

.contact_dz ol li p span {
    display: block;
}

.contact_dz ol li p span:last-child {
    padding-left: 80px;
}

.contact_dz ol li p.d1 {
    line-height: 53px;
}

.contact_dz ol li:first-child,
.contact_dz ol li:nth-child(2) {
    padding-left: 70px;
}

.contact_wangdian {
    background: url("../images/contact_bg.jpg") no-repeat center top;
    padding-top: 72px;
}

.contact_wangdian .ny_title h4 {
    background: #373737;
    color: #fff;
}

.contact_wangdian .ny_title h3 {
    background: #373737;
    color: #fff;
}


/*.contact_wangdian .img_dt {
  width: 71.34%;
  line-height: 0;
  margin-left: 11.5%;
  margin-top: -15px;
}*/

.feedback {
    padding-bottom: 80px;
    margin-top: 80px;
}

.feedback ol {
    margin-top: 55px;
}

.feedback ol li {
    float: left;
    background: #fff;
    width: 32%;
    position: relative;
    border: 1px solid #d1d1d1;
    margin-bottom: 2%;
    margin-right: 2%;
}

.feedback ol li:nth-child(3),
.feedback ol li:nth-child(4),
.feedback ol li:last-child {
    margin-right: 0;
}

.feedback ol li:nth-child(4),
.feedback ol li:last-child {
    width: 100%;
}

.feedback ol li span {
    position: absolute;
    left: 10px;
    top: 19px;
    width: 25px;
    line-height: 0;
}

.feedback ol li input {
    border: none;
    background: none;
    width: 100%;
    padding: 0 10px 0 45px;
    -webkit-appearance: none;
    height: 64px;
    line-height: 64px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.feedback ol li textarea {
    width: 100%;
    border: none;
    background: none;
    height: 150px;
    font-family: "微软雅黑";
    -webkit-appearance: none;
    font-size: 14px;
    padding: 20px 10px 20px 45px;
}

.feedback ol li .btn {
    background: #231916;
    border-color: #231916;
    color: #fff;
    font-size: 20px;
    font-family: "微软雅黑";
}

.agent_banner {
    line-height: 0;
}

.agent_zhengce {
    padding: 120px 0 100px;
    background-color: #fff;
}

.agent_zhengce .text {
    text-align: center;
    width: 800px;
    margin: 40px auto 0;
    color: #666666;
    font-size: 15px;
    line-height: 24px;
}

.agent_zhengce .text p {
    margin-top: 24px;
}

.agent_youshi {
    background: #ebebeb;
    padding: 80px 0 90px;
}

.agent_youshi .ny_title h4 {
    background: #ebebeb;
}

.agent_youshi .ny_title h3 {
    background: #ebebeb;
}

.agent_youshi ol {
    margin-top: 80px;
}

.agent_youshi ol li {
    float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #272727;
    position: relative;
    height: 280px;
}

.agent_youshi ol li .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 60.5px 0;
    background: #363636;
}

.agent_youshi ol li .text .img {
    width: 32%;
    margin: 0 auto;
}

.agent_youshi ol li .text h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.agent_youshi ol li .text span {
    margin-top: 10px;
    display: block;
    color: #717171;
    font-size: 14px;
}

.agent_youshi ol li .text p {
    margin-top: 15px;
    color: #ffffff;
    font-size: 15px;
    line-height: 25px;
    display: none;
}

.agent_youshi ol li:hover .text {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    top: -45px;
    width: 100%;
    height: 370px;
    background: url("../images/youshi_bg.jpg") no-repeat right center / cover;
}

.agent_youshi ol li:hover .text span {
    color: #fff;
}

.agent_youshi ol li:hover .text p {
    display: block;
}

.agent_jiameng {
    padding: 90px 0;
}

.agent_jiameng .text_name {
    margin-top: 40px;
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}

.agent_jiameng .text_name span {
    color: #9425b9;
    text-transform: uppercase;
}

.agent_jiameng ol {
    margin: 28px auto 0;
    width: 840px;
}

.agent_jiameng ol li {
    float: left;
    width: 49%;
    height: 54px;
    margin-bottom: 2%;
    border-radius: 5px;
    padding: 0.7% 3%;
    border: 1px solid #dcdcdc;
}

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

.agent_jiameng ol li .text {
    display: inline-block;
    float: left;
}

.agent_jiameng ol li .text span {
    display: block;
    color: #666666;
    font-size: 16px;
}

.agent_jiameng ol li .text span:last-child {
    text-transform: uppercase;
    color: #999999;
    font-size: 14px;
}

.agent_jiameng ol li .con {
    float: left;
    margin-left: 10px;
    width: 70%;
}

.agent_jiameng ol li .con input {
    font-size: 16px;
    font-family: "微软雅黑";
    background: none;
    border: none;
    -webkit-appearance: none;
    padding: 4% 0;
    width: 100%;
}

.agent_jiameng ol li .con .cbox {
    width: 100%;
    position: relative;
}

.agent_jiameng ol li .con .cbox .ch {
    border-radius: 3px;
    padding: 3.8% 10px;
    font-size: 15px;
    display: block;
    cursor: pointer;
    width: 100%;
}

.agent_jiameng ol li .con .cbox .ch:before {
    content: "";
    position: absolute;
    right: 0;
    top: 17px;
    width: 18px;
    height: 8px;
    background: url("../images/youshi_icon.png") no-repeat center center;
}

.agent_jiameng ol li .con .cbox .con_con {
    display: none;
    background: #fff;
    z-index: 999;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 46px;
    width: 111%;
    padding: 10px;
}

.agent_jiameng ol li .con .cbox .con_con a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
    font-size: 14px;
    display: block;
    line-height: 26px;
    width: 50%;
    float: left;
}

.agent_jiameng ol li .con .cbox .con_con a:hover {
    color: #666;
}

.agent_jiameng ol li .down {
    width: 78%;
}

.agent_jiameng .btn_more {
    margin-top: 30px;
    text-align: center;
}

.agent_jiameng .btn_more button {
    display: inline-block;
    background: #9425b9;
    height: 60px;
    line-height: 60px;
    min-width: 160px;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    border: 0;
}

.service_banner {
    line-height: 0;
}

.service_top {
    padding-top: 100px;
    padding-bottom: 75px;
    border-bottom: 1px solid #d6d6d6;
}

.service_top ol li {
    float: left;
    width: 33.33333333%;
}

.service_top ol li .img {
    float: left;
    display: inline-block;
    line-height: 0;
    margin-right: 25px;
}

.service_top ol li .text {
    padding-top: 8px;
    display: inline-block;
    float: left;
}

.service_top ol li .text span {
    font-family: DINEngschriftStd;
    color: #231916;
    font-size: 100px;
    line-height: 94px;
}

.service_top ol li .text .t {
    color: #231916;
    font-size: 22px;
}

.service_top ol li .text .d {
    color: #666666;
    font-size: 15px;
}

.service_top ol li:last-child {
    padding-left: 4%;
}

.service_case {
    padding: 80px 0 100px;
}

.service_case .ol_case_nav {
    margin-top: 40px;
    text-align: center;
}

.service_case .ol_case_nav a {
    display: inline-block;
    border: 1px solid #bebebe;
    line-height: 44px;
    border-radius: 50px;
    color: #666666;
    font-size: 15px;
    padding: 0 48px;
    margin: 0 5px;
}

.service_case .ol_case_nav a:hover,
.service_case .ol_case_nav a.cur {
    color: #231916;
    border-color: #231916;
}

.service_case .service_con {
    margin-top: 50px;
}

.service_case .service_con ul li {
    float: left;
    background: #fff;
    margin-bottom: 2%;
    width: 49%;
}

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

.service_case .service_con ul li .img {
    line-height: 0;
}

.service_case .service_con ul li .img img {
    width: 100%;
}

.service_case .service_con ul li .text {
    padding: 5% 5%;
}

.service_case .service_con ul li .text h3 {
    color: #4a4a4a;
    font-size: 22px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.service_case .service_con ul li .text p {
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    width: 88%;
    height: 44px;
    overflow: hidden;
    margin-top: 10px;
}

.service_case .service_con ul li .text .dowm_more {
    display: inline-block;
    background: url("../images/service_pic1.png") no-repeat center center;
    width: 32px;
    height: 8px;
    float: right;
}

.service_case .service_con .bottom {
    margin-top: 30px;
    text-align: center;
}

.service_case .service_con .bottom a {
    line-height: 0;
}

.output_banner {
    line-height: 0;
}

.output_youshi {
    padding: 100px 0;
}

.output_youshi ol {
    margin-top: 60px;
}

.output_youshi ol li {
    float: left;
    width: 26%;
    margin-right: 11%;
}

.output_youshi ol li:last-child {
    margin-right: 0;
}

.output_youshi ol li .img {
    margin-top: 4px;
    float: left;
    line-height: 0;
    width: 22%;
}

.output_youshi ol li .text {
    float: right;
    width: 73%;
}

.output_youshi ol li .text h3 {
    color: #000000;
    font-size: 20px;
}

.output_youshi ol li .text p {
    margin-top: 5px;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
}

.output_baozhang {
    background: url("../images/output_bg.jpg") no-repeat center center / cover;
    padding: 75px 0 84px;
}

.output_baozhang .ny_title h4,
.output_baozhang .ny_title h3 {
    color: #fff;
    background: #262620;
}

.output_baozhang .text_box {
    width: 800px;
    margin: 55px auto 0;
    text-align: center;
}

.output_baozhang .text_box .img {
    line-height: 0;
}

.output_baozhang .text_box h3 {
    margin-top: 34px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.output_baozhang .text_box p {
    margin-top: 10px;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
}

.output_baozhang .text_box a {
    display: block;
    margin: 50px auto 0;
    width: 137px;
    height: 42px;
    line-height: 42px;
    border-radius: 50px;
    background: #8a28a9;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.output_scys {
    padding: 90px 0 80px;
}

.output_scys ol {
    margin-top: 40px;
}

.output_scys ol li {
    position: relative;
    float: left;
    width: 25%;
}

.output_scys ol li .img {
    line-height: 0;
}

.output_scys ol li .text {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(133, 29, 166, 0.9);
    padding: 50% 15% 0;
}

.output_scys ol li .text p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.output_scys ol li:hover .text {
    display: block;
}

.output_jsys {
    background: url("../images/output_bg2.jpg") no-repeat center top;
    padding: 70px 0 110px;
}

.output_jsys .ny_title h4,
.output_jsys .ny_title h3 {
    background: #f1f1f1;
}

.output_jsys .box_con {
    margin-top: 55px;
}

.output_jsys .box_con .left {
    width: 40%;
    background: url("../images/output_bg3.jpg") no-repeat center bottom;
    height: 377px;
    padding: 8% 3% 0;
}

.output_jsys .box_con .left span {
    font-family: DINEngschriftStd;
    font-size: 35px;
    color: #fff;
}

.output_jsys .box_con .left p {
    margin-top: 8px;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: arial;
}

.output_jsys .box_con .left h3 {
    margin-top: 12px;
    margin-left: -15px;
    color: #a833d0;
    font-size: 32px;
    font-weight: bold;
}

.output_jsys .box_con .right {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    width: 60%;
    min-height: 413px;
    padding: 7% 8% 0;
    background: url("../images/output_bg4.jpg") no-repeat center bottom;
}

.output_jsys .box_con .right p {
    color: #353535;
    font-size: 14px;
    line-height: 24px;
}

.about_banner {
    line-height: 0;
}

.about_ppjs {
    background: url("../images/about_bg.png") no-repeat left bottom;
    padding: 50px 0 114px;
    background-color: #fff;
}

.about_ppjs .box_con .left {
    width: 45%;
    padding-top: 50px;
}

.about_ppjs .box_con .left .ny_title {
    margin: inherit;
}

.about_ppjs .box_con .left .ny_name {
    text-align: left;
}

.about_ppjs .box_con .left .text {
    margin-top: 30px;
}

.about_ppjs .box_con .left .text p {
    color: #666666;
    font-size: 15px;
    line-height: 26px;
}

.about_ppjs .box_con .right {
    width: 46%;
    position: relative;
}

.about_ppjs .box_con .right .img {
    line-height: 0;
}

.about_ppjs .box_con .right span {
    cursor: pointer;
    position: absolute;
    left: 55px;
    top: 0;
    margin-top: 42%;
    width: 66px;
    height: 66px;
    background: url("../images/btn.png") no-repeat center center;
}

.about_qyln {
    background: url("../images/about_bg2.jpg") no-repeat right top;
    padding: 60px 0 0;
}

.about_qyln .ny_title {
    margin: initial;
}

.about_qyln .ny_title h4,
.about_qyln .ny_title h3 {
    background: #323232;
    color: #fff;
}

.about_qyln .ny_name {
    text-align: left;
    color: #fff;
}

.about_qyln .box_con {
    position: relative;
    margin-top: 25px;
}

.about_qyln .box_con .right {
    float: left;
    width: 48.5%;
}

.about_qyln .box_con .right .img {
    line-height: 0;
}

.about_qyln .box_con .left {
    position: absolute;
    right: 0;
    top: 27px;
    background: #7ca469;
    width: 54%;
    padding: 5% 2% 5% 5%;
}

.about_qyln .box_con .left p {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
}

.about_qywh {
    padding: 100px 0 78px;
    background: url("../images/about_bg4.png") no-repeat left bottom;
}

.about_qywh .box_con {
    margin-top: 80px;
}

.about_qywh .box_con .left {
    width: 50%;
    background: url("../images/about_bg3.jpg");
    padding: 8% 3.5% 0;
    min-height: 391px;
}

.about_qywh .box_con .left p {
    color: #e4e4e4;
    font-size: 15px;
    line-height: 24px;
}

.about_qywh .box_con .right {
    width: 50%;
}

.about_qywh .box_con .right .img {
    line-height: 0;
}

.about_qywh .box_con .right .t {
    padding: 5% 3%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #7ca469;
}

.about_path {
    background: url("../images/about_bg5.jpg") no-repeat center bottom #f0f0f0;
    padding: 72px 0 0;
}

.about_path .ny_title h4,
.about_path .ny_title h3 {
    background: #f0f0f0;
}

.about_path .course {
    width: 812px;
    margin: 50px auto 0;
}

.about_path .course ul {
    background: url("../images/about_bg6.png") repeat-y center top;
    padding: 38px 0 60px;
}

.about_path .course ul li {
    margin-top: 10px;
    float: right;
    width: 425px;
    background: url("../images/about_bg7.png") no-repeat left top;
    padding-left: 120px;
}

.about_path .course ul li h3 {
    margin-top: 6px;
    color: #363636;
    font-size: 18px;
    font-weight: normal;
}

.about_path .course ul li p {
    margin-top: 8px;
    color: #999999;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
}

.about_path .course ul li:nth-child(2n) {
    text-align: right;
    float: left;
    background: url("../images/about_bg7.png") no-repeat right top;
    padding-right: 120px;
    padding-left: 0;
}

.about_honor {
    padding: 80px 0 100px;
}

.about_honor .ol_list {
    margin-top: 50px;
    text-align: center;
}

.about_honor .ol_list a {
    display: inline-block;
    line-height: 44px;
    border: 1px solid #cecece;
    border-radius: 50px;
    min-width: 162px;
    text-align: center;
    color: #666666;
    font-size: 15px;
    margin: 0 5px;
}

.about_honor .ol_list a:hover,
.about_honor .ol_list a.cur {
    color: #231916;
    border-color: #7ca469;
}

.about_honor .honor_list {
    margin-top: 30px;
}

.about_honor .honor_list li {
    float: left;
    width: 32%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin-top: 2%;
    margin-right: 2%;
}

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

.about_honor .honor_list li .img {
    overflow: hidden;
    line-height: 0;
}

.phone_fuwu_con {
    display: none;
}

.phone_fuwu_con .phone_nav {
    text-align: center;
}

.phone_fuwu_con .phone_nav a {
    color: #333333;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #ababab;
    line-height: 40px;
    padding: 0 20px;
}

.phone_fuwu_con .phone_nav a.cur {
    border-color: #942cb5;
    color: #942cb5;
}

.phone_fuwu_con .phone_qh .img {
    float: left;
    width: 52%;
}

.phone_fuwu_con .phone_qh .text {
    float: right;
    width: 48%;
}

.phone_fuwu_con .phone_qh .text .bg {
    display: block;
    width: 90%;
    line-height: 0;
}

.phone_fuwu_con .phone_qh .text .con span {
    color: #333333;
    font-size: 18px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.phone_fuwu_con .phone_qh .text .con h1 {
    color: #333333;
    font-size: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

.phone_fuwu_con .phone_qh .text .con p {
    margin-top: 30px;
    color: #848484;
    font-size: 14px;
    line-height: 24px;
}

.phone_fuwu_con .phone_qh .text .con a {
    margin-top: 35px;
    display: inline-block;
    border: 1px solid #a8a8a8;
    padding: 0 18px;
    line-height: 34px;
    text-transform: uppercase;
    font-family: arial;
    color: #848484;
}

.inputerror {
    border: 1px solid #f00 !important;
    background-color: #ffe6e6 !important;
}

@-webkit-keyframes inputerrors {
    0% {
        background-color: #fff;
    }
    100% {
        background-color: #ffe6e6;
    }
}

.inputerror {
    animation: inputerrors 0.5s 3 ease;
}

@media only screen and (max-width:1440px) {
    .banner .text .img_bg .t {
        margin-top: 42%;
    }
}


/**2017-11-22**/

.xxzcwx_box {
    padding: 60px 0 75px;
}

.xxzcwx_box .top_box {
    margin-top: 30px;
}

.xxzcwx_box .top_box .left_nav {
    display: inline-block;
    float: left;
}

.xxzcwx_box .top_box .left_nav a {
    display: block;
    float: left;
    min-width: 112px;
    line-height: 40px;
    border: 1px solid #ababab;
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin-right: 6px;
}

.xxzcwx_box .top_box .left_nav a:hover,
.xxzcwx_box .top_box .left_nav a.cur {
    color: #8627a5;
    border-color: #8627a5;
}

.xxzcwx_box .top_box .right_sousuo {
    float: right;
    width: 258px;
    height: 40px;
    border: 1px solid #ababab;
}

.xxzcwx_box .top_box .right_sousuo .text {
    border: none;
    background: none;
    line-height: 40px;
    padding: 0 10px;
    float: left;
    -webkit-appearance: none;
}

.xxzcwx_box .top_box .right_sousuo .btn {
    -webkit-appearance: none;
    float: right;
    background: url("../images/btn01.png") no-repeat center center;
    width: 37px;
    height: 38px;
    border: none;
}

.xxzcwx_box .boxList {
    margin-top: 20px;
}

.xxzcwx_box .boxList .shipin_box {
    margin-bottom: 45px;
}

.xxzcwx_box .boxList .shipin_box li {
    float: left;
    width: 32.5%;
    background: #fff;
    margin-bottom: 1.25%;
    margin-right: 1.25%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.xxzcwx_box .boxList .shipin_box li .img {
    line-height: 0;
    position: relative;
}

.xxzcwx_box .boxList .shipin_box li .img img {
    width: 100%;
}

.xxzcwx_box .boxList .shipin_box li .img em {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: url("../images/bf_btn.png") no-repeat center center / cover;
}

.xxzcwx_box .boxList .shipin_box li .text {
    padding: 15px 20px;
    line-height: 24px;
}

.xxzcwx_box .boxList .shipin_box li .text p {
    max-width: 80%;
    float: left;
    color: #666666;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.xxzcwx_box .boxList .shipin_box li .text span {
    display: inline-block;
    float: right;
    line-height: 0;
}

.xxzcwx_box .boxList .shipin_box li:hover {
    background: #8526a4;
}

.xxzcwx_box .boxList .shipin_box li:hover .img em {
    background: url("../images/bf_btn2.png") no-repeat center center / cover;
}

.xxzcwx_box .boxList .shipin_box li:hover .text p {
    color: #fff;
}

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

.xxzcwx_box .down_List {
    border: 1px solid #dddddd;
    margin-bottom: 45px;
}

.xxzcwx_box .down_List table tr {
    background: #f5f5f5;
}

.xxzcwx_box .down_List table tr th {
    background: #373737;
    color: #fff;
    font-size: 14px;
    padding: 18px 35px;
    font-weight: normal;
    text-align: left;
}

.xxzcwx_box .down_List table tr th:last-child {
    text-align: center;
}

.xxzcwx_box .down_List table tr td {
    padding: 15px 35px;
    color: #4c4c4c;
    font-size: 14px;
}

.xxzcwx_box .down_List table tr td a {
    background: url("../images/down11.png") no-repeat 10px center;
    border: 1px solid #dddddd;
    line-height: 30px;
    border-radius: 3px;
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px 0 38px;
    display: inline-block;
}

.xxzcwx_box .down_List table tr td:last-child {
    text-align: center;
}

.xxzcwx_box .down_List table tr:nth-child(2n-1) {
    background: #fff;
}

.xxzcwx_box .down_List table tr:hover td {
    color: #8627a5;
}

.xxzcwx_box .down_List table tr:hover td a {
    color: #8627a5;
    border-color: #8627a5;
    background: url("../images/down22.png") no-repeat 10px center;
}

.page {
    text-align: center;
}

.page a {
    display: inline-block;
    width: 32px;
    line-height: 30px;
    border: 1px solid #cccccc;
    color: #999999;
    font-size: 14px;
}

.page a:hover,
.page a.cur {
    color: #851da6;
    border-color: #851da6;
}

.pro_nav {
    background: url("../images/prolist_Bg.jpg") repeat-x left top;
    padding-top: 40px;
}

.pro_nav ul {
    width: 94%;
    margin: 0 auto;
}

.pro_nav ul li {
    float: left;
    width: 20%;
    padding: 0 10px;
    border-right: 1px solid #e1e1e1;
}

.pro_nav ul li:last-child {
    border-right-color: #f2f2f2;
}

.pro_nav ul li .img {
    float: left;
    width: 38%;
}

.pro_nav ul li .text {
    float: right;
    width: 60%;
    padding-top: 5%;
}

.pro_nav ul li .text h3 {
    color: #4a4a4a;
    font-size: 20px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pro_nav ul li .text p {
    color: #666666;
    font-size: 14px;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pro_nav ul li:hover .text h3,
.pro_nav ul li.cur .text h3 {
    color: #231916;
}

.proList {
    width: 94%;
    margin: 0 auto;
    padding: 40px 0 100px;
}

.proList>ul>li {
    float: left;
    width: 32.5%;
    position: relative;
    margin-bottom: 1.25%;
    margin-right: 1.25%;
}

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

.proList>ul>li .img {
    line-height: 0;
}

.proList>ul>li .text {
    /*position: absolute;
  left: 5%;
  top: 5%;*/
    padding: 3% 15px;
    background: #fff;
    border: 1px solid #eeeeee;
}

.proList>ul>li .text h3 {
    color: #4a4a4a;
    font-size: 20px;
    font-weight: normal;
}

.proList>ul>li .text p {
    margin-top: 3px;
    font-size: 14px;
    color: #666666;
}

.proList>ul>li .text span {
    /*position: absolute;
  left: 5%;
  bottom: 3%;*/
    margin-top: 5px;
    display: inline-block;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    background: url("../images/news_more2.png") no-repeat right center;
    padding-right: 25px;
}


/**2017-12-16**/

.proshow_td {
    margin-top: 60px;
}

.proshow_td .title_box h3 {
    padding: 0 58px 0 20px;
}

.proshow_td .title_box span {
    margin-left: -46px;
    background: #fafafa;
}

.proshow_td ol {
    margin-top: 5px;
}

.proshow_td ol li {
    float: left;
    width: 32%;
    margin-right: 2%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}

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

.proshow_td ol li .img {
    width: 100%;
    line-height: 0;
}

.proshow_td ol li .text {
    text-align: center;
    width: 100%;
    padding: 5% 15px 6%;
    color: #868686;
    font-size: 16px;
    line-height: 25px;
}

.proshow_td ol li .text p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pro_box ul li .img img {
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
}

.pro_box ul li:hover .img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.home_fuwu .fuwu_con .fuwu_box .qh_sz {
    display: none;
}

.fanye {
    text-align: center;
}

.fanye li {
    display: inline-block;
    width: auto;
}

.fanye li:last-child {
    margin-left: 5px;
}

.fanye li.thisclass a {
    color: #231916;
    border: 1px solid #231916;
}

.fanye li:hover a {
    color: #231916;
    border: 1px solid #231916;
}

.fanye a {
    display: inline-block;
    font-family: Tahoma;
    line-height: 28px;
    padding: 0px 10px;
    border: 1px solid #E9E9E9;
    color: #555;
}

.fanye a:hover {
    color: #178507;
}

.fanye .pageinfo {
    display: inline-block;
    line-height: 28px;
    border: 1px solid #E9E9E9;
    padding: 0 10px;
}

.fanye .pageinfo strong {
    font-weight: normal;
    padding: 0 3px;
}


/**2017-12-26**/

.sidebar_box {
    position: fixed;
    right: 0;
    top: 50%;
    width: 100px;
    z-index: 999;
    transform: translateY(-50%);
}

.sidebar_box .sidebar_btn {
    padding-left: 0;
    background: #424242;
    border-bottom: none;
    line-height: 40px;
}

.sidebar_box ol {
    display: none;
    background: #ffffff;
}

.sidebar_box a {
    padding-left: 12px;
    font-size: 14px;
    display: block;
    width: 100%;
    float: left;
    color: #666666;
    border-bottom: 1px solid #e4e4e4;
    line-height: 40px;
}

.sidebar_box a:hover {
    color: #71138f;
}

.fixed-head {
    z-index: 999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    -webkit-animation: headerFix 1s ease 1;
    animation: headerFix 1s ease 1;
}

@-webkit-keyframes headerFix {
    from {
        -webkit-transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
    }
}

@keyframes headerFix {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}


/**2017-12-27**/

.contact_wangdian .tables_btn {
    margin-top: 40px;
    text-align: center;
}

.contact_wangdian .tables_btn li {
    display: inline-block;
    padding: 0 35px;
    line-height: 40px;
    text-align: center;
    background-color: #F3F3F3;
    font-size: 15px;
    cursor: pointer;
    margin: 0 10px;
}

.contact_wangdian .tables_btn li:hover,
.contact_wangdian .tables_btn li.cur {
    background: #231916;
    color: #fff;
}

.contact_wangdian .tables_con {
    margin-top: 20px;
}

.contact_wangdian .tables_con .tables_text {
    display: none;
}

.contact_wangdian .tables_con .tables_text .domestic {
    width: 919px;
    margin: -18px auto 0;
    position: relative;
}

.contact_wangdian .tables_con .tables_text .domestic span {
    display: block;
    line-height: 0;
}

.contact_wangdian .tables_con .tables_text .domestic ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.contact_wangdian .tables_con .tables_text .domestic ul li {
    position: absolute;
    cursor: pointer;
    background: url("../images/con_icon.png") no-repeat left 6px;
    padding-left: 16px;
    color: #262626;
}

.contact_wangdian .tables_con .tables_text .domestic ul .wulumuqi {
    top: 232px;
    left: 188px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .lanzhou {
    top: 365px;
    left: 475px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .taiyuan {
    top: 323px;
    left: 614px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .jinan {
    top: 347px;
    right: 184px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .zhengzhou {
    top: 375px;
    right: 228px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .xian {
    top: 422px;
    left: 556px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .chengdou {
    top: 475px;
    left: 457px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .chongqing {
    top: 498px;
    left: 537px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .wuhan {
    top: 475px;
    left: 642px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .hefei {
    top: 450px;
    right: 192px;
    background: url("../images/con_icon.png") no-repeat center top;
    width: 30px;
    padding-left: 0;
    padding-top: 12px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .nanjing {
    top: 448px;
    right: 157px;
    background: url("../images/con_icon.png") no-repeat center top;
    width: 30px;
    padding-top: 12px;
    padding-left: 0;
}

.contact_wangdian .tables_con .tables_text .domestic ul .shanghai {
    top: 448px;
    right: 100px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .hangzhou {
    top: 488px;
    right: 112px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .nanchang {
    top: 522px;
    right: 196px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .changsha {
    top: 538px;
    right: 262px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .guiyang {
    top: 580px;
    left: 518px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .kunming {
    left: 440px;
    top: 595px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .nanning {
    top: 636px;
    left: 550px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .guangzhou {
    top: 627px;
    right: 200px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .neimeng {
    top: 278px;
    left: 597px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .hebei {
    top: 323px;
    left: 648px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .liaoning {
    top: 236px;
    left: 770px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .heilongjiang {
    top: 149px;
    left: 795px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .qinghai {
    top: 360px;
    left: 430px;
}

.contact_wangdian .tables_con .tables_text .domestic ul .ningxia {
    top: 326px;
    left: 514px;
}

.contact_wangdian .tables_con .tables_text .foreign {
    width: 1260px;
    margin: 0 auto;
    position: relative;
}

.contact_wangdian .tables_con .tables_text .foreign span {
    display: block;
    line-height: 0;
}

.contact_wangdian .tables_con .tables_text .foreign ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.contact_wangdian .tables_con .tables_text .foreign ul li {
    position: absolute;
    cursor: pointer;
    background: url("../images/con_icon.png") no-repeat left 6px;
    padding-left: 16px;
    color: #262626;
}

.contact_wangdian .tables_con .tables_text .foreign ul .meizhou {
    top: 256px;
    left: 236px;
}

.contact_wangdian .tables_con .tables_text .foreign ul .feizhou {
    top: 350px;
    left: 669px;
}

.contact_wangdian .tables_con .tables_text .foreign ul .yindu {
    top: 284px;
    left: 857px;
}

.contact_wangdian .tables_con .tables_text .foreign ul .mengjialaguo {
    top: 305px;
    left: 895px;
}

.contact_wangdian .tables_con .tables_text .foreign ul .sililanka {
    top: 366px;
    left: 863px;
}

.contact_wangdian .tables_con .tables_text .foreign ul .yuenan {
    top: 343px;
    left: 958px;
}

.contact_wangdian .tables_con .tables_text .foreign ul .yindunixiya {
    top: 413px;
    left: 954px;
}

.contact_wangdian .tables_con .tables_text:first-child {
    display: block;
}

.contact_xinxi {
    background: #fff;
    padding: 40px 0 20px;
}

.contact_xinxi ul li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.contact_xinxi ul li .text {
    background: url("../images/con_icon2.png") no-repeat left 3px;
    padding-left: 28px;
}

.contact_xinxi ul li .text h3 {
    color: #333;
    font-size: 16px;
    font-weight: normal;
}

.contact_xinxi ul li .text p {
    margin-top: 5px;
    color: #999999;
    font-size: 14px;
}


/**2018-1-8**/

.job {
    padding: 80px 0;
}

.job .job_titlt {
    text-align: center;
}

.job .job_titlt h3 {
    color: #9425b9;
    font-size: 30px;
}

.job .job_titlt p {
    color: #bdbdbd;
    font-size: 24px;
    margin-top: 8px;
}

.job .table_job {
    margin-top: 30px;
}

.job .table_job table {
    border: 1px solid #afafaf;
}

.job .table_job table tr th {
    border-bottom: 1px solid #afafaf;
    padding: 15px 10px;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    background: #e0e0e0;
}

.job .table_job table tr td {
    border-bottom: 1px solid #afafaf;
    padding: 15px 10px;
    text-align: center;
    color: #000000;
    font-size: 20px;
}

.job .table_job table tr:nth-child(2n-1) td {
    background: #f0f0f0;
}

.job .table_job .job-btn {
    margin-top: 20px;
}

.job .table_job .job-btn .btn,
.job .table_job .job-btn .btn2 {
    display: inline-block;
    float: right;
    background: #851da6;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding: 0 40px;
    margin-left: 30px;
    border-radius: 10px;
    border: none;
}

.job .table_job .job-btn .btn2 {
    margin-left: 0;
}


/**2018-1-15**/

.tc_join {
    display: none;
    position: fixed;
    z-index: 99;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0;
    text-align: center;
}

.tc_join .box {
    background: #fff;
    width: 822px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: left;
    position: relative;
    border-radius: 5px;
}

.tc_join .box+i {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.tc_join .box .con {
    padding: 3% 4%;
}

.tc_join .box .con ol li {
    width: 49%;
    float: left;
    border: 1px solid #d5d5d5;
    color: #d5d5d5;
    margin: 1% 0;
}

.tc_join .box .con ol li:nth-child(2n) {
    float: right;
}

.tc_join .box .con ol li input {
    width: 100%;
    line-height: 45px;
    border: none;
    padding: 0 15px;
}

.tc_join .box .con .bottom {
    text-align: right;
    margin-top: 5px;
}

.tc_join .box .con .bottom a,
.tc_join .box .con .bottom button {
    display: inline-block;
    background: #851da6;
    line-height: 32px;
    margin-left: 5px;
    color: #fff;
    padding: 0 20px;
    border-radius: 3px;
    border: 0;
}

.job .table_job .job-btn .file {
    float: right;
    background: #851da6;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    /* padding: 0 40px; */
    margin-left: 30px;
    border-radius: 10px;
}


/*上传*/

.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.webuploader-pick {
    position: relative;
    display: block;
    cursor: pointer;
    height: 100%;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.webuploader-pick-hover {}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.webuploader-container label {
    margin-bottom: 0;
}


/*2019-7-23*/

.newsshow_box .content {
    line-height: 34px;
}


/*
.newsshow_box .content span{
	display: inline-block;
	
}*/

.header_box .top>div .t_dianhua {
    background: url("../images/t_dianhua_hui.png") no-repeat left center;
    padding-left: 22px;
}

.header_box .top>div .t_dianhua:hover {
    background: url("../images/t_dianhua_zi.png") no-repeat left center;
}