﻿@charset "UTF-8"; /*!
 * Cy Style Projects for ShuangHu (https://RNMMP.grd)
 * Copyright 2016-2018 Code yo, Authors own.
 * Licensed under MIT, GCC-GCZ-GPP (https://RNMMP.grd/AiYongBuYong/AiShuoBuShuo/)
 * Date 2018-3-20
 */
/*! Reset v1.2.1-alpha.2 */
html { height: 100%; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; font: normal 14px/30px Arial,sans-serif; color: #666; background: #fff }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1 }
p { margin: 0 }
address { margin-bottom: 1.125rem; font-style: normal; line-height: inherit }
dd, dl, ol, ul { margin: 0; padding: 0; list-style: none }
blockquote { margin: 0 2.875em 1.125em 2.875em }
small { font-size: 62.5% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sub { bottom: -.375em }
sup { top: -.5em }
a { color: inherit; text-decoration: none }
i { font-style: inherit }
figure { margin: 0 }
img { vertical-align: top; border: 0 none }
img::-moz-selection { background: 0 0 }
img::selection { background: 0 0 }
table { width: 100%; border-collapse: collapse }
th { text-align: inherit }
button, input, optgroup, option, select, textarea { margin: 0; border: 0 none; border-radius: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; background-color: inherit }
button, input, option, select { outline: 0 none }
button, input { overflow: visible }
button, select { text-transform: none }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button }
button { cursor: pointer }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 }
textarea { padding: .375em .625em; overflow: auto; resize: none }
a, button, input, select, textarea { -webkit-appearance: none; -moz-appearance: none }
hr { visibility: visible; height: 1px; margin: 0; background: #eee; border: 0 none }
svg { width: 100%; height: 100% }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
* { -webkit-tap-highlight-color: rgba(255,255,255,0) }
:focus { outline: 0 none }
/*! Animate v2.1.0-alpha.1 */
.container { -webkit-transition: max-width .3s; -o-transition: max-width .3s; transition: max-width .3s }
.act { -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -o-transition-property: transform,opacity; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s }
.cy-tg.cy-upToDown { opacity: 0; -webkit-transform: translate(0,-20px); -ms-transform: translate(0,-20px); transform: translate(0,-20px) }
.cy-tg.cy-downToUp { opacity: 1; -webkit-transform: translate(0,20px); -ms-transform: translate(0,20px); transform: translate(0,20px) }
.cy-tg.cy-leftToRight { opacity: 0; -webkit-transform: translate(-20px,0); -ms-transform: translate(-20px,0); transform: translate(-20px,0) }
.cy-tg.cy-rightToLeft { opacity: 0; -webkit-transform: translate(20px,0); -ms-transform: translate(20px,0); transform: translate(20px,0) }
.act.cy-downToUp, .act.cy-leftToRight, .act.cy-rightToLeft, .act.cy-upToDown { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
.cy-tg.cy-rightToLeftSkew { opacity: 0; -webkit-transform: translate(20px,0) scale(.9) skew(-20deg); -ms-transform: translate(20px,0) scale(.9) skew(-20deg); transform: translate(20px,0) scale(.9) skew(-20deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }
.act.cy-rightToLeftSkew { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
.cy-tg.cy-rightToLeftScale { opacity: 0; -webkit-transform: translate(20px,0) scale(.9); -ms-transform: translate(20px,0) scale(.9); transform: translate(20px,0) scale(.9); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% }
.act.cy-rightToLeftScale { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
.cy-tg.cy-upToDownScale { opacity: 0; -webkit-transform: translate(0,-20%) scale(.2); -ms-transform: translate(0,-20%) scale(.2); transform: translate(0,-20%) scale(.2); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% }
.act.cy-upToDownScale { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center }
.cy-d1 { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s }
.cy-d2 { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.cy-d3 { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s }
.cy-d4 { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s }
.cy-d5 { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s }
.cy-d6 { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s }
.cy-d7 { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s }
.cy-d8 { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s }
.cy-d9 { -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s }
.cy-d10 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s }
.cy-d0-5 { -webkit-transition-delay: .05s; -o-transition-delay: .05s; transition-delay: .05s }
.cy-d1-5 { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s }
.cy-d2-5 { -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s }
.cy-d3-5 { -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s }
.cy-d4-5 { -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s }
.cy-d5-5 { -webkit-transition-delay: .55s; -o-transition-delay: .55s; transition-delay: .55s }
.cy-d6-5 { -webkit-transition-delay: .65s; -o-transition-delay: .65s; transition-delay: .65s }
.cy-d7-5 { -webkit-transition-delay: .75s; -o-transition-delay: .75s; transition-delay: .75s }
.cy-d8-5 { -webkit-transition-delay: .85s; -o-transition-delay: .85s; transition-delay: .85s }
.cy-d9-5 { -webkit-transition-delay: .95s; -o-transition-delay: .95s; transition-delay: .95s }
.icon-show { -webkit-animation: iconShow .5s; animation: iconShow .5s }
.logo-show { display: block; position: relative; z-index: 1 }
.logo-show:before { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100% }
.logo-show:hover:before { -webkit-animation: logoShow .5s 1 linear; animation: logoShow .5s 1 linear; content: '' }

@-webkit-keyframes logoShow {
    0% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%); background: linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%) }
    10% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%); background: linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%) }
    20% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%); background: linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%) }
    30% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%); background: linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%) }
    40% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%); background: linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%) }
    50% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%); background: linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%) }
    60% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%); background: linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%) }
    70% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%); background: linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%) }
    80% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%); background: linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%) }
    90% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%); background: linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%) }
    100% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%); background: linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%) }
}

@keyframes logoShow {
    0% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%); background: linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%) }
    10% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%); background: linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%) }
    20% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%); background: linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%) }
    30% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%); background: linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%) }
    40% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%); background: linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%) }
    50% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%); background: linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%) }
    60% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%); background: linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%) }
    70% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%); background: linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%) }
    80% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%); background: linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%) }
    90% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%); background: linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%) }
    100% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%); background: linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%) }
}

@-webkit-keyframes iconShow {
    from,to { -webkit-transform: scale(1,1); transform: scale(1,1) }
    25% { -webkit-transform: scale(.9,1.1); transform: scale(.9,1.1) }
    50% { -webkit-transform: scale(1.1,.9); transform: scale(1.1,.9) }
    75% { -webkit-transform: scale(.95,1.05); transform: scale(.95,1.05) }
}

@keyframes iconShow {
    from,to { -webkit-transform: scale(1,1); transform: scale(1,1) }
    25% { -webkit-transform: scale(.9,1.1); transform: scale(.9,1.1) }
    50% { -webkit-transform: scale(1.1,.9); transform: scale(1.1,.9) }
    75% { -webkit-transform: scale(.95,1.05); transform: scale(.95,1.05) }
}

@media (max-width:1024px) {
    .cy-tg.cy-downToUp, .cy-tg.cy-leftToRight, .cy-tg.cy-rightToLeft, .cy-tg.cy-rightToLeftScale, .cy-tg.cy-rightToLeftSkew, .cy-tg.cy-upToDown { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}

.slick-loading .slick-list { background: #fff url(../images/plugins/loading.gif) center center no-repeat }
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; z-index: 1 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.slick-track { position: relative; top: 0; left: 0; display: block }
.slick-track:after, .slick-track:before { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px }
[dir=rtl] .slick-slide { float: right }
.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 }
.slick-arrow.slick-hidden { display: none }
.slick-next, .slick-prev { position: absolute; top: 50%; display: block; width: 32px; height: 32px; padding: 0; margin-top: -16px; font-size: 0; line-height: 0; cursor: pointer; z-index: 5 }
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0; background: 0 0 }
.slick-next.slick-disabled, .slick-prev.slick-disabled { opacity: .3 }
.slick-prev { left: -36px }
[dir=rtl] .slick-prev { right: -36px; left: auto }
.slick-next { right: -36px }
[dir=rtl] .slick-next { right: auto; left: -36px }
.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; font-size: 0; line-height: 0; text-align: center; z-index: 5 }
.slick-dots li { position: relative; display: inline-block; margin: 0 3px; width: 10px; height: 10px; padding: 0; cursor: pointer }
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto }
.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr }
.mCSB_container { overflow: hidden; width: auto; height: auto }
.mCSB_inside > .mCSB_container { margin-right: 30px }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 }
.mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0 }
.mCSB_outside + .mCSB_scrollTools { right: -26px }
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer }
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0 }
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px }
.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100% }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 }
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 }
.mCSB_scrollTools { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" }
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" }
.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(../images/plugins/mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px }
.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" }
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 }
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px }
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent }
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px }
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" }
.vwrap { display: none; z-index: 9777; width: 100%; position: fixed }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: .8; filter: alpha(opacity=80); overflow: hidden }
.vwrap .videobox { z-index: 990; width: 800px; height: 400px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -200px; margin-left: -400px }

@media (max-width:1024px) {
    .vwrap .videobox { margin-top: -150px; margin-left: -300px; width: 600px; height: 300px }
}

@media (max-width:768px) {
    .vwrap .videobox { margin-top: -125px; margin-left: -250px; width: 500px; height: 250px }
}

@media (max-width:576px) {
    .vwrap .videobox { margin-top: -120px; margin-left: -200px; width: 400px; height: 240px }
}

@media (max-width:425px) {
    .vwrap .videobox { margin-top: -112px; margin-left: -150px; width: 300px; height: 225px }
}

.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde }
#videobox_wrapper { height: 100% !important }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0; right: -42px }

@media (max-width:768px) {
    .vwrap .close { top: -36px; right: 0 }
}

.vwrap .close i { display: block; width: 32px; height: 32px; background: url(../images/plugins/video-close.png) no-repeat 50% 50%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.homeBlack .videobtg{ opacity: 1; filter: alpha(opacity=100);}
#videobox_display_button, #videocontainer_display_button { background: none no-repeat !important }
.jwplayer .jwicon { opacity: .8; filter: alpha(opacity=80); cursor: pointer; background: no-repeat scroll center center; -webkit-transform: rotate(0) !important; -ms-transform: rotate(0) !important; transform: rotate(0) !important }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100) }
.jwclick, .jwlogo { display: none !important }
.jwdisplayIcon { background: none no-repeat !important }
.vbBox { position: relative; background: no-repeat center center; overflow: hidden; cursor: pointer }
.vbBox .vicoBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10 }
.vbBox .vico { position: absolute; top: 50%; left: 50%; display: block; width: 64px; height: 64px; margin-top: -32px; margin-left: -32px; background: no-repeat; background-size: cover; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.vbBox #case-video_wrapper, .vbBox .jwplayer { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 2 }
.fancybox-enabled { overflow: hidden }
.fancybox-enabled body { overflow: visible }
.fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.fancybox-container ~ .fancybox-container { z-index: 99992 }
.fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; -webkit-transition-timing-function: cubic-bezier(.55,.06,.68,.19); -o-transition-timing-function: cubic-bezier(.55,.06,.68,.19); transition-timing-function: cubic-bezier(.55,.06,.68,.19); -webkit-backface-visibility: hidden; backface-visibility: hidden }
.fancybox-container--ready .fancybox-bg { opacity: .87; -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1); -o-transition-timing-function: cubic-bezier(.22,.61,.36,1); transition-timing-function: cubic-bezier(.22,.61,.36,1) }
.fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr }
.fancybox-show-controls .fancybox-controls { opacity: 1 }
.fancybox-infobar { display: none }
.fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all }
.fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30,30,30,.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased }
.fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all }
.fancybox-show-buttons .fancybox-buttons { display: block }
.fancybox-slider-wrap { overflow: hidden; direction: ltr }
.fancybox-slider, .fancybox-slider-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent }
.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: 0; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch }
.fancybox-slide:before { content: ""; height: 100%; width: 0 }
.fancybox-slide:before, .fancybox-slide > * { display: inline-block; vertical-align: middle }
.fancybox-slide > * { position: relative; padding: 24px; margin: 44px 0; border-width: 0; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box }
.fancybox-slide--image { overflow: hidden }
.fancybox-slide--image:before { display: none }
.fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: 0; font-size: 16px; font-family: Arial,sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch }
.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff }
.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: 0 0 }
.fancybox-placeholder { z-index: 99995; background: 0 0; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.fancybox-image, .fancybox-placeholder, .fancybox-spaceball { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0 }
.fancybox-image, .fancybox-spaceball { width: 100%; height: 100%; max-width: none; max-height: none; background: 0 0; background-size: 100% 100% }
.fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out }
.fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in }
.fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab }
.fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing }
.fancybox-spaceball { z-index: 1 }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden }
.fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; cursor: default }
.fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif }
.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: 0; background: 0 0; z-index: 10; cursor: pointer }
.fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2 }
.fancybox-close-small:focus:after { outline: 1px dotted #888 }
.fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: 0 0 }
.fancybox-close-small:hover:after { color: #555; background: #eee }
.fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none }
.fancybox-show-caption .fancybox-caption-wrap { opacity: 1 }
.fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255,255,255,.4); font-size: 14px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none }
.fancybox-caption a, .fancybox-caption button { pointer-events: all }
.fancybox-caption a { color: #fff; text-decoration: underline }
.fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: 0 0; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; outline: 0 }
.fancybox-button--disabled { cursor: default; pointer-events: none }
.fancybox-button, .fancybox-infobar__body { background: rgba(30,30,30,.6) }
.fancybox-button:hover { background: rgba(0,0,0,.8) }
.fancybox-button:after, .fancybox-button:before { content: ""; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: .9; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block }
.fancybox-button--disabled:after, .fancybox-button--disabled:before { opacity: .5 }
.fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) }
.fancybox-button--left:after, .fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: 0 0; border-top: 2px solid currentColor; border-right: 2px solid currentColor }
.fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.fancybox-button--left { border-bottom-left-radius: 5px }
.fancybox-button--right { border-bottom-right-radius: 5px }
.fancybox-button--close { float: right }
.fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) }
.fancybox-button--close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.fancybox-button--close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.fancybox-loading { border: 6px solid rgba(99,99,99,.4); border-top: 6px solid rgba(255,255,255,.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: 0 0; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 }

@-webkit-keyframes a {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg) }
}

@keyframes a {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg) }
}

@media (max-width:768px) {
    .fancybox-controls { text-align: left }
    .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important }
    .fancybox-caption { padding: 20px 0; margin: 0 }
}

.fancybox-button--fullscreen:before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: 0 0 }
.fancybox-button--play:before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: 0 0 }
.fancybox-button--pause:before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px; background: 0 0 }
.fancybox-button--thumbs span { font-size: 23px }
.fancybox-button--thumbs:before { top: 20px; left: 21px; width: 3px; height: 3px; -webkit-box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0 }
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 220px }
.fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box }
.fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 }
.fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: 0; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
li.fancybox-thumbs-loading { background: rgba(0,0,0,.1) }
.fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94); -o-transition: all .2s cubic-bezier(.25,.46,.45,.94); transition: all .2s cubic-bezier(.25,.46,.45,.94) }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1 }

@media (max-width:768px) {
    .fancybox-thumbs { display: none !important }
    .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 0 }
}
/*! Animate End */
body.overflow, html.overflow { overflow-y: hidden }
html::-webkit-scrollbar { width: 7px; height: 7px; background-color: #1f1a17 }
html::-webkit-scrollbar-track { border-radius: 0; background-color: #1f1a17 }
html::-webkit-scrollbar-thumb { border-radius: 0; width: 17px; height: 17px; background-color: #e67015 }
body { overflow-x: hidden; font-family: "Microsoft YaHei",sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh }
.cy-wrapper.scrollbar, .footer.scrollbar, .header.scrollbar { overflow-y: scroll }
.cy-wrapper.scrollbar::-webkit-scrollbar, .footer.scrollbar::-webkit-scrollbar, .header.scrollbar::-webkit-scrollbar { width: 7px; height: 7px; background-color: #1f1a17 }
.cy-wrapper.scrollbar::-webkit-scrollbar-track, .footer.scrollbar::-webkit-scrollbar-track, .header.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: #1f1a17 }
.cy-wrapper.scrollbar::-webkit-scrollbar-thumb, .footer.scrollbar::-webkit-scrollbar-thumb, .header.scrollbar::-webkit-scrollbar-thumb { border-radius: 0; width: 17px; height: 17px; background-color: #1f1a17 }

@media (min-device-pixel-ratio:2) {
    .cy-wrapper.scrollbar, .footer.scrollbar, .header.scrollbar { overflow-y: hidden }
    .cy-wrapper.scrollbar::-webkit-scrollbar, .footer.scrollbar::-webkit-scrollbar, .header.scrollbar::-webkit-scrollbar { display: none }
}

.cy-wrapper { overflow: hidden;/* -webkit-box-flex: 1; -ms-flex: 1; flex: 1*/ }
.container { margin: 0 auto; padding: 0 15px; width: 100% }

@media (min-width:1025px) and (max-width:1240px) {
    .container { max-width: 90% }
}

@media (min-width:1241px) {
    .container { max-width: 1140px }
}

@media (min-width:1441px) {
    .container { padding: 0; max-width: 1200px }
}

.clearfix:after, .clearfix:before { content: ''; display: table }
.clearfix:after { clear: both }
.details-body { line-height: 20px; overflow: hidden }
.details-body p { line-height: 30px }
.details-body img { display: inline-block; max-width: 100%; height: auto !important; margin: 0 auto }
.builder { display: inline-block; vertical-align: top }
.copyright a:hover { color: #e67015; text-decoration: underline }
::-moz-selection { background: #1f1a17; color: #fff }
::selection { background: #1f1a17; color: #fff }
.bsBox { width: auto !important; height: auto !important }
.icon { display: inline-block; vertical-align: top; font-size: 0; line-height: 0 }
.fancybox-button--left, .fancybox-button--right { position: fixed; top: 50%; border-radius: 50%; background: #666; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%) }
.fancybox-button--left:hover, .fancybox-button--right:hover { background: #999 }
.fancybox-button--left { left: 5% }
.fancybox-button--right { right: 5% }
.cy_title { padding: 0 0 40px; color: #000 }

@media (max-width:1240px) {
    .cy_title { padding: 0 0 30px }
}

@media (max-width:768px) {
    .cy_title { padding: 0 0 25px }
}

@media (max-width:425px) {
    .cy_title { padding: 0 0 15px }
}

.cy_title.c_w { color: #fff }
.cy_title.c_wl .title:before { background: #fff }
.cy_title .title { position: relative; z-index: 1; font-family: Arial,sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase }

@media (max-width:768px) {
    .cy_title .title { font-size: 25px }
}

@media (max-width:425px) {
    .cy_title .title { font-size: 20px }
}

.cy_title .title:before { position: absolute; right: 100%; bottom: 50%; z-index: -1; margin-right: .5em; width: 2em; height: 1px; background: #e67015; content: '' }

@media (max-width:1440px) {
    .cy_title .title:before { width: 1.5em }
}

@media (max-width:1024px) {
    .cy_title .title:before { content: none }
}

.cy_title .name { font-size: 20px; line-height: 1.5 }

@media (max-width:768px) {
    .cy_title .name { font-size: 18px }
}

@media (max-width:425px) {
    .cy_title .name { font-size: 16px }
}

.cy-404 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15% 0 10%; min-height: 90vh; text-align: center }

@media (max-width:1024px) {
    .cy-404 { padding: 100px 0 }
}

.cy-404 .pic-404 img { max-width: 90% }
.cy-404 .info-404 { margin: 30px 0 60px; font-size: 30px; line-height: 1; color: #fff }

@media (max-width:1024px) {
    .cy-404 .info-404 { margin: 30px 0 40px; font-size: 20px }
}

.cy-404 .btn-404 a { display: block; margin: 0 auto; padding: 10px 0; width: 190px; font-size: 14px; line-height: 25px; text-align: center; background: #fff; color: #e67015; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s }
.cy-404 .btn-404 a:hover { color: #1f1a17 }

@media (max-width:1024px) {
    .cy-404 .btn-404 a { width: 150px; line-height: 20px }
}

@media (max-width:576px) {
    .cy-404 .btn-404 a { width: 120px; line-height: 15px }
}

.cy_sec { position: relative; z-index: 1; padding: 0% 0; }


.about_wenhua{ position: relative; z-index: 1; padding: 6.25% 0; background: #eaeaea }

.about_wenhua .cy_title .title {
    position: relative;
    z-index: 1;
    font-family: Arial,sans-serif;
    font-size: 30px;
    font-weight: 700;
	text-transform: uppercase;
margin-top: 50px;}






.case_sec { padding: 2.25% 0 6.25%; }
.cy_sec .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: no-repeat top center; background-size: cover }
.cy_sec .bg:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; /*background: #000;*/ opacity: .7; content: '' }
.cy_sec .bg.c_1:before { background: #001a44; opacity: .3 }
.cy_sec .bg.c_3:before { opacity: .3 }
.cy_sec .bg.no_fixed { background: no-repeat right bottom; background-size: cover }
.cy_sec .bg.no_fixed:before { content: none }

@media (max-width:576px) {
    .cy_sec .bg.no_fixed { background: no-repeat center center }
}

.cy_sec .cy_s-box { width: 525px }
.cy_sec .cy_s-box.s_c { margin: 0 auto; text-align: center }
.cy_sec .cy_s-box.s_c .cy_title .title:before { content: none }
.cy_sec .cy_s-box.s_c .cy_s-d { text-align: center }
.cy_sec .cy_s-box.s_c .line { display: inline-block; vertical-align: top; margin: 15px 0 0; width: 1px; height: 30px; background: #7e7e7e }

@media (max-width:1024px) {
    .cy_sec .cy_s-box.s_c .line { margin: 10px 0 0; height: 25px }
}

@media (max-width:768px) {
    .cy_sec .cy_s-box.s_c .line { height: 20px }
}

.cy_sec .cy_s-d {  font-size: 14px; line-height: 25px; text-indent: 2em; color: #858585; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp:5; -webkit-box-orient: vertical }
.cy_sec .cy_s-d.c_w { color: #fff }
.cy_sec .cy_s-link { font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; text-align: right; text-transform: uppercase; color: #aaa }
.cy_sec .cy_s-link a { display: inline-block; vertical-align: top; position: relative; top: -45px; z-index: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.cy_sec .cy_s-link a:hover { color: #e67015 }
.cy_sec .cy_s-link a:hover .icon-arrow-thin-right { fill: #e67015 }
.cy_sec .cy_s-link .icon-arrow-thin-right { margin: 0 0 0 10px; width: 12px; height: 12px; fill: #aaa; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.cy_sec .cy_s-link.s_1 { text-align: left }
.cy_sec .cy_s-link.s_1 a { top: 0; padding: 15px 0; width: 140px; text-align: center; background: #1f1a17; color: #fff }
.cy_sec .cy_s-link.s_1 a:hover { background: #e67015; color: #fff }
.cy_sec .cy_s-link.s_1 a:hover .icon-arrow-thin-right { fill: #fff }

@media (max-width:768px) {
    .cy_sec .cy_s-link.s_1 a { padding: 10px 0; width: 120px }
}

.cy_sec .cy_s-link.s_1 .icon-arrow-thin-right { fill: #fff }
.cy_sec .cy_s-link.s_1.s_1-1 { text-align: center }
.cy_sec .cy_s-link.s_1.s_1-1 a { border: 2px solid #e67015; background: #fff; color: #666 }
.cy_sec .cy_s-link.s_1.s_1-1 a:hover { background: #e67015; color: #fff }
.cy_sec .cy_s-link.s_1.s_1-1 .icon-arrow-thin-right { fill: #666 }
.cy_sec .cy_s-link.s_1.s_1-2 a { border: 2px solid #fff; background: 0 0 }
.cy_sec .cy_s-link.s_1.s_1-2 a:hover { border-color: #e67015; background: #e67015 }

@media (max-width:1240px) {
    .cy_sec .cy_s-box { width: 100%; max-width: 500px }
}

@media (max-width:1024px) {
    .cy_sec .cy_s-box { width: 100% }
}

@media (max-width:768px) {
    .cy_sec { padding: 10vw 0 }
    .cy_sec .cy_s-link { margin: 2vw 0 0 }
    .cy_sec .cy_s-link a { top: 0 }
}








.cy_para { z-index: 1 }
.cy_para.cy_sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width:1024px) {
    .cy_para.cy_sec { min-height: 0 }
}

.cy_para.cy_cur { z-index: 3 }
.cy_para.cy_para_last { min-height: 0 }
.cy_banner { position: relative; z-index: 1 }
.cy_banner .banner-pic { position: relative }
.cy_banner .banner-pic .pic { position: relative; z-index: 1; height: 100vh; background: no-repeat center center; background-size: cover }



@media (max-width:1024px) {
    .cy_banner .banner-pic .pic { height: calc(100vh - 60px); max-height: 964px }
}

@media (max-width:768px) {
    .cy_banner .banner-pic .pic { max-height: 676px }
}

@media (max-width:425px) {
    .cy_banner .banner-pic .pic { max-height: 607px }
}

.cy_banner .banner-pic .pic:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.5); content: '' }
.cy_banner .banner-pic .pic img { height: 100%; visibility: hidden; opacity: 0 }
.cy_banner .banner-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 85px; left: 0; right: 0; bottom: 85px; z-index: 3; text-align: center; color: #fff }
.cy_banner .banner-info .title { font-family: Arial,sans-serif; font-size: 80px; font-weight: 700; text-transform: uppercase; line-height: 60px }
.cy_banner .banner-info .name { margin: 1.6667% 0 0; font-size: 28px; line-height: 40px }
.cy_banner .banner-info .more { display: inline-block; vertical-align: top; margin: 6.6667% 0 0; border: 1px solid #fff; border-radius: 50%; padding: 10px; width: 35px; height: 35px; opacity: .5; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.cy_banner .banner-info .more .icon-chevron-thin-down { width: 13px; height: 13px }
.cy_banner .banner-info .more .icon-svg { fill: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.cy_banner .banner-info .more:hover { border-color: #e67015; opacity: 1 }
.cy_banner .banner-info .more:hover .icon-svg { fill: #e67015; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }

@media (min-width:1025px) and (max-width:1240px) {
    .cy_banner .banner-info { bottom: 60px }
    .cy_banner .banner-info .title { font-size: 60px }
    .cy_banner .banner-info .name { font-size: 24px }
}

@media (max-width:1024px) {
    .cy_banner .banner-info { top: 0; bottom: 45px }
    .cy_banner .banner-info .title { font-size: 6vw; line-height: 1.2 }
    .cy_banner .banner-info .name { font-size: 24px; line-height: 20px }
}

.cy_banner.cy_banner-details { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100% }
.cy_banner.cy_banner-details .banner-pic .pic { background: no-repeat top center }

@media (max-width:768px) {
    .cy_banner.cy_banner-details .banner-pic .pic { height: 100vh; max-height: none }
}

.cy_inside-nav { position: relative; z-index: 3; margin-top: -85px; padding: 0 0 30px; height: 85px }
.cy_inside-nav.nav-1 { margin-top: -120px; height: 120px }
.cy_inside-nav .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.cy_inside-nav .nav > div { margin: 0 8px; width: 140px }
.cy_inside-nav .nav a { display: block; position: relative; z-index: 1; border-bottom: 1px solid rgba(255,255,255,.4); padding: 0 0 15px; font-size: 14px; line-height: 20px; text-align: center; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.cy_inside-nav .nav a:after { position: absolute; top: 100%; left: 50%; width: 7px; height: 0; background: url(../images/icons/down.png) no-repeat bottom center; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translate(-50%,10px); -ms-transform: translate(-50%,10px); transform: translate(-50%,10px); content: '' }
.cy_inside-nav .nav a.cur, .cy_inside-nav .nav a:hover { z-index: 3; border-bottom-color: #e67015; color: #e67015 }
.cy_inside-nav .nav a.cur:after, .cy_inside-nav .nav a:hover:after { height: 5px; opacity: 1; visibility: visible }
.cy_inside-nav .nav a.cur .icon-svg, .cy_inside-nav .nav a:hover .icon-svg { fill: #e67015 }
.cy_inside-nav .nav .icon { display: block; margin: 0 0 10px }
.cy_inside-nav .nav .icon-svg { width: 40px; height: 40px; fill: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

@media (max-width:1240px) {
    .cy_inside-nav { margin-top: -60px; padding: 0 0 20px; height: 60px }
    .cy_inside-nav .nav > div { width: 100px }
    .cy_inside-nav .nav a { font-size: 12px }
}

@media (max-width:1024px) {
    .cy_inside-nav { display: none }
}

.cy_page { padding: 4% 0 0; text-align: center }

@media (max-width:1024px) {
    .cy_page { padding: 4vw 0 0 }
}

.cy_page a { display: inline-block; vertical-align: top; margin: 0 1px; padding: 15px 20px; font-size: 12px; line-height: 15px; background: #fff; color: #333; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
.cy_page a:hover { color: #e67015 }
.cy_page a.act { background: #e67015; color: #fff }

@media (max-width:1024px) {
    .cy_page a { padding: 10px 15px }
    .cy_page a.next, .cy_page a.prev { display: none }
}

.details-page { background: none }
.details-page .details_head { padding: 7% 0; text-align: center }

@media (max-width:1240px) {
    .details-page .details_head { padding-top: 10% }
}

@media (max-width:1024px) {
    .details-page .details_head { padding-top: 2.75% }
}

.details-page .details_head .title { font-size: 36px; line-height: 50px; color: #fff }

@media (max-width:1240px) {
    .details-page .details_head .title { font-size: 30px; line-height: 40px }
}

@media (max-width:1024px) {
    .details-page .details_head .title { font-size: 25px; line-height: 35px }
}

@media (max-width:768px) {
    .details-page .details_head .title { font-size: 24px; line-height: 30px }
}

.details-page .details_head .tools { margin-top: 2.5%; font-size: 0; line-height: 0 }



.details-page .details_head .d { display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; color: #fff }
.details-page .details_head .share { display: inline-block; vertical-align: top; margin: 0 0 0 40px }

@media (max-width:1024px) {
    .details-page .details_head .share { display: none }
}

.details-page .details_head .sh-t { font-size: 12px; line-height: 20px; color: #fff }
.details-page .details-content { position: relative; z-index: 1; margin: 0 5%; padding: 5% 0; background: #fff }

@media (max-width:1440px) {
    .details-page .details-content { margin: 0 3% }
}

@media (max-width:576px) {
    .details-page .details-content { padding: 10% 0 }
}

.details-page .details-body { margin: 0 auto; width: 60%; max-width: 840px; text-align: justify }

@media (max-width:1024px) {
    .details-page .details-body { width: 80% }
}

@media (max-width:768px) {
	.pro_tui .pm-c_item{width:100%}
    .details-page .details-body { width: 90%; line-height: 15px }
    .details-page .details-body p { line-height: 25px }
}

.details-page .details-foot { position: absolute; top: 0; left: 0; bottom: 0; z-index: 3; border-right: 1px solid #eee; padding: 5% 2%; width: 12.5%; min-width: 160px }

@media (max-width:1440px) {
    .details-page .details-foot { padding: 5% 25px }
}

@media (max-width:1024px) {
    .details-page .details-foot { position: relative; margin: 3vw 0 0; border-right: 0 none; border-top: 1px solid #eee; padding: 4vw 0 0; width: 100%; text-align: center }
}

.details-page .details-foot a { display: inline-block; vertical-align: top; margin: 5px 0; border-radius: 7px; padding: 10px; width: 100%; font-size: 12px; line-height: 20px; text-align: center; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s }

@media (max-width:1024px) {
    .details-page .details-foot a { margin: 0 5px; width: 120px }
}

@media (max-width:425px) {
    .details-page .details-foot a { margin: 0 2px; border-radius: 3px; padding: 5px; width: 90px }
}

.details-page .details-foot .next, .details-page .details-foot .prev { background: #e67015; color: #fff }
.details-page .details-foot .next:hover, .details-page .details-foot .prev:hover { background: #333}
.details-page .details-foot .back { border: 1px solid #ccc; background: #fff }
.details-page .details-foot .back:before { display: inline-block; vertical-align: top; margin: 0 10px 0 0; width: 20px; height: 20px; background: url(../images/dots.png) no-repeat center center; content: '' }

@media (max-width:425px) {
    .details-page .details-foot .back:before { margin: 0 5px 0 0 }
}

.details-page .details-foot .back:hover { border-color: #e67015 }
.header { position: fixed; top: 15px; left: 0; right: 0; z-index: 4777; padding: 0 5% }

@media (max-width:1440px) {
    .header { padding: 0 3% }
}

@media (max-width:1024px) {
    .header { top: 0; padding: 0 }
}

.header.scroll:before { left: 0; right: 0; opacity: 1 }
.header.scroll:after { left: 0; right: 0 }
.header:after, .header:before { position: absolute; left: 5%; right: 5%; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; content: '' }
.header:before { bottom: 0; z-index: -2; height: 1px; -webkit-box-shadow: 0 0 1px 1px #ccc; box-shadow: 0 0 1px 1px #ccc; opacity: 0 }

@media (max-width:1024px) {
    .header:before { left: 0; right: 0; opacity: 1 }
}

.header:after { top: 0; bottom: 0; z-index: -1; background: #fff }

@media (max-width:1024px) {
    .header:after { content: none }
}

.header .h-container { background: #fff }
.header .h-container:after { content: ''; display: block; clear: both }
.header .logo, .header { margin: 12px 2.5% }
.tool { margin: 20px 2%  20px 0 }

.header .logo img{width: 100%}


@media (max-width:1024px) {
}

.header .logo { display: block; float: left; width:230px; height: 32px }
.header .tool { float: right }
.header .tool ul { margin: 0 -.5em }

@media (max-width:1024px) {
    .header .tool ul { display: none }
}

.header .tool li { float: left; margin: 0 .5em }
.header .tool li:first-child { margin-right: 1.5em }

@media (min-width:1025px) and (max-width:1240px) {
    .header .tool li:first-child { margin-right: 1em }
}

.header .tool li .icon-svg { margin: 8px; width: 16px; height: 16px; vertical-align: top }
.header .tool .icon { display: inline-block; width: 32px; height: 32px; vertical-align: top; text-align: center }
.header .tool .icon-map-pin, .header .tool .icon-shopping-cart { border-radius: 50% }
.header .tool .icon-map-pin .icon-svg, .header .tool .icon-shopping-cart .icon-svg { fill: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s }
.header .tool .icon-map-pin:hover .icon-svg, .header .tool .icon-shopping-cart:hover .icon-svg { margin: 6px; width: 20px; height: 20px }
.header .tool .icon-map-pin { background: #1f1a17 }
.header .tool .icon-shopping-cart { background: #e67015 }
.header .tool .c { font-family: Arial,sans-serif; font-size: 14px; color: #000; line-height: 32px }
.header .tool .menu { display: none; cursor: pointer }
.header .tool .menu .icon-close { display: none }
.header .tool .menu.act .icon-menu { display: none }
.header .tool .menu.act .icon-close { display: block }

@media (max-width:1024px) {
    .header .tool .menu { display: block }
}

.header .nav { text-align: center }

@media (max-width:1024px) {
    .header .nav { display: none; overflow: auto; position: fixed; top: 60px; left: 0; right: 0; bottom: 0; z-index: 7; padding: 0 0 5%; background: #1c1e34; text-align: left }
    .header .nav.act { display: block }
    .header .nav::-webkit-scrollbar { display: none }
}

.header .nav ul { display: inline-block; vertical-align: top; position: relative; z-index: 1 }

@media (max-width:1024px) {
    .header .nav ul { display: block }
}

.header .nav .nav_item { float: left; position: relative; z-index: 1; margin: 0 20px }
.header .nav .nav_item:before { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 4px; background: #e67015 }
.header .nav .nav_item.cur { z-index: 3 }
.header .nav .nav_item.cur:before { content: '' }
.header .nav .nav_item.cur .name { color: #e67015 }
.header .nav .nav_item:hover { z-index: 3 }
.header .nav .nav_item:hover ol { visibility: visible; opacity: 1 }

@media (max-width:1440px) {
    .header .nav .nav_item { margin: 0 10px }
}

@media (min-width:1025px) and (max-width:1240px) {
    .header .nav .nav_item { margin: 0 7px }
}

@media (max-width:1024px) {
    .header .nav .nav_item { float: none; margin: 0; border-bottom: 1px solid #bbb }
    .header .nav .nav_item:before { content: none }
    .header .nav .nav_item.cur:before { content: none }
    .header .nav .nav_item.act, .header .nav .nav_item:active { background: #e67015 }
    .header .nav .nav_item.act .name, .header .nav .nav_item:active .name { color: #fff }
    .header .nav .nav_item.act .name:before, .header .nav .nav_item:active .name:before { content: '' }
}

.header .nav .name { display: block; padding: 20px 5px; font-size: 14px; line-height: 32px; color: #000 }
.header .nav .name:hover { color: #e67015 }

@media (max-width:1024px) {
    .header .nav .name { position: relative; z-index: 1; padding: 15px 5%; font-size: 18px; color: #fff }
    .header .nav .name:before { position: absolute; top: 50%; right: 5%; z-index: -1; margin-top: -6px; border: 2px solid #fff; border-radius: 50%; width: 12px; height: 12px; background: 0 0 }
    .header .nav .name:hover { color: #fff }
}

@media (max-width:768px) {
    .header .nav .name { padding: 10px 5% }
}

.header .nav ol { position: absolute; top: 100%; left: -15px; right: -15px; z-index: 3; border: 1px solid #eee; border-top-color: transparent; margin-top: 1px; padding: 10px 0; background: #fff; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

@media (min-width:1025px) {
    .header .nav ol { display: block !important }
}

@media (max-width:1024px) {
    .header .nav ol { display: none; position: relative; left: 0; right: 0; padding: 0; visibility: visible; opacity: 1; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s }
}

.header .nav .nav__item a { display: block; padding: 7px 5px 8px; font-size: 14px; line-height: 15px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s }
.header .nav .nav__item a:hover { background: #eee; color: #e67015 }

@media (max-width:1024px) {
    .header .nav .nav__item a { border-bottom: 1px solid #bbb; padding: 15px 5% }
}

.header-overlay { visibility: hidden; height: 0 }

@media (max-width:1024px) {
    .header-overlay { height: 60px }
}

.side-nav { position: fixed; right: 15px; bottom: 48px; z-index: 777 }
.side-nav .box { position: relative; z-index: 1; margin: 3px 0 }
.side-nav .box:hover { z-index: 3 }
.side-nav .box:hover .icon:before { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none }
.side-nav .box:hover .cont { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s }
.side-nav .icon { position: relative; z-index: 0; padding: 10px; width: 40px; height: 40px; background: #1f1a17; cursor: pointer }
.side-nav .icon:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #e67015; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; content: '' }
.side-nav .icon-svg { width: 20px; height: 20px; fill: #fff }
.side-nav .icon-phone { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) }
.side-nav .to-top { opacity: 0; visibility: hidden; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
.side-nav .to-top.s { opacity: 1; visibility: visible }
.side-nav .cont { position: absolute; top: 0; right: 100%; bottom: 0; z-index: 1; padding: 10px; font-size: 14px; line-height: 20px; white-space: nowrap; background: #e67015; color: #fff; opacity: 0; visibility: hidden; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

@media (max-width:1024px) {
    .side-nav { display: none }
}



@media (max-width:768px) {
    .footer .f-content .cl-info { line-height: 25px }
}

@media (max-width:425px) {
    .footer .f-content .cl-info { font-size: 12px; line-height: 20px }
}

.footer .f-content .f-cr ul { margin: 0 -1em }
.footer .f-content .f-cr li { margin: 0 0 1em; padding: 0 1em; text-align: center }
.footer .f-content .f-cr img { width: 120px; height: 120px }
.footer .f-content .f-cr figcaption { padding: .5em 0 0; font-size: 12px; line-height: 1; color: #999 }

@media (max-width:1024px) {
    .footer .f-content .f-cr { padding: 3em 0 0 }
}

@media (max-width:768px) {
    .footer .f-content .f-cr { padding: 2em 0 0 }
    .footer .f-content .f-cr ul { margin: 0 -.75em }
    .footer .f-content .f-cr li { padding: 0 .75em }
}

@media (max-width:425px) {
    .footer .f-content .f-cr { padding: 1.5em 0 0 }
}

.flexbox .footer .f-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.flexbox .footer .f-content .f-cl { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 3em 0 0 }
.flexbox .footer .f-content .f-cr ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }

@media (max-width:1024px) {
    .flexbox .footer .f-content .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .flexbox .footer .f-content .f-cl { padding: 0 }
    .flexbox .footer .f-content .f-cr ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left }
}

.no-flexbox .footer .f-content:after { content: ''; display: block; clear: both }
.no-flexbox .footer .f-content .f-cl { float: left; max-width: 60% }
.no-flexbox .footer .f-content .f-cr { float: right }
.no-flexbox .footer .f-content .f-cr:after { content: ''; display: block; clear: both }
.no-flexbox .footer .f-content .f-cr li { float: left }

@media (max-width:1024px) {
    .no-flexbox .footer .f-content .f-cl { float: none; max-width: none }
    .no-flexbox .footer .f-content .f-cr { float: none }
}

.footer .copyright { padding: 1em 0; font-size: 12px; line-height: 2; background: #1f1a17; color: #fff }
.footer .copyright .builder { float: right }

@media (max-width:1024px) {
    .footer .copyright .builder { float: none }
}

@media (max-width:768px) {
    .footer .copyright { line-height: 1.8 }
}

.hm-banner .banner-dots { position: absolute; left: 0; bottom: 0; z-index: 5; padding: 0 0 40px; width: 100%; height: 85px }
.hm-banner .banner-dots ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; border-top: 1px solid rgba(255,255,255,.2) }
.hm-banner .banner-dots li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; padding: 30px 0 0; width: auto; height: auto; font-family: Arial,sans-serif; font-size: 12px; line-height: 14px; color: rgba(255,255,255,.5) }
.hm-banner .banner-dots li:before { position: absolute; top: -1px; left: 0; z-index: 1; width: 100%; height: 1px; background: #e67015; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform 5.5s linear; transition: -webkit-transform 5.5s linear; -o-transition: transform 5.5s linear; transition: transform 5.5s linear; transition: transform 5.5s linear,-webkit-transform 5.5s linear; content: '' }
.hm-banner .banner-dots li.cur { color: #e67015 }
.hm-banner .banner-dots li.cur:before { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }

@media (max-width:1240px) {
    .hm-banner .banner-dots { padding: 0 0 20px; height: 60px }
    .hm-banner .banner-dots li { padding: 25px 0 0 }
}

@media (max-width:1024px) {
    .hm-banner .banner-dots { padding: 0 0 15px; height: 45px }
    .hm-banner .banner-dots li { padding: 15px 0 0 }
}

.hm-about .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }

@media (max-width:1024px) {
    .hm-about .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}

.hm-about .about_info, .hm-about .about_video { width: 525px }

@media (min-width:1025px) and (max-width:1240px) {
    .hm-about .about_info, .hm-about .about_video { width: 47.5%; max-width: 500px }
}

@media (max-width:1024px) {
    .hm-about .about_info, .hm-about .about_video { width: auto; max-width: none }
}

.hm-about .about_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.hm-about .cy_s-d { height: 75px; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.hm-about .a_i-link { margin: 60px 0 0 }
.hm-about .a_i-link a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.hm-about .a_i-link a:hover { color: #e67015 }
.hm-about .a_i-link a:hover .icon { -webkit-transform: translate(0,15%); -ms-transform: translate(0,15%); transform: translate(0,15%); fill: #1f1a17 }
.hm-about .a_i-link .t { font-family: Arial,sans-serif; font-size: 20px; line-height: 30px; color: #111 }
.hm-about .a_i-link .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 35px 0 0; font-size: 14px; line-height: 15px; color: #858585 }
.hm-about .a_i-link .icon { margin: 0 0 25px; width: 50px; height: 50px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; fill: #e67015 }

@media (max-width:425px) {
    .hm-about .a_i-link .icon { width: 40px; height: 40px }
}

.hm-about .a_i-link .desc-e { font-family: Arial,sans-serif }

@media (min-width:1025px) and (max-width:1240px) {
    .hm-about .a_i-link { margin: 10% 0 0 }
    .hm-about .a_i-link .link { margin: 7% 0 0 }
    .hm-about .a_i-link .icon { margin: 0 0 15px }
}

@media (max-width:1024px) {
    .hm-about .a_i-link { margin: 6vw 0 0 }
    .hm-about .a_i-link .link { margin: 3vw 0 0 }
    .hm-about .a_i-link .icon { margin: 0 0 2vw }
}

.hm-about .about_video { position: relative; z-index: 1 }

@media (max-width:1240px) {
    .hm-about .about_video { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (max-width:1024px) {
    .hm-about .about_video { margin: 7vw auto 0 }
}

@media (max-width:576px) {
    .hm-about .about_video { margin-top: 10vw }
}

.hm-about .about_video .vbBox { margin: 0 10px 10px 0; border-right: 10px solid #fff; border-bottom: 10px solid #fff; width: 510px }
.hm-about .about_video .vbBox:before { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%;  content: '' }
.hm-about .about_video .vbBox img { display: block; width: 100% }
.hm-about .about_video .vbBox .vico { padding: 16px }
.hm-about .about_video .vbBox .icon { width: 32px; height: 32px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; fill: #fff }
.hm-about .about_video .vbBox:hover .icon { -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); fill: #e67015 }

@media (max-width:1240px) {
    .hm-about .about_video .vbBox { -ms-flex-item-align: end; align-self: flex-end }
}

@media (min-width:1025px) and (max-width:1240px) {
    .hm-about .about_video .vbBox { width: 100% }
}

@media (max-width:576px) {
    .hm-about .about_video .vbBox { width: 100% }
}

.hm-about .about_video .a_v-bor { position: absolute; top: 35%; left: 25%; right: 0; bottom: 0; z-index: -1; border: 3px solid #e67015 }
.hm-product .product_info { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    padding: 0% 0 0;
    flex-wrap: wrap;
}
.hm-product .product_info > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0; line-height: 0; text-align: center }

@media (max-width:1024px) {
    .hm-product .product_info { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3vw 0 0 }
    .hm-product .product_info > div { -webkit-box-flex: 33.3334%; -ms-flex: 33.3334%; flex: 33.3334%; margin: 5vw 0 0 }
}

.hm-product .product_info a:hover .icon { z-index: 3 }
.hm-product .product_info a:hover .icon:before { border-width: 70px }

@media (max-width:1240px) {
    .hm-product .product_info a:hover .icon:before { border-width: 60px }
}

@media (max-width:768px) {
    .hm-product .product_info a:hover .icon:before { border-width: 45px }
}

@media (max-width:425px) {
    .hm-product .product_info a:hover .icon:before { border-width: 35px }
}

.hm-product .product_info a:hover .icon-svg { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) }
.hm-product .product_info .icon { position: relative; z-index: 1; border-radius: 50%; padding: 45px; width: 140px; height: 140px }
.hm-product .product_info .icon:before { position: absolute; top: 0; left: 0; z-index: -1; border-radius: 50%; width: 100%; height: 100%; content: '' }
.hm-product .product_info .icon:before { border:0 solid #333333; background: rgba(255,255,255,.5); -webkit-transition: all .45s; -o-transition: all .45s; transition: all .45s;    background: #f39800; }

@media (max-width:1240px) {
    .hm-product .product_info .icon { padding: 40px; width: 120px; height: 120px }
}

@media (max-width:768px) {
    .hm-product .product_info .icon { padding: 30px; width: 110px; height: 110px }
}

@media (max-width:425px) {
}

.hm-product .product_info .icon-svg { width: 50px; height: 50px; fill: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

@media (max-width:1240px) {
    .hm-product .product_info .icon-svg { width: 40px; height: 40px }
}

@media (max-width:768px) {
    .hm-product .product_info .icon-svg { width: 30px; height: 30px }
}

.hm-product .product_info .name { display: inline-block; vertical-align: top;/* margin: 15px 0 0;*/ font-size: 15px; line-height: 55px; color: #000000 }

@media (max-width:1240px) {
    .hm-product .product_info .name { margin: 10px 0 0 }
}

.hm-brand .brand-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 4% 0 0 }

@media (max-width:1240px) {
    .hm-brand .brand-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}

.hm-brand .brand-info > div:nth-child(odd) a:hover .b-i_desc { top: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info > div:nth-child(odd) a:hover .b-i_pic img { top: -110px }

@media (max-width:1240px) {
    .hm-brand .brand-info > div:nth-child(odd) a:hover .b-i_pic img { top: 0 }
}

.hm-brand .brand-info > div:nth-child(odd) .b-i_desc { top: 330px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

@media (max-width:1440px) {
    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc { top: 297px }
}

@media (max-width:1240px) {
    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc { margin-left: 380px; margin-right: 0; top: 0 }
}

@media (max-width:768px) {
    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc { margin-left: 304px }
}

@media (max-width:576px) {
    .hm-brand .brand-info > div:nth-child(odd) .b-i_desc { margin-left: 0 }
}

.hm-brand .brand-info > div:nth-child(odd) .b-i_pic { top: 0; bottom: auto }

@media (max-width:1240px) {
    .hm-brand .brand-info > div:nth-child(odd) .b-i_pic { left: 0; right: auto }
}

.hm-brand .brand-info a { display: block; overflow: hidden; position: relative; z-index: 1; background: #f2f2f2 }
.hm-brand .brand-info a:hover { z-index: 3 }
.hm-brand .brand-info a:hover .b-i_pic { height: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info a:hover .b-i_pic img { opacity: .3; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }

@media (max-width:1240px) {
    .hm-brand .brand-info a { margin: 10px 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .hm-brand .brand-info a:hover { background: #e9e9e9; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
    .hm-brand .brand-info a:hover .b-i_pic { height: auto }
    .hm-brand .brand-info a:hover .b-i_pic img { opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
}

@media (max-width:576px) {
    .hm-brand .brand-info a { margin: 10px auto; max-width: 480px }
}

.hm-brand .brand-info .b-i_desc { position: relative; z-index: 1; padding: 30px; width: 380px; height: 490px }

@media (max-width:1440px) {
    .hm-brand .brand-info .b-i_desc { width: 342px; height: 450px }
}

@media (max-width:1240px) {
    .hm-brand .brand-info .b-i_desc { margin-right: 380px; width: auto; height: 330px }
}

@media (max-width:768px) {
    .hm-brand .brand-info .b-i_desc { margin-right: 304px; padding: 25px; height: 264px }
}

@media (max-width:576px) {
    .hm-brand .brand-info .b-i_desc { margin-top: 86.8421%; margin-right: 0; padding: 7.5%; height: auto }
}

.hm-brand .brand-info .date { font-size: 12px; line-height: 15px; color: #ababab }
.hm-brand .brand-info .name { height: 50px; margin: 25px 0 0; font-size: 16px; font-weight: 700; line-height: 25px; color: #111; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

@media (max-width:768px) {
    .hm-brand .brand-info .name { margin-top: 15px }
}

@media (max-width:576px) {
    .hm-brand .brand-info .name { font-size: 15px }
}

.hm-brand .brand-info .desc { height: 50px; margin: 60px 0 0; font-size: 12px; line-height: 25px; color: #858585; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

@media (max-width:1240px) {
    .hm-brand .brand-info .desc { margin: 35px 0 0 }
}

@media (max-width:768px) {
    .hm-brand .brand-info .desc { margin-top: 20px }
}

.hm-brand .brand-info .more { margin: 140px 0 0; padding: 10px 0; width: 110px; font-size: 12px; line-height: 15px; text-align: center; background: #e67015; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.hm-brand .brand-info .more:hover { background: #1f1a17 }

@media (max-width:1240px) {
    .hm-brand .brand-info .more { margin: 60px 0 0 }
}

@media (max-width:768px) {
    .hm-brand .brand-info .more { margin-top: 29px }
}

.hm-brand .brand-info .b-i_pic { overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 3; height: 330px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.hm-brand .brand-info .b-i_pic img { position: relative; top: 0; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

@media (max-width:1440px) {
    .hm-brand .brand-info .b-i_pic { height: 297px }
}

@media (max-width:1240px) {
    .hm-brand .brand-info .b-i_pic { width: 380px; height: 330px }
}

@media (max-width:768px) {
    .hm-brand .brand-info .b-i_pic { width: 304px; height: 264px }
}

@media (max-width:576px) {
    .hm-brand .brand-info .b-i_pic { top: 0; bottom: auto; padding: 0 100% 86.8421% 0; width: auto; height: auto }
    .hm-brand .brand-info .b-i_pic img { position: absolute; left: 0; height: 100% }
}

.hm-spirit .cy_s-box { margin: 0 auto; text-align: center }
.hm-spirit .cy_s-box .l { display: inline-block; vertical-align: top; margin: 0 0 60px; width: 1px; height: 50px; background: #fff }

@media (max-width:1240px) {
    .hm-spirit .cy_s-box .l { margin: 0 0 9%; height: 10vw; max-height: 50px }
}

.hm-spirit .cy_title .title:before { content: none }
.hm-spirit .cy_s-d { text-align: center }
.hm-spirit .spirit-info { margin: 8% 0 0; text-align: center }
.hm-spirit .spirit-info .more { display: inline-block; vertical-align: top; padding: 10px 0; width: 110px; font-size: 12px; line-height: 15px; text-align: center; background: #e67015; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.hm-spirit .spirit-info .more:hover { background: #1f1a17 }
.hm-news .news-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 4% 0 0 }

@media (max-width:576px) {
    .hm-news .news-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}

.hm-news .news-info .n-i_pic { overflow: hidden; position: relative; z-index: 0; width: 50% }

@media (max-width:1240px) {
    .hm-news .news-info .n-i_pic { width: 55% }
}

@media (max-width:768px) {
    .hm-news .news-info .n-i_pic { width: 60% }
}

@media (max-width:576px) {
    .hm-news .news-info .n-i_pic { width: auto }
}

.hm-news .news-info .n-i_pic .pic { position: relative; z-index: 0; padding: 0 50% 75% 0; -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear }
.hm-news .news-info .n-i_pic .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.hm-news .news-info .n-i_pic .desc { position: absolute; left: 0; bottom: 0; z-index: 3; padding: 2.5% 3.3334%; width: 100%; background: rgba(0,0,0,.5); color: #fff }
.hm-news .news-info .n-i_pic .desc .date { float: left; margin: 0 3.6667% 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; text-align: center }
.hm-news .news-info .n-i_pic .desc .date .d { margin: 0 0 5px; font-size: 20px; font-weight: 700 }
.hm-news .news-info .n-i_pic .desc .cont { margin: 3px 0 2px; border-left: 1px solid #fff; padding: 0 3.6667%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 12px; line-height: 30px }
.hm-news .news-info .n-i_pic:hover .pic { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.hm-news .news-info .n-i_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; border: 1px solid #e5e5e5; border-left: 0 none }

@media (max-width:1240px) {
    .hm-news .news-info .n-i_list { width: 45% }
}

@media (max-width:768px) {
    .hm-news .news-info .n-i_list { width: 40% }
}

@media (max-width:576px) {
    .hm-news .news-info .n-i_list { border-left: 1px solid #e5e5e5; width: auto }
}

.hm-news .news-info .n-i_list .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 3.3334% 5.8334% 3.3334% 4.1667%; font-size: 12px; line-height: 15px; color: #858585; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.hm-news .news-info .n-i_list .box:hover { background: #e67015; color: #fff }
.hm-news .news-info .n-i_list .date { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 0 0 2em }
.hm-news .news-info .n-i_list .cont { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.hm-news .news-info .n-i_list .cont:before { margin: 0 1em 0 0; content: '-' }
.hm-more .more-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.hm-more .more-info > div { width: 26.6667% }
.hm-more .more-info .icon { float: left; margin: 0 6.25% 0 0 }
.hm-more .more-info .icon-svg { width: 50px; height: 50px; fill: #e67015 }

@media (max-width:576px) {
    .hm-more .more-info .icon-svg { margin: 5px 0 0; width: 40px; height: 40px }
}

.hm-more .more-info .desc { overflow: hidden; color: #fff }
.hm-more .more-info .title { font-family: Arial,sans-serif; font-size: 16px; font-weight: 700; line-height: 30px }
.hm-more .more-info .name { font-size: 14px; line-height: 20px }
.hm-more .more-info .cont { margin: 8% 0 0; font-size: 12px; line-height: 20px; opacity: .5 }

@media (max-width:576px) {
    .hm-more .more-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .hm-more .more-info > div { margin-top: 6vw; width: auto }
    .hm-more .more-info > div:first-child { margin-top: 0 }
    .hm-more .more-info .cont { margin: 3vw 0 0 }
}

.hm-more .bg:before { background: rgba(0,0,0,.3) }
.about_profile .cy_s-link { margin: 5vw 0 }
.about-profile_profile .cy_s-box { width: auto; max-width: 720px }
.about-profile_profile .ap_p-cont { font-size: 14px; line-height: 25px; text-align: justify; color: #999 }
.about-profile_profile .ap_p-count { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 10% 0 0; font-size: 12px; line-height: 15px; color: #666 }
.about-profile_profile .ap_p-count .num { margin: 0 5px 0 0; font-family: Arial,sans-serif; font-size: 60px; line-height: 1; color: #e67015 }

@media (max-width:1024px) {
    .about-profile_profile .ap_p-count .num { font-size: 50px }
}

@media (max-width:768px) {
    .about-profile_profile .ap_p-count .num { font-size: 40px }
}

@media (max-width:576px) {
    .about-profile_profile .ap_p-count .num { font-size: 30px }
}

.about-profile_profile .ap_p-count .name { margin: 5px 0 0 }
.about-profile_info { background: #f5f5f5 }
.about-profile_info .ap_i-video { margin: 2% 0 10% }
.about-profile_info .ap_i-video .vbBox { margin: 1% auto; width: 64px; height: 64px }
.about-profile_info .ap_i-video .vbBox .vico { padding: 16px }
.about-profile_info .ap_i-video .vbBox .vico:hover .icon-controller-play { -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); fill: #e67015 }
.about-profile_info .ap_i-video .icon-controller-play { width: 32px; height: 32px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; fill: #fff }
.about-profile_info .ap_i-video .video-info { text-align: center; color: #fff }
.about-profile_info .ap_i-video .title { font-size: 30px; font-weight: 700; line-height: 1 }

@media (max-width:1024px) {
    .about-profile_info .ap_i-video .title { font-size: 24px }
}

@media (max-width:576px) {
    .about-profile_info .ap_i-video .title { font-size: 18px }
}

.about-profile_info .ap_i-video .cont { margin: 2% 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px }
.about-profile_info .ap_i-info { margin: 0 13.75%; padding: 6%; font-size: 14px; line-height: 30px; text-align: justify; background: #fff; color: #999 }

@media (max-width:1240px) {
    .about-profile_info .ap_i-info { margin: 0 10%; padding: 5% }
}

@media (max-width:768px) {
    .about-profile_info .ap_i-info { margin: 0 5%; font-size: 13px; line-height: 25px }
}

@media (max-width:576px) {
    .about-profile_info .ap_i-info { margin: 0 }
}

.about-profile_info .bg { bottom: auto; padding: 0 100% 29.7% 0; height: calc(109px + 6.25vw + 22% - 17px); background-attachment: scroll }

@media (max-width:576px) {
    .about-profile_info .bg { padding: 0 100% 60% 0; height: auto }
}

.about-profile_culture { padding: 0; background: #f5f5f5 }
.about-profile_culture .ap_c-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }

@media (max-width:1024px) {
    .about-profile_culture .ap_c-cont { -ms-flex-wrap: wrap; flex-wrap: wrap }
}

.about-profile_culture .ap_c-cont .cont-item { -webkit-box-flex: 25%; -ms-flex: 25%; flex: 25%; overflow: hidden; position: relative; z-index: 1; padding: 1.6667%; background: #333; cursor: default }

@media (max-width:1024px) {
    .about-profile_culture .ap_c-cont .cont-item { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50% }
}

@media (max-width:425px) {
    .about-profile_culture .ap_c-cont .cont-item { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100% }
}

.about-profile_culture .ap_c-cont .cont-item .icon { margin: 0 0 20px }
.about-profile_culture .ap_c-cont .cont-item .icon-svg { width: 50px; height: 50px; fill: #fff }

@media (max-width:1240px) {
    .about-profile_culture .ap_c-cont .cont-item .icon-svg { width: 40px; height: 40px }
}

.about-profile_culture .ap_c-cont .cont-item .name { font-size: 16px; line-height: 20px }
.about-profile_culture .ap_c-cont .cont-item .name-e { margin: 10px 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; color: #858585 }
.about-profile_culture .ap_c-cont .cont-item:hover .cont-info { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none }
.about-profile_culture .ap_c-cont .cont-item:hover .cont-bg:before, .about-profile_culture .ap_c-cont .cont-item:hover .cont-cont { opacity: 0; visibility: hidden; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7) }
.about-profile_culture .ap_c-cont .cont-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 3; padding: 10% 5%; width: 100%; min-height: 25vw; text-align: center; background: rgba(255,255,255,.9); opacity: 0; visibility: hidden; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.about-profile_culture .ap_c-cont .cont-info .icon-svg { fill: #666 }
.about-profile_culture .ap_c-cont .cont-info .name { color: #333 }
.about-profile_culture .ap_c-cont .cont-info .line { display: block; margin: 4.7619% auto 7.1426%; width: 1px; height: 20px; background: #bbb }
.about-profile_culture .ap_c-cont .cont-info .info { font-size: 14px; line-height: 25px; color: #333 }
.about-profile_culture .ap_c-cont .cont-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.about-profile_culture .ap_c-cont .cont-cont .icon-svg { fill: #fff }
.about-profile_culture .ap_c-cont .cont-cont .name { color: #fff }
.about-profile_culture .ap_c-cont .cont-bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: no-repeat center center; background-size: cover }
.about-profile_culture .ap_c-cont .cont-bg:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #010017; opacity: .75; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: '' }
.about_honor .a_honor-info { position: relative; z-index: 1; margin: 50px 0 }

.about_honor{background: #f5f5f5;}



@media (max-width:576px) {
    .about_honor .a_honor-info { margin: 9vw 0 }
}

.about_honor .a_honor-info .info { position: relative; z-index: 1; padding: 40px 5%; text-align: center; background: #fff }


.about_honor .a_honor-info .info figure img{width:100%}

.about_honor .a_honor-info .info:hover:before { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }
.about_honor .a_honor-info .info:before { position: absolute; top: 0; left: 0; z-index: -1; border-bottom: 6px solid #e67015; width: 100%; height: 100%; background: #eee; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform .5s .2s; transition: -webkit-transform .5s .2s; -o-transition: transform .5s .2s; transition: transform .5s .2s; transition: transform .5s .2s,-webkit-transform .5s .2s; content: '' }
.about_honor .a_honor-info .info figcaption { margin: 10px 0; font-size: 15px; line-height: 20px; color: #333; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.about_honor .carousel-arrows .next, .about_honor .carousel-arrows .prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; z-index: 3; width: 50px; text-align: center; cursor: pointer }
.about_honor .carousel-arrows .next:hover .icon-svg, .about_honor .carousel-arrows .prev:hover .icon-svg { fill: #e67015 }
.about_honor .carousel-arrows .prev { left: -50px }
.about_honor .carousel-arrows .next { right: -50px }
.about_honor .carousel-arrows .icon-svg { width: 30px; height: 30px; fill: #fff; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }

@media (max-width:1024px) {
    .about_honor .carousel-arrows .next, .about_honor .carousel-arrows .prev { background: rgba(0,0,0,.5) }
    .about_honor .carousel-arrows .prev { left: 0 }
    .about_honor .carousel-arrows .next { right: 0 }
}

.about_social .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }

@media (max-width:768px) {
    .about_social .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}

.about_social .social_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 670px }

@media (max-width:1440px) {
    .about_social .social_info { width: 570px }
}

@media (max-width:1240px) {
    .about_social .social_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10%; width: auto }
}

@media (max-width:1024px) {
    .about_social .social_info { margin-right: 7vw }
}

@media (max-width:768px) {
    .about_social .social_info { margin-right: 0; margin-bottom: 7vw }
}

.about_social .s-i_link { padding: 0 17px }
.about_social .s-i_link .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center }
.about_social .s-i_link a { position: relative; z-index: 1 }
.about_social .s-i_link a:hover { z-index: 3 }
.about_social .s-i_link a:hover .icon:after { -webkit-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0) }
.about_social .s-i_link a:hover .icon-svg { fill: #fff; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.about_social .s-i_link a:hover .plus { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.about_social .s-i_link .icon { position: relative; z-index: 1; margin: 30px 0; padding: 25px; width: 100px; height: 100px }

@media (max-width:1024px) {
    .about_social .s-i_link .icon { padding: 20px; width: 80px; height: 80px }
}

.about_social .s-i_link .icon:after, .about_social .s-i_link .icon:before { position: absolute; z-index: -1; border-radius: 10px; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: '' }
.about_social .s-i_link .icon:before { top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #e67015; background: #e67015 }
.about_social .s-i_link .icon:after { top: 2px; left: 2px; right: 2px; bottom: 2px; background: #fff }
.about_social .s-i_link .icon-svg { width: 50px; height: 50px; fill: #e67015; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

@media (max-width:1024px) {
    .about_social .s-i_link .icon-svg { width: 40px; height: 40px }
}

.about_social .s-i_link .desc-z { font-size: 15px; font-weight: 700; line-height: 20px; color: #000 }
.about_social .s-i_link .desc-e { margin: 5px 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; color: #858585 }
.about_social .s-i_link .plus { display: inline-block; vertical-align: top; margin: 20px 0; width: 17px; height: 17px; background: url(../images/icons/plus.png) no-repeat center center; background-size: cover; opacity: 0; visibility: hidden; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

@media (max-width:1024px) {
    .about_social .s-i_link .plus { display: none }
}

.about_social .social_link a { display: block; overflow: hidden; position: relative; z-index: 1; background: #f2f2f2; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.about_social .social_link a:hover { z-index: 3; background: #e7e7e7; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.about_social .social_link a:hover .b-i_pic img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }

@media (min-width:577px) and (max-width:768px) {
    .about_social .social_link a { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (max-width:576px) {
    .about_social .social_link a { margin: 3vw auto 0; max-width: 380px }
}

.about_social .social_link .b-i_desc { position: relative; z-index: 1; padding: 30px; width: 380px; height: 490px }

@media (max-width:1440px) {
    .about_social .social_link .b-i_desc { width: 342px; height: 450px }
}

@media (max-width:1024px) {
    .about_social .social_link .b-i_desc { width: 304px; height: 410px }
}

@media (min-width:577px) and (max-width:768px) {
    .about_social .social_link .b-i_desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; height: auto }
}

@media (max-width:576px) {
    .about_social .social_link .b-i_desc { width: auto; height: auto }
}

.about_social .social_link .date { font-size: 12px; line-height: 15px; color: #ababab }
.about_social .social_link .name { height: 50px; margin: 25px 0 0; font-size: 16px; font-weight: 700; line-height: 25px; color: #111; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

@media (max-width:768px) {
    .about_social .social_link .name { margin-top: 15px }
}

@media (max-width:576px) {
    .about_social .social_link .name { font-size: 15px }
}

.about_social .social_link .b-i_pic { overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 3; height: 330px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.about_social .social_link .b-i_pic img { position: relative; top: 0; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

@media (max-width:1440px) {
    .about_social .social_link .b-i_pic { height: 297px }
}

@media (max-width:1024px) {
    .about_social .social_link .b-i_pic { height: 264px }
}

@media (max-width:768px) {
    .about_social .social_link .b-i_pic { position: relative; right: auto; bottom: auto; padding: 0 33.3334% 28.9474% 0; height: auto }
    .about_social .social_link .b-i_pic img { position: absolute; left: 0; height: 100% }
}

@media (max-width:576px) {
    .about_social .social_link .b-i_pic { padding: 0 100% 86.8421% 0 }
}

.about-social { background: #f2f2f2 }
.about-social .about-social_nav { padding: 0 17px }
.about-social .about-social_nav .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center }
.about-social .about-social_nav .link > div { margin: 0 5% }
.about-social .about-social_nav a { position: relative; z-index: 1 }
.about-social .about-social_nav a.cur, .about-social .about-social_nav a:hover { z-index: 3 }
.about-social .about-social_nav a.cur .icon:after, .about-social .about-social_nav a:hover .icon:after { -webkit-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0) }
.about-social .about-social_nav a.cur .icon-svg, .about-social .about-social_nav a:hover .icon-svg { fill: #fff; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.about-social .about-social_nav a.cur .plus, .about-social .about-social_nav a:hover .plus { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.about-social .about-social_nav .icon { position: relative; z-index: 1; margin: 30px 0; padding: 25px; width: 100px; height: 100px }

@media (max-width:1024px) {
    .about-social .about-social_nav .icon { padding: 20px; width: 80px; height: 80px }
}

.about-social .about-social_nav .icon:after, .about-social .about-social_nav .icon:before { position: absolute; z-index: -1; border-radius: 10px; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: '' }
.about-social .about-social_nav .icon:before { top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #e67015; background: #e67015 }
.about-social .about-social_nav .icon:after { top: 2px; left: 2px; right: 2px; bottom: 2px; background: #fff }
.about-social .about-social_nav .icon-svg { width: 50px; height: 50px; fill: #e67015; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

@media (max-width:1024px) {
    .about-social .about-social_nav .icon-svg { width: 40px; height: 40px }
}

.about-social .about-social_nav .desc-z { font-size: 15px; font-weight: 700; line-height: 20px; color: #000 }
.about-social .about-social_nav .desc-e { margin: 5px 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; color: #858585 }
.about-social .about-social_nav ~ .about-social_content { margin: 4% 0 0 }

@media (max-width:1240px) {
    .about-social .about-social_nav ~ .about-social_content { margin: 5vw 0 0 }
}

@media (max-width:576px) {
    .about-social .about-social_nav ~ .about-social_content { margin: 10vw 0 0 }
}

.about-social .about-social_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }

@media (min-width:1241px) {
    .about-social .about-social_content > div { width: 33.3334%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
    @media (max-width:1240px) {
        .about-social .about-social_content > div { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100% }
    }

    .about-social .about-social_content a { display: block; overflow: hidden; position: relative; z-index: 1; margin: 15px 0; background: #fff }
    .about-social .about-social_content a:hover { z-index: 3 }
    .about-social .about-social_content a:hover .as-c_desc { top: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
    .about-social .about-social_content a:hover .as-c_pic { height: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
    .about-social .about-social_content a:hover .as-c_pic img { top: -110px; opacity: .3; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }

    @media (max-width:1240px) {
        .about-social .about-social_content a:hover .as-c_pic img { top: 0 }
    }

    @media (max-width:1240px) {
        .about-social .about-social_content a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
        .about-social .about-social_content a:hover { background: #e9e9e9; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
        .about-social .about-social_content a:hover .as-c_pic { height: auto }
        .about-social .about-social_content a:hover .as-c_pic img { opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
    }

    @media (max-width:576px) {
        .about-social .about-social_content a { margin: 10px auto; max-width: 480px }
    }

    .about-social .about-social_content .as-c_desc { position: relative; top: 330px; z-index: 1; padding: 30px; width: 380px; height: 490px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1440px) {
        .about-social .about-social_content .as-c_desc { top: 297px; width: 342px; height: 450px }
    }

    @media (max-width:1240px) {
        .about-social .about-social_content .as-c_desc { top: 0; margin-left: 380px; width: auto; height: 330px }
    }

    @media (max-width:768px) {
        .about-social .about-social_content .as-c_desc { margin-left: 304px; padding: 25px; height: 264px }
    }

    @media (max-width:576px) {
        .about-social .about-social_content .as-c_desc { margin-top: 86.8421%; margin-left: 0; padding: 7.5%; height: auto }
    }

    .about-social .about-social_content .date { font-size: 12px; line-height: 15px; color: #ababab }
    .about-social .about-social_content .name { height: 50px; margin: 25px 0 0; font-size: 16px; font-weight: 700; line-height: 25px; color: #111; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

    @media (max-width:768px) {
        .about-social .about-social_content .name { margin-top: 15px }
    }

    @media (max-width:576px) {
        .about-social .about-social_content .name { font-size: 15px }
    }

    .about-social .about-social_content .desc { height: 50px; margin: 60px 0 0; font-size: 12px; line-height: 25px; color: #858585; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

    @media (max-width:1240px) {
        .about-social .about-social_content .desc { margin: 35px 0 0 }
    }

    @media (max-width:768px) {
        .about-social .about-social_content .desc { margin-top: 20px }
    }

    @media (max-width:576px) {
        .about-social .about-social_content .desc { display: none }
    }

    .about-social .about-social_content .more { margin: 140px 0 0; padding: 10px 0; width: 110px; font-size: 12px; line-height: 15px; text-align: center; background: #e67015; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .about-social .about-social_content .more:hover { background: #1f1a17 }

    @media (max-width:1240px) {
        .about-social .about-social_content .more { margin: 60px 0 0 }
    }

    @media (max-width:768px) {
        .about-social .about-social_content .more { margin-top: 29px }
    }

    @media (max-width:576px) {
        .about-social .about-social_content .more { display: none }
    }

    .about-social .about-social_content .as-c_pic { overflow: hidden; position: absolute; top: 0; right: 0; z-index: 3; height: 330px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .about-social .about-social_content .as-c_pic img { position: relative; top: 0; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1440px) {
        .about-social .about-social_content .as-c_pic { height: 297px }
    }

    @media (max-width:1240px) {
        .about-social .about-social_content .as-c_pic { left: 0; right: auto; width: 380px; height: 330px }
    }

    @media (max-width:768px) {
        .about-social .about-social_content .as-c_pic { width: 304px; height: 264px }
    }

    @media (max-width:576px) {
        .about-social .about-social_content .as-c_pic { top: 0; bottom: auto; padding: 0 100% 86.8421% 0; width: auto; height: auto }
        .about-social .about-social_content .as-c_pic img { position: absolute; left: 0; height: 100% }
    }

    .about_speech .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }

    @media (max-width:768px) {
        .about_speech .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    }

    @media (max-width:768px) {
        .about_speech .cy_s-box { margin: 0 auto; text-align: center }
    }

    .about_speech .a_speech-l { max-width: 47.5% }

    @media (max-width:768px) {
        .about_speech .a_speech-l { max-width: none }
    }

    .about_speech .s-l_info { margin: 10% 0 0; max-width: 415px }
    .about_speech .s-l_info .pic img { display: block; width: 100% }
    .about_speech .s-l_info .cont { margin: 10% 0 0; font-size: 14px; line-height: 25px; color: #fff }

    @media (max-width:768px) {
        .about_speech .s-l_info { margin: 5vw auto 0 }
        .about_speech .s-l_info .cont { margin: 5vw 0 0 }
    }

    .about_speech .a_speech-r { position: relative; z-index: 3; width: 520px; max-width: 47.5%; font-size: 14px; line-height: 30px; color: #fff; cursor: n-resize }

    @media (max-width:768px) {
        .about_speech .a_speech-r { margin: 10vw auto 0; width: 100%; max-width: 415px; height: 360px }
    }

    .about_speech .s-r_content { position: absolute; top: 0; left: 0; bottom: 0; z-index: 3; width: 100% }
    .about_speech .mCSB_scrollTools { opacity: 1 }
    .about_speech .mCSB_scrollTools .mCSB_dragger { height: 55px }
    .about_speech .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; width: 6px; background: #fff }
    .about_speech .mCSB_scrollTools .mCSB_draggerRail { border-radius: 0; background: #fff }
    .about_develop .cy_s-box { width: 100%; max-width: 640px }
    .about_develop .a_develop-info { font-size: 14px; line-height: 25px; color: #999 }
    .about_develop .cy_s-link { margin: 6% 0 0 }
    .about_hr .a_hr-info { margin: 5% 0 0 }
    .about_hr .hr-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }

    @media (max-width:768px) {
        .about_hr .hr-info { -ms-flex-wrap: wrap; flex-wrap: wrap }
    }

    @media (max-width:1440px) {
        .about_hr .hr-info > div { width: 24% }
    }

    @media (max-width:768px) {
        .about_hr .hr-info > div { margin: 0 0 3vw; width: 48% }
    }

    @media (max-width:425px) {
        .about_hr .hr-info > div { width: 100% }
    }

    .about_hr .hr-info a { display: block; position: relative; z-index: 1; padding: 10px; text-align: center }
    .about_hr .hr-info a:before { position: absolute; top: 0; left: 0; z-index: -1; border: 1px solid #666; width: 100%; height: 100%; content: '' }
    .about_hr .hr-info a.act .box, .about_hr .hr-info a:hover .box { background: #fff }
    .about_hr .hr-info a.act .name, .about_hr .hr-info a:hover .name { color: #333 }
    .about_hr .hr-info .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: relative; z-index: 1; width: 270px; height: 195px; background: rgba(0,0,0,.3); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1440px) {
        .about_hr .hr-info .box { width: auto; height: 170px }
    }

    .about_hr .hr-info .box:before { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; z-index: -1; border: 0 solid #fff; -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; content: '' }

    @media (max-width:1440px) {
        .about_hr .hr-info .box:before { content: none }
    }

    .about_hr .hr-info .icon-svg { width: 70px; height: 70px; fill: #e67015; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1440px) {
        .about_hr .hr-info .icon-svg { width: 50px; height: 50px }
    }

    @media (max-width:576px) {
        .about_hr .hr-info .icon-svg { width: 40px; height: 40px }
    }

    .about_hr .hr-info .name { margin: 15px 0 0; font-size: 16px; line-height: 20px; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .about_hr .hr-info .name-e { margin: 10px 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; color: #858585 }
    .about_hr .hr-tips { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 6% 0 0 }

    @media (max-width:576px) {
        .about_hr .hr-tips { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 5vw 0 0 }
    }

    .about_hr .hr-tips .tips { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 5%; font-size: 14px; line-height: 25px; color: #fff }

    @media (max-width:576px) {
        .about_hr .hr-tips .tips { padding: 0 0 5vw }
    }

    .about_hr .hr-tips .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 22.5%; min-width: 180px }
    .about_hr .hr-tips .mailto { display: block; position: relative; z-index: 1; padding: 15px 0; font-size: 14px; line-height: 20px; text-align: center; background: #fff; color: #e67015; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .about_hr .hr-tips .mailto .icon { margin: 0 5% 0 0 }
    .about_hr .hr-tips .mailto .icon-svg { width: 20px; height: 20px; fill: #e67015; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .about_hr .hr-tips .mailto:hover { background: #e67015; color: #fff }
    .about_hr .hr-tips .mailto:hover .icon-svg { fill: #fff }
    .hr-body { display: none; position: fixed; top: 0; left: 0; z-index: 77777; width: 100%; height: 100%; background: rgba(0,0,0,.8); overflow-x: hidden; overflow-y: auto }
    .hr-body::-webkit-scrollbar { display: none }
    .hr-body.show .hr-content { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none }
    .hr-body.hide .hr-content { opacity: 0; visibility: hidden; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) }
    .hr-body .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100% }
    .hr-body .hr-content { margin: 5% 0; padding: 30px; padding: 2.5vw; background: #fff; opacity: 0; visibility: hidden; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1024px) {
        .hr-body .hr-content { margin: 5vw 0; padding: 5vw }
    }

    @media (max-width:576px) {
        .hr-body .hr-content { padding: 7vw 5vw }
    }

    .hr-body .hr_c-head { font-size: 0; line-height: 0; text-align: right }
    .hr-body .hr_c-head .icon-svg { width: 25px; height: 25px; fill: #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer }
    .hr-body .hr_c-head .icon-svg:hover { fill: #e67015 }
    .hr-body .hr_c-body { margin: 2% 0; text-align: center }

    @media (max-width:1024px) {
        .hr-body .hr_c-body { margin: 2vw 0 5vw }
    }

    .hr-body .hr_c-body .icon-svg { width: 70px; height: 70px; fill: #e67015; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1440px) {
        .hr-body .hr_c-body .icon-svg { width: 50px; height: 50px }
    }

    @media (max-width:576px) {
        .hr-body .hr_c-body .icon-svg { width: 40px; height: 40px }
    }

    .hr-body .hr_c-body .name { margin: 10px 0 0; font-size: 16px; line-height: 20px; color: #333; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .hr-body .hr_c-body .hr_c-l { display: inline-block; vertical-align: top; margin: 15px 0 30px; width: 1px; height: 15px; background: #999 }

    @media (max-width:1024px) {
        .hr-body .hr_c-body .hr_c-l { margin: 10px 0 20px }
    }

    @media (max-width:768px) {
        .hr-body .hr_c-body .hr_c-l { margin: 10px 0 15px }
    }

    .hr-body .hr_c-body .hr_c-cont { font-size: 14px; line-height: 30px; color: #666 }
    .hr-body .hr_c-body .mailto { display: inline-block; vertical-align: top; position: relative; z-index: 1; margin: 60px 0 0; padding: 15px 0; width: 230px; max-width: 70%; font-size: 14px; line-height: 20px; text-align: center; border: 1px solid #e67015; background: #fff; color: #e67015; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1024px) {
        .hr-body .hr_c-body .mailto { margin: 6vw 0 0 }
    }

    @media (max-width:576px) {
        .hr-body .hr_c-body .mailto { padding: 10px 0 }
    }

    .hr-body .hr_c-body .mailto .icon { margin: 0 5% 0 0 }
    .hr-body .hr_c-body .mailto .icon-svg { width: 20px; height: 20px; fill: #e67015; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .hr-body .hr_c-body .mailto:hover { background: #e67015; color: #fff }
    .hr-body .hr_c-body .mailto:hover .icon-svg { fill: #fff }
    .brand_idea .cy_s-box { width: 100%; max-width: 640px }
    .brand_idea .b_idea-info { font-size: 14px; line-height: 25px; color: #999 }
    .brand_idea .cy_s-link { margin: 6% 0 0 }
    .brand_history { overflow: hidden; padding-bottom: 0 }
    .brand_history .b_history-info { position: relative; z-index: 1 }
    .brand_history .bh_line { position: relative; margin-top: -75px; z-index: 1 }
    .brand_history .bh_line .line { position: relative; z-index: -1; margin: 0 -100px }
    .brand_history .bh_line .line1 { height: 940px; max-height: 2070px; background: url(../images/icons/line.png) no-repeat top left }
    .brand_history .bh_line .line2 { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 0; background: url(../images/icons/line-s.png) no-repeat top left }
    .brand_history .bh_line .dots { position: absolute; top: 250px; left: 225px; z-index: 1 }
    .brand_history .bh_line .dots span { position: absolute; font-family: Arial,sans-serif; font-weight: 700; font-size: 20px; line-height: 16px; white-space: nowrap; color: #fff; cursor: pointer }
    .brand_history .bh_line .dots span:hover { color: #e67015 }
    .brand_history .bh_line .dots span:nth-child(odd):before { display: inline-block; margin: 0 10px 0 0; border-radius: 50%; width: 16px; height: 16px; background: #fff; content: '' }
    .brand_history .bh_line .dots span:nth-child(even):after { display: inline-block; margin: 0 0 0 10px; border-radius: 50%; width: 16px; height: 16px; background: #fff; content: '' }
    .brand_history .bh-content { position: absolute; top: 100px; left: 0; right: 0; z-index: 3 }
    .brand_history .bh-content.fixed { position: fixed }
    .brand_history .bh-content.fixed.fixed-btm { position: absolute; top: auto }

    @media (max-width:1024px) {
        .brand_history .bh-content { padding: 0 30px }
        .brand_history .bh-content.fixed { margin: 0 15px }
    }

    .brand_history .bh_carousel { position: relative; z-index: 3; margin: 0 auto; max-width: 750px }
    .brand_history .carousel-item { overflow: hidden; position: relative; z-index: 1; padding: 0 50px 50px 0 }

    @media (max-width:768px) {
        .brand_history .carousel-item { padding: 0 30px 30px 0 }
    }

    @media (max-width:576px) {
        .brand_history .carousel-item { padding: 0 }
    }

    .brand_history .carousel-item:before { position: absolute; top: 50px; right: 0; bottom: 50px; z-index: -2; width: 50px; background: #fff; content: '' }

    @media (max-width:768px) {
        .brand_history .carousel-item:before { top: 30px; bottom: 30px; width: 30px }
    }

    @media (max-width:576px) {
        .brand_history .carousel-item:before { content: none }
    }

    .brand_history .carousel-item:after { position: absolute; top: 0; right: 0; z-index: -1; border-top: 50px solid transparent; border-left: 50px solid #dedede; content: '' }

    @media (max-width:768px) {
        .brand_history .carousel-item:after { border-top-width: 30px; border-left-width: 30px }
    }

    @media (max-width:576px) {
        .brand_history .carousel-item:after { content: none }
    }

    .brand_history .carousel-item .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; float: left; width: 165px; height: 150px; font-family: Arial,sans-serif; font-size: 48px; font-weight: 700; line-height: 1; text-align: center; background: #e67015; color: #fff }

    @media (max-width:768px) {
        .brand_history .carousel-item .date { width: 120px; height: 120px; font-size: 30px }
    }

    @media (max-width:576px) {
        .brand_history .carousel-item .date { float: none; width: 100%; height: 80px }
    }

    .brand_history .carousel-item .date:before { position: absolute; top: 100%; left: 0; z-index: -1; border-top: 50px solid #a84c05; border-left: 50px solid transparent; content: '' }

    @media (max-width:768px) {
        .brand_history .carousel-item .date:before { border-top-width: 30px; border-left-width: 30px }
    }

    @media (max-width:576px) {
        .brand_history .carousel-item .date:before { content: none }
    }

    .brand_history .carousel-item .cont { overflow: hidden; padding: 20px; min-height: 150px; background: #fff }
    .brand_history .carousel-item .cont figure { float: left; margin: 0 20px 0 0 }
    .brand_history .carousel-item .cont .c { font-size: 14px; line-height: 25px; color: #666 }
    .brand_history .carousel-arrows .next, .brand_history .carousel-arrows .prev { display: block; position: absolute; top: 55px; z-index: 3; cursor: pointer }
    .brand_history .carousel-arrows .next:hover .icon-svg, .brand_history .carousel-arrows .prev:hover .icon-svg { fill: #e67015 }
    .brand_history .carousel-arrows .prev { left: -60px }
    .brand_history .carousel-arrows .next { right: -60px }
    .brand_history .carousel-arrows .icon-svg { width: 40px; height: 40px; fill: #fff; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }

    @media (max-width:1024px) {
        .brand_history .carousel-arrows .prev { left: -40px }
        .brand_history .carousel-arrows .next { right: -40px }
    }

    .brand_video .b_video-info { position: relative; z-index: 1; margin: 2% auto 0; max-width: 910px }

    @media (max-width:1240px) {
        .brand_video .b_video-info { margin-bottom: 40px }
    }

    @media (max-width:576px) {
        .brand_video .b_video-info { margin-bottom: 25px }
    }

    .brand_video .vbBox:before { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background: rgba(0,0,0,.2); content: '' }
    .brand_video .vbBox img { display: block; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .brand_video .vbBox .cont { position: absolute; top: 50%; left: 0; z-index: 3; width: 100%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%) }
    .brand_video .vbBox .vico { position: relative; padding: 16px }
    .brand_video .vbBox .icon { width: 32px; height: 32px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; fill: #fff }
    .brand_video .vbBox .desc { font-size: 30px; font-weight: 700; line-height: 1; text-align: center; color: #fff }

    @media (max-width:1240px) {
        .brand_video .vbBox .desc { font-size: 26px }
    }

    @media (max-width:1024px) {
        .brand_video .vbBox .desc { font-size: 24px }
    }

    @media (max-width:768px) {
        .brand_video .vbBox .desc { font-size: 20px }
    }

    @media (max-width:576px) {
        .brand_video .vbBox .desc { font-size: 16px }
    }

    .brand_video .vbBox:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
    .brand_video .vbBox:hover .icon { -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); fill: #e67015 }
    .brand_video .carousel-arrows .next, .brand_video .carousel-arrows .prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; z-index: 3; width: 50px; text-align: center; cursor: pointer }
    .brand_video .carousel-arrows .next:hover .icon-svg, .brand_video .carousel-arrows .prev:hover .icon-svg { fill: #e67015 }
    .brand_video .carousel-arrows .prev { left: -90px }
    .brand_video .carousel-arrows .next { right: -90px }
    .brand_video .carousel-arrows .icon-svg { width: 30px; height: 30px; fill: #fff; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }

    @media (max-width:1240px) {
        .brand_video .carousel-arrows .next, .brand_video .carousel-arrows .prev { background: rgba(0,0,0,.5) }
        .brand_video .carousel-arrows .prev { left: 0 }
        .brand_video .carousel-arrows .next { right: 0 }
    }

    .brand_video .carousel-dots .slick-dots { bottom: -40px }

    @media (max-width:576px) {
        .brand_video .carousel-dots .slick-dots { bottom: -35px }
    }

    @media (max-width:425px) {
        .brand_video .carousel-dots .slick-dots { bottom: -30px }
    }

    .brand_video .carousel-dots .slick-dots li { margin: 0 5px; width: 40px; height: 2px; background: rgba(255,255,255,.4) }
    .brand_video .carousel-dots .slick-dots li.slick-active { background: #fff }

    @media (max-width:576px) {
        .brand_video .carousel-dots .slick-dots li { margin: 0 3px; width: 30px }
    }

    .brand_activity { background: #f2f2f2 }
    .brand_activity .brand-info a { background: #fff }
    .product_sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 80vh }

    @media (max-width:768px) {
        .product_sec .cy_s-box { margin: 0 auto; text-align: center }
        .product_sec .cy_s-link.s_1 { text-align: center }
    }

    .product_sec .p-s_content { overflow: hidden; height: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:768px) {
        .product_sec .p-s_content { height: auto }
    }

    .product_sec .p-s_list { margin: 10px 0 60px }
    .product_sec .p-s_list:after { content: ''; display: block; clear: both }
    .product_sec .p-s_list .p-s_item { float: left; overflow: hidden; margin: 0 0 0 25px }
    .product_sec .p-s_list .p-s_item:first-child { margin: 0 }
    .product_sec .p-s_list .p-s_item a { display: block; position: relative; z-index: 1 }
    .product_sec .p-s_list .p-s_item a:before { position: absolute; top: 50%; left: 50%; z-index: 3; width: 13px; height: 13px; background: url(../images/icons/plusw.png) no-repeat center center; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: '' }
    .product_sec .p-s_list .p-s_item a:after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #e67015; opacity: 0; visibility: hidden; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: '' }
    .product_sec .p-s_list .p-s_item a:hover:before { opacity: 1; visibility: visible }
    .product_sec .p-s_list .p-s_item a:hover:after { opacity: .8; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none }
    .product_sec .p-s_list .p-s_item a:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
    .product_sec .p-s_list img { width: 310px; height: 205px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

    @media (max-width:1024px) {
        .product_sec .p-s_list { margin-bottom: 40px }
    }

    @media (max-width:768px) {
        .product_sec .p-s_list { margin: 3vw 0 10vw }
        .product_sec .p-s_list .p-s_item { float: none; margin: 0 auto 15px; width: 90%; max-width: 320px }
        .product_sec .p-s_list .p-s_item:first-child { margin: 0 auto 15px }
        .product_sec .p-s_list img { width: 100%; height: auto }
    }

    .product_sec .bg:before { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .product_sec:hover .p-s_content { height: 224px }

    @media (max-width:1024px) {
        .product_sec:hover .p-s_content { height: 204px }
    }

    @media (max-width:768px) {
        .product_sec:hover .p-s_content { height: auto }
    }

    .product_sec:hover .bg:before { opacity: .7 }
    .product-more { background: #f2f2f2 }
    .product-more .pm-nav { display: inline-block; vertical-align: top; margin: 0 -20px; font-size: 0; line-height: 0 }
    .product-more .pm-nav a { display: inline-block; margin: 0 5px 10px; padding: 10px 0; width: 100px; font-size: 12px; line-height: 15px; background: #fff; color: #000 }
    .product-more .pm-nav a.act { background: #e67015; color: #fff }
    .product-more .pm-content { margin: 3% 0 0 }

    @media (min-width:1800px) {
        .product-more .pm-content .container { max-width: 1600px }
    }

    .product-more .pm-content .pm-c_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }

    @media (max-width:1440px) {
        .product-more .pm-content .pm-c_body { -ms-flex-pack: distribute; justify-content: space-around }
    }

    .product-more .pm-content .pm-c_body > div { width: 31.5%; max-width: 390px }
    .product-more .pm-content .pm-c_body .pm-c_item { margin: 15px 0; }

    @media (max-width:768px) {
        .product-more .pm-content .pm-c_body > div { width: 48% }
    }

    @media (max-width:576px) {
        .product-more .pm-content .pm-c_body > div { width: 100% }
    }

    .product-more .pm-content .pm-c_body a { display: block; overflow: hidden; position: relative; z-index: 1; background: #fff }
    .product-more .pm-content .pm-c_body a:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
    .product-more .pm-content .pm-c_body figure { overflow: hidden; position: relative; padding: 0 100% 60% 0 }
    .product-more .pm-content .pm-c_body figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .product-more .pm-content .pm-c_body .name { padding: 10px 5%; font-size: 14px; line-height: 20px; text-align: center; background: #fff; color: #333; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
    .product-spirit .cy_s-box { width: 760px; max-width: 90% }
    .product-spirit .pst-title { margin: 15px 0 0; font-size: 20px; font-weight: 700; line-height: 20px; color: #333 }
    .product-spirit .pst-content { font-size: 14px; line-height: 30px; text-align: left; color: #666 }
    .pst-sec .pst-title { text-align: center }
    .pst-sec .pst-title .title { font-size: 30px; font-weight: 700; line-height: 45px; color: #333 }
    .pst-sec .pst-title .tran { margin: 10px 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; color: #858585 }

    @media (max-width:1240px) {
        .pst-sec .pst-title .title { font-size: 24px; line-height: 35px }
    }

    @media (max-width:1024px) {
        .pst-sec .pst-title .title { font-size: 20px; line-height: 30px }
    }

    @media (max-width:768px) {
        .pst-sec .pst-title .title { font-size: 18px }
    }

    .pst-tz { position: relative }
    .pst-tz .pst-title { position: absolute; top: 10%; left: 0; z-index: 5; margin: 0 auto; padding: 0 15px; width: 100% }
    .pst-tz .pst-title .title { color: #fff }

    @media (max-width:768px) {
        .pst-tz .pst-title { top: 3% }
    }

    .pst-tz .pst-tz_content { display: -webkit-box; display: -ms-flexbox; display: flex }

    @media (max-width:768px) {
        .pst-tz .pst-tz_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    }

    .pst-tz .pst-tz_content .pst-tz_c-item { position: relative; z-index: 1; width: 33.3334% }

    @media (max-width:768px) {
        .pst-tz .pst-tz_content .pst-tz_c-item { width: 100% }
    }

    .pst-tz .pst-tz_content .pst-tz_c-item:hover { z-index: 3 }
    .pst-tz .pst-tz_content .pst-tz_c-item:hover figure:after { opacity: 1; visibility: visible }
    .pst-tz .pst-tz_content figure { position: relative; padding: 0 100% 120% 0 }
    .pst-tz .pst-tz_content figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
    .pst-tz .pst-tz_content figure:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000; opacity: .6; content: '' }
    .pst-tz .pst-tz_content figure:after { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 40%; background: -webkit-gradient(linear,left bottom,left top,from(#1f1a17),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(bottom,#1f1a17,rgba(255,255,255,0)); background: -o-linear-gradient(bottom,#1f1a17,rgba(255,255,255,0)); background: linear-gradient(to top,#1f1a17,rgba(255,255,255,0)); opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; content: '' }

    @media (max-width:768px) {
        .pst-tz .pst-tz_content figure:after { content: none }
    }

    .pst-tz .pst-tz_content .desc { position: absolute; top: 75%; left: 0; z-index: 3; padding: 0 10%; width: 100%; font-size: 14px; line-height: 25px; text-align: center; color: #fff }

    @media (max-width:1240px) {
        .pst-tz .pst-tz_content .desc { top: 65% }
    }

    @media (max-width:1024px) {
        .pst-tz .pst-tz_content .desc { top: 40% }
    }

    .pst-tz .pst-tz_content .desc .num { margin: 0 0 20px; font-family: Arial,sans-serif }

    @media (max-width:1240px) {
        .pst-tz .pst-tz_content .desc .num { margin: 0 0 10px }
    }

    .pst-kh { background: #f7f7f7 }
    .pst-kh .pst-kh_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 5% 0 0 }

    @media (max-width:768px) {
        .pst-kh .pst-kh_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    }

    .pst-kh .pst-kh_c-item { width: 32.5%; max-width: 390px }

    @media (max-width:768px) {
        .pst-kh .pst-kh_c-item { margin: 15px auto; width: 100% }
    }

    .pst-kh .pst-kh_c-item .name { padding: 30px 5%; font-size: 14px; line-height: 20px; text-align: center; background: #fff; color: #666 }

    @media (max-width:1024px) {
        .pst-kh .pst-kh_c-item .name { padding: 25px 5% }
    }

    @media (max-width:768px) {
        .pst-kh .pst-kh_c-item .name { padding: 20px 5% }
    }

    .pst-kh .pst-kh_c-item figure { overflow: hidden; position: relative; padding: 0 100% 92.3077% 0 }
    .pst-kh .pst-kh_c-item figure img { position: absolute; width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .pst-kh .pst-kh_c-item:hover figure img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
    .service_contact .contact-info .tips { font-size: 14px; line-height: 25px; color: #999 }
    .service_contact .contact-info .c-i_content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 5% 0 3% }
    .service_contact .contact-info .c-i_content .c-i_c-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; border-left: 1px solid #d9d9d9; padding: 30px 5%; width: 25%; min-height: 290px; text-align: center; background: #f2f2f2; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; cursor: default }

    @media (max-width:1240px) {
        .service_contact .contact-info .c-i_content .c-i_c-item { border-top: 1px solid #d9d9d9; width: 50% }
        .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(1), .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2) { border-top: 0 none }
        .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2n+1) { border-left: 0 none }
    }

    @media (max-width:425px) {
        .service_contact .contact-info .c-i_content .c-i_c-item { width: 100% }
        .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2) { border-top: 1px solid #d9d9d9 }
        .service_contact .contact-info .c-i_content .c-i_c-item:nth-child(2n+2) { border-left: 0 none }
    }

    .service_contact .contact-info .c-i_content .c-i_c-item:first-child { border-left: 0 none }
    .service_contact .contact-info .c-i_content .c-i_c-item:hover { z-index: 3; background: #e67015 }
    .service_contact .contact-info .c-i_content .c-i_c-item:hover .name, .service_contact .contact-info .c-i_content .c-i_c-item:hover .phone { color: #fff }
    .service_contact .contact-info .c-i_content .c-i_c-item:hover .icon-svg { fill: #fff }
    .service_contact .contact-info .c-i_content .icon-svg { width: 50px; height: 50px; fill: #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_contact .contact-info .c-i_content figure { margin: 0 0 10px }
    .service_contact .contact-info .c-i_content figure img { border: 7px solid #fff; width: 110px; height: 110px }
    .service_contact .contact-info .c-i_content .name { font-size: 14px; line-height: 25px; color: #777; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_contact .contact-info .c-i_content .s1 .phone { margin: 30px 0 10px; font-family: Arial,sans-serif; font-size: 24px; font-weight: 700; line-height: 30px; color: #e67015; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_adviser .adviser-info { margin: 2% auto 0; max-width: 850px }
    .service_adviser .a-i_item { position: relative; z-index: 1; margin: -1px 0 0 }
    .service_adviser .a-i_item.act .a-i_head { border-color: #e67015; background: #e67015 }
    .service_adviser .a-i_item.act .a-i_head .icon { opacity: 1; visibility: visible }
    .service_adviser .a-i_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #666; padding: 10px 5%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer }
    .service_adviser .a-i_head .a-i_q { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 5%; font-size: 14px; line-height: 20px; color: #fff }
    .service_adviser .a-i_head .icon { opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_adviser .a-i_head .icon-svg { width: 20px; height: 20px; fill: #fff }
    .service_adviser .a-i_head:hover { border-color: #e67015; background: #e67015 }
    .service_adviser .a-i_body { display: none; margin: 1px 0 0; padding: 25px 5%; font-size: 14px; line-height: 25px; background: #666; color: #fff }
    .service_system .system-info .tips { max-width: 520px; font-size: 14px; line-height: 25px; color: #999 }

    @media (max-width:1024px) {
        .service_system .system-info .tips { color: #666 }
    }

    .service_system .s-i_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10% 0 5%; max-width: 1200px }
    .service_system .s-i_c-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; margin: 0 0 2%; width:24.25%; min-height: 190px; text-align: center; background: #fff; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; cursor: pointer;box-shadow: 1px 1px 1px 1px #eaeaea; }

    @media (max-width:425px) {
        .service_system .s-i_c-item { margin: 0 0 3.5%; width: 100% }
    }

    .service_system .s-i_c-item.act, .service_system .s-i_c-item:hover { background: #e67015 }
    .service_system .s-i_c-item.act .icon-svg, .service_system .s-i_c-item:hover .icon-svg { fill: #fff }
    .service_system .s-i_c-item.act .name, .service_system .s-i_c-item.act .title, .service_system .s-i_c-item:hover .name, .service_system .s-i_c-item:hover .title { color: #fff }
    .service_system .s-i_c-item .icon-svg { width: 50px; height: 50px; fill: #e67015; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_system .s-i_c-item .title { margin: 15px 0 0; font-size: 15px; font-weight: 700; line-height: 20px; color: #000; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_system .s-i_c-item .name { margin: 5px 0 0; font-family: Arial,sans-serif; font-size: 12px; line-height: 15px; color: #858585; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_system.show_dialog { z-index: 7777 }
    .service_system .s-i_c-dialog { display: none; position: fixed; top: 0; left: 0; z-index: 77777; width: 100%; height: 100%; background: rgba(0,0,0,.8); overflow-x: hidden; overflow-y: auto }
    .service_system .s-i_c-dialog.show .content { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none }
    .service_system .s-i_c-dialog.hide .content { opacity: 0; visibility: hidden; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) }
    .service_system .dialog-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 100% }
    .service_system .dialog-content::-webkit-scrollbar { display: none }
    .service_system .dialog-content .content { margin: 5% auto; padding: 5%; width: 90%; max-width: 930px; background: #fff; opacity: 0; visibility: hidden; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .service_system .dialog-c_item { display: none }
    .service_system .dialog-c_item.z { display: block }
    .service_system .icon-close { position: relative; top: -50px; right: -50px; display: block; text-align: right; cursor: pointer }

    @media (max-width:1240px) {
        .service_system .icon-close { top: 0; right: 0; margin-bottom: 3% }
    }

    .service_system .icon-close:hover .icon-svg { fill: #e67015 }
    .service_system .icon-close .icon-svg { width: 30px; height: 30px; fill: #6a6a6a; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
    .service_system .dialog-head { border-bottom: 1px solid #d2d2d2; padding: 0 0 4.5%; text-align: center; color: #000 }
    .service_system .dialog-head .title { font-family: Arial,sans-serif; font-size: 30px; font-weight: 700; line-height: 1.2; text-transform: uppercase;margin-bottom: 20px; }
    .service_system .dialog-head .name { font-size: 18px; line-height: 25px }
    .service_system .dialog-body { padding: 3% 0 0; font-size: 14px; line-height: 30px; color: #666 }
    .service_by .by-info { margin: 3.5% auto 0; max-width: 860px }
    .service_by .tab-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
    .service_by .t-b_item { position: relative; z-index: 1; max-width: 20%; padding: 0 0 30px; cursor: pointer }

    @media (max-width:576px) {
        .service_by .t-b_item { width: 20%; text-align: center }
    }

    .service_by .t-b_item.act, .service_by .t-b_item:hover { z-index: 3 }
    .service_by .t-b_item.act .icon:after, .service_by .t-b_item:hover .icon:after { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s }
    .service_by .t-b_item.act:before { opacity: 1; visibility: visible }
    .service_by .t-b_item:before { position: absolute; left: 50%; bottom: 0; margin-left: -5px; border-top: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; opacity: 0; visibility: hidden; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s; content: '' }
    .service_by .t-b_item .icon { position: relative; border-radius: 50%; padding: 25px; width: 100px; height: 100px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
    .service_by .t-b_item .icon:after, .service_by .t-b_item .icon:before { position: absolute; top: 0; left: 0; z-index: -1; border-radius: 50%; width: 100%; height: 100%; content: '' }
    .service_by .t-b_item .icon:before { border: 2px solid #fff }

    @media (max-width:576px) {
        .service_by .t-b_item .icon:before { border-width: 1px }
    }

    .service_by .t-b_item .icon:after { background: #e67015; visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

    @media (max-width:768px) {
        .service_by .t-b_item .icon { width: 90px; height: 90px }
    }

    @media (max-width:576px) {
        .service_by .t-b_item .icon { padding: 15px; width: 60px; height: 60px }
    }

    @media (max-width:425px) {
        .service_by .t-b_item .icon { padding: 10px; width: 40px; height: 40px }
    }

    .service_by .t-b_item .icon-svg { width: 50px; height: 50px; fill: #fff }

    @media (max-width:768px) {
        .service_by .t-b_item .icon-svg { width: 40px; height: 40px }
    }

    @media (max-width:576px) {
        .service_by .t-b_item .icon-svg { width: 30px; height: 30px }
    }

    @media (max-width:425px) {
        .service_by .t-b_item .icon-svg { width: 20px; height: 20px }
    }

    .service_by .t-b_item .name { margin: 10px 0 0; height: 20px; font-size: 14px; line-height: 20px; text-align: center; color: #fff }

    @media (max-width:768px) {
        .service_by .t-b_item .name { font-size: 12px; line-height: 15px }
    }

    .service_by .tab-content { margin: 4% 0 0; padding: 4%; font-size: 12px; line-height: 30px; background: #666; color: #ccc }
    .service_by .t-c_item { display: none }
    .service_by .t-c_item.act { display: block }
    .service_store { padding: 4.25% 0 }

    @media (max-width:1024px) {
        .service_store .cy_s-box { margin: 0 auto }
        .service_store .cy_title { text-align: center }
    }

    .service_store .cy_title { padding: 0 }
    .store_content .store-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1200px }

    @media (max-width:1024px) {
        .store_content .store-info { -ms-flex-wrap: wrap; flex-wrap: wrap }
    }

    .store_content .s-i_pic { width: 100%;}

    @media (max-width:1024px) {
        .store_content .s-i_pic { margin: 0 auto }
    }

    .store_content .s-i_pic figure { position: relative; z-index: 1; padding: 0 100% 60% 0 }
    .store_content .s-i_pic img { position: absolute; width: 100%; height: 100% }
    .store_content .s-i_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 300px; max-width: 90% }

    @media (max-width:1024px) {
        .store_content .s-i_cont { margin: 50px auto 0 }
    }

    .store_content .s-i_c-head { font-size: 14px; line-height: 25px; color: #fff }
    .store_content .s-i_c-head .icon { margin-right: 15px }
    .store_content .s-i_c-head .icon-svg { width: 25px; height: 25px; fill: #fff }
    .store_content .s-i_c-body { color: #fff }
    .store_content .s-i_c-body .dw { padding: 25px 0; font-size: 48px; line-height: 1 }

    @media (max-width:1024px) {
        .store_content .s-i_c-body .dw { font-size: 40px }
    }

    @media (max-width:768px) {
        .store_content .s-i_c-body .dw { font-size: 36px }
    }

    @media (max-width:576px) {
        .store_content .s-i_c-body .dw { font-size: 30px }
    }

    @media (max-width:425px) {
        .store_content .s-i_c-body .dw { font-size: 24px }
    }

    .store_content .s-i_c-body .ds { font-size: 14px; line-height: 25px }
    .store_content .s-i_c-body .n { color: #e67015 }
    .store_content .s-i_c-more { margin: 17% 0 0 }
    .store_content .s-i_c-more a { display: block; position: relative; z-index: 1; border: 2px solid #e67015; padding: 10px 5px; width: 170px; font-size: 14px; line-height: 25px; text-align: center; color: #fff; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s }

    @media (max-width:1024px) {
        .store_content .s-i_c-more a { border-width: 1px; width: 150px; line-height: 20px }
    }

    @media (max-width:768px) {
        .store_content .s-i_c-more a { font-size: 12px; width: 120px }
    }

    .store_content .s-i_c-more a:hover { background: #e67015 }
    .store-header { padding-bottom: 3% }
    .store-header .s-h_tip { font-size: 14px; line-height: 25px; color: #333 }

    @media (max-width:425px) {
        .store-header .s-h_tip { font-size: 12px }
    }

    .store-header .s-h_tip .icon { margin-right: 10px }
    .store-header .s-h_tip .icon-svg { width: 25px; height: 25px; fill: #333 }
    .store-header .s-h_tip .n { color: #e67015 }
    .store-body { position: relative; padding: 0 100% 32.2917% 0 }

    @media (max-width:1024px) {
        .store-body { height: 320px }
    }

    .store-body .store-map { position: absolute; width: 100%; height: 100% }
    .store-body .map { height: 100% }
    .store-body .map .anchorBL { display: none !important }
    .store-content { background: #f3f3f3 }
    .store-content .s-c_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
    .store-content .s-c_info > div { width: 100%; max-width: 32%; }
    .store-content .s-c_i-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 4px solid #e1dada; margin: 0 0 30px; min-height: 190px; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: default }

    @media (max-width:1024px) {
        .store-content .s-c_info > div { max-width: 48.5% }
        .store-content .s-c_i-item { margin: 0 0 3vw; }
    }

    @media (max-width:576px) {
        .store-content .s-c_info > div { max-width: 100% }
        .store-content .s-c_i-item { margin: 0 0 5vw; }
    }
	.c_maptext{ padding-bottom: 20px;}
	.c_selicts{padding-left:20px; width:22%; box-sizing: border-box; height:40px; line-height:40px; color:#333; font-size:14px; border:1px solid #999;background:url(../images/icons/link_select_ico3.png) 94% center no-repeat;-webkit-appearance:none;appearance:none;-moz-appearance:none;float:left; margin: 0px 12px 6px 0px;}
	.c_experser{float:left; position:relative; margin-bottom: 6px; padding:0px 55px 0 20px; width: 30%; box-sizing: border-box; border:1px solid #999; height: 40px;}
	.epertext{ width:100%; height:40px; line-height:40px; border: 0px none; color:#333;font-size:14px;}
	.epersub{ width:50px;height:100%;position:absolute;right:0;top:0;background:url(../images/icons/btn_serach.png) no-repeat scroll center center;border:none;outline:0;text-indent:9999px;overflow:hidden;cursor:pointer;transition:background-color .3s;-webkit-transition:background-color .3s}
	.epersub:hover{background-color:#d4d2d2;}
	
	
    .store-content .s-c_i-item:hover { border-top-color: #e67015 }
    .store-content .cont { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 5% }
    .store-content .cont .name { margin: 0 0 3%; font-size: 18px; line-height: 30px; color: #333 }
    .store-content .cont .c-i { font-size: 14px; line-height: 25px; color: #666 }
    .store-content .btn { border-top: 1px solid #ccc; font-size: 0; line-height: 0 }
    .store-content .btn .btn-i { display: inline-block; vertical-align: top; position: relative; z-index: 1; border-left: 1px solid #ccc; padding: 3% 5%; width: 50%; font-size: 14px; line-height: 25px; text-align: center; color: #666; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
    .store-content .btn .btn-i:first-child { border-left: 0 none }
    .store-content .btn .btn-i:hover { background: #e67015; color: #fff; z-index: 3 }
    .store-content .btn .btn-i:hover .icon.icon-a { background-image: url(../images/icons/ah.png) }
    .store-content .btn .btn-i:hover .icon.icon-p { background-image: url(../images/icons/ph.png) }
    .store-content .btn .icon { display: inline-block; margin-right: 10px; width: 25px; height: 25px; background: no-repeat center center; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
    .store-content .btn .icon.icon-a { background-image: url(../images/icons/a.png) }
    .store-content .btn .icon.icon-p { background-image: url(../images/icons/p.png) }
    .store-content .s-c_more { margin: 10px 0 0 }
    .store-content .s-c_more a { display: block; position: relative; z-index: 1; margin: 0 auto; border: 2px solid #e67015; padding: 10px 5px; width: 170px; font-size: 14px; line-height: 25px; text-align: center; color: #999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }

    @media (max-width:1024px) {
        .store-content .s-c_more a { border-width: 1px; width: 150px; line-height: 20px }
        .c_selicts{ width: 32%; margin-right: 2%;}
        .c_selicts:nth-child(3){ margin-right: 0;}
        .c_experser{ width: 100%;}
    }

    @media (max-width:768px) {
        .store-content .s-c_more a { font-size: 12px; width: 120px }
        .c_selicts,.c_experser{ padding-left: 10px;}
    }

    .store-content .s-c_more a:hover { background: #e67015; color: #fff }
    .join-service .j-service_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
    .j-service_info > div { width: 100%; max-width: 32%; max-width: calc(33.3334% - 13.3334px) }
    .join-service .j-s_i-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: relative; z-index: 1; margin: 0 0 20px; min-height: 185px; text-align: center; background: #f2f2f2 }

    @media (max-width:768px) {
        .j-service_info > div { max-width: 48.5% }
    }

    @media (max-width:425px) {
        .j-service_info > div { max-width: 100% }
        .join-service .j-s_i-item { margin: 0 0 15px; }
    }

    .join-service .j-s_i-item:hover { z-index: 3 }
    .join-service .j-s_i-item:hover .cont { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none }
    .join-service .j-s_i-item .pic { margin: 0 auto; width: 73px }

    @media (max-width:1024px) {
        .join-service .j-s_i-item .pic { width: 50px }
    }

    .join-service .j-s_i-item .pic figure { position: relative; padding: 0 100% 100% 0 }
    .join-service .j-s_i-item .pic img { position: absolute; width: 100%; height: 100% }
    .join-service .j-s_i-item .name { margin: 10px 0 0; font-size: 18px; line-height: 20px; color: #333 }

    @media (max-width:1024px) {
        .join-service .j-s_i-item .name { font-size: 16px }
    }

    @media (max-width:425px) {
        .join-service .j-s_i-item .name { font-size: 14px }
    }

    .join-service .j-s_i-item .cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 3; padding: 5%; width: 100%; height: 100%; font-size: 14px; line-height: 25px; text-align: left; background: #e67015; color: #fff; opacity: 0; visibility: hidden; -webkit-transform: translate(0,100%); -ms-transform: translate(0,100%); transform: translate(0,100%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .join-network { overflow: hidden }
    .join-network .cy_s-box { position: relative; z-index: 3; max-width: 650px }
    .join-network .j-n_desc { font-size: 14px; line-height: 30px; color: #ddd }
    .join-network .j-n_map { position: relative; z-index: 0; height: 430px }

    @media (max-width:1240px) {
        .join-network .j-n_map { height: auto }
    }

    @media (max-width:1240px) {
        .join-network .j-n_map-w { height: 430px }
    }

    .join-network .j-n_map-w figure { position: absolute; top: -120px; left: -230px; z-index: -1 }
    .join-network .j-n_map-w figure img { display: block; width: 1920px; height: 1000px }
    .join-network .j-n_map-w .dots.act span { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .7; -webkit-animation: dotshow2 infinite 1.7s 1.75s linear alternate; animation: dotshow2 infinite 1.7s 1.75s linear alternate }
    .join-network .j-n_map-w .dots span { display: block; position: absolute; border-radius: 50%; background: #0dcde9; opacity: .1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s }
    .join-network .j-n_map-w .dots .d1 { top: 50px; left: -40px; width: 150px; height: 150px }
    .join-network .j-n_map-w .dots .d2 { top: 190px; left: 50px; width: 180px; height: 180px }
    .join-network .j-n_map-w .dots .d3 { top: 200px; left: 120px; width: 130px; height: 130px }
    .join-network .j-n_map-w .dots .d4 { top: 180px; left: 210px; width: 120px; height: 120px }
    .join-network .j-n_map-w .dots .d5 { top: 250px; left: 200px; width: 115px; height: 115px }
    .join-network .j-n_map-w .dots .d6 { top: 265px; left: 255px; width: 85px; height: 85px }
    .join-network .j-n_map-w .dots .d7 { top: 285px; left: 400px; width: 100px; height: 100px }
    .join-network .j-n_map-c { position: absolute; top: -100px; right: 0 }
    .join-network .j-n_map-c figure { overflow: hidden; width: 760px; height: 620px }
    .join-network .j-n_map-c figure img { width: 100% }
    .join-network .j-n_map-c .dots span { display: block; position: absolute; border-radius: 50%; background: #ff9000; opacity: .8; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-animation: dotshow infinite 1.7s linear; animation: dotshow infinite 1.7s linear }
    .join-network .j-n_map-c .dots .d1 { top: 356px; left: 365px; width: 32px; height: 32px }
    .join-network .j-n_map-c .dots .d2 { top: 316px; left: 487px; width: 17px; height: 17px }
    .join-network .j-n_map-c .dots .d3 { top: 332px; left: 554px; width: 17px; height: 17px }

    @media (max-width:1240px) {
        .join-network .j-n_map-c { position: relative; top: auto; right: auto }
    }

    @media (max-width:1024px) {
        .join-network .j-n_map-c figure { width: 100%; height: auto }
        .join-network .j-n_map-c figure img { width: auto; max-width: 100% }
        .join-network .j-n_map-c .dots { display: none }
    }

    .join-network .j-n_contact { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 3 }

    @media (max-width:1240px) {
        .join-network .j-n_contact { margin: 5% 0 0 }
    }

    .join-network .j-n_contact .j-n_ct-i { margin-right: 5%; font-size: 14px; line-height: 30px; color: #fff }
    .join-network .j-n_contact .j-n_ct-i:last-child { margin-right: 0 }

    @media (max-width:576px) {
        .join-network .j-n_contact .j-n_ct-i { width: 50% }
    }

    @media (max-width:425px) {
        .join-network .j-n_contact .j-n_ct-i { margin-right: 0; margin-bottom: 5%; width: 100% }
    }

    .join-network .j-n_contact .cont { font-family: Arial,sans-serif; font-size: 30px; font-weight: 700; line-height: 1 }

    @media (max-width:1024px) {
        .join-network .j-n_contact .cont { font-size: 24px }
    }

    @media (max-width:768px) {
        .join-network .j-n_contact .cont { font-size: 18px }
    }

    .join-network .j-n_contact .more { margin: 20px 0 0 }
    .join-network .bg { background: #080f61 }
    .join-network .bg:before { content: none }
    .join-network .bg img { position: absolute; top: 50px; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0) }

    @-webkit-keyframes dotshow {
        to { -webkit-transform: scale(2); transform: scale(2); opacity: .1 }
    }

    @keyframes dotshow {
        to { -webkit-transform: scale(2); transform: scale(2); opacity: .1 }
    }

    @-webkit-keyframes dotshow2 {
        to { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: .3 }
    }

    @keyframes dotshow2 {
        to { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: .3 }
    }

    .join-quality .quality-info { margin: 0 auto; width: 90%; max-width: 760px }

    @media (max-width:576px) {
        .join-quality .quality-info { width: 100% }
    }

    .join-quality .q-i_item { margin: 0 0 2px; padding: 20px 5%; font-size: 14px; line-height: 25px; text-align: justify; background: #ececec; color: #333 }

    @media (max-width:576px) {
        .join-quality .q-i_item { padding: 15px 5% }
    }

    .join-quality .tips { margin: 5% 0 0; font-size: 24px; line-height: 30px; text-align: center; color: #e67015 }

    @media (max-width:1024px) {
        .join-quality .tips { font-size: 20px }
    }

    @media (max-width:576px) {
        .join-quality .tips { font-size: 16px }
    }

    .join-data { background: #ececec }
    .join-data .j-data_info { position: relative; padding: 0 0 50px }

    @media (max-width:768px) {
        .join-data .j-data_info { padding: 0 0 30px }
    }

    .join-data .j-data_info .carousel-item { background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer }
    .join-data .j-data_info .carousel-item:nth-child(odd) .cont:before { top: 100%; border-top: 16px solid #fff }
    .join-data .j-data_info .carousel-item:nth-child(even) .cont:before { bottom: 100%; border-bottom: 16px solid #fff }
    .join-data .j-data_info .carousel-item:hover { background: #e67015 }
    .join-data .j-data_info .carousel-item:hover:nth-child(odd) .cont:before { border-top-color: #e67015 }
    .join-data .j-data_info .carousel-item:hover:nth-child(even) .cont:before { border-bottom-color: #e67015 }
    .join-data .j-data_info .carousel-item:hover .cont .desc, .join-data .j-data_info .carousel-item:hover .cont .name { color: #fff }
    .join-data .j-data_info .carousel-item:hover .pic img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
    .join-data .j-data_info .cont-b { position: relative; z-index: 3; padding: 0 100% 83.3334% 0 }
    .join-data .j-data_info .cont { position: absolute; width: 100%; height: 100%; z-index: 3; padding: 5% }
    .join-data .j-data_info .cont:before { position: absolute; left: 50%; z-index: 1; margin-left: -12px; border-left: 12px solid transparent; border-right: 12px solid transparent; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: '' }
    .join-data .j-data_info .cont .name { font-size: 16px; font-weight: 700; line-height: 25px; color: #e67015; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .join-data .j-data_info .cont .desc { margin: 2.5% 0 0; font-size: 14px; line-height: 25px; color: #666; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .join-data .j-data_info .pic figure { overflow: hidden; position: relative; padding: 0 100% 83.3334% 0 }
    .join-data .j-data_info .pic img { position: absolute; width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .join-data .j-data_info .carousel-dots .slick-dots li { width: 40px; height: 6px; background: #a8a8a8 }

    @media (max-width:1024px) {
        .join-data .j-data_info .carousel-dots .slick-dots li { width: 30px; height: 4px }
    }

    @media (max-width:768px) {
        .join-data .j-data_info .carousel-dots .slick-dots li { width: 20px; height: 3px }
    }

    @media (max-width:576px) {
        .join-data .j-data_info .carousel-dots .slick-dots li { width: 15px }
    }

    .join-data .j-data_info .carousel-dots .slick-dots li.slick-active { background: #e67015 }
    .join-support .support-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
    .join-support .support-info .s-i_item { -webkit-box-flex: 33.3334%; -ms-flex: 33.3334%; flex: 33.3334%; max-width: 33.3334%; margin-top: -1px; margin-left: -1px; border: 1px solid #bfbfbf; padding: 30px 4%; font-size: 16px; line-height: 25px; background: #fff; color: #666 }
    .join-support .support-info .s-i_item:nth-child(6n), .join-support .support-info .s-i_item:nth-child(6n-1), .join-support .support-info .s-i_item:nth-child(6n-2) { background: #e8e9f1 }

    @media (max-width:1240px) {
        .join-support .support-info .s-i_item { padding: 25px 4% }
    }

    @media (max-width:768px) {
        .join-support .support-info .s-i_item { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; padding: 20px 4%; max-width: 50%; font-size: 14px; line-height: 20px }
        .join-support .support-info .s-i_item:nth-child(6n), .join-support .support-info .s-i_item:nth-child(6n-1), .join-support .support-info .s-i_item:nth-child(6n-2) { background: #fff }
        .join-support .support-info .s-i_item:nth-child(4n), .join-support .support-info .s-i_item:nth-child(4n-1) { background: #e8e9f1 }
    }

    @media (max-width:425px) {
        .join-support .support-info .s-i_item { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 15px 4%; max-width: 100% }
        .join-support .support-info .s-i_item:nth-child(4n), .join-support .support-info .s-i_item:nth-child(4n-1) { background: #fff }
        .join-support .support-info .s-i_item:nth-child(2n) { background: #e8e9f1 }
    }

    .service-conditions .conditions-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
    .service-conditions .c-i_item { width: 590px; max-width: 49.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #fff }

    @media (max-width:576px) {
        .service-conditions .c-i_item { margin: 0 0 3%; width: 100%; max-width: 100% }
    }

    .service-conditions .c-i_item.s1 .c-i_head { background-color: #e67015; background-image: url(../images/icons/jm1.png) }
    .service-conditions .c-i_item.s2 .c-i_head { background-color: #1f1a17; background-image: url(../images/icons/jm2.png) }
    .service-conditions .c-i_item .c-i_head { padding: 70px 60px 35px; font-size: 24px; line-height: 30px; background: no-repeat 70% center; color: #fff }
    .service-conditions .c-i_item .c-i_body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 35px 60px; font-size: 14px; line-height: 30px; color: #666 }

    @media (max-width:1024px) {
        .service-conditions .c-i_item .c-i_head { padding: 60px 50px 30px }
        .service-conditions .c-i_item .c-i_body { padding: 30px 50px }
    }

    @media (max-width:768px) {
        .service-conditions .c-i_item .c-i_head { padding: 50px 5% 25px; font-size: 20px; line-height: 25px; background-size: contain }
        .service-conditions .c-i_item .c-i_body { padding: 25px 5%; line-height: 25px }
    }

    @media (max-width:576px) {
        .service-conditions .c-i_item .c-i_head { padding: 40px 5% 20px }
        .service-conditions .c-i_item .c-i_body { padding: 20px 5% }
    }



.banner_nei .banner-pic .pic { position: relative; z-index: 1; height: 500px; background: no-repeat center center; background-size: cover }
.banner_nei .banner-info .title{    font-size: 40px;line-height: 30px;margin-top: 10%}


.pro_tui .pm-c_item{ width:32.33%;float: left;}


.pro_tui .tui{margin: 0 10px 0}

.pro_tui .name{text-align: center;line-height: 30px;
    background: #eee;}



.about_wenhua .cy_s-d {
    height: 50px;
    font-size: 28px;
	font-weight: bold;
	color:#636363;
	line-height: 25px;}


.fl{float: left;}
.fr{float:right;}
.m_news{display:none;}
.l_box{ width:100%; overflow:hidden;}
.l_news{ width:100%; overflow:hidden;}
.l_news li{ float:left; width:100%; overflow:hidden; border-bottom:#333 dashed 1px; padding-bottom:15px; margin-top:20px;}
.l_date{ width:90px; overflow:hidden;}
.l_date p{ font-size:20px; color:#f67c49; height:30px; line-height:30px; overflow:hidden; font-family:Arial;}
.l_date h3{ font-size:40px; color:#f67c49; font-weight:normal;font-family:Arial; height:50px; line-height:50px;}
.l_tt{ width:770px; overflow:hidden;}
.l_tt a{ height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#5a514a; margin-bottom:10px; display:block; font-weight:bold;}
.l_zy{ line-height:25px; height:75px; overflow:hidden;}
.l_news li .fr{ display:block; width:200px;}
.l_news li .fr img{ width:200px; height:133px; overflow:hidden;}
.l_news li:hover a{ color:#f39d37;}





.message{width:930px; height:auto; font-size:14px; margin-bottom:40px; margin:0 auto;}
.first{width:930px; height:40px; line-height:40px; font-size:14px; color:#ef4013;}
.second{width:930px; overflow:hidden; margin-top:15px; color:#939191;}
.second input{width:360px; height:30px; line-height:30px; margin:5px 0px; outline:0; border:0;}
.second .secondl{width:455px; height:40px; line-height:40px; _line-height:0px; margin-right:15px; background:url(../images/input1.png) no-repeat; float:left;}
.second .secondr{width:455px; height:40px; line-height:40px; _line-height:0px; background:url(../images/input1.png) no-repeat; float:left;}
.third{width:930px; height:40px; line-height:40px; background:url(../images/input2.png) no-repeat; margin-top:15px; color:#939191;}
.third input{width:800px; height:30px; line-height:30px; border:0; margin:5px 0px; outline:0;}
.forth{width:930px; height:150px; background:url(../images/input3.png) no-repeat; margin-top:15px; color:#939191;}
.forth input{width:820px; height:140px; line-height:30px; border:0; margin:5px 0px; outline:0;}
.end{width:120px; height:40px; margin-top:15px;}
.end input{border:0; width:120px; height:40px; background:#5a514a; color:#fff; text-align:center; line-height:40px; cursor:pointer;}
.message span{ padding:0px 10px;}
.l_liu{ background: #eee;padding: 50px 0 50px 0}
.service_contact{ background: #fafafa}



@media (max-width:768px) {
	.m_first dt img{width:100%}
	
	.m_news{display:block;}


.l_news{display:none;}



}






@media (max-width:768px) {
	.pro_tui .pm-c_item{width:100%}
}


.hm-product .product_info .icon{
	
	-webkit-border-radius: 110px;
border-radius: 110px;
-webkit-transition: -webkit-transform 1s ease-out;
}
.hm-product .product_info .icon:hover{
	
	-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}


