@charset "UTF-8";/*!

 * Cy Style Projects for NanShanSheDing (https://RNMMP.grd)

 * Copyright 2016-2018 Code yo, Authors own.

 * Licensed under MIT, NMMP (https://RNMMP.grd/YouBorrowMyCodeToYourItem/AndYouDonNotTellMe/)

 */

/*! 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-family:Arial !important; font-size:14px; font-weight:normal; line-height:22px; 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 }

*, :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:0; -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) {
table{ font-size:12px;}

.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/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/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:600px; background-color:#fff; position:fixed; left:50%; top:50%; margin-top:-300px; margin-left:-400px }
.manager
{
	width:100%;
}
.manager ul{ width:100%; margin:0; padding:0; list-style:none}
.manager ul li{ list-style:none; width:49.3%; background:#f6f5f5; padding:3%; display:inline-block;  margin-bottom:1.5%;}
.manager ul li h4{ color:#0a68b7; font-size:18px; margin-bottom:10px;} 
.manager ul li p{font-size:13px; color:#333333; line-height:26px;}
.manager ul li.w{ margin-left:1%}
.contactMargin{ padding-top:50px; padding-bottom:35px;}
@media (max-width:1024px) {
table{ font-size:12px;}
.vwrap .videobox {

margin-top:-225px;

margin-left:-300px;

width:600px;

height:450px

}

}

@media (max-width:768px) {

.vwrap .videobox {

margin-top:-187px;

margin-left:-250px;

width:500px;

height:375px

}

}

@media (max-width:576px) {

.vwrap .videobox {

margin-top:-150px;

margin-left:-200px;

width:400px;

height:300px

}

}

@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/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) }

#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; height:100% }

.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:#f7f7f7

}

html::-webkit-scrollbar-track {

border-radius:0;

background-color:#f7f7f7

}

html::-webkit-scrollbar-thumb {

border-radius:0;

width:17px;

height:17px;

background-color:#333

}

body { overflow-x:hidden; font-family:"Microsoft YaHei", sans-serif }

.cy-wrapper { overflow:hidden }

.cy-wrapper, .footer { -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.cy-wrapper.hide, .footer.hide { will-change:transform; -webkit-filter:blur(3px); filter:blur(3px); -webkit-transition-delay:.7s;

-o-transition-delay:.7s;

transition-delay:.7s;

-webkit-transform:translate(-270px, 0); -ms-transform:translate(-270px, 0); transform:translate(-270px, 0) }

.container { margin:0 auto; padding:0 15px; width:100% }

@media (min-width:577px) {

.container {

max-width:540px

}

}

@media (min-width:769px) {

.container {

max-width:720px

}

}

@media (min-width:1025px) {

.container {

max-width:960px;

padding:0

}

}

@media (min-width:1241px) {

.container {

max-width:1140px

}

}

@media (min-width:1441px) {

.container {

max-width:1280px

}

}

@media (min-width:1681px) {

.container {

max-width:1440px

}

}

@media (min-width:1881px) {

.container {

max-width:1550px

}

}

.clearfix:after, .clearfix:before { content:''; display:table }

.clearfix:after { clear:both }

.details-body { overflow:hidden; line-height:20px; text-align:justify ;font-weight: normal;}

.details-body p { line-height:22px }

.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:#0a68b7; text-decoration:underline }

::-moz-selection {

background:#0a68b7;

color:#fff

}

::selection {

background:#0a68b7;

color:#fff

}

body.cy-body { display:table; width:100%; height:100% }

body.cy-body .cy-wrapper { height:100% }

body.cy-body .footer { display:table-footer-group; height:1px }

.bsBox { width:auto!important; height:auto!important }

.cy-404 { display:table; padding:5% 0; width:100%; height:100%; background:#37465d }

.cy-404 .content-404 { display:table-cell; vertical-align:middle; text-align:center }

.cy-404 .pic-404 img { max-width:90% }

.cy-404 .back-404 { display:block; margin:30px auto 0; padding:10px 0; width:160px; font-size:14px; line-height:25px; background:#0a68b7; color:#fff; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.cy-404 .back-404:hover { background:rgba(218, 37, 28, .7) }

@media (max-width:1024px) {

.cy-404 .back-404 {

width:140px;

font-size:13px;

line-height:20px

}

}

@media (max-width:768px) {

.cy-404 .back-404 {

width:120px;

font-size:12px;

line-height:15px

}

}

@media (max-width:576px) {

.cy-404 .back-404 {

width:90px;

line-height:10px

}

}

.header { -webkit-transition:-webkit-transform .5s;

transition:-webkit-transform .5s;

-o-transition:transform .5s;

transition:transform .5s;

transition:transform .5s, -webkit-transform .5s

}

.header.is-hidden { will-change:transform; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%) }

.secondary-nav { position:relative; z-index:5 }

.secondary-nav .s-nav { position:absolute; top:0; left:0; width:100%; z-index:3; margin-top:-65px; text-align:center; background:#f9f9f9 }

.secondary-nav .sec-n-list { display:inline-block; vertical-align:top }

.secondary-nav .sec-n-item { float:left }

.secondary-nav .sec-n-item a { display:block; padding:20px 25px; font-size:16px; line-height:25px; color:#333; -webkit-transition:all .3s, padding .1s;

-o-transition:all .3s, padding .1s;

transition:all .3s, padding .1s; font-weight: normal;

}

.secondary-nav .sec-n-item.current a, .secondary-nav .sec-n-item:hover a { background:#38a623; color:#fff }

@media (min-width:1025px) {

.secondary-nav.fixed .s-nav {

position:fixed;

margin-top:85px;

will-change:transform;

-webkit-transition:top .5s, -webkit-transform .5s;

transition:top .5s, -webkit-transform .5s;

-o-transition:transform .5s, top .5s;

transition:transform .5s, top .5s;

transition:transform .5s, top .5s, -webkit-transform .5s

}

.secondary-nav.fixed .sec-n-item a {

padding:10px 25px

}

.secondary-nav.slide-up .s-nav {

top:-40px;

-webkit-transform:translateY(-100%);

-ms-transform:translateY(-100%);

transform:translateY(-100%)

}

}

@media (max-width:1440px) {

.secondary-nav.fixed .s-nav {

margin-top:75px

}

.secondary-nav.fixed .sec-n-item a {

padding:10px 20px

}

.secondary-nav.slide-up .s-nav {

top:-30px

}

.secondary-nav .s-nav {

margin-top:-55px

}

.secondary-nav .sec-n-item a {

padding:15px 20px

}

}

@media (max-width:1240px) {

.secondary-nav.fixed .s-nav {

margin-top:65px

}

.secondary-nav.slide-up .s-nav {

top:-25px

}

.secondary-nav .s-nav {

margin-top:-50px

}

.secondary-nav .sec-n-item a {

font-size:15px;

line-height:20px

}

}

@media (max-width:1024px) {

.secondary-nav.fixed .s-nav {

margin-top:-40px

}

.secondary-nav.fixed .sec-n-item a {

padding:10px 15px

}

.secondary-nav .s-nav {

margin-top:-40px

}

.secondary-nav .sec-n-list {

display:block

}

.secondary-nav .container {

padding:0;

max-width:100%

}

.secondary-nav .sec-nav {

overflow-x:auto;

overflow-y:hidden;

-webkit-overflow-scrolling:touch

}

.secondary-nav .sec-nav::-webkit-scrollbar {

display:none

}

.secondary-nav .sec-n-list {

width:7777px

}

.secondary-nav .sec-n-item a {

padding:10px 15px;

font-size:14px

}

.secondary-nav .sec-n-item a:active {

background:#0a68b7;

color:#fff

}

}

@media (max-width:576px) {

.secondary-nav .sec-n-item a {

font-size:13px

}

}

@media (max-width:425px) {

.secondary-nav.fixed .s-nav {

margin-top:-35px

}

.secondary-nav.fixed .sec-n-item a {

padding:5px 10px

}

.secondary-nav .s-nav {

margin-top:-35px

}

.secondary-nav .sec-n-item a {

padding:5px 10px;

font-size:12px;

line-height:25px

}

}

.nav-banner {position:relative;z-index:3;margin-bottom:65px;}

.nav-banner .banner-pic { background:no-repeat bottom center; background-size:cover }

.nav-banner .banner-pic img { width:100% }

.nav-banner .banner-title { position:absolute; top:0; left:0; z-index:5; width:100%; height:100% }

.flexbox .nav-banner .banner-title { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }

.no-flexbox .nav-banner .banner-title .container { display:table; height:100% }

.no-flexbox .nav-banner .banner-title .b-t-title { display:table-cell; vertical-align:middle }

.nav-banner .b-t-title { font-size:48px; font-weight:700; line-height:50px; text-align:center; color:#fff }

.nav-banner .b-t-title .t { font-family:"Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif; font-weight:inherit; line-height:inherit }

.nav-banner .b-t-title .e { margin-top:20px; font-family:Arial, sans-serif; text-transform:uppercase }

.nav-banner .b-t-title .i { display:block; margin-top:30px; font-size:0; line-height:1 }

@media (max-width:1440px) {

.nav-banner {

margin-bottom:55px

}

.nav-banner .b-t-title {

font-size:42px;

line-height:40px

}

.nav-banner .b-t-title .e {

margin-top:15px

}

.nav-banner .b-t-title .i {

margin-top:25px

}

}

@media (max-width:1240px) {

.nav-banner {

margin-bottom:50px

}

.nav-banner .b-t-title {

font-size:36px;

line-height:35px

}

.nav-banner .b-t-title .e {

margin-top:10px

}

.nav-banner .b-t-title .i {

margin-top:20px

}

}

@media (max-width:1024px) {

.nav-banner {

margin-bottom:40px

}

.nav-banner .banner-pic {

height:320px

}

.nav-banner .banner-pic img {

display:none

}

.nav-banner .b-t-title {

font-size:30px;

line-height:30px

}

.nav-banner .b-t-title .i {

margin-top:15px

}

.nav-banner .b-t-title .i img {

width:25px

}

}

@media (max-width:768px) {

.nav-banner .banner-pic {

height:41.6667vw

}

.nav-banner .b-t-title {

font-size:24px;

line-height:25px

}

.nav-banner .b-t-title .i {

margin-top:10px

}

}

@media (max-width:576px) {

.nav-banner .b-t-title {

font-size:20px;

line-height:20px

}

.nav-banner .b-t-title .e {

font-weight:400

}

.nav-banner .b-t-title .i {

display:none

}

}

@media (max-width:425px) {

.nav-banner {

margin-bottom:35px

}

.nav-banner .banner-pic {

height:175px

}

.nav-banner .b-t-title {

font-size:18px

}

.nav-banner .b-t-title .e {

margin-top:7px

}

}

.sec-cy { padding:60px 0 }

@media (max-width:1440px) {

.sec-cy {

padding:50px 0

}

}

@media (max-width:1240px) {

.sec-cy {

padding:45px 0

}

}

@media (max-width:1024px) {

.sec-cy {

padding:40px 0

}

}

@media (max-width:768px) {

.sec-cy {

padding:35px 0

}

}

@media (max-width:425px) {

.sec-cy {

padding:30px 0

}

}

.ipc-pages { padding:50px 0 0; line-height:1; text-align:center }

.ipc-pages .next, .ipc-pages .pages-item, .ipc-pages .prev { display:inline-block; margin:0 2px; font-size:14px; line-height:20px; vertical-align:top; background:#666; color:#fff; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.ipc-pages .next:hover, .ipc-pages .pages-item:hover, .ipc-pages .prev:hover { background:#0a68b7 }

.ipc-pages .pages-item { padding:10px 18px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }

.ipc-pages .pages-item.active { background:#0a68b7 }

.ipc-pages .next, .ipc-pages .prev { padding:10px 15px }

@media (max-width:1440px) {

.ipc-pages {

padding-top:40px

}

.ipc-pages .pages-item {

padding:10px 15px

}

.ipc-pages .next, .ipc-pages .prev {

padding:10px 12px

}

}

@media (max-width:1240px) {

.ipc-pages {

padding-top:30px

}

.ipc-pages .next, .ipc-pages .pages-item, .ipc-pages .prev {

line-height:15px

}

}

@media (max-width:1024px) {

.ipc-pages {

padding-top:25px

}

.ipc-pages .next, .ipc-pages .pages-item, .ipc-pages .prev {

padding:5px 10px;

font-size:13px;

line-height:20px

}

}

@media (max-width:768px) {

.ipc-pages {

padding-top:20px

}

.ipc-pages .next, .ipc-pages .pages-item, .ipc-pages .prev {

margin:0 1px;

padding:5px 10px;

font-size:12px

}

}

@media (max-width:576px) {

.ipc-pages .next, .ipc-pages .prev {

display:none

}

}

.ipc-title { text-align:center }

.ipc-title .t { font-size:30px; line-height:40px; color:#333 }

.ipc-title .e { margin-top:10px; font-size:18px; font-weight:700; line-height:20px; text-transform:uppercase; color:#666 }

.ipc-title.w .e, .ipc-title.w .t { color:#fff }

@media (max-width:1024px) {

.ipc-title .t {

font-size:24px;

line-height:30px

}

.ipc-title .e {

font-size:16px

}

}

@media (max-width:576px) {

.ipc-title .t {

font-size:20px;

line-height:25px

}

.ipc-title .e {

margin-top:5px;

font-size:14px

}

}

@media (max-width:375px) {

.ipc-title .t {

font-size:18px

}

.ipc-title .e {

font-size:12px;

line-height:15px

}

}

.header { position:fixed; top:0; left:0; right:0; z-index:4777 }

.header .m-h-o { display:none }

@media (max-width:1024px) {

.header .m-h-o {

display:block;

position:fixed;

top:0;

left:0;

z-index:-1;

width:100%;

height:100%;

background:rgba(0, 0, 0, .5);

visibility:hidden;

opacity:0;

-webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s;

content:''

}

.header .m-h-o.show {

visibility:visible;

opacity:1

}

}

.header-overlay { visibility:hidden; height:85px; -webkit-transition:height .15s;

-o-transition:height .15s;

transition:height .15s

}

@media (max-width:1440px) {

.header-overlay {

height:75px

}

}

@media (max-width:1240px) {

.header-overlay {

height:65px

}

}

@media (max-width:1024px) {

.header-overlay {

height:60px

}

}

@media (max-width:576px) {

.header-overlay {

height:50px

}

}

.header-content { background:#fff }

.header-content .logo { display:block; float:left; margin:15px 35px 20px; -webkit-transition:margin .15s;

-o-transition:margin .15s;

transition:margin .15s

}

.header-content .logo img { height:50px; -webkit-transition:height .15s;

-o-transition:height .15s;

transition:height .15s

}

.header-content .tools { float:right; border-left:1px solid #e4e4e4; padding:15px 50px 20px 35px; -webkit-transition:padding .15s;

-o-transition:padding .15s;

transition:padding .15s

}

.header-content .hot-line .n { margin-bottom:5px; font-size:12px; line-height:15px; color:#666 }



.header-content .hot-line .n a,

.header-content .hot-line .n b{

	float:left;

	font-weight:normal;

	margin-right:10px;}



.header-content .hot-line .n .ct-item { position:relative; z-index:1; margin-right:5px; float:left;}

.header-content .hot-line .n .ct-item .i { display:block; width:16px; height:16px; background:no-repeat center center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

cursor:pointer }

.header-content .hot-line .n .ct-item.wx .i { background-image:url(../images/wx.png) }

.header-content .hot-line .n .ct-item:hover { z-index:3 }

.header-content .hot-line .n .ct-item:hover .i { }

.header-content .hot-line .n .ct-item.wx .qr-tp { position:absolute; left:50%; top:100%; margin-top:10px; margin-left:-50px; margin-bottom:10px; border:1px solid #ccc; border-radius:3px; padding:4px; background:#fff; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s;

-webkit-transform:translate(0, -17%); -ms-transform:translate(0, -17%); transform:translate(0, -17%); visibility:hidden; opacity:0 }

.header-content .hot-line .n .ct-item.wx .qr-tp img { width:90px }

.header-content .hot-line .n .ct-item.wx .qr-tp:after, .header-content .hot-line .n .ct-item.wx .qr-tp:before { position:absolute; bottom:100%; left:50%; content:'' }

.header-content .hot-line .n .ct-item.wx .qr-tp:before { z-index:3; margin-left:-5px; border-bottom:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent }

.header-content .hot-line .n .ct-item.wx .qr-tp:after { margin-left:-7px; border-bottom:7px solid #ccc; border-left:7px solid transparent; border-right:7px solid transparent }

.header-content .hot-line .n .ct-item.wx:hover .qr-tp { -webkit-transform:none; -ms-transform:none; transform:none; visibility:visible; opacity:1 }











.header-content .hot-line .c {   font-size:24px; line-height:30px; color:#000;     font-weight: normal; }

.header-content .menu-btn { display:none }

.header-content .header-nav { line-height:1; text-align:center; white-space:nowrap }

.header-content .header-nav .hn-list { display:inline-block; vertical-align:top }

.header-content .header-nav .hn-item { float:left; position:relative; z-index:1 }

.header-content .header-nav .hn-item.current .name { color:#0a68b7 }

.header-content .header-nav .hn-item.current .name:before { visibility:visible; opacity:1; content:'' }

.header-content .header-nav .hn-item:hover { z-index:3 }

.header-content .header-nav .hn-item:hover .name { color:#0a68b7 }

.header-content .header-nav .hn-item:hover .sub-nav {

-webkit-transition-delay:.15s;

-o-transition-delay:.15s;

transition-delay:.15s; -webkit-transform:none; -ms-transform:none; transform:none; visibility:visible; opacity:1 }

.header-content .header-nav .name { display:block; position:relative; margin:30px 20px; font-size:17px; line-height:25px; color:#000; -webkit-transition:all .15s, color .3s;

-o-transition:all .15s, color .3s;

transition:all .15s, color .3s;    font-weight: normal;
}

.header-content .header-nav .name:before { position:absolute; left:0; bottom:-30px; width:100%; height:5px; background:#0a68b7; visibility:hidden; opacity:0; -webkit-transition:all .3s, bottom .15s, height .15s;

-o-transition:all .3s, bottom .15s, height .15s;

transition:all .3s, bottom .15s, height .15s

}

.header-content .header-nav .sub-nav { position:absolute; width:200%; top:100%; left:-50%; right:-20px; padding:15px 0; background:#f0f0f0; -webkit-transition:visibility .35s, opacity .35s, -webkit-transform .35s;

transition:visibility .35s, opacity .35s, -webkit-transform .35s;

-o-transition:transform .35s, visibility .35s, opacity .35s;

transition:transform .35s, visibility .35s, opacity .35s;

transition:transform .35s, visibility .35s, opacity .35s, -webkit-transform .35s;

-webkit-transform:translate(0, 10px); -ms-transform:translate(0, 10px); transform:translate(0, 10px); visibility:hidden; opacity:0 }

.header-content .header-nav .sub-nav .sn-item a { display:block; padding:5px; font-size:13px; line-height:25px; text-align:center; color:#666; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;    font-weight: normal;
}

.header-content .header-nav .sub-nav .sn-item a:hover { background:#0a68b7; color:#fff }

@media (max-width:1440px) {

.header-content .logo {

margin:12px 30px 13px

}

.header-content .tools {

padding:12px 30px 13px

}

.header-content .header-nav .name {

margin:30px 15px 20px

}

.header-content .header-nav .name:before {

bottom:-20px

}

.header-content .header-nav .sub-nav {

left:-15px;

right:-15px;

padding:10px 0

}

.header-content .header-nav .sub-nav .sn-item a {

font-size:14px;

line-height:20px

}

}

@media (max-width:1240px) {

.header-content .logo img {

height:40px

}

.header-content .hot-line .c {

font-size:20px;

line-height:20px

}

.header-content .header-nav .name {

margin:25px 10px 15px

}

.header-content .header-nav .name:before {

bottom:-15px

}

.header-content .header-nav .sub-nav {

left:-10px;

right:-10px

}

}

@media (min-width:1024px) and (max-width:1140px) {

.header-content .header-nav .name {

font-size:16px

}

.header-content .header-nav .name:before {

height:4px

}

.header-content .header-nav .sub-nav .sn-item a {

font-size:13px

}

}


.header-content .wapen{
	display:none;}
@media (max-width:1024px) {

.header-content .logo {

margin:10px 25px

}

.header-content .tools {

border-left:0 none;

padding:0

}

.header-content .hot-line {

display:none

}


.header-content .wapen{
	display:block;
	float:right;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:17px;}
.header-content .menu-btn {

position:relative;

z-index:3;

width:70px;

height:60px;

display:-webkit-box;

display:-ms-flexbox;

display:flex;

-webkit-box-pack:center;

-ms-flex-pack:center;

justify-content:center;

-webkit-box-align:center;

-ms-flex-align:center;

align-items:center;

cursor:pointer

}

.header-content .menu-btn.active .m-btn .mb2 {

visibility:hidden;

-webkit-transform:scale(0, 1);

-ms-transform:scale(0, 1);

transform:scale(0, 1);

-webkit-transition:visibility .3s, -webkit-transform .3s .3s;

transition:visibility .3s, -webkit-transform .3s .3s;

-o-transition:visibility .3s, transform .3s .3s;

transition:visibility .3s, transform .3s .3s;

transition:visibility .3s, transform .3s .3s, -webkit-transform .3s .3s

}

.header-content .menu-btn.active .m-btn .mb1 {

top:12px;

-webkit-transform:rotate(-45deg);

-ms-transform:rotate(-45deg);

transform:rotate(-45deg)

}

.header-content .menu-btn.active .m-btn .mb3 {

top:-12px;

-webkit-transform:rotate(45deg);

-ms-transform:rotate(45deg);

transform:rotate(45deg)

}

.header-content .menu-btn.active .m-btn .mb1, .header-content .menu-btn.active .m-btn .mb3 {

-webkit-transition:top .3s, -webkit-transform .3s .3s;

transition:top .3s, -webkit-transform .3s .3s;

-o-transition:top .3s, transform .3s .3s;

transition:top .3s, transform .3s .3s;

transition:top .3s, transform .3s .3s, -webkit-transform .3s .3s

}

.header-content .m-btn {

width:38px;

height:27px;

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;

-webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.header-content .m-btn .mb {

display:block;

position:relative;

top:0;

width:100%;

height:3px;

background:#666;
font-weight: normal;

}

.header-content .m-btn .mb2 {

-webkit-transform-origin:left center;

-ms-transform-origin:left center;

transform-origin:left center;

-webkit-transition:visibility .3s, -webkit-transform .3s;

transition:visibility .3s, -webkit-transform .3s;

-o-transition:visibility .3s, transform .3s;

transition:visibility .3s, transform .3s;

transition:visibility .3s, transform .3s, -webkit-transform .3s

}

.header-content .m-btn .mb1, .header-content .m-btn .mb3 {

-webkit-transition:top .3s, -webkit-transform .3s;

transition:top .3s, -webkit-transform .3s;

-o-transition:top .3s, transform .3s;

transition:top .3s, transform .3s;

transition:top .3s, transform .3s, -webkit-transform .3s

}

.header-content .header-nav {

overflow-y:auto;

overflow-x:hidden;

position:fixed;

top:60px;

left:100%;

bottom:0;

z-index:777;

padding:40px 0;

width:290px;

text-align:left;

background:#f1f1f1;

-webkit-transition:margin .5s, visibility .5s, top .15s, padding .15s;

-o-transition:margin .5s, visibility .5s, top .15s, padding .15s;

transition:margin .5s, visibility .5s, top .15s, padding .15s;

visibility:hidden

}

.header-content .header-nav.show {

margin-left:-290px;

visibility:visible

}

.header-content .header-nav::-webkit-scrollbar {

display:none

}

.header-content .header-nav .hn-list {

display:block

}

.header-content .header-nav .hn-item {

float:none

}

.header-content .header-nav .hn-item.show .name, .header-content .header-nav .hn-item:hover .name {

background:#0a68b7;

color:#fff

}

.header-content .header-nav .name {

margin:0;

padding:15px 60px;

font-weight:700;

line-height:30px;

color:#333

}

.header-content .header-nav .name:before {

content:none!important

}

.header-content .header-nav .sub-nav {

display:none;

position:relative;

top:auto;

left:auto;

right:auto;

background:#333;

-webkit-transform:none;

-ms-transform:none;

transform:none;

visibility:visible;

opacity:1

}

.header-content .header-nav .sub-nav .sn-item a {

padding:10px 60px;

font-size:14px;

font-weight:700;

text-align:left;

color:#fff

}

}

@media (max-width:576px) {

.header-content .logo {

margin:10px 15px

}

.header-content .logo img {

height:30px

}

.header-content .menu-btn {

width:60px;

height:50px

}

.header-content .menu-btn.active .m-btn .mb1 {

top:10px

}

.header-content .menu-btn.active .m-btn .mb3 {

top:-10px

}

.header-content .m-btn {

width:32px;

height:23px

}

.header-content .header-nav {

top:50px;

padding:20px 0

}

.header-content .header-nav .name {

line-height:20px

}

}

.footer-content { position:relative; z-index:1; padding:60px 0 40px; background:#0a68b7 }

.footer-content:before { position:absolute; top:0; left:0; z-index:-1; border-top:1px solid #5c5c5d; border-bottom:2px solid #44a7fb; width:100%; content:'' }

@media (max-width:1024px) {

.footer-content {

padding:50px 0 30px

}

.footer-content .container {

max-width:90%;

display:-webkit-box;

display:-ms-flexbox;

display:flex;

-webkit-box-pack:justify;

-ms-flex-pack:justify;

justify-content:space-between

}

}

@media (max-width:768px) {

.footer-content {

padding:40px 0 30px

}

}

@media (max-width:425px) {

.footer-content .container {

max-width:none

}

}

.footer-info { float:left; margin:20px 0; max-width:60%; font-size:12px; line-height:20px; color:#ccc }

.footer-info .friendly-link { float:left; position:relative; z-index:3; margin-right:25px; width:220px }

.footer-info .friendly-link .n { border:1px solid #b7b7b7; padding:10px 15px; font-size:14px; line-height:18px; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer }

.footer-info .friendly-link .n:before { display:inline-block; float:right; margin-top:5px; border-top:8px solid #ccc; border-left:6px solid transparent; border-right:6px solid transparent; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

.footer-info .friendly-link .n:hover { background:#fff; color:#333 }

.footer-info .friendly-link .n.active { background:#fff; color:#333 }

.footer-info .friendly-link .n.active:before { border-top-color:#333; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) }

.footer-info .friendly-link .ll { display:none; position:absolute; left:0; right:0; bottom:100%; z-index:3; padding:5px 0; background:#fff; color:#333 }

.footer-info .friendly-link .ll a { display:block; padding:5px 15px; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.footer-info .friendly-link .ll a:hover { background:#ccc }

.footer-info .contact { float:left; position:relative; z-index:5; margin:3px 0 }

.footer-info .ct-item { float:left; position:relative; z-index:1; margin-right:5px }

.footer-info .ct-item .i { display:block; border:1px solid #999; border-radius:50%; width:34px; height:34px; background:no-repeat center center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

cursor:pointer }

.footer-info .ct-item.sina .i { background-image:url(../images/sina.png) }

.footer-info .ct-item.wx .i { background-image:url(../images/wx.png) }

.footer-info .ct-item.phone .i { background-image:url(../images/phone.png) }

.footer-info .ct-item:hover { z-index:3 }

.footer-info .ct-item:hover .i { border-color:#0a68b7; background-color:#0a68b7 }

.footer-info .ct-item.wx .qr-tp { position:absolute; left:50%; bottom:100%; margin-left:-50px; margin-bottom:10px; border:1px solid #ccc; border-radius:3px; padding:4px; background:#fff; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s;

-webkit-transform:translate(0, -17%); -ms-transform:translate(0, -17%); transform:translate(0, -17%); visibility:hidden; opacity:0 }

.footer-info .ct-item.wx .qr-tp img { width:90px }

.footer-info .ct-item.wx .qr-tp:after, .footer-info .ct-item.wx .qr-tp:before { position:absolute; top:100%; left:50%; content:'' }

.footer-info .ct-item.wx .qr-tp:before { z-index:3; margin-left:-5px; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent }

.footer-info .ct-item.wx .qr-tp:after { margin-left:-7px; border-top:7px solid #ccc; border-left:7px solid transparent; border-right:7px solid transparent }

.footer-info .ct-item.wx:hover .qr-tp { -webkit-transform:none; -ms-transform:none; transform:none; visibility:visible; opacity:1 }

.footer-info .ct-item.phone .i { float:left; margin-right:15px }

.footer-info .ct-item.phone .c { overflow:hidden; font-family:"Bagad Bold Tryout", Arial, sans-serif; font-size:24px; line-height:34px }

.footer-info .copyright { margin-top:20px }

@media (max-width:1024px) {

.footer-info {

margin:0;

max-width:70%;

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

}

.footer-info .friendly-link {

margin-right:15px

}

.footer-info .ct-item.sina, .footer-info .ct-item.wx {

display:none

}

.footer-info .ct-item.phone .i {

margin-right:10px

}

}

@media (max-width:768px) {

.footer-info {

max-width:75%

}

}

@media (max-width:680px) {

.footer-info .friendly-link {

float:none;

margin-right:0;

margin-bottom:60px;

width:280px

}

.footer-info .contact {

float:none;

margin:0

}

}

@media (max-width:576px) {

.footer-info {

float:none;

max-width:none

}

.footer-info .friendly-link {

margin-bottom:10vw

}

}

.footer-qr { float:right; max-width:40% }

.footer-qr .qr-pic figcaption { margin-top:15px; font-size:12px; line-height:15px; text-align:center; color:#ccc }

@media (max-width:1024px) {

.footer-qr {

max-width:30%

}

}

@media (max-width:768px) {

.footer-qr {

display:-webkit-box;

display:-ms-flexbox;

display:flex;

-webkit-box-align:end;

-ms-flex-align:end;

align-items:flex-end

}

.footer-qr .qr-pic figcaption {

margin-top:5px

}

}

@media (max-width:576px) {

.footer-qr {

display:none

}

}

.hm-banner { overflow:hidden; position:relative; z-index:1; height:calc(100vh - 85px) }

.hm-banner .banner-carousel { position:relative; z-index:1 }

.hm-banner .carousel-item.current .carousel-bg { -webkit-transform:none; -ms-transform:none; transform:none }

.hm-banner .carousel-pic { overflow:hidden; position:relative; z-index:3 }

.hm-banner .carousel-pic img { display:none; width:100% }

.hm-banner .carousel-bg { display:block; width:100%; height:calc(100vh - 85px); background:no-repeat bottom center; background-size:cover; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 5s; transition:-webkit-transform 5s; -o-transition:transform 5s; transition:transform 5s; transition:transform 5s, -webkit-transform 5s }

.hm-banner .banner-info { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; text-align:center; color:#000 }

.no-flexbox.csstransforms .hm-banner .banner-info { top:50%; height:auto; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%) }

.no-flexbox.no-csstransforms .hm-banner .banner-info { top:36%; height:auto }

.hm-banner .banner-info .t { font-family:"Microsoft JhengHei", "Microsoft YaHei", sans-serif; font-size:60px; font-weight:700; line-height:1 }

.hm-banner .banner-info .e { margin-top:30px; font-family:Arial, sans-serif; font-size:48px; font-weight:700; line-height:50px; text-transform:uppercase }

.hm-banner .banner-info .c { margin-top:30px; font-size:16px; line-height:30px }

.hm-banner .banner-info .i { margin-top:50px }

.hm-banner .banner-info .i:after, .hm-banner .banner-info .i:before { display:inline-block; margin-top:8px; width:100px; height:1px; vertical-align:middle; background:#000; opacity:.5; content:'' }

.hm-banner .banner-info .i img { margin:0 10px }

.hm-banner .slick-dots { bottom:40px; z-index:7 }

.hm-banner .slick-dots li { margin:0 5px; width:9px; height:9px; background:#fff }

.hm-banner .slick-dots li.slick-active { background:#0a68b7 }

@media (max-width:1440px) {

.hm-banner {

height:calc(100vh - 75px)

}

.hm-banner .carousel-bg {

height:calc(100vh - 75px)

}

.hm-banner .banner-info .t {

font-size:50px

}

.hm-banner .banner-info .e {

margin-top:25px;

font-size:38px;

line-height:40px

}

.hm-banner .banner-info .c {

margin-top:25px;

font-size:15px;

line-height:25px

}

.hm-banner .banner-info .i {

margin-top:40px

}

.hm-banner .banner-info .i:after, .hm-banner .banner-info .i:before {

width:80px

}

}

@media (max-width:1240px) {

.hm-banner {

height:calc(100vh - 65px)

}

.hm-banner .carousel-bg {

height:calc(100vh - 65px)

}

.hm-banner .banner-info .t {

font-size:40px

}

.hm-banner .banner-info .e {

margin-top:20px;

font-size:28px;

line-height:30px

}

.hm-banner .banner-info .c {

margin-top:20px;

font-size:14px;

line-height:20px

}

.hm-banner .banner-info .i {

margin-top:30px

}

.hm-banner .banner-info .i:after, .hm-banner .banner-info .i:before {

width:60px

}

.hm-banner .slick-dots {

bottom:30px

}

}

@media (max-width:1024px) {

.hm-banner {

height:auto

}

.hm-banner .carousel-pic img {

display:block

}

.hm-banner .carousel-bg {

display:none

}

.hm-banner .banner-info .t {

font-size:32px

}

.hm-banner .banner-info .e {

margin-top:15px;

font-size:18px;

line-height:25px

}

.hm-banner .banner-info .c {

font-size:13px

}

.hm-banner .banner-info .i {

margin-top:25px

}

.hm-banner .banner-info .i:after, .hm-banner .banner-info .i:before {

content:none

}

.hm-banner .slick-dots {

bottom:20px

}

.hm-banner .slick-dots li {

margin:0 4px;

width:8px;

height:8px

}

}

@media (max-width:768px) {

.hm-banner .banner-info .t {

font-size:28px

}

.hm-banner .banner-info .e {

font-size:16px

}

.hm-banner .banner-info .c {

display:none

}

.hm-banner .banner-info .i {

margin-top:20px

}

.hm-banner .slick-dots {

bottom:15px

}

.hm-banner .slick-dots li {

margin:0 3px;

width:6px;

height:6px

}

}

@media (max-width:576px) {

.hm-banner .banner-info .t {

font-size:24px

}

.hm-banner .banner-info .e {

margin-top:15px;

font-size:14px

}

.hm-banner .banner-info .i {

margin-top:15px

}

.hm-banner .slick-dots {

bottom:10px

}

}

@media (max-width:425px) {

.hm-banner .banner-info .t {

font-size:20px

}

.hm-banner .banner-info .e {

margin-top:5px;

font-size:13px;

line-height:20px

}

.hm-banner .banner-info .i {

margin-top:10px

}

.hm-banner .banner-info .i img {

width:32px

}

}

.hm-grid .carousel-info, .hm-grid .carousel-pic, .hm-grid .hm-about, .hm-grid .hm-video { float:left; width:50% }

.hm-grid .hm-product { clear:left }

.hm-grid .g-title { font-size:34px; line-height:1; font-weight:bold; }

.hm-grid .g-more { display:block; border:2px solid #ccc; padding:10px 0; width:175px; font-size:14px; line-height:20px; text-align:center; color:#666; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;    font-weight: normal;


}

.hm-grid .g-more:after { display:inline-block; margin-left:30px; width:23px; height:20px; vertical-align:top; background:url(../images/more.png) no-repeat right center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

.hm-grid .g-more:hover { border-color:#0a68b7; color:#0a68b7 }

.hm-grid .g-more:hover:after { background-image:url(../images/moreh.png); -webkit-transform:translate(10%, 0); -ms-transform:translate(10%, 0); transform:translate(10%, 0) }

.hm-grid .hm-about { padding:80px 150px 110px 185px; height:570px }

.hm-grid .hm-about .g-title { color:#0a68b7; text-transform:uppercase }

.hm-grid .hm-about .cont { margin-top:30px; height:50px; font-size:14px; line-height:25px; color:#666; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical ;     text-align: justify;     font-weight: normal;
}

.hm-grid .hm-about .hm-about-count { margin-top:60px }

.hm-grid .hm-about .hm-about-count:after { content:''; display:block; clear:both }

.hm-grid .hm-about .hm-ac-item { float:left; width:33.3334%; text-align:center }

.hm-grid .hm-about .hm-ac-item .c { line-height:15px }

.hm-grid .hm-about .hm-ac-item .b { margin-right:10px; font-family:Arial, sans-serif; font-size:60px; line-height:1; color:#0a68b7 }

.hm-grid .hm-about .hm-ac-item .n { margin-top:15px; line-height:15px }

.hm-grid .hm-about .g-more { margin-top:76px }

.hm-grid .hm-video { position:relative; z-index:1; overflow:hidden; height:570px }

.hm-grid .hm-video:hover .hm-video-pic { -webkit-transform:scale(1.015); -ms-transform:scale(1.015); transform:scale(1.015) }

.hm-grid .hm-video .hm-video-pic { position:relative; z-index:1; height:100%; background:no-repeat center center; background-size:cover; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.hm-grid .hm-video .hm-video-pic:before { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#000; opacity:.5; content:'' }

.hm-grid .hm-video .hm-video-pic img { display:none; width:100% }

.hm-grid .hm-video .v-box { position:absolute; top:0; left:0; z-index:3; width:100%; height:100% }

.hm-grid .hm-video .v-icon { position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-35px; border:2px solid #fff; border-radius:3px; width:70px; height:40px; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.hm-grid .hm-video .v-icon:before { position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-3px; border-top:6px solid transparent; border-left:6px solid #fff; border-bottom:6px solid transparent; content:'' }

.hm-grid .hm-video .v-icon:hover { -webkit-transform:scale(1.04); -ms-transform:scale(1.04); transform:scale(1.04) }

.hm-grid .hm-video .g-title { margin:80px 0 0 0; color:#fff; text-align: center;}

.hm-grid .hm-product { overflow:hidden; position:relative; z-index:3 }

.hm-grid .carousel-pic { height:550px; background:no-repeat center center; background-size:cover }

.hm-grid .carousel-pic img { display:none; width:100% }

.hm-grid .carousel-info { padding:80px 220px 110px 110px; height:550px }

.hm-grid .carousel-info .g-title { color:#000 }

.hm-grid .carousel-info .c { margin-top:30px; height:175px; font-size:14px; line-height:25px; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:7; -webkit-box-orient:vertical }

.hm-grid .carousel-info .g-more { margin-top:80px }

.hm-grid .slick-dots { left:50%; bottom:40px; margin-left:110px; width:auto }

.hm-grid .slick-dots li { margin:0 9px 0 0; width:9px; height:9px; background:#999 }

.hm-grid .slick-dots li.slick-active { background:#0a68b7 }

.cssgrid .hm-grid { display:grid; grid-template-columns:50% 50%; grid-template-rows:570px; grid-template-areas:"about video" }

.cssgrid .hm-grid .hm-about { grid-area:about; width:auto; height:auto ;    font-weight: normal;
}

.cssgrid .hm-grid .hm-about .hm-ac-item { float:none; width:auto }

.cssgrid .hm-grid .hm-video { grid-area:video; width:auto; height:auto }

.cssgrid .hm-grid .hm-product { grid-area:product }

.flexbox .hm-grid .hm-about { 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 }

.flexbox .hm-grid .hm-about .cont { height:auto }

.flexbox .hm-grid .hm-about-count { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }

.flexbox .hm-grid .hm-about-count:after { content:none }

.flexbox .hm-grid .hm-ac-item { float:none; width:auto }

.flexbox .hm-grid .carousel-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 }

.flexbox .hm-grid .carousel-info .c { height:auto }

@media (max-width:1880px) {

.hm-grid .hm-about {

padding:80px 140px 90px 120px

}

.hm-grid .carousel-info {

padding:80px 180px 90px 110px

}

}

@media (max-width:1680px) {

.hm-grid .g-title {

font-size:24px

}

.hm-grid .g-more {

width:150px

}

.hm-grid .g-more:after {

margin-left:15px

}

.hm-grid .hm-about {

padding:80px 100px 90px 80px

}

.hm-grid .hm-about .hm-ac-item .b {

font-size:40px

}

.hm-grid .hm-video .g-title {

margin-left:80px

}

.hm-grid .carousel-info {

padding:80px 120px 90px 80px

}

.hm-grid .slick-dots {

margin-left:80px

}

}

@media (max-width:1440px) {

.hm-grid .hm-about {

padding:50px 80px 60px 50px;

height:470px

}

.hm-grid .hm-about .cont {

margin-top:20px

}

.hm-grid .hm-about .hm-about-count {

margin-top:50px

}

.hm-grid .hm-about .hm-ac-item .b {

font-size:30px

}

.hm-grid .hm-about .g-more {

margin-top:66px

}

.hm-grid .hm-video {

height:470px

}

.hm-grid .hm-video .g-title {

margin-top:50px;

margin-left:60px

}

.hm-grid .carousel-info, .hm-grid .carousel-pic {

height:450px

}

.hm-grid .carousel-info {

padding:50px 100px 60px 60px

}

.hm-grid .carousel-info .c {

margin-top:20px

}

.hm-grid .carousel-info .g-more {

margin-top:50px

}

.hm-grid .slick-dots {

bottom:20px;

margin-left:60px

}

.cssgrid .hm-grid {

grid-template-rows:470px 450px

}

}

@media (max-width:1240px) {

.hm-grid .g-title {

font-size:20px

}

.hm-grid .hm-about {

padding:50px 50px 60px

}

.hm-grid .hm-video .g-title {

margin-left:50px

}

.hm-grid .carousel-info {

padding:50px 50px 60px

}

.hm-grid .slick-dots {

margin-left:50px

}

}

@media (max-width:1024px) {

.hm-grid {

padding:15px;

background:#f1f1f1

}

.hm-grid .g-more {

width:120px;

font-size:12px;

line-height:15px

}

.hm-grid .g-more:after {

width:17px;

height:15px

}

.hm-grid .carousel-info, .hm-grid .carousel-pic, .hm-grid .hm-about, .hm-grid .hm-video {

float:none;

width:auto;

height:auto

}

.hm-grid .hm-about {

padding:50px 5%;

background:#fff

}

.hm-grid .hm-about .cont {

margin-top:15px;

font-size:13px

}

.hm-grid .hm-about .hm-about-count {

margin-top:40px

}

.hm-grid .hm-about .hm-ac-item .b {

margin-right:5px;

font-size:24px

}

.hm-grid .hm-about .hm-ac-item .n {

margin-top:5px;

font-size:12px

}

.hm-grid .hm-about .g-more {

margin-top:50px

}

.hm-grid .hm-video .g-title {

margin-left:5%

}

.hm-grid .hm-video .hm-video-pic img {

display:block

}

.hm-grid .hm-video .hm-video-pic:before {

z-index:1

}

.hm-grid .hm-product {

margin-top:15px

}

.hm-grid .carousel-pic img {

display:block

}

.hm-grid .carousel-info {

padding:50px 5% 80px;

background:#fff

}

.hm-grid .carousel-info .c {

font-size:13px

}

.hm-grid .slick-dots {

left:5%;

bottom:30px;

margin-left:0

}

.cssgrid .hm-grid {

display:block;

grid-template-columns:none;

grid-template-rows:none;

grid-template-areas:none

}

.cssgrid .hm-grid .hm-about {

grid-area:auto

}

.cssgrid .hm-grid .hm-video {

grid-area:auto

}

.cssgrid .hm-grid .hm-product {

grid-area:auto

}

}

@media (max-width:576px) {

.hm-grid .g-more {

border-width:1px;

padding:5px 0;

width:100px

}

.hm-grid .g-more:after {

margin-left:10px;

width:13px

}

.hm-grid .hm-about {

padding:35px 5%

}

.hm-grid .hm-video .g-title {

margin-top:35px

}

.hm-grid .hm-video .v-icon {

margin-top:-15px;

margin-left:-25px;

width:50px;

height:30px

}

.hm-grid .carousel-info {

padding:35px 5% 70px

}

.hm-grid .slick-dots {

bottom:25px

}

.hm-grid .slick-dots li {

margin-right:7px;

width:7px;

height:7px

}

}

@media (max-width:425px) {

.hm-grid .hm-about .hm-about-count {

margin-top:30px

}

.hm-grid .hm-about .hm-about-count .b {

font-size:20px

}

.hm-grid .hm-about .g-more {

margin-top:40px

}

.hm-grid .carousel-info {

padding-bottom:50px

}

.hm-grid .carousel-info .g-more {

margin-top:35px

}

.hm-grid .slick-dots {

bottom:15px

}

}

.hm-product2 { padding:110px 0; background:#f1f1f1 }

.hm-product2:after { content:''; display:block; clear:both }

.hm-product2 .carousel-item {background:#fff }

.hm-product2 .carousel-item a { display:block; overflow:hidden; position:relative; z-index:1; padding:10px 40px; height:400px }

.hm-product2 .carousel-item a:hover { z-index:3 }

.hm-product2 .carousel-item a:hover .carousel-pic .bg { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.hm-product2 .carousel-item a:hover .carousel-name .n { visibility:hidden; opacity:0 }

.hm-product2 .carousel-item a:hover .carousel-info { visibility:visible; opacity:1; -webkit-transform:none; -ms-transform:none; transform:none }

.hm-product2 .carousel-pic { margin:10px 0; overflow:hidden }

.hm-product2 .carousel-pic img { display:none; width:100% }

.hm-product2 .carousel-pic .bg { display:block; height:300px; background:no-repeat center center; background-size:cover; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.hm-product2 .carousel-name { border-top:1px solid #eee; padding:20px 0 }

.hm-product2 .carousel-name .n { font-size:14px; line-height:20px; text-align:center; color:#333; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;    font-weight: normal;


}

.hm-product2 .carousel-info { position:absolute; top:0; left:0; z-index:3; padding:35px 45px; width:100%; height:100%; color:#fff; visibility:hidden; opacity:0; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s;

-webkit-transform:translate(0, 100%); -ms-transform:translate(0, 100%); transform:translate(0, 100%) }

.hm-product2 .carousel-info:before { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#0a68b7; opacity:.92; content:'' }

.hm-product2 .carousel-info .t { font-size:24px; line-height:25px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis }

.hm-product2 .carousel-info .cont { margin:20px 0 15px; border-top:1px solid rgba(255, 255, 255, .3); border-bottom:1px solid rgba(255, 255, 255, .3); padding:25px 0; line-height:25px }

.hm-product2 .carousel-info .c { height:200px; font-size:12px; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:8; -webkit-box-orient:vertical }

.hm-product2 .carousel-info .m { display:block; width:15px; height:15px; background:url(../images/more1.png) no-repeat center center }

.hm-product2 .carousel-info .m:hover {

-webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }

.hm-product2 .pd2-carousel { position:relative; z-index:1 }


.hm-product2 .slick-list { margin-right:-4px }

.hm-product2 .carousel-arrow .next, .hm-product2 .carousel-arrow .prev { position:absolute; top:50%; z-index:3; margin-top:-25px; width:50px; height:50px; background:no-repeat center center #999; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

cursor:pointer }

.hm-product2 .carousel-arrow .next:hover, .hm-product2 .carousel-arrow .prev:hover { background-color:#0a68b7 }

.hm-product2 .carousel-arrow .prev { left:-100px; background-image:url(../images/prev.png) }

.hm-product2 .carousel-arrow .next { right:-100px; background-image:url(../images/next.png) }


.hm-product2 .slick-prev,.hm-product2 .slick-next { position:absolute; top:50%; z-index:3; margin-top:-25px; width:50px; height:50px; background:no-repeat center center #999; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

cursor:pointer }

.hm-product2 .slick-prev:hover, .hm-product2 .slick-next:hover { background-color:#0a68b7 }

.hm-product2 .slick-prev { left:-100px; background-image:url(../images/prev.png) }

.hm-product2 .slick-next { right:-100px; background-image:url(../images/next.png) }


@media (max-width:1680px) {

.hm-product2 .carousel-info .t {

font-size:20px

}

.hm-product2 .carousel-arrow .prev {

left:-60px

}

.hm-product2 .carousel-arrow .next {

right:-60px

}

}

@media (max-width:1440px) {

.hm-product2 {

padding:80px 0

}

.hm-product2 .carousel-item a {

padding:10px 30px

}

.hm-product2 .carousel-info {

padding:35px

}

.hm-product2 .carousel-arrow .prev {

left:-25px

}

.hm-product2 .carousel-arrow .next {

right:-25px

}

}

@media (max-width:1240px) {

.hm-product2 .carousel-info .t {

font-size:18px

}

}

@media (max-width:1024px) {

.hm-product2 {

padding:0 0 15px

}

.hm-product2 .container {

max-width:none

}

.hm-product2 .carousel-arrow .prev {

left:0

}

.hm-product2 .carousel-arrow .next {

right:0

}

}

@media (max-width:768px) {

.hm-product2 .carousel-item a {

padding:10px 5%;

height:auto

}

.hm-product2 .carousel-item a:hover .carousel-name .n {

visibility:visible;

opacity:1

}

.hm-product2 .carousel-pic img {

display:block

}

.hm-product2 .carousel-pic .bg {

display:none

}

.hm-product2 .carousel-info {

display:none

}

.hm-product2 .carousel-name {

padding:10px 0

}

.hm-product2 .carousel-name .n {

font-size:13px

}

.hm-product2 .carousel-arrow .next, .hm-product2 .carousel-arrow .prev {

width:36px;

height:36px

}

}

@media (max-width:425px) {

.hm-product2 .slick-list {

margin-right:0

}

.hm-product2 .carousel-item {

margin-right:0

}

}

.hm-news { position:relative; z-index:1; padding:90px 0 150px }

.hm-news .hm-news-bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center; background-size:cover }

.hm-news .hm-news-title { line-height:25px; color:#444; text-align:right }

.hm-news .hm-news-title .t { float:left; font-size:24px }

.hm-news .hm-news-title .m { display:inline-block; font-size:14px; line-height:1; vertical-align:bottom; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.hm-news .hm-news-title .m:after { display:inline-block; margin-left:10px; width:23px; height:14px; vertical-align:top; background:url(../images/morew.png) no-repeat right center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

.hm-news .hm-news-title .m:hover { color:#0a68b7 }

.hm-news .hm-news-title .m:hover:after { background-image:url(../images/moreh.png); -webkit-transform:translate(20%, 0); -ms-transform:translate(20%, 0); transform:translate(20%, 0) }

.hm-news .hm-news-cont { overflow:hidden; margin-top:35px }

.hm-news .hm-news-list { float:left; margin-top:-1px; width:30%; height:410px; background:#fff }

.hm-news .hm-news-item { position:relative; z-index:1; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.hm-news .hm-news-item:before { position:absolute; left:0; bottom:0; z-index:1; width:100%; height:4px; background:#0a68b7; visibility:hidden; opacity:0; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

.hm-news .hm-news-item:hover { z-index:3; background:#f1f1f1 }

.hm-news .hm-news-item:hover:before { visibility:visible; opacity:1 }

.hm-news .hm-news-item a { display:block; margin-top:-1px; border-top:1px solid #e5e5e5; padding:27px 45px 30px }

.hm-news .hm-news-item .d { font-size:12px; line-height:15px; color:#999 }

.hm-news .hm-news-item .c { margin-top:15px; height:50px; font-size:15px; line-height:25px; color:#666; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical }

.hm-news .hm-news-carousel { float:left; width:70%; position:relative; z-index:1; background:#fff }

.hm-news .hm-news-carousel .carousel-item a { display:block }

.hm-news .hm-news-carousel .carousel-item a:after { content:''; display:block; clear:both }

.hm-news .hm-news-carousel .carousel-item a:hover .carousel-pic .bg { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.hm-news .hm-news-carousel .carousel-item a:hover .carousel-info .m { border-color:#0a68b7; color:#0a68b7 }

.hm-news .hm-news-carousel .carousel-item a:hover .carousel-info .m:after { background-image:url(../images/moreh.png); -webkit-transform:translate(10%, 0); -ms-transform:translate(10%, 0); transform:translate(10%, 0) }

.hm-news .hm-news-carousel .carousel-pic { overflow:hidden; float:left; position:relative; z-index:1; width:57%; height:410px }

.hm-news .hm-news-carousel .carousel-pic img { display:none; width:100% }

.hm-news .hm-news-carousel .carousel-pic .bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center; background-size:cover; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.hm-news .hm-news-carousel .carousel-info { float:left; padding:55px 65px; width:43%; height:410px; background:#fff }

.hm-news .hm-news-carousel .carousel-info .t { height:50px; font-size:18px; line-height:25px; color:#565656; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical }

.hm-news .hm-news-carousel .carousel-info .c { margin-top:25px; height:75px; font-size:14px; line-height:25px; color:#999; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical }

.hm-news .hm-news-carousel .carousel-info .d { margin-top:30px; font-size:12px; line-height:15px; color:#999 }

.hm-news .hm-news-carousel .carousel-info .m { display:block; margin-top:60px; border:2px solid #999; padding:10px 0; width:120px; font-size:14px; line-height:20px; text-align:center; color:#666; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.hm-news .hm-news-carousel .carousel-info .m:after { display:inline-block; margin-left:10px; width:15px; height:20px; vertical-align:top; background:url(../images/more.png) no-repeat right center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

.flexbox .hm-news .hm-news-carousel .carousel-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-news .hm-news-carousel .slick-dots { left:30px; bottom:20px; width:auto }

.hm-news .hm-news-carousel .slick-dots li { margin:0 10px 0 0; width:7px; height:7px; background:#fff }

.hm-news .hm-news-carousel .slick-dots li.slick-active { background:#0a68b7 }

.cssgrid .hm-news .hm-news-list { display:grid; grid-template-rows:repeat(3, 33.3334%); margin:0 }

.flexbox .hm-news .hm-news-item a { 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; height:100% }

.flexbox .hm-news .hm-news-item .c { height:auto }

@media (max-width:1880px) {

.hm-news .hm-news-item a {

padding-left:40px;

padding-right:40px

}

.hm-news .hm-news-carousel .carousel-info {

padding:55px

}

}

@media (max-width:1680px) {

.hm-news .hm-news-item a {

padding-left:30px;

padding-right:30px

}

.hm-news .hm-news-carousel .carousel-info {

padding:50px 40px

}

}

@media (max-width:1440px) {

.hm-news {

padding:70px 0 100px

}

.hm-news .hm-news-list {

width:33.3334%

}

.hm-news .hm-news-carousel {

width:66.6667%

}

.hm-news .hm-news-carousel .carousel-info, .hm-news .hm-news-carousel .carousel-pic {

width:50%

}

.hm-news .hm-news-carousel .carousel-info {

padding:50px 30px

}

.hm-news .hm-news-carousel .carousel-info .m {

margin-top:50px

}

}

@media (max-width:1240px) {

.hm-news .hm-news-title {

line-height:20px

}

.hm-news .hm-news-title .t {

font-size:20px

}

.hm-news .hm-news-list {

float:none;

width:auto;

height:auto

}

.hm-news .hm-news-item a {

padding:20px 25px

}

.hm-news .hm-news-item .c {

margin-top:10px

}

.hm-news .hm-news-carousel {

float:none;

margin-top:1px;

width:auto

}

.hm-news .hm-news-carousel:after {

content:'';

display:block;

clear:both

}

.hm-news .hm-news-carousel .carousel-info, .hm-news .hm-news-carousel .carousel-pic {

width:50%

}

.hm-news .hm-news-carousel .carousel-info {

padding:50px 30px

}

.hm-news .hm-news-carousel .carousel-info .m {

margin-top:50px

}

}

@media (max-width:1024px) {

.hm-news {

padding:50px 0

}

.hm-news .container {

max-width:none

}

.hm-news .hm-news-title .m:after {

width:17px

}

.hm-news .hm-news-cont {

margin-top:25px

}

.hm-news .hm-news-item a {

padding:15px 5%

}

.hm-news .hm-news-carousel .carousel-pic {

height:350px

}

.hm-news .hm-news-carousel .carousel-info {

padding:35px 25px;

height:350px

}

.hm-news .hm-news-carousel .carousel-info .t {

font-size:16px

}

.hm-news .hm-news-carousel .carousel-info .c {

margin-top:20px;

font-size:13px

}

.hm-news .hm-news-carousel .carousel-info .d {

margin-top:25px

}

.hm-news .hm-news-carousel .carousel-info .m {

margin-top:35px;

font-size:12px;

line-height:15px

}

.hm-news .hm-news-carousel .carousel-info .m:after {

width:17px;

height:15px

}

.hm-news .hm-news-carousel .slick-dots {

left:5%;

bottom:35px

}

.hm-news .hm-news-carousel .slick-dots li {

margin-right:7px

}

}

@media (max-width:680px) {

.hm-news .hm-news-title {

text-align:center

}

.hm-news .hm-news-title .t {

float:none

}

.hm-news .hm-news-title .m {

display:none

}

.hm-news .hm-news-carousel {

margin-top:0

}

.hm-news .hm-news-carousel .carousel-pic {

height:300px

}

.hm-news .hm-news-carousel .carousel-info {

padding:30px 20px;

height:300px

}

.hm-news .hm-news-carousel .carousel-info .t {

font-size:15px

}

.hm-news .hm-news-carousel .carousel-info .c {

margin-top:15px

}

.hm-news .hm-news-carousel .carousel-info .d {

margin-top:20px

}

.hm-news .hm-news-carousel .carousel-info .m {

margin-top:30px

}

.hm-news .hm-news-carousel .slick-dots {

bottom:30px

}

}

@media (max-width:576px) {

.hm-news .hm-news-carousel .carousel-pic {

float:none;

width:auto;

height:300px

}

.hm-news .hm-news-carousel .carousel-info {

float:none;

padding:35px 5%;

width:auto;

height:auto

}

.hm-news .hm-news-carousel .slick-dots {

left:5%;

top:270px;

bottom:auto

}

}

@media (max-width:425px) {

.hm-news {

padding:35px 0

}

.hm-news .hm-news-item .c {

font-size:13px

}

.hm-news .hm-news-carousel .carousel-pic {

height:auto

}

.hm-news .hm-news-carousel .carousel-pic img {

display:block

}

.hm-news .hm-news-carousel .carousel-pic .bg {

display:none

}

.hm-news .hm-news-carousel .carousel-info {

padding:30px 5%

}

.hm-news .hm-news-carousel .carousel-info .m {

border-width:1px;

padding:5px 0;

width:100px

}

.hm-news .hm-news-carousel .carousel-info .m:after {

margin-left:10px;

width:13px

}

.hm-news .hm-news-carousel .slick-dots {

top:auto;

bottom:307px

}

}

.profile .container { width:900px; font-weight:normal }

.profile-head { padding:90px 0 0 30px; text-align:center }

.profile-head .ph-title { font-size:30px; font-weight:700; line-height:1; color:#333;    font-weight: normal;
    text-transform: uppercase; }

.profile-head .ph-cont { margin-top:35px; font-size:14px; line-height:25px; color:#666 }

.profile-head .ph-count { margin-top:60px }

.flexbox .profile-head .ph-count { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around }

.flexbox .profile-head .ph-count .ph-c-item { float:none; width:auto }

.no-flexbox .profile-head .ph-count:after { content:''; display:block; clear:both }

.profile-head .ph-c-item { float:left; width:33.3334%; text-align:center }

.profile-head .ph-c-item .c { line-height:15px }

.profile-head .ph-c-item .b { margin-right:10px; font-family:Arial, sans-serif; font-size:60px; line-height:1; color:#0a68b7 }

.profile-head .ph-c-item .n { margin-top:15px; line-height:15px }

.profile-idea { position:relative; z-index:1 }

.profile-idea .pi-down { position:absolute; top:0; left:50%; z-index:3; margin-top:-35px; margin-left:-35px; width:70px; height:70px; background:#0a68b7 url(../images/down.png) no-repeat center center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

cursor:pointer }

.profile-idea .pi-down:hover { background-position-y:60% }

.profile-idea .pi-bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center fixed; background-size:cover }

.profile-idea .pi-cont { padding:250px 0; font-size:28px; font-weight:700; line-height:45px; text-align:center; color:#fff }

.profile-body .details-body { font-size:15px }

@media (min-width:1024px) {

.ph-cont {

padding:0 10%

}

}

@media (max-width:1024px) {

.profile-head {

padding:70px 0 0 30px

}

.profile-head .ph-title {

font-size:24px

}

.profile-head .ph-cont {

margin-top:25px;

font-size:14px

}

.profile-head .ph-count {

margin-top:50px

}

.profile-head .ph-c-item .b {

margin-right:5px;

font-size:50px

}

.profile-head .ph-c-item .n {

margin-top:10px

}

.profile-idea .pi-down {

display:none

}

.profile-idea .pi-bg {

background-attachment:scroll

}

.profile-idea .pi-cont {

padding:120px 0;

font-size:21px;

line-height:35px

}

.profile-body .details-body {

font-size:14px;

text-align:justify

}

}

@media (max-width:768px) {

.profile-head {

padding:50px 0 0 30px

}

.profile-head .ph-title {

font-size:20px

}

.profile-head .ph-cont {

margin-top:20px

}

.profile-head .ph-count {

margin-top:40px

}

.profile-head .ph-c-item .b {

font-size:40px

}

.profile-head .ph-c-item .n {

margin-right:5px;

font-size:12px

}

.profile-idea .pi-cont {

padding:80px 0;

line-height:30px

}

}

@media (max-width:576px) {

.profile .container {

width:auto

}

.profile-head {

padding:40px 0 0 20px

}

.profile-head .ph-cont {

margin-top:15px;

font-size:12px

}

.profile-head .ph-count {

margin-top:30px

}

.profile-head .ph-c-item .b {

font-size:24px

}

.profile-idea .pi-cont {

padding:50px 0;

font-size:18px;

line-height:30px

}

.profile-body .details-body {

font-size:13px

}

}

@media (max-width:425px) {

.profile-head .ph-c-item .b {

font-size:20px

}

.profile-idea .pi-cont {

font-size:16px

}

.profile-body .details-body {

font-size:12px

}

.profile-body .details-body p {

line-height:25px

}

}

.history { position:relative; z-index:1 }

.history .history-bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center; background-size:cover }

.history .history-head { position:relative; z-index:5; padding-top:80px }

.history .history-head:before { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#0a68b7; opacity:.8; content:'' }

.history .hs-h-title { position:relative; z-index:1; padding:0 50px 30px; color:#fff }

.history .hs-h-title .e { font-family:Arial, sans-serif; font-size:48px; line-height:50px; text-transform:capitalize }

.history .hs-h-title .t { margin-top:10px; font-size:24px; font-weight:700; line-height:25px }

.history .hs-h-title:before { position:absolute; top:0; left:0; bottom:0; z-index:-1; width:3px; background:#0a68b7; content:'' }

.history .history-body { position:relative; z-index:3; padding:1px }

.history .history-body:before { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#000; opacity:.5; content:'' }

.history .hs-b { overflow:hidden; position:relative; z-index:1; padding:60px 34% 60px 0 }

.history .hs-b:before { position:absolute; top:0; left:0; bottom:0; z-index:-1; width:3px; background:#fff; content:'' }

.history .mCSB_scrollTools { visibility:hidden }

.history .hs-b-cont { overflow:hidden; height:425px }

.history .hs-b-item { position:relative; z-index:1; margin-bottom:25px; padding-left:50px; line-height:25px; color:#fff }

.history .hs-b-item:before { position:absolute; top:11px; left:0; z-index:-1; width:14px; height:3px; background:#fff; content:'' }

.history .hs-b-item:after { content:''; display:block; clear:both }

.history .hs-b-item .name { float:left; margin-right:35px; width:70px; font-size:18px; font-weight:700; text-align:right }

.history .hs-b-item .cont { overflow:hidden; font-size:15px; text-align:justify }

.history .hs-b-down { margin-top:90px; padding-left:50px; font-size:14px; line-height:34px; color:#fff }

.history .hs-b-down .i { display:block; float:left; position:relative; z-index:1; margin-right:15px; border:2px solid #fff; border-radius:5px; width:24px; height:34px }

.history .hs-b-down .i:before { position:absolute; top:10px; left:50%; margin-left:-1.5px; border-radius:1px; width:3px; height:7px; background:#fff; -webkit-animation:scrolldown 1.5s infinite linear; animation:scrolldown 1.5s infinite linear; content:'' }

@media (max-width:1440px) {

.history .history-head {

padding-top:60px

}

.history .hs-h-title .e {

font-size:40px;

line-height:40px

}

.history .hs-h-title .t {

font-size:20px;

line-height:20px

}

.history .hs-b {

padding:60px 27% 60px 0

}

.history .hs-b-down {

margin-top:70px

}

}

@media (max-width:1024px) {

.history .history-head {

padding-top:50px

}

.history .hs-h-title {

padding-left:40px;

padding-right:0

}

.history .hs-h-title .e {

font-size:32px;

line-height:25px

}

.history .hs-h-title .t {

font-size:18px

}

.history .hs-b {

padding:50px 0

}

.history .hs-b-cont {

margin-right:0;

height:auto

}

.history .hs-b-item {

margin-bottom:20px;

padding-left:40px

}

.history .hs-b-item .name {

margin-right:25px

}

.history .hs-b-item .cont {

font-size:13px

}

.history .hs-b-down {

display:none

}

}

@media (max-width:768px) {

.history .history-head {

padding-top:40px

}

.history .hs-h-title {

padding-left:30px

}

.history .hs-h-title .e {

font-size:24px;

line-height:20px

}

.history .hs-h-title .t {

font-size:16px;

line-height:15px

}

.history .hs-b-item {

padding-left:30px

}

.history .hs-b-item .name {

margin-right:20px;

width:60px;

font-size:16px

}

}

@media (max-width:425px) {

.history .hs-h-title {

padding-left:25px;

padding-bottom:25px

}

.history .hs-h-title .e {

font-size:24px;

line-height:20px

}

.history .hs-h-title .t {

font-size:16px;

line-height:15px

}

.history .hs-b {

padding:40px 0

}

.history .hs-b-item {

padding-left:25px

}

.history .hs-b-item:before {

width:10px

}

.history .hs-b-item .name {

margin-right:15px

}

}

@-webkit-keyframes scrolldown { from {

opacity:0;

-webkit-transform:none;

transform:none

}

20%, 80% {

opacity:1

}

to { opacity:0; -webkit-transform:translate(0, 8px) scale(1, .7); transform:translate(0, 8px) scale(1, .7) }

}

@keyframes scrolldown { from {

opacity:0;

-webkit-transform:none;

transform:none

}

20%, 80% {

opacity:1

}

to { opacity:0; -webkit-transform:translate(0, 8px) scale(1, .7); transform:translate(0, 8px) scale(1, .7) }

}

.culture .clt-item { position:relative; z-index:1 }

.culture .clt-item:hover { z-index:3 }

.culture .clt-item:hover .clt-pic .bg { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.culture .clt-item:hover .clt-pic:after { background:rgba(0, 0, 0, .5) }

.culture .clt-item:hover .clt-info .c { margin-top:25px; height:auto; -webkit-transform:none; -ms-transform:none; transform:none; visibility:visible; opacity:1 }

.culture .clt-item:hover .clt-info .l { margin-top:30px; -webkit-transform:none; -ms-transform:none; transform:none; visibility:visible; opacity:1 }

.culture .clt-pic { overflow:hidden; position:relative; z-index:1; height:410px }

.culture .clt-pic img { display:none; width:100% }

.culture .clt-pic .bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center; background-size:cover; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.culture .clt-pic:after { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0, 0, 0, .3); -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s;

content:'' }



.culture .clt-info { position:absolute; top:0; left:0; z-index:3; padding:5%; width:100%; text-align:center; color:#fff }

.culture .clt-info .t { font-size:24px; line-height:25px }

.culture .clt-info .e { margin-top:15px; font-family:Arial, sans-serif; font-size:14px; line-height:15px }

.culture .clt-info .c { overflow:hidden; height:0; font-size:16px; line-height:25px; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

-webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); visibility:hidden; opacity:0 }

.culture .clt-info .l { display:block; margin:0 auto; width:15px; height:1px; background:#fff; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); visibility:hidden; opacity:0 }

.no-cssgrid .culture .culture-list:after { content:''; display:block; clear:both }

.no-cssgrid .culture .clt-item { float:left; width:33.3334% }

.cssgrid .culture .culture-list { display:grid; grid-template-columns:repeat(3, 33.3334%) }

.no-flexbox .culture .clt-info { top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%) }

.no-csstransforms .culture .clt-info { top:35% }

.flexbox .culture .clt-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; height:100% }

@media (max-width:1440px) {

.culture .clt-pic {

height:360px

}

}

@media (max-width:1240px) {

.culture .clt-pic {

height:300px

}

.culture .clt-info .t {

font-size:20px

}

.culture .clt-info .e {

margin-top:10px;

font-size:13px

}

.culture .clt-info .c {

font-size:14px

}

.culture .clt-info .l {

width:12px

}

}

@media (max-width:1024px) {

.culture .clt-item:hover .clt-info .c {

margin-top:20px

}

.culture .clt-item:hover .clt-info .l {

margin-top:25px

}

.culture .clt-pic {

height:auto

}

.culture .clt-pic img {

display:block

}

.culture .clt-pic .bg {

display:none

}

.culture .clt-info .t {

font-size:18px

}

.culture .clt-info .e {

margin-top:5px;

font-size:12px

}

.culture .clt-info .c {

font-size:13px

}

.culture .clt-info .l {

width:10px

}

.no-cssgrid .culture .clt-item {

width:50%

}

.cssgrid .culture .culture-list {

grid-template-columns:repeat(2, 50%)

}

}

@media (max-width:768px) {

.culture .clt-item:hover .clt-info .c {

margin-top:15px

}

.culture .clt-item:hover .clt-info .l {

margin-top:20px

}

.culture .clt-info .t {

font-size:16px

}

.culture .clt-info .c {

line-height:20px

}

}

@media (max-width:640px) {

.no-cssgrid .culture .clt-item {

float:none;

width:auto

}

.cssgrid .culture .culture-list {

grid-template-columns:repeat(1, 100%)

}

}

@media (max-width:576px) {

.culture .clt-item:hover .clt-info .c {

margin-top:10px

}

.culture .clt-item:hover .clt-info .l {

margin-top:15px

}

}

.honor .container { max-width:1200px }

.honor .honor-c-item a:hover .honor-c-pic { border-color:#0a68b7 }

.honor .honor-c-item a:hover .honor-c-pic .bg { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.honor .honor-c-item a:hover .honor-c-info { background:#0a68b7; color:#fff }

.honor .honor-c-pic { overflow:hidden; position:relative; z-index:1; border:3px solid #eee; height:250px; background:#fff; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.honor .honor-c-pic .bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center; background-size:contain; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.honor .honor-c-info { padding:20px; background:#eee; color:#000; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.honor .honor-c-info .name { font-size:16px; line-height:20px; text-align:center }

.no-cssgrid .honor .honor-cont { overflow:hidden }

.no-cssgrid .honor .honor-c-list { margin-right:-25px }

.no-cssgrid .honor .honor-c-list:after { content:''; display:block; clear:both }

.no-cssgrid .honor .honor-c-item { float:left; margin-bottom:30px; padding-right:25px; width:33.3334% }

.no-cssgrid .honor .honor-c-item a { display:block }

.cssgrid .honor .honor-cont { margin-bottom:20px }

.cssgrid .honor .honor-c-list { display:grid; grid-template-columns:repeat(3, 1fr); -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; grid-column-gap:25px; grid-row-gap:30px }

@media (max-width:1440px) {

.honor .container {

max-width:1140px

}

.honor .honor-c-pic {

height:238px

}

.honor .honor-c-info {

padding:15px 5%

}

.honor .honor-c-info .name {

font-size:15px

}

}

@media (max-width:1240px) {

.honor .container {

max-width:90%

}

.honor .honor-c-pic {

border-width:2px;

height:217px

}

.honor .honor-c-info {

padding:10px 5%

}

.no-cssgrid .honor .honor-c-list {

margin-right:-20px

}

.no-cssgrid .honor .honor-c-item {

margin-bottom:25px;

padding-right:20px

}

.cssgrid .honor .honor-c-list {

grid-column-gap:20px;

grid-row-gap:25px

}

}

@media (max-width:900px) {

.no-cssgrid .honor .honor-c-item {

width:50%

}

.cssgrid .honor .honor-c-list {

grid-template-columns:repeat(2, 1fr)

}

}

@media (max-width:680px) {

.honor .honor-c-pic {

height:174px

}

}

@media (max-width:576px) {

.honor .container {

max-width:none

}

.honor .honor-c-pic {

height:154px

}

.honor .honor-c-info .name {

font-size:14px;

line-height:15px

}

}

@media (max-width:425px) {

.honor .honor-c-pic {

height:225px

}

.no-cssgrid .honor .honor-c-list {

margin-right:0

}

.no-cssgrid .honor .honor-c-item {

float:none;

margin-bottom:20px;

padding-right:0;

width:auto

}

.cssgrid .honor .honor-c-list {

grid-template-columns:repeat(1, 100%);

grid-column-gap:0;

grid-row-gap:20px

}

}

@media (max-width:375px) {

.honor .honor-c-pic {

height:190px

}

}

.team .container { max-width:1200px }

.team .team-c-item a:hover .team-c-pic img { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.team .team-c-item a:hover .team-c-info { background:#0a68b7 }

.team .team-c-item a:hover .team-c-info .c { color:#fff }

.team .team-c-item a:hover .team-c-info .d { color:#fff }

.team .team-c-item a:hover .team-c-info .d:before { background:#fff }

.team .team-c-pic { overflow:hidden; position:relative; z-index:1; background:#fff }

.team .team-c-pic img { display:block; width:100%; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.team .team-c-info { padding:30px 40px; background:#f9f9f9; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.team .team-c-info .c { height:50px; font-size:15px; line-height:25px; color:#333; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.team .team-c-info .d { display:block; margin-top:15px; font-family:Arial, sans-serif; font-size:14px; line-height:15px; text-align:right; color:#999; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.team .team-c-info .d:before { display:inline-block; margin:7px 10px 7px 0; width:18px; height:1px; vertical-align:top; background:#999; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s;

content:'' }

.no-cssgrid .team .team-cont { overflow:hidden }

.no-cssgrid .team .team-c-list { margin-right:-25px }

.no-cssgrid .team .team-c-list:after { content:''; display:block; clear:both }

.no-cssgrid .team .team-c-item { float:left; margin-bottom:30px; padding-right:25px; width:33.3334% }

.no-cssgrid .team .team-c-item a { display:block }

.cssgrid .team .team-cont { margin-bottom:20px }

.cssgrid .team .team-c-list { display:grid; grid-template-columns:repeat(3, 1fr); -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; grid-column-gap:25px; grid-row-gap:30px }

@media (max-width:1440px) {

.team .container {

max-width:1140px

}

.team .team-c-info {

padding:25px 30px

}

}

@media (max-width:1240px) {

.team .container {

max-width:90%

}

.team .team-c-info {

padding:15px 5%

}

.team .team-c-info .c {

font-size:14px

}

.team .team-c-info .d {

margin-top:10px;

font-size:12px

}

.team .team-c-info .d:before {

margin-right:7px;

width:15px

}

.no-cssgrid .team .team-c-list {

margin-right:-20px

}

.no-cssgrid .team .team-c-item {

margin-bottom:25px;

padding-right:20px

}

.cssgrid .team .team-c-list {

grid-column-gap:20px;

grid-row-gap:25px

}

}

@media (max-width:900px) {

.no-cssgrid .team .team-c-item {

width:50%

}

.cssgrid .team .team-c-list {

grid-template-columns:repeat(2, 1fr)

}

}

@media (max-width:576px) {

.team .container {

max-width:none

}

}

@media (max-width:425px) {

.no-cssgrid .team .team-c-list {

margin-right:0

}

.no-cssgrid .team .team-c-item {

float:none;

margin-bottom:20px;

padding-right:0;

width:auto

}

.cssgrid .team .team-c-list {

grid-template-columns:repeat(1, 100%);

grid-column-gap:0;

grid-row-gap:20px

}

}

.details-cy { position:relative; z-index:3; margin-top:-65px; background:#efefef }

.details-cy .details-cont { margin:-350px auto 0; padding:50px; max-width:1000px; background:#fff }

.details-cy .details-head .t {  font-size:24px; font-weight:normal; line-height:35px; color:#333 }

.details-cy .details-head .tools { margin-top:15px; line-height:20px }

.details-cy .details-head .d { float:left; font-size:14px;    font-weight: normal; }

.details-cy .details-head .share { float:right }

.details-cy .details-head .sh-t { font-family:"Microsoft JhengHei", sans-serif; font-size:14px; line-height:1 }

.details-cy .details-head .bshare-custom a { display:inline-block; margin-left:7px; vertical-align:top }

.details-cy .details-head .bshare-custom .bshare-weixin { background:url(../images/d-wx.png) no-repeat center center }

.details-cy .details-head .bshare-custom .bshare-sinaminiblog { background:url(../images/d-sina.png) no-repeat center center }

.details-cy .details-body { margin:25px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:35px 0 }

.details-cy .details-foot:after { content:''; display:block; clear:both }

.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev { float:left; width:50%; font-size:15px; line-height:25px; color:#fff;    font-weight: normal; }

.details-cy .details-foot .page-next .c, .details-cy .details-foot .page-prev .c { overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis }

.details-cy .details-foot .page-next:hover, .details-cy .details-foot .page-prev:hover { color:#fff }

.details-cy .details-foot .page-prev { border-right:1px solid #ccc; padding-right:55px;    font-weight: normal; }

.details-cy .details-foot .page-next { padding-left:55px }

@media (max-width:1440px) {

.details-cy {

margin-top:-55px

}

.details-cy .details-cont {

margin-top:-300px

}

}

@media (max-width:1240px) {

.details-cy {

margin-top:-50px

}

.details-cy .details-cont {

margin-top:-250px

}

}

@media (max-width:1024px) {

.details-cy {

margin-top:-40px

}

.details-cy .container {

max-width:90%

}

.details-cy .details-cont {

margin-top:-220px;

padding:30px

}

.details-cy .details-head .t {

font-size:20px;

line-height:30px

}

.details-cy .details-head .tools {

margin-top:10px;

line-height:15px

}

.details-cy .details-head .d {

float:none;

font-size:12px

}

.details-cy .details-head .share {

display:none

}

.details-cy .details-body {

margin:20px 0;

padding:30px 0

}

.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev {

font-size:13px

}

.details-cy .details-foot .page-prev {

padding-right:35px

}

.details-cy .details-foot .page-next {

padding-left:35px

}

}

@media (max-width:768px) {

.details-cy .container {

max-width:none

}

.details-cy .details-cont {

margin-top:-150px;

padding:5%

}

.details-cy .details-head .t {

font-size:18px;

line-height:25px

}

.details-cy .details-body {

padding:25px 0

}

.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev {

font-size:12px;

line-height:20px

}

.details-cy .details-foot .page-prev {

padding-right:20px

}

.details-cy .details-foot .page-next {

padding-left:20px

}

}

@media (max-width:576px) {

.details-cy .details-cont {

margin-top:-140px

}

.details-cy .details-head .t {

font-size:16px;

line-height:25px

}

.details-cy .details-body {

margin:15px 0;

padding:20px 0;

font-size:13px;

line-height:10px

}

.details-cy .details-body p {

line-height:25px

}

.details-cy .details-foot .page-next, .details-cy .details-foot .page-prev {

float:none;

width:auto

}

.details-cy .details-foot .page-prev {

margin-bottom:10px;

border-right:0 none;

padding-right:0

}

.details-cy .details-foot .page-next {

padding-left:0

}

}

.video-cy .container { max-width:1200px }

.video-cy .video-c-item .v-box:hover .video-c-pic img { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.video-cy .video-c-item .v-box:hover .video-c-pic .icon { background:rgba(218, 37, 28, .7) }

.video-cy .video-c-item .v-box:hover .video-c-info { background:#666 }

.video-cy .video-c-item .v-box:hover .video-c-info .t { color:#fff }

.video-cy .video-c-pic { overflow:hidden; position:relative; z-index:1; background:#fff }

.video-cy .video-c-pic img { display:block; width:100%; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.video-cy .video-c-pic .icon { position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; background:rgba(0, 0, 0, .3); -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.video-cy .video-c-pic .icon:before { position:absolute; top:50%; left:50%; z-index:1; margin-top:-22px; margin-left:-37px; border:2px solid #fff; border-radius:3px; width:74px; height:44px; content:'' }

.video-cy .video-c-pic .icon:after { position:absolute; top:50%; left:50%; z-index:3; margin-top:-6px; margin-left:-3px; border-top:6px solid transparent; border-left:6px solid #fff; border-bottom:6px solid transparent; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

.video-cy .video-c-info { padding:20px 5%; background:#eee; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.video-cy .video-c-info .t { overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-size:16px; line-height:20px; text-align:center; color:#666; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.no-cssgrid .video-cy .video-cont { overflow:hidden }

.no-cssgrid .video-cy .video-c-list { margin-right:-15px }

.no-cssgrid .video-cy .video-c-list:after { content:''; display:block; clear:both }

.no-cssgrid .video-cy .video-c-item { float:left; margin-bottom:25px; padding-right:15px; width:50% }

.cssgrid .video-cy .video-cont { margin-bottom:20px }

.cssgrid .video-cy .video-c-list { display:grid; grid-template-columns:repeat(2, 1fr); -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; grid-column-gap:15px; grid-row-gap:25px }

@media (max-width:1440px) {

.video-cy .container {

max-width:1140px

}

.video-cy .video-c-info {

padding:15px 5%

}

}

@media (max-width:1240px) {

.video-cy .container {

max-width:90%

}

.video-cy .video-c-info .t {

font-size:14px

}

}

@media (max-width:900px) {

.video-cy .video-c-pic .icon:before {

margin-top:-17px;

margin-left:-27px;

border-width:2px;

width:54px;

height:34px

}

.video-cy .video-c-info {

padding:10px 5%

}

.video-cy .video-c-info .t {

font-size:13px

}

}

@media (max-width:576px) {

.video-cy .container {

max-width:none

}

}

@media (max-width:475px) {

.no-cssgrid .video-cy .video-c-list {

margin-right:0

}

.no-cssgrid .video-cy .video-c-item {

float:none;

margin-bottom:20px;

padding-right:0;

width:auto

}

.cssgrid .video-cy .video-c-list {

grid-template-columns:repeat(1, 100%);

grid-column-gap:0;

grid-row-gap:20px

}

}

.news-cy .news-c-item { position:relative; z-index:1; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.news-cy .news-c-item:hover { background:#0a68b7 }

.news-cy .news-c-item:hover .news-c-cont { border-color:#0a68b7 }

.news-cy .news-c-item:hover .news-c-pic img { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.news-cy .news-c-item:hover .news-c-info .c, .news-cy .news-c-item:hover .news-c-info .t { color:#fff }

.news-cy .news-c-item:hover .news-c-info .m { border-color:#fff; color:#fff }

.news-cy .news-c-item:hover .news-c-info .d { color:#fff }

.news-cy .news-c-item:hover .news-c-info .d:before { background:#fff }

.news-cy .news-c-cont { border-bottom:1px solid #ddd; margin:0 auto; padding:30px 0; max-width:1200px; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.news-cy .news-c-cont:after { content:''; display:block; clear:both }

.news-cy .news-c-pic { overflow:hidden; float:left; margin-right:45px }

.news-cy .news-c-pic img { -webkit-transition:all .5s, height .3s;

-o-transition:all .5s, height .3s;

transition:all .5s, height .3s;

max-width:324px;

}

.news-cy .news-c-info { overflow:hidden }

.news-cy .news-c-info .t { overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-size:18px; font-weight:700; line-height:30px; color:#333; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.news-cy .news-c-info .c { margin-top:15px; height:50px; font-size:14px; line-height:25px; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.news-cy .news-c-info .tools { margin-top:85px; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.news-cy .news-c-info .tools:after { content:''; display:block; clear:both }

.news-cy .news-c-info .m { display:block; float:left; border:1px solid #ccc; padding:9px 20px; font-size:13px; line-height:20px; color:#666; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.news-cy .news-c-info .d { display:block; float:right; margin-top:25px; font-family:Arial, sans-serif; font-size:12px; line-height:15px; color:#999; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.news-cy .news-c-info .d:before { display:inline-block; margin:7px 15px 7px 0; width:15px; height:1px; background:#ccc; vertical-align:top; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

@media (max-width:1024px) {

.news-cy .container {

max-width:90%

}

.news-cy .news-c-pic {

margin-right:30px

}

}

@media (max-width:768px) {

.news-cy .news-c-pic {

margin-right:25px

}

.news-cy .news-c-pic img {

height:176px

}

.news-cy .news-c-info .t {

font-size:16px;

line-height:25px

}

.news-cy .news-c-info .c {

font-size:13px

}

.news-cy .news-c-info .tools {

margin-top:51px

}

.news-cy .news-c-info .m {

font-size:12px;

line-height:15px

}

.news-cy .news-c-info .d {

margin-top:20px

}

.news-cy .news-c-info .d:before {

margin-right:10px;

width:12px

}

}

@media (max-width:640px) {

.news-cy .news-c-pic {

margin-right:15px

}

.news-cy .news-c-pic img {

height:132px

}

.news-cy .news-c-info .t {

font-size:15px;

line-height:20px

}

.news-cy .news-c-info .c {

margin-top:10px;

height:40px;

font-size:12px;

line-height:20px

}

.news-cy .news-c-info .tools {

margin-top:32px

}

.news-cy .news-c-info .m {

padding:9px 10px;

line-height:10px

}

.news-cy .news-c-info .d {

margin-top:15px

}

}

@media (max-width:576px) {

.news-cy .container {

max-width:none

}

.news-cy .news-c-info .tools {

margin-top:47px

}

.news-cy .news-c-info .m {

border:0 none;

padding:0;

line-height:15px

}

.news-cy .news-c-info .d {

margin-top:0

}

.news-cy .news-c-info .d:before {

margin-right:7px

}

}

@media (max-width:475px) {

.news-cy .news-c-pic {

margin-right:10px

}

.news-cy .news-c-pic img {

height:110px

}

.news-cy .news-c-info .tools {

margin-top:25px

}

}

@media (max-width:425px) {

.news-cy .news-c-pic {

float:none;

margin-right:0;

margin-bottom:20px

}

.news-cy .news-c-pic img {

width:100%;

height:auto

}

.news-cy .news-c-info .tools {

margin-top:30px

}

}

.product1-cy { min-height:100%; background:#f1f1f1 }

.product1-cy .product1-cont:after { content:''; display:block; clear:both }

.product1-cy .p1-c-list { margin-right:-5px }

.product1-cy .p1-c-item { float:left; margin-bottom:10px; padding-right:5px; width:33.3334% }

.product1-cy .p1-c-item a { display:block; overflow:hidden; position:relative; z-index:1; padding:10px 40px; height:400px; background:#fff }

.product1-cy .p1-c-item a:hover { z-index:3 }

.product1-cy .p1-c-item a:hover .p1-c-pic .bg { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02) }

.product1-cy .p1-c-item a:hover .p1-c-name .n { visibility:hidden; opacity:0 }

.product1-cy .p1-c-item a:hover .p1-c-info { visibility:visible; opacity:1; -webkit-transform:none; -ms-transform:none; transform:none }

.product1-cy .p1-c-pic { margin:10px 0; overflow:hidden }

.product1-cy .p1-c-pic img { display:none; width:100% }

.product1-cy .p1-c-pic .bg { display:block; height:300px; background:no-repeat center center; background-size:cover; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s

}

.product1-cy .p1-c-name { border-top:1px solid #eee; padding:20px 0 }

.product1-cy .p1-c-name .n { font-size:14px; line-height:20px; text-align:center; color:#333; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.product1-cy .p1-c-info { position:absolute; top:0; left:0; z-index:3; padding:35px 45px; width:100%; height:100%; color:#fff; visibility:hidden; opacity:0; -webkit-transition:all .5s;

-o-transition:all .5s;

transition:all .5s;

-webkit-transform:translate(0, 100%); -ms-transform:translate(0, 100%); transform:translate(0, 100%) }

.product1-cy .p1-c-info:before { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#0a68b7; opacity:.92; content:'' }

.product1-cy .p1-c-info .t { font-size:24px; line-height:25px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis }

.product1-cy .p1-c-info .cont { margin:20px 0 15px; border-top:1px solid rgba(255, 255, 255, .3); border-bottom:1px solid rgba(255, 255, 255, .3); padding:25px 0; line-height:25px }

.product1-cy .p1-c-info .c { height:200px; font-size:12px; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:8; -webkit-box-orient:vertical }

.product1-cy .p1-c-info .m { display:block; width:15px; height:15px; background:url(../images/more1.png) no-repeat center center }

.product1-cy .p1-c-info .m:hover {

-webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }

@media (max-width:1680px) {

.product1-cy .p1-c-info .t {

font-size:20px

}

}

@media (max-width:1440px) {

.product1-cy .p1-c-item {

width:50%

}

.product1-cy .p1-c-item a {

padding:10px 30px

}

.product1-cy .p1-c-info {

padding:35px

}

}

@media (max-width:1240px) {

.product1-cy .p1-c-info .t {

font-size:18px

}

}

@media (max-width:1024px) {

.product1-cy .container {

max-width:none

}

}

@media (max-width:768px) {

.product1-cy .p1-c-item a {

padding:10px 5%;

height:auto

}

.product1-cy .p1-c-item a:hover .p1-c-name .n {

visibility:visible;

opacity:1

}

.product1-cy .p1-c-pic img {

display:block

}

.product1-cy .p1-c-pic .bg {

display:none

}

.product1-cy .p1-c-info {

display:none

}

.product1-cy .p1-c-name {

padding:10px 0

}

.product1-cy .p1-c-name .n {

font-size:13px

}

}

@media (max-width:425px) {

.product1-cy .p1-c-item {

float:none;

width:auto;

margin-right:0

}

}

.product2-cy { min-height:100%; background:#f1f1f1 }

.product2-cy .container { max-width:950px }

@media (max-width:1024px) {

.product2-cy .container {

max-width:none

}

}

.product3-cy { min-height:100%; background:#f1f1f1 }

.product3-cy .container { max-width:1000px }

.product3-cy .p3-c-head { padding:40px 0 90px; text-align:center }

.product3-cy .p3-c-head .t { font-size:30px; font-weight:700; line-height:1; color:#333 }

.product3-cy .p3-c-head .c { margin:35px auto 0; max-width:70%; font-size:14px; line-height:30px; color:#666 }

.product3-cy .p3-c-body { position:relative; z-index:1; padding:60px; background:#fff }

.product3-cy .p3-c-body .pi-down { position:absolute; top:0; left:50%; z-index:3; margin-top:-35px; margin-left:-35px; width:70px; height:70px; background:#0a68b7 url(../images/down.png) no-repeat center center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

cursor:pointer }

.product3-cy .p3-c-body .pi-down:hover { background-position-y:60% }

.product3-cy .details-body .t { margin-top:30px; border-top:1px solid #ccc; padding:30px 0 20px; font-size:18px; font-weight:700; line-height:25px; color:#0a68b7 }

.product3-cy .details-body .p3-cb-pic img { width:100% }

.product3-cy .details-body .p3-cb-pic .d { padding:10px 5%; font-size:14px; line-height:20px; text-align:center; color:#666 }

.cssgrid .product3-cy .details-body .p3-cb-pic { display:grid; grid-gap:10px }

.cssgrid .product3-cy .details-body .p3-cb-pic.cb3 { grid-template-columns:repeat(3, 1fr) }

.cssgrid .product3-cy .details-body .p3-cb-pic.cb4 { grid-template-columns:repeat(4, 1fr) }

.no-cssgrid .product3-cy .details-body .p3-cb-pic { margin-right:-10px }

.no-cssgrid .product3-cy .details-body .p3-cb-pic:after { content:''; display:block; clear:both }

.no-cssgrid .product3-cy .details-body .p3-cb-pic .pic { float:left; margin-bottom:10px; padding-right:10px }

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb3 .pic { width:33.3334% }

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb3 .pic:nth-child(3n+1) {

clear:left

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb4 .pic { width:25% }

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb4 .pic:nth-child(4n+1) {

clear:left

}

@media (max-width:1024px) {

.product3-cy .container {

max-width:none

}

.product3-cy .p3-c-head {

padding:30px 0 70px

}

.product3-cy .p3-c-head .t {

font-size:24px

}

.product3-cy .p3-c-head .c {

max-width:80%;

margin-top:25px;

font-size:14px;

line-height:25px

}

.product3-cy .p3-c-body {

padding:25px 5%

}

.product3-cy .p3-c-body .pi-down {

display:none

}

.product3-cy .p3-c-body .details-body .t {

padding-top:20px;

font-size:16px

}

.product3-cy .p3-c-body .details-body .p3-cb-pic .d {

font-size:12px;

line-height:15px

}

.cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic {

grid-gap:5px

}

.cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 {

grid-template-columns:repeat(3, 1fr)

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic {

margin-right:-5px

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic .pic {

margin-bottom:5px;

padding-right:5px

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic {

width:33.3334%

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(3n+1) {

clear:left

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(4n+1) {

clear:none

}

}

@media (max-width:768px) {

.product3-cy .p3-c-head {

padding:20px 0 45px

}

.product3-cy .p3-c-head .t {

font-size:20px

}

.product3-cy .p3-c-head .c {

margin-top:20px;

max-width:90%;

text-align:justify

}

.product3-cy .p3-c-body .details-body p {

line-height:25px

}

.cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 {

grid-template-columns:repeat(2, 1fr)

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic {

width:50%

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(2n+1) {

clear:left

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(3n+1) {

clear:none

}

}

@media (max-width:576px) {

.product3-cy .p3-c-head {

padding:0 0 30px

}

.product3-cy .p3-c-head .c {

margin-top:15px;

max-width:none;

font-size:12px

}

.product3-cy .p3-c-body .details-body .t {

margin-top:20px;

padding-top:15px;

font-size:15px;

line-height:1

}

}

@media (max-width:475px) {

.product3-cy .p3-c-body .details-body p {

font-size:13px

}

.cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 {

grid-template-columns:repeat(2, 1fr)

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic {

width:50%

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(2n+1) {

clear:left

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(3n+1) {

clear:none

}

}

@media (max-width:375px) {

.product3-cy .p3-c-body .details-body .p3-cb-pic .pic {

text-align:center

}

.product3-cy .p3-c-body .details-body .p3-cb-pic img {

width:auto

}

.cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 {

grid-template-columns:repeat(1, 1fr)

}

.cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 {

grid-template-columns:repeat(1, 1fr)

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic {

float:none;

width:auto

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(2n+1) {

clear:none

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic {

float:none;

width:auto

}

.no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(2n+1) {

clear:none

}

}

.details-p-cy { position:relative; z-index:3; margin-top:-65px; background:#efefef }

.details-p-cy .details-cont { margin:-510px auto 0; max-width:960px; background:#fff; -webkit-transition:margin .15s;

-o-transition:margin .15s;

transition:margin .15s

}

.details-p-cy .details-head { position:relative; z-index:1; padding:50px }

.details-p-cy .details-head .carousel-pic { text-align:center }

.details-p-cy .details-head .carousel-pic img { max-width:100% }

.details-p-cy .details-head .next, .details-p-cy .details-head .prev { position:absolute; top:50%; z-index:3; margin-top:-25px; width:50px; height:50px; background:#fff no-repeat center center; -webkit-transition:all .15s;

-o-transition:all .15s;

transition:all .15s;

cursor:pointer }

.details-p-cy .details-head .next:hover, .details-p-cy .details-head .prev:hover { background-color:#0a68b7 }

.details-p-cy .details-head .prev { left:-80px; background-image:url(../images/prev1.png) }

.details-p-cy .details-head .prev:hover { background-image:url(../images/prev.png) }

.details-p-cy .details-head .next { right:-80px; background-image:url(../images/next1.png) }

.details-p-cy .details-head .next:hover { background-image:url(../images/next.png) }

.details-p-cy .db {/* border-top:3px solid #0a68b7;*/ padding:0 50px 50px 50px }

.details-p-cy .db-head .title { font-size:22px;  color:#fff; background:#0062ad; padding:15px 0; margin-bottom:20px;}

.details-p-cy .details-body .t { font-weight:700; color:#0a68b7 }

.details-p-cy .details-foot { padding:15px 50px; text-align:center; background:#0a68b7 }

.details-p-cy .details-foot:after { content:''; display:block; clear:both }

.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev { display:block; border:1px solid #eee; padding:9px 30px; font-size:14px; line-height:25px; color:#fff }

.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before { display:block; position:relative; width:23px; height:25px; background:no-repeat center center; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;

content:'' }

.details-p-cy .details-foot .page-prev { float:left }

.details-p-cy .details-foot .page-prev:before { float:left; left:0; margin-right:20px; background-image:url(../images/left.png) }

.details-p-cy .details-foot .page-prev:hover:before { left:-15px }

.details-p-cy .details-foot .page-next { float:right }

.details-p-cy .details-foot .page-next:before { float:right; right:0; margin-left:20px; background-image:url(../images/right.png) }

.details-p-cy .details-foot .page-next:hover:before { right:-15px }

.details-p-cy .details-foot .page-back { display:inline-block; border:1px solid transparent; width:45px; height:45px; vertical-align:top; background:url(../images/back.png) no-repeat center center; -webkit-transition:all .2s;

-o-transition:all .2s;

transition:all .2s

}

.details-p-cy .details-foot .page-back:hover { border-color:#fff }

@media (max-width:1680px) {

.details-p-cy .details-cont {

margin-top:-460px

}

}

@media (max-width:1550px) {

.details-p-cy .details-cont {

margin-top:-410px

}

}

@media (max-width:1440px) {

.details-p-cy .details-cont {

margin-top:-360px

}

}

@media (max-width:1240px) {

.details-p-cy .details-cont {

margin-top:-310px

}

.details-p-cy .details-head .next, .details-p-cy .details-head .prev {

background-color:#ccc

}

.details-p-cy .details-head .prev {

left:0

}

.details-p-cy .details-head .next {

right:0

}

}

@media (max-width:1140px) {

.details-p-cy .details-cont {

margin-top:-260px

}

}

@media (max-width:1024px) {

.details-p-cy .container {

max-width:90%

}

.details-p-cy .details-cont {

margin-top:-230px

}

}

@media (max-width:768px) {

.details-p-cy .container {

max-width:none

}

.details-p-cy .details-head {

padding:40px

}

.details-p-cy .details-head .next, .details-p-cy .details-head .prev {

width:36px;

height:36px

}

.details-p-cy .db {

padding:40px

}

.details-p-cy .details-body p {

font-size:13px;

line-height:25px

}

.details-p-cy .db-head .title {

font-size:20px;

line-height:30px

}

.details-p-cy .details-foot {

padding:10px 40px

}

.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev {

padding:9px 15px;

font-size:13px;

line-height:20px

}

.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before {

height:20px

}

.details-p-cy .details-foot .page-prev:before {

margin-right:15px

}

.details-p-cy .details-foot .page-prev:hover:before {

left:-10px

}

.details-p-cy .details-foot .page-next:before {

margin-left:15px

}

.details-p-cy .details-foot .page-next:hover:before {

right:-10px

}

.details-p-cy .details-foot .page-back {

width:40px;

height:40px

}

}

@media (max-width:680px) {

.details-p-cy .details-cont {

margin-top:-180px

}

.details-p-cy .details-head {

padding:30px 5%

}

.details-p-cy .db {

padding:30px 5%

}

.details-p-cy .db-head .title {

font-size:18px

}

.details-p-cy .details-foot {

padding:10px 5%

}

.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev {

padding:4px 10px;

font-size:12px;

line-height:25px

}

.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before {

height:25px

}

.details-p-cy .details-foot .page-prev:before {

margin-right:10px

}

.details-p-cy .details-foot .page-prev:hover:before {

left:-5px

}

.details-p-cy .details-foot .page-next:before {

margin-left:10px

}

.details-p-cy .details-foot .page-next:hover:before {

right:-5px

}

.details-p-cy .details-foot .page-back {

width:35px;

height:35px

}

}

@media (max-width:576px) {

.details-p-cy .details-cont {

margin-top:-120px

}

.details-p-cy .details-body {

line-height:15px

}

}

@media (max-width:475px) {

.details-p-cy .details-cont {

margin-top:-100px

}

.details-p-cy .details-head {

padding:25px 5%

}

.details-p-cy .details-head .next, .details-p-cy .details-head .prev {

width:30px;

height:30px

}

.details-p-cy .db {

padding:25px 5%

}

.details-p-cy .db-head .title {

font-size:16px

}

.details-p-cy .details-foot .page-next, .details-p-cy .details-foot .page-prev {

line-height:20px

}

.details-p-cy .details-foot .page-next:before, .details-p-cy .details-foot .page-prev:before {

width:15px;

height:20px

}

.details-p-cy .details-foot .page-prev:before {

margin-right:5px;

background-position:left center

}

.details-p-cy .details-foot .page-prev:hover:before {

left:0

}

.details-p-cy .details-foot .page-next:before {

margin-left:5px;

background-position:right center

}

.details-p-cy .details-foot .page-next:hover:before {

right:0

}

.details-p-cy .details-foot .page-back {

border:0 none;

width:30px;

height:30px

}

}

@media (max-width:1024px) {

.support-cy .container {

max-width:90%

}

}

@media (max-width:768px) {

.support-cy .container {

max-width:none

}

}

.support-cont { margin:0 auto; max-width:960px }

.support-cont .support-carousel { position:relative; z-index:3; padding:50px 0 70px }

.support-cont .spt-list { margin-top:-15px }

.support-cont .spt-item { margin-top:15px }

.support-cont .spt-item:after { content:''; display:block; clear:both }

.support-cont .spt-item:hover .spt-pdf { background:#333 }

.support-cont .spt-item:hover .spt-pdf .c, .support-cont .spt-item:hover .spt-pdf .nc { color:#fff }

.support-cont .spt-item:hover .spt-pdf .i { background-image:url(../images/pdfh.png) }

.support-cont .spt-item:hover .spt-download { background:#0a68b7; color:#fff }

.support-cont .spt-item:hover .spt-download .i { background-image:url(../images/dlh.png) }

.support-cont .spt-download, .support-cont .spt-pdf { display:block; float:left; padding:30px 20px; background:#eee; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.support-cont .spt-download .i, .support-cont .spt-pdf .i { display:inline-block; margin-right:20px; width:30px; height:30px; background:no-repeat center center; background-size:cover; vertical-align:top; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.support-cont .spt-pdf { width:66% }

.support-cont .spt-pdf .nc { float:right; margin:0 20px; font-size:12px; line-height:30px; color:#666; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.support-cont .spt-pdf .name { overflow:hidden }

.support-cont .spt-pdf .i { float:left; background-image:url(../images/pdf.png) }

.support-cont .spt-pdf .c { overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-size:18px; line-height:30px; color:#333; -webkit-transition:all .3s;

-o-transition:all .3s;

transition:all .3s

}

.support-cont .spt-download { border-left:2px solid #fff; width:34%; font-size:16px; font-weight:700; line-height:30px; text-align:center; color:#666 }

.support-cont .spt-download .i { background-image:url(../images/dl.png) }

.support-cont .slick-dots li { margin:0 5px; width:10px; height:10px; background:#666 }

.support-cont .slick-dots li.slick-active { background:#0a68b7 }

@media (max-width:1024px) {

.support-cont {

max-width:none

}

}

@media (max-width:768px) {

.support-cont .support-carousel {

padding-bottom:50px

}

.support-cont .spt-download, .support-cont .spt-pdf {

padding:20px 15px

}

.support-cont .spt-download .i, .support-cont .spt-pdf .i {

margin-right:15px

}

.support-cont .spt-pdf {

width:70%

}

.support-cont .spt-pdf .nc {

margin:0 15px

}

.support-cont .spt-pdf .c {

font-size:15px

}

.support-cont .spt-download {

width:30%;

font-size:13px

}

}

@media (max-width:475px) {

.support-cont .support-carousel {

padding:30px 0 40px

}

.support-cont .spt-list {

margin-top:-10px

}

.support-cont .spt-item {

margin-top:10px

}

.support-cont .spt-download, .support-cont .spt-pdf {

padding:15px 10px

}

.support-cont .spt-download .i, .support-cont .spt-pdf .i {

margin-right:10px;

width:20px;

height:20px

}

.support-cont .spt-pdf .nc {

margin:0 10px;

line-height:20px

}

.support-cont .spt-pdf .c {

font-size:14px;

line-height:20px

}

.support-cont .spt-download {

font-size:12px;

line-height:20px

}

.support-cont .slick-dots li {

margin:0 3px;

width:7px;

height:7px

}

}

@media (max-width:375px) {

.support-cont .support-carousel {

padding:30px 0

}

.support-cont .spt-download, .support-cont .spt-pdf {

padding:10px

}

.support-cont .spt-download .i, .support-cont .spt-pdf .i {

margin-right:5px;

background-size:70%

}

.support-cont .spt-pdf .nc {

margin-right:0

}

}

.support-zz { position:relative; z-index:1 }

.support-zz .spt-zz-bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center fixed; background-size:cover }

.support-zz .carousel { overflow:hidden }

.support-zz .carousel-item { margin-right:40px }

.support-zz .carousel-pic img { width:100% }

.support-zz .slick-list { margin-right:-40px }

.support-zz .slick-dots li { background:#fff }

@media (max-width:1024px) {

.support-zz .spt-zz-bg {

background-attachment:scroll

}

}

@media (max-width:768px) {

.support-zz .carousel-item {

margin-right:30px

}

.support-zz .slick-list {

margin-right:-30px

}

}

@media (max-width:475px) {

.support-zz .carousel-item {

margin-right:20px

}

.support-zz .slick-list {

margin-right:-20px

}

}

@media (max-width:375px) {

.support-zz .carousel-item {

margin-right:15px

}

.support-zz .slick-list {

margin-right:-15px

}

}

.contact-lx .contact-cont { margin:0 auto; max-width:1200px }

.contact-lx .ctc { margin-top:40px; height:500px }

.contact-lx .ctc:after { content:''; display:block; clear:both }

.contact-lx .contact-map { float:left; width:50%; height:100% }

.contact-lx .map { height:100% }

.contact-lx .anchorBL { display:none!important }

.contact-lx .contact-info { float:right; width:50%; height:100%; padding:60px 90px; background:#0a68b7 }

.contact-lx .cti-list { margin-top:-20px }

.contact-lx .cti-item { margin-top:20px; line-height:1 }

.contact-lx .cti-item:after { content:''; display:block; clear:both }

.contact-lx .cti-item .i { float:left; margin-right:15px }

.contact-lx .cti-item .c { overflow:hidden; font-size:15px; line-height:30px; color:#fff }

@media (max-width:1240px) {
.manager ul li{ width:100%; padding:4%;}
.manager ul li.w{ margin-left:0;}
.manager ul li h4{ font-size:16px; font-weight:bold}
.contact-lx .ctc {

height:auto

}

.contact-lx .contact-map {

float:none;

width:auto;

height:400px

}

.contact-lx .contact-info {

float:none;

width:auto

}

}

@media (max-width:1024px) {

.contact-lx .container {

max-width:90%

}

.contact-lx .contact-map {

height:360px

}

.contact-lx .contact-info {

padding:30px 5%

}

}

@media (max-width:768px) {

.contact-lx .contact-map {

height:300px

}

.contact-lx .cti-item .i img {

width:25px

}

.contact-lx .cti-item .c {

font-size:13px;

line-height:25px

}

}

@media (max-width:576px) {

.contact-lx .container {

max-width:none

}

.contact-lx .ctc {

margin-top:30px

}

.contact-lx .cti-list {

margin-top:-15px

}

.contact-lx .cti-item {

margin-top:15px

}

.contact-lx .cti-item .i img {

margin-top:3px;

width:20px

}

}

@media (max-width:576px) {

.contact-lx .contact-map {

height:250px

}

}

.contact-wl { background:#f0f0f0 }

.contact-wl .wl-info { margin-top:-65px }

.contact-wl .wl-pic { text-align:center }

.contact-wl .wl-pic img { max-width:100% }

@media (max-width:425px) {

.contact-wl .wl-info {

margin-top:0

}

}

.contact-fk { position:relative; z-index:1 }

.contact-fk .ct-fk-bg { position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:no-repeat center center fixed; background-size:cover }

.contact-fk .ctc { margin:50px auto 0; max-width:850px }

.contact-fk .n { font-size:14px; font-weight:700; line-height:20px; color:#fff }

.contact-fk .c { display:block; margin-top:10px; margin-bottom:20px }

.contact-fk .c input, .contact-fk .c textarea { display:block; border:1px solid #ccc; padding:10px 15px; width:100%; font-size:14px; line-height:18px; color:#fff }

.contact-fk .ctc-t-list { margin-left:-20px }

.contact-fk .ctc-t-item { float:left; width:270px; margin-left:20px }

.contact-fk .ctc-v-code:after { content:''; display:block; clear:both }

.contact-fk .ctc-v-code input { float:left; width:270px; margin-right:20px }

.contact-fk .ctc-v-code .v-code img { width:105px; height:40px }

.contact-fk .submit { display:block; margin-top:45px; padding:10px 0; width:100%; font-size:14px; line-height:20px; text-align:center; background:#0a68b7; color:#fff }

.contact-fk .submit:active { background:#333 }

.contact-fk .tips { margin-top:20px; padding:0 5%; font-size:14px; line-height:25px; text-align:center; color:#fff }

@media (max-width:1024px) {
table{ font-size:12px;}
.contact-fk .ct-fk-bg {

background-attachment:scroll

}

.contact-fk .container {

max-width:90%

}

.contact-fk .ctc-t-list {

margin-left:0

}

.contact-fk .ctc-t-item {

float:none;

margin-left:0;

width:100%

}

.contact-fk .ctc-v-code input {

width:calc(100% - 125px)

}

.contact-fk .ctc-v-code .v-code {

float:right

}

.no-csscalc .contact-fk .ctc-v-code input {

width:270px

}

.no-csscalc .contact-fk .ctc-v-code .v-code {

float:none

}

}

@media (max-width:576px) {

.contact-fk .container {

max-width:none

}

.contact-fk .ctc {

margin-top:30px

}

.contact-fk .c {

margin-bottom:15px

}

.contact-fk .submit {

margin-top:35px

}

.contact-fk .tips {

margin-top:15px;

padding:0;

font-size:12px;

line-height:20px

}

}





footer {
	background: url(../images/foot_bg.jpg) repeat-y scroll left top #0062ad;
	color: #fff;
}
footer a:link, footer a:visited {
	color: #fff;
}
footer a:active, footer a:hover {
	color: #fff;
}
.smlink {
	margin-left: 10px;
}
.footDL {
	padding: 42px 0px;
	position: relative;
	line-height: 1.5;
}
.footDL .item1 {
	display: block;
	width: 66%;
}
.footNav li {
	float: left;
	display: block;
	width: 20%;
}
.footNav .t {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 18px;
}
.footNav .c a {
	display: block;
	margin-bottom: 8px;
	font-weight: normal;
}
.footDL .c a:hover {
	margin-left: 8px;
}
.footDL .item2 {
	position: absolute;
	right: 0;
	top: 36px;
	text-align: center;
	max-width: 30%;
	font-weight: normal;
}
.footDL .name {
	font-weight: bold;
	font-size: 24px;
}
.footDL .ermImg {
	margin: 8px auto;
	width: 81px;
}
.footDL .ermImg img {
	width: 100%;
	display: block;
}
.footDL .ermC {
	margin-bottom: 10px;
}
.footDL .foot-tel {
	font-size: 20px;
}
.foot-tel {
	float: right;
	display: block;
	background: url(../images/tel_ico.png) no-repeat scroll left center;
	padding-left: 32px;
	font-size: 18px;
}
.footC {
	padding: 10px 0px;
	text-align: center;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	font-weight: normal;
}
.footC a {
	position: relative;
}
.footC a:before {
	content:"";
	width:100%;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:-2px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.footC a:hover:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}



@media screen and (max-width:1260px) {
    .footDL .name { font-size: 20px; }
}
@media screen and (max-width:1024px) {
	table{ font-size:12px;}
    footer { background-size: cover; }
	.footDL{ padding:0}
    .footDL .item1 { display: none; }
    .footDL .item2 { position: relative; right: auto; top: auto; text-align: left; max-width: 100%; display:none }
    .footDL .ermImg { margin: 8px 0px; }
    .foot-tel { float: none; display: block; }
    .footC { text-align: center; }
}

@media screen and (max-width:641px) {
    .footDL {/* padding: 35px 0px;*/ }
}