/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

/*html, body, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }*/
html, body, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }

p { margin: 0px; padding: 0px; }

body, button, input, select, textarea { font: 14px/1.5 Verdana, Georgia, "Microsoft JhengHei", 微軟正黑體, sans-serif;; color: #333; }

img { border: 0px; vertical-align: middle; max-width: 100%; max-height: 100%; }

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

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }

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

.clearfix { *zoom: 1; }

.removeStyle { margin: 0px; padding: 0px; list-style: none; }

.removeStyle li { list-style: none; padding: 0px; }

.removeStyle dd { list-style: none; margin: 0px; padding: 0px; }

.removeStyle dt { list-style: none; margin: 0px; padding: 0px; }

/* 字体图标 */
.iconfont { color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; /* 文字抗锯齿 */ -moz-osx-font-smoothing: grayscale; /* 文字抗锯齿 */ }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 10px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; }
  .commonweb { margin: 0px auto; max-width: 750px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 10px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .commonweb { max-width: 970px; } }

@media (min-width: 1260px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { max-width: 1220px; } }

/* layout start*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

/*.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }*/
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; }


.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; }

.PopupVideoBox { position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }

.PopupVideo { position: absolute; left: 50%; width: 100%; top: 50%; max-width: 920px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px 25px; }

.PopupVideo video { width: 100%; }

.PopupVideo iframe { width: 100%; height: 460px; }

.closeVideo { position: absolute; right: 25px; top: -25px; width: 22px; height: 22px; cursor: pointer; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.closeVideo::after { content: ''; display: block; position: absolute; width: 2px; height: 100%; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.closeVideo::before { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.bd_weixin_popup_bg { position: absolute; left: -400px; top: -400px; width: 260px; height: 320px; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 11000; }

.bd_weixin_popup { position: absolute; left: -400px; top: -400px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; }

.bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; }

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover { text-decoration: none; }

.bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; }

.bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; }

.bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; }

.bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; }

.bdshare-button-style0-16 .bds_renren { background-position: 0 -208px; }

.bdshare-button-style0-16 .bds_tqq { background-position: 0 -260px; }

.bdshare-button-style0-16 .bds_kaixin001 { background-position: 0 -312px; }

.bdshare-button-style0-16 .bds_tqf { background-position: 0 -364px; }

.bdshare-button-style0-16 .bds_hi { background-position: 0 -416px; }

.bdshare-button-style0-16 .bds_douban { background-position: 0 -468px; }

.bdshare-button-style0-16 .bds_tsohu { background-position: 0 -520px; }

.bdshare-button-style0-16 .bds_tieba { background-position: 0 -728px; }

.bdshare-button-style0-16 .bds_hx { background-position: 0 -988px; }

.bdshare-button-style0-16 .bds_fx { background-position: 0 -1040px; }

.bdshare-button-style0-16 .bds_ty { background-position: 0 -1196px; }

.bdshare-button-style0-16 .bds_fbook { background-position: 0 -1352px; }

.bdshare-button-style0-16 .bds_twi { background-position: 0 -1404px; }

.bdshare-button-style0-16 .bds_linkedin { background-position: 0 -1664px; }

.bdshare-button-style0-16 .bds_meilishuo { background-position: 0 -1716px; }

.bdshare-button-style0-16 .bds_mogujie { background-position: 0 -1768px; }

.bdshare-button-style0-16 .bds_diandian { background-position: 0 -1820px; }

.bdshare-button-style0-16 .bds_huaban { background-position: 0 -1872px; }

.bdshare-button-style0-16 .bds_duitang { background-position: 0 -2028px; }

.bdshare-button-style0-16 .bds_youdao { background-position: 0 -2080px; }

.bdshare-button-style0-16 .bds_wealink { background-position: 0 -2184px; }

.bdshare-button-style0-16 .bds_copy { background-position: 0 -2288px; }

.bdshare-button-style0-16 .bds_mail { background-position: 0 -2340px; }

.bdshare-button-style0-16 .bds_print { background-position: 0 -2392px; }

.bdshare-button-style0-16 .bds_mshare { background-position: 0 -2444px; }

.bdshare-button-style0-16 .bds_sqq { background-position: 0 -2652px; }

.bdshare-button-style0-16 .bds_sdo { background-position: 0 -2704px; }

.bdshare-button-style0-16 .bds_qingbiji { background-position: 0 -2756px; }

.bdshare-button-style0-16 .bds_people { background-position: 0 -2808px; }

.bdshare-button-style0-16 .bds_xinhua { background-position: 0 -2912px; }

.bdshare-button-style0-16 .bds_yaolan { background-position: 0 -2964px; }

.bdshare-button-style0-16 .bds_thx { background-position: 0 -2496px; }

.bdshare-button-style0-16 .bds_bdhome { background-position: 0 -156px; }

.bdshare-button-style0-16 .bds_bdxc { background-position: 0 -2548px; }

.bdshare-button-style0-16 .bds_bdysc { background-position: 0 -3068px; }

.bdshare-button-style0-16 .bds_isohu { background-position: 0 -3016px; }

.bdshare-button-style0-16 .bds_more { background-position: 0 0; }

.bdshare-button-style0-16 .bds_ibaidu { background-position: 0 -3120px; }

.bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; }

.bdshare-button-style0-16 .bds_iguba { background-position: 0 -1300px; }

.bdshare-button-style0-16 { zoom: 1; }

.bdshare-button-style0-16:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png?v=d754dcc0.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; }

.bdshare-button-style0-16 a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); }

.bdshare-button-style0-16 .bds_more { color: #333; float: left; }

.bdshare-button-style0-16 .bds_count { color: #333; background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; }

.bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; }

.bdshare-button-style0-16 .bds_button_image { float: left; cursor: pointer; margin: 6px 6px 0 0; height: auto; padding: 0; }

.bdshare-button-style0-16 .bdshare_button_count { background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 0; width: 44px; height: 24px; line-height: 24px; }

.bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 0; }

.bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 { display: none; }

.commonTitleLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonTitleLocation h3 { float: left; font-size: 16px; position: relative; }

.commonTitleLocation p { float: right; }

.commonTitleLocation p a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonTitleLocation p a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }

.commonTitleLocation p a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }

.commonTitleLocation p a:first-child::after { display: none; }

.commonTitleLocation p a.current { color: #333; }

.commonTitleLocation p img { display: inline-block; vertical-align: middle; }

.commonLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }

.commonLocation a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }

.commonLocation a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }

.commonLocation a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }

.commonLocation a:first-child::after { display: none; }

.commonLocation a.current { color: #333; }

.commonLocation img { display: inline-block; vertical-align: middle; }

.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 20px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

.DefaultSelector { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.DefaultSelector > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.DefaultSelector > span:nth-child(2) { margin-right: 4px; }

.DefaultSelector > span:nth-child(4) { margin-right: 10px; }

.DefaultSelector .select2-container--default .select2-selection--single { -webkit-border-radius: 0px; border-radius: 0px; height: 35px; }

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; }

.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0px; }

.defaSearchList { padding: 50px 0px; }

.defaSearchList dl { border-bottom: 1px solid #eee; padding-bottom: 10px; }

.defaSearchList dl dt { float: left; font-size: 16px; }

.defaSearchList dl dd { float: right; font-size: 14px; }

.defaSearchList li { padding: 10px 20px 15px; margin-top: 15px; border-bottom: 1px solid #eee; background: #f6f6f6; }

.defaSearchList li h3 { font-size: 16px; color: #1a1a1a; line-height: 26px; padding-bottom: 5px; }

.defaSearchList li .defaDesc { font-size: 12px; color: #adadad; padding-top: 5px; line-height: 20px; }

.defaWebMap { background-color: #fff; }

.defaWebMap dl { border: 1px solid #e6e6e6; margin-top: 30px; }

.defaWebMap dl h3 { padding-left: 20px; padding-bottom: 5px; }

.defaWebMap dl h3 span { font-size: 20px; color: #00a1e9; position: relative; top: -12px; background-color: #fff; padding: 0px 13px; }

.defaWebMap dl h3 span a { color: #d90000; }

.defaWebMap dl dd { padding-left: 33px; padding-bottom: 15px; }

.defaWebMap dl dd a { font-size: 14px; padding-right: 20px; display: inline-block; padding-bottom: 8px; }

.defaWebMap dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: #d90000; vertical-align: middle; }

.defaContent { font-size: 14px; line-height: 24px; }

.defaContent p { margin-bottom: 10px; }

.defaContent img { display: block; max-width: 100%; margin: 0px auto; }

.defaPrevNextpage { margin-top: 40px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; }

.defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 90px 0px 90px; font-size: 14px; line-height: 50px; white-space: nowrap; height: 50px; }

.defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 10px; top: 0px; display: block; width: 75px; }

.defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; }

.defaPrevNextpage p a { display: block; text-overflow: ellipsis; overflow: hidden; }

.defaPrevNextpage p:nth-child(2) { border: none; }

.defaPrevNextpage p:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; }
.indexMain2Bg{background:#f6efea;}
/* 背景图 */
.background_img { background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* 图片居中 */
.picture_container { position: relative; overflow: hidden; background: none; }

.picture_container img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .3s linear; transition: all .3s linear; }

[class*=animate_] { /* 动画时间，动画开始前的状态 */ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.bgcolor { background-color: #999; }

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

.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex_row_center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.flex_row_start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.flex_row_end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.flex_row_justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.flex_column_center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.flex_column_start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.flex_column_end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.flex1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.flex_rank_1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flex_rank_2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

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

.picture_scale:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); }

/* 居中标签 */
.center1200 { width: 1200px; margin: 0 auto; }

.center1300 { width: 1300px; margin: 0 auto; }

.center1400 { width: 1400px; margin: 0 auto; }

.center1600 { width: 1600px; margin: 0 auto; }

/* 头部菜单按钮 */
.head_mobile_btn { display: none; width: 32px; height: 24px; cursor: pointer; }

.head_mobile_btn .btn1 { height: 100%; }

.head_mobile_btn .btn1 .line { height: 2px; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #333; }

.head_mobile_btn.active .btn1 .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }

.head_mobile_btn.active .btn1 .line:nth-child(2) { opacity: 0; }

.head_mobile_btn.active .btn1 .line:nth-child(3) { -webkit-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

@media (min-width: 768px) { .defaWebMap dl { margin-top: 50px; }
  .defaWebMap dl dd a { padding-right: 50px; } }

@media (min-width: 992px) { .commonTitleLocation { padding: 20px 0; }
  .commonTitleLocation h3 { font-size: 24px; }
  .commonTitleLocation p { padding-top: 5px; }
  .commonTitleLocation p a { font-size: 14px; }
  .commonLocation { padding: 20px 0; }
  .commonLocation a { font-size: 14px; }
  .defaSearchList li { padding: 15px 35px 25px; margin-top: 25px; }
  .defaSearchList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }
  .defaSearchList li .defaDesc { font-size: 13px; padding-top: 10px; line-height: 24px; }
  .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }
  .defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 30px; width: 120px; display: block; }
  .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; } }

/* animate_fade 2020.02.27 zlz */
/* fade200 位移200px */
/* fade150 位移150px */
/* fade100 位移100px */
/* fade80 位移80px */
/* fade50 位移50px */
/* fade30 位移30px */
/* fade20 位移20px */
/* fade10 位移10px */
/* fadeLeft */
@-webkit-keyframes fadeInLeft200 { from { opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft200 { from { opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft200 { -webkit-animation-name: fadeInLeft200; animation-name: fadeInLeft200; }

@-webkit-keyframes fadeInLeft150 { from { opacity: 0;
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft150 { from { opacity: 0;
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft150 { -webkit-animation-name: fadeInLeft150; animation-name: fadeInLeft150; }

@-webkit-keyframes fadeInLeft100 { from { opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft100 { from { opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft100 { -webkit-animation-name: fadeInLeft100; animation-name: fadeInLeft100; }

@-webkit-keyframes fadeInLeft80 { from { opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft80 { from { opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft80 { -webkit-animation-name: fadeInLeft80; animation-name: fadeInLeft80; }

@-webkit-keyframes fadeInLeft50 { from { opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft50 { from { opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft50 { -webkit-animation-name: fadeInLeft50; animation-name: fadeInLeft50; }

@-webkit-keyframes fadeInLeft30 { from { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft30 { from { opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft30 { -webkit-animation-name: fadeInLeft30; animation-name: fadeInLeft30; }

@-webkit-keyframes fadeInLeft20 { from { opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft20 { from { opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft20 { -webkit-animation-name: fadeInLeft20; animation-name: fadeInLeft20; }

@-webkit-keyframes fadeInLeft10 { from { opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft10 { from { opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft10 { -webkit-animation-name: fadeInLeft10; animation-name: fadeInLeft10; }

/* fadeRight */
@-webkit-keyframes fadeInRight200 { from { opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight200 { from { opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight200 { -webkit-animation-name: fadeInRight200; animation-name: fadeInRight200; }

@-webkit-keyframes fadeInRight150 { from { opacity: 0;
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight150 { from { opacity: 0;
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight150 { -webkit-animation-name: fadeInRight150; animation-name: fadeInRight150; }

@-webkit-keyframes fadeInRight100 { from { opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight100 { from { opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight100 { -webkit-animation-name: fadeInRight100; animation-name: fadeInRight100; }

@-webkit-keyframes fadeInRight80 { from { opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight80 { from { opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight80 { -webkit-animation-name: fadeInRight80; animation-name: fadeInRight80; }

@-webkit-keyframes fadeInRight50 { from { opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight50 { from { opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight50 { -webkit-animation-name: fadeInRight50; animation-name: fadeInRight50; }

@-webkit-keyframes fadeInRight30 { from { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight30 { from { opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight30 { -webkit-animation-name: fadeInRight30; animation-name: fadeInRight30; }

@-webkit-keyframes fadeInRight20 { from { opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight20 { from { opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight20 { -webkit-animation-name: fadeInRight20; animation-name: fadeInRight20; }

@-webkit-keyframes fadeInRight10 { from { opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight10 { from { opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight10 { -webkit-animation-name: fadeInRight10; animation-name: fadeInRight10; }

/* fadeUp */
@-webkit-keyframes fadeInUp200 { from { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp200 { from { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp200 { -webkit-animation-name: fadeInUp200; animation-name: fadeInUp200; }

@-webkit-keyframes fadeInUp150 { from { opacity: 0;
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp150 { from { opacity: 0;
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp150 { -webkit-animation-name: fadeInUp150; animation-name: fadeInUp150; }

@-webkit-keyframes fadeInUp100 { from { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp100 { from { opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp100 { -webkit-animation-name: fadeInUp100; animation-name: fadeInUp100; }

@-webkit-keyframes fadeInUp80 { from { opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp80 { from { opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp80 { -webkit-animation-name: fadeInUp80; animation-name: fadeInUp80; }

@-webkit-keyframes fadeInUp50 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp50 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp50 { -webkit-animation-name: fadeInUp50; animation-name: fadeInUp50; }

@-webkit-keyframes fadeInUp30 { from { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp30 { from { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp30 { -webkit-animation-name: fadeInUp30; animation-name: fadeInUp30; }

@-webkit-keyframes fadeInUp20 { from { opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp20 { from { opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp20 { -webkit-animation-name: fadeInUp20; animation-name: fadeInUp20; }

@-webkit-keyframes fadeInUp10 { from { opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp10 { from { opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp10 { -webkit-animation-name: fadeInUp10; animation-name: fadeInUp10; }

/* fadeDown */
@-webkit-keyframes fadeInDown200 { from { opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown200 { from { opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown200 { -webkit-animation-name: fadeInDown200; animation-name: fadeInDown200; }

@-webkit-keyframes fadeInDown150 { from { opacity: 0;
    -webkit-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown150 { from { opacity: 0;
    -webkit-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown150 { -webkit-animation-name: fadeInDown150; animation-name: fadeInDown150; }

@-webkit-keyframes fadeInDown100 { from { opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown100 { from { opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown100 { -webkit-animation-name: fadeInDown100; animation-name: fadeInDown100; }

@-webkit-keyframes fadeInDown80 { from { opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown80 { from { opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown80 { -webkit-animation-name: fadeInDown80; animation-name: fadeInDown80; }

@-webkit-keyframes fadeInDown50 { from { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown50 { from { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown50 { -webkit-animation-name: fadeInDown50; animation-name: fadeInDown50; }

@-webkit-keyframes fadeInDown30 { from { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown30 { from { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown30 { -webkit-animation-name: fadeInDown30; animation-name: fadeInDown30; }

@-webkit-keyframes fadeInDown20 { from { opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown20 { from { opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown20 { -webkit-animation-name: fadeInDown20; animation-name: fadeInDown20; }

@-webkit-keyframes fadeInDown10 { from { opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown10 { from { opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown10 { -webkit-animation-name: fadeInDown10; animation-name: fadeInDown10; }

/* fadeInWidth */
@-webkit-keyframes fadeInWidth100 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@keyframes fadeInWidth100 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

.fadeInWidth100 { -webkit-animation-name: fadeInWidth100; animation-name: fadeInWidth100; }

/* fadeIn */
@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }



/*--公共样式--*/
body { padding-top: 60px; }

.hideScroll { overflow: hidden; }

.defaheader { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; padding: 15px; background: #000; }

.defalogo { display: block; float: left; }

.defalogo img { height: 30px; }

.defanav { position: fixed; left: 0px; top: 60px; background: #fff; bottom: 0px; overflow-y: auto; right: 0px; display: none; }

.defanav ul { padding: 20px; }

.defanav ul li { border-bottom: 1px solid #eee; line-height: 40px; position: relative; }

.defanav ul li > a { color: #000; display: block; }

.defanav ul li p { display: none; padding: 0px 10px 10px; }

.defanav ul li p a { display: block; font-size: 14px; line-height: 30px; }

.defanav ul li p a:hover { color: red; }

.defanav_btn { float: right; width: 28px; height: 25px; position: relative; cursor: pointer; }

.defanav_btn span { display: block; height: 2px; background: rgba(255, 255, 255, 0.6); top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; }

.defanav_btn span:nth-child(2) { top: 11px; width: 24px; right: 0; }

.defanav_btn span:nth-child(3) { top: 23px; }

.defacloseNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }

.defacloseNavbtn span:nth-child(2) { display: none; }

.defacloseNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }

.defanav ul li i { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }

.defanav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }

.defanav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.defaSearch { float: right; padding-left: 20px; }

.defaSearch span { width: 30px; height: 30px; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; display: block; }

.defaSearch .defaSearchbox { position: fixed; width: 100%; background: #fff; right: 0px; left: 0px; top: 60px; max-height: inherit; display: none; }

.defaSearch .defaSearchbox label { display: block; padding: 10px 65px 10px 15px; }

.defaSearch .defaSearchbox label input { width: 100%; vertical-align: middle; }

.defaSearch .defaSearchbox .defaSearchBtn { width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; background: rgba(0, 0, 0, 0.6) url(../images/searchIcon.png) no-repeat center; }

.defaSearch span.closeSearchbox { background: url(../images/closeIcon.png) no-repeat center; }

.defaLanguage { float: right; font-size: 12px; color: #fff; margin-left: 20px; position: relative; }

.defaLanguage span { display: inline-block; border: 1px solid #fff; width: 30px; height: 30px; text-align: center; line-height: 26px; }

.defaLanguage span a { color: #fff; }

.defaLanguage p { position: absolute; left: 0px; top: 100%; background: #fff; right: 0px; text-align: center; display: none; }

.defaLanguage p a { display: block; line-height: 30px; }

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

.defacommonBanner img { display: block; height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defacommonBanner h3 { font-size: 20px; position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center; }

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

.defaBanner img { display: block; height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.defaBanner ul li { overflow: hidden; }

.defaBannerText { position: absolute; left: 0px; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.defaBannerText h3 { font-size: 24px; color: #fff; padding-bottom: 20px; -webkit-transition: all .8s ease; transition: all .8s ease; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBannerText .desc { font-size: 14px; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.defaBanner ul li.swiper-slide-active .defaBannerText h3 { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBanner ul li.swiper-slide-active .defaBannerText .desc { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.defaBannerdot { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 99; text-align: center; }

.defaBannerdot span { width: 20px; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; }

.defaBannerdot span.swiper-pagination-bullet-active { background: #fff; }

.defaBannerPrev, .defaBannerNext { width: 20px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; z-index: 99; cursor: pointer; }

.defaBannerPrev::after, .defaBannerNext::after { width: 10px; height: 10px; content: ""; display: block; position: absolute; border: 2px solid #fff; border-top: none; border-left: none; left: -webkit-calc(50% - 2px); left: calc(50% - 2px); top: 50%; }

.defaBannerPrev { left: 10px; }

.defaBannerPrev::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); left: -webkit-calc(50% + 2px); left: calc(50% + 2px); }

.defaBannerNext { right: 10px; }

.defaBannerNext::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.defaBannerPrev:hover, .defaBannerNext:hover { background: #fff; }

.defaBannerPrev:hover::after, .defaBannerNext:hover::after { border-color: #666; }

.defaSecondLevelColumn { overflow: hidden; position: relative; padding-right: 1px; }

.defaSecondLevelColumn ul li { width: auto; font-size: 14px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px; }

.defaSecondLevelColumn ul li a { display: block; padding: 0px 20px; }

.WaterfallFlow ul li { width: 50%; position: relative; padding: 0px 5px; margin-bottom: 10px; }

.WaterfallFlow ul li img { display: block; width: 100%; }

.WaterfallFlow ul li .FlowContent { padding: 10px; background: #f3f3f3; }

.WaterfallFlow ul li .FlowContent .time { font-size: 14px; padding-bottom: 10px; color: #585858; }

.WaterfallFlow ul li .FlowContent h3 { font-size: 14px; color: #000000; font-weight: 700; line-height: 22px; }

.WaterfallFlow ul li .FlowContent .desc { font-size: 12px; color: #585858; line-height: 18px; border-top: 1px solid #ebebeb; margin-top: 10px; padding-top: 10px; }

@media (min-width: 768px) { body { padding-top: 0px; }
  .defaBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .defaBannerText h3 { font-size: 38px; }
  .defaBannerText .desc { font-size: 16px; }
  .defaBannerdot span { width: 30px; height: 2px; }
  .defaBannerPrev, .defaBannerNext { width: 30px; height: 60px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 15px; height: 15px; left: -webkit-calc(50% - 5px); left: calc(50% - 5px); }
  .defaBannerPrev::after { left: -webkit-calc(50% + 5px); left: calc(50% + 5px); }
  .defacommonBanner h3 { font-size: 24px; }
  .defacommonBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; }
  .WaterfallFlow ul li { width: 33.333%; padding: 0px 10px; margin-bottom: 20px; }
  .WaterfallFlow ul li .FlowContent { padding: 20px; }
  .WaterfallFlow ul li .FlowContent .time { font-size: 16px; }
  .WaterfallFlow ul li .FlowContent h3 { font-size: 20px; line-height: 28px; }
  .WaterfallFlow ul li .FlowContent .desc { font-size: 14px; line-height: 24px; margin-top: 25px; padding-top: 20px; } }

@media (min-width: 1260px) { .defaBannerText h3 { font-size: 48px; }
  .defaBannerText .desc { font-size: 20px; }
  .defaBannerdot span { width: 40px; height: 3px; }
  .defaBannerPrev, .defaBannerNext { width: 40px; height: 80px; }
  .defaBannerPrev::after, .defaBannerNext::after { width: 20px; height: 20px; }
  .defaheader { background: none; padding: 15px 45px 0px; }
  .defalogo img { height: 55px; }
  .defanav { float: right; white-space: nowrap; padding-top: 15px; position: relative; overflow: visible; left: auto; right: auto; top: auto; bottom: auto; background: none; display: block; }
  .defanav ul { padding: 0px; }
  .defanav ul li { display: inline-block; margin-left: 20px; font-size: 16px; padding-bottom: 31px; position: relative; border-bottom: none; line-height: 24px; }
  .defanav ul li > a { color: #fff; }
  .defanav ul li p { background: #fff; position: absolute; left: -10px; right: -10px; top: 100%; text-align: center; max-height: 0px; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; padding: 0px; }
  .defanav ul li i { display: none; }
  .defanav ul li:hover p { max-height: 300px; padding: 10px 0px; }
  .defaheaderbg { background: rgba(0, 0, 0, 0.5); }
  .defaSearch { padding-top: 12px; padding-bottom: 28px; }
  .defaSearch .defaSearchbox { max-height: 0px; left: auto; right: 45px; top: 100%; overflow: hidden; position: absolute; width: 300px; display: block; }
  .defaSearch:hover .defaSearchbox { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defaSearch:hover span { background: url(../images/closeIcon.png) no-repeat center; }
  .defaLanguage { padding-top: 12px; }
  .defaLanguage p { max-height: 0px; overflow: hidden; display: block; }
  .defaLanguage:hover p { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .defanavbtn { display: none; }
  .defacommonBanner h3 { font-size: 30px; } }

.social-share { font-size: inherit; font-style: inherit; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; /* 使用自定义样式，修改为背景图，删除上面的字体图标 */ /* 微信二维码 */ }

.social-share .social-share-icon { position: relative; display: inline-block; width: 24px; height: 24px; font-size: 14px; -webkit-border-radius: 50%; border-radius: 50%; line-height: 24px; border: 1px solid #666; color: #666; text-align: center; vertical-align: middle; -webkit-transition: background 0.6s ease-out 0s; transition: background 0.6s ease-out 0s; }

.social-share .social-share-icon:hover { background: #666; color: #fff; }

.social-share .icon-weibo { color: #ff763b; border-color: #ff763b; }

.social-share .icon-weibo:hover { background: #ff763b; }

.social-share .icon-tencent { color: #56b6e7; border-color: #56b6e7; }

.social-share .icon-tencent:hover { background: #56b6e7; }

.social-share .icon-qq { color: #56b6e7; border-color: #56b6e7; }

.social-share .icon-qq:hover { background: #56b6e7; }

.social-share .icon-qzone { color: #FDBE3D; border-color: #FDBE3D; }

.social-share .icon-qzone:hover { background: #FDBE3D; }

.social-share .icon-douban { color: #33b045; border-color: #33b045; }

.social-share .icon-douban:hover { background: #33b045; }

.social-share .icon-linkedin { color: #0077B5; border-color: #0077B5; }

.social-share .icon-linkedin:hover { background: #0077B5; }

.social-share .icon-facebook { color: #44619D; border-color: #44619D; }

.social-share .icon-facebook:hover { background: #44619D; }

.social-share .icon-google { color: #db4437; border-color: #db4437; }

.social-share .icon-google:hover { background: #db4437; }

.social-share .icon-twitter { color: #55acee; border-color: #55acee; }

.social-share .icon-twitter:hover { background: #55acee; }

.social-share .icon-diandian { color: #307DCA; border-color: #307DCA; }

.social-share .icon-diandian:hover { background: #307DCA; }

.social-share .icon-wechat { position: relative; color: #7bc549; border-color: #7bc549; }

.social-share .icon-wechat:hover { background: #7bc549; }

.social-share .icon-tencent { background-image: url(); }

.social-share .icon-qq { background-image: url(); }

.social-share .icon-weibo { background-image: url(); }

.social-share .icon-wechat { background-image: url(); }

.social-share .icon-douban { background-image: url(); }

.social-share .icon-heart { background-image: url(); }

.social-share .icon-like { background-image: url(); }

.social-share .icon-qzone { background-image: url(); }

.social-share .icon-linkedin { background-image: url(); }

.social-share .icon-diandian { background-image: url(); }

.social-share .icon-facebook { background-image: url(); }

.social-share .icon-google { background-image: url(); }

.social-share .icon-twitter { background-image: url(); }

.social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; }

.social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; }

.social-share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px; }
.none_data{display: none;text-align: center;font-size: 16px;margin: 30px 0;}
.social-share .icon-wechat .wechat-qrcode.bottom:after { display: none; }

.social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; }

.social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; }

.social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important; }

.social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; }

.social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; }

.social-share .icon-wechat:hover .wechat-qrcode { display: block; }

.aurora_swbox .imgscale img{height: 100%;}
/* crumbs START */
.crumbs { position: relative; height: 72px; }

.crumbs .item { position: relative; line-height: 72px; font-size: 14px; }

.crumbs .item a { z-index: 10; color: #999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }

.crumbs .item a:hover { color: #666666; }

.crumbs .item .active { color: #666666; }

.crumbs .item .iconfont { color: #b6b6b6; font-size: 12px; }

.crumbs .icon_jiantou8_right { margin: 0 15px; }

.crumbs.fixed { position: fixed; top: 170px; width: 100%; left: 0; right: 0; margin: auto; z-index: 100; -webkit-box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018); box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018); }

/* crumbs END */
.zuanjie_box img{display: none;}
.zuanjie_box img:first-child{display: block;}
.head_erweimalins{position: relative;padding-bottom: 55px;}
.head_erweima{display: none;position: absolute;top:50%;right: 0;z-index: 10;background: #fff;padding: 20px 20px 10px 20px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.head_erweima img{width: 80px;display: block;}
.head_erweima::after{display: block;content: "";position: absolute;right: 10%;top: -5px;width: 10px;height: 10px;background: #fff;border: 1px solid #eee;transform: rotate(45deg);border-right: none;border-bottom: none;}
.head_erweima ul{display: flex;flex-wrap: wrap;max-width: 260px;}
.head_erweima ul li{margin-right: 10px;margin-bottom: 10px;text-align: center;}
.head_erweima ul li:nth-child(3n){margin-right: 0;}
.head_erweima ul li a{text-align: center;position: relative;margin-top: 4px;display: inline-block;}
.head_erweima ul li a::after{position: absolute;left: 0;top: 110%;width:0;height: 1px;background-color: #a71f3c;display: block;content: "";transition: all 0.4s;}
.head_erweima ul li a:hover::after{width: 100%;}
.head_erweimalins:hover .head_erweima{display: block;}

/* 头部 */
button { border: none; background: none; }


.header .head_top { padding: 20px 30px 0; }

.header .head_top .left_box { width: 20.69892%; margin-top: 10px; }

.header .head_top .left_box .head_language { letter-spacing: 0; }

.header .head_top .left_box .head_language .txt { color: #818181; white-space: nowrap; }

.header .head_top .left_box .head_language .language_box { position: relative; margin-left: 5px; }

.header .head_top .left_box .head_language .language_box .language_title { color: #ffffff; position: relative; width: 55px; }

.header .head_top .left_box .head_language .language_box .language_title .icon { position: absolute; width: 7px; height: 7px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; top: -webkit-calc(50% - 3px); top: calc(50% - 3px); right: 5px; -webkit-transform: rotateZ(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotateZ(45deg) translateY(-50%); }

.header .head_top .left_box .head_language .language_box .head_language_down { display: none; position: absolute; top: -webkit-calc(100% + 1px); top: calc(100% + 1px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; }

.header .head_top .left_box .head_language .language_box .head_language_down .line { padding: 0 15px; white-space: nowrap; }

.header .head_top .left_box .form_box { border-bottom: 1px solid transparent; padding-bottom: 5px; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; width: 22px; }

.header .head_top .left_box .form_box .iconfont { color: rgba(255, 255, 255, 0.6); font-size: 22px; background-color: transparent; border: none; padding: 0; }

.header .head_top .left_box .form_box input { padding: 0 10px; line-height: 30px; background-color: transparent; color: rgba(255, 255, 255, 0.6); }

.header .head_top .left_box.active .form_box { border-bottom: 1px solid rgba(255, 255, 255, 0.4); width: 100%; }

.header .head_top .head_nav { width: 48.27957%; }

.header .head_top .head_nav .head_logo { display: block; text-align: center; }

.header .head_top .head_nav .head_logo .head_logo_black { display: none; margin: 0 auto; }

.header .head_top .head_nav .head_logo .head_logo_white { margin: 0 auto; }

.header .head_top .head_nav .head_link { margin-top: 22px; }

.header .head_top .head_nav .head_link .block .title { display: block; font-size: 13px; line-height: 1.1; color: #ffffff; }

.header .head_top .right_box { width: 20.69892%; margin-top: 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.header .head_top .right_box .icon { color: #fff; }

.header .head_top .right_box .icon .iconfont { font-size: 20px; }

.header .head_top .right_box .icon .txt { color: #fff; margin-left: 10px; opacity: 0.4; }

.header .head_top .right_box .icon:nth-child(2) { margin-left: 35px; }

.header .head_top .right_box .link { display: block; font-size: 13px; line-height: 1.1; letter-spacing: 1px; color: #fff; }

.header .head_top .right_box .link .icon_on { display: none; margin-right: 5px; }

.header .head_top .right_box .link .icon_off { margin-right: 5px; }

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

.header.active { background-color: #fff; }

.header.active .head_top .left_box .head_language .language_box .language_title { color: #333; }

.header.active .head_top .left_box .head_language .language_box .language_title .icon { border-right: 1px solid #333; border-bottom: 1px solid #333; }

.header.active .head_top .left_box.active .form_box { border-bottom: 1px solid #333; }

.header.active .head_top .left_box .form_box .iconfont { color: #333; }

.header.active .head_top .left_box .form_box input { color: #333; }

.header.active .head_top .head_nav .head_logo .head_logo_white { display: none; }

.header.active .head_top .head_nav .head_logo .head_logo_black { display: block; }

.header.active .head_top .head_nav .head_link .block .title { color: #333; -webkit-transition: all .5s; transition: all .5s; }

.header.active .head_top .head_nav .head_link .block:hover .title { color: #916c30; }

.header.active .head_top .right_box .icon .iconfont { color: #333; }

.header.active .head_top .right_box .icon .txt { color: #333; }

.header.active .head_top .right_box .link { color: #282828; }

.header.active .head_top .right_box .link .icon_on { display: inline-block; }

.header.active .head_top .right_box .link .icon_off { display: none; }

.header.topBig .head_top .head_nav .head_logo { height: 0; }

@media (min-width: 1220px) { .header:hover { background-color: #fff; }
  .header:hover .head_top .left_box .head_language .language_box .language_title { color: #333; }
  .header:hover .head_top .left_box .head_language .language_box .language_title .icon { border-right: 1px solid #333; border-bottom: 1px solid #333; }
  .header:hover .head_top .left_box.active .form_box { border-bottom: 1px solid #333; }
  .header:hover .head_top .left_box .form_box .iconfont { color: #333; }
  .header:hover .head_top .left_box .form_box input { color: #333; }
  .header:hover .head_top .head_nav .head_logo .head_logo_white { display: none; }
  .header:hover .head_top .head_nav .head_logo .head_logo_black { display: block; }
  .header:hover .head_top .head_nav .head_link .block .title { color: #333; -webkit-transition: all .5s; transition: all .5s; }
  .header:hover .head_top .head_nav .head_link .block:hover .title { color: #916c30; }
  .header:hover .head_top .right_box .icon .iconfont { color: #333; }
  .header:hover .head_top .right_box .icon .txt { color: #333; }
  .header:hover .head_top .right_box .link { color: #282828; }
  .header:hover .head_top .right_box .link .icon_on { display: inline-block; }
  .header:hover .head_top .right_box .link .icon_off { display: none; } }

/* 首页 */
.index_banner{width: 100%;}
.index_banner .img img{width: 100%;}
.index .main1 { padding: 30px 0 30px; }

.index .main1 .top1_box .title { font-size: 36px; line-height: 1.1; letter-spacing: -2px; text-align: center; color: #000000; }

.index .main1 .top1_box .tag_box { width: 290px; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); margin: 0 auto; margin-top: 25px; }

.index .main1 .top1_box .tag_box .tag { position: relative; white-space: nowrap; font-size: 18px; line-height: 28px; color: #cacaca; padding-left: 20px; cursor: pointer; }

.index .main1 .top1_box .tag_box .tag:not(:nth-child(5n + 1))::after { content: ' '; position: absolute; top: 50%; left: 10px; background-color: #cacaca; width: 2px; height: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.index .main1 .top1_box .tag_box .tag.active { color: #000000; }

.index .main1 .top1_box .content { padding: 50px 0 30px; margin-left: 13.28125%; }

.index .main1 .top1_box .content .txt_box { width: 30.03003%; text-align: center; }

.index .main1 .top1_box .content .txt_box .name { font-size: 30px; line-height: 40px; color: #000000; }

.index .main1 .top1_box .content .txt_box .line { color: #000000; margin-top: 10px; }

.index .main1 .top1_box .content .txt_box .more { margin-top: 25px; display: inline-block; text-align: center; color: #000000; padding-bottom: 1px; border-bottom: 1px solid #000000; -webkit-transition: all .5s; transition: all .5s; }

.index .main1 .top1_box .content .txt_box .more:hover { color: #916c30; border-bottom: 1px solid #916c30; }

.index .main1 .top1_box .content .img_box { position: relative; width: 57.65766%; }

.index .main1 .top1_box .content .img_box .bg img { width:950px; height:500px;}

.index .main1 .top1_box .content .img_box .img { position: absolute; top: -webkit-calc(50% + 10px); top: calc(50% + 10px); left: -255px; max-width: 57.29167%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.index .main1 .bottom_box { padding: 0 100px; }

.index .main1 .bottom_box .block { display: block; }

.index .main1 .bottom_box .block .picture_container { padding-top: 131.2%; }

.index .main1 .bottom_box .block .txt { font-size: 14px; line-height: 28px; text-align: center; }

.index .main1 .bottom_box .block .txt .name { color: #d9ac71; }

.index .main1 .bottom_box .block .txt .tag { color: #000000; }

.index .main1 .bottom_box .block:hover .img img { top: -10px; }

.index .main1 .bottom_box .swiper-scrollbar { height: 4px; width: 1136px; margin: 0 auto; position: unset; margin-top: 75px; background-color: #f6ecd9; }

.index .main1 .bottom_box .swiper-scrollbar-drag { background-color: #e0bf80; }

.index .main2 .bg_img { background-color: #f6efea;padding-bottom: 2%;}

.index .main2 .bg_img img { width: 100%; }

.index .main2 .mask { background-size: 0; padding-top: 210px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; background-repeat: no-repeat; background-position: center; }

.index .main2 .mask .title { text-align: center; font-size: 72px; line-height: 1.1; color: #ffffff; font-weight: lighter; }

.index .main2 .mask .block_box { margin-top: 140px; }

.index .main2 .mask .block_box .block { padding: 20px; background-color: #fff; }

.index .main2 .mask .block_box .block .img { width: 50%; }

.index .main2 .mask .block_box .block .img .picture_container { padding-top: 98.27586%; }

.index .main2 .mask .block_box .block .txt_box { padding-left: 20px; text-align: center; }

.index .main2 .mask .block_box .block .txt_box .name { font-size: 30px; color: #000000; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 40px; }

.index .main2 .mask .block_box .block .txt_box .abstract { margin-top: 15px; font-size: 14px; color: #666460; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 24px; }

.index .main2 .mask .block_box .block .txt_box .more { margin-top: 40px; position: relative; font-size: 14px; line-height: 1.1; letter-spacing: 3px; color: #000000; display: inline-block; -webkit-transition: all .5s; transition: all .5s; }

.index .main2 .mask .block_box .block .txt_box .more:hover { color: #916c30; }

.index .main2 .mask .block_box .block .txt_box .more:hover::after { background-color: #916c30; }

.index .main2 .mask .block_box .block .txt_box .more::after { content: ' '; position: absolute; bottom: -2px; height: 1px; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); left: 50%; background-color: #000; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.index .main2 .mask .block_box .swiper-pagination { z-index: 2; right: 25%; bottom: 100px; width: auto; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }

.index .main2 .mask .block_box .swiper-pagination-bullet { width: 6px; height: 6px; opacity: 1; background-color: #e7ddca; margin: 0 6px; }

.index .main2 .mask .block_box .swiper-pagination-bullet-active { background-color: #a61b39; }

.index .main2 .swiper_control { z-index: 2; position: absolute; top: 210px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next {width: 28%; font-weight: lighter; font-size: 65px;height: auto; background-image: none; position: unset; margin-top: 0; opacity: 1; color: #fff; -webkit-transition: all .5s; transition: all .5s; }

.index .main2 .swiper_control .swiper-button-prev:hover, .index .main2 .swiper_control .swiper-button-next:hover { color: #916c30; }
.index .main2 .swiper_control .swiper-button-prev{text-align: right;}

.index .main3 { background-color: #f6efea; }

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

.index .main3 .block .picture_container { padding-top: 56.66667%; }

.index .main3 .block .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; margin: auto; }

.index .main3 .block .mask .txt { color: #f8f8f6; text-align: center; }

.index .main3 .block .mask .name { font-size: 48px; line-height: 1.1; }

.index .main3 .block .mask .tag { display: inline-block; margin: 0 auto; margin-top: 30px; letter-spacing: 3px; -webkit-transition: all .5s; transition: all .5s; border-bottom: 1px solid #f8f8f6; }

.index .main3 .block .mask .tag:hover { color: #916c30; border-bottom: 1px solid #916c30; }

.index .main4 { background-color: #f6efea; padding-top: 118px; position: relative; }

.index .main4 .title_box { text-align: center; }

.index .main4 .title_box .name { font-size: 48px; line-height: 1.1; color: #000000; }

.index .main4 .title_box .more { display: inline-block; margin: 0 auto; margin-top: 30px; letter-spacing: 3px; -webkit-transition: all .5s; transition: all .5s; color: #000; border-bottom: 1px solid #000; }

.index .main4 .title_box .more:hover { color: #916c30; border-bottom: 1px solid #916c30; }

.index .main4 .img { margin-top: 40px; }

.index .main4 .img img { width: 100%; }
.index .main4 .img video{width: 100%;position: absolute;top: 0;left: 0;z-index: 10;}

.index .main4 .icon_img1, .index .main4 .icon_img2 { position: absolute; top: 0; z-index: 2; }

.index .main4 .icon_img1 { right: 26.14583%; }

.index .main4 .icon_img2 { right: 15.83333%; }

/*.index .main5 { background-image: url(../images/index_custom_bg.jpg); padding: 100px 0; }*/

.index .main5 { background-color: #f7f0ea; padding: 50px 0; }

.index .main5 .content .title_img { text-align: center; }

.index .main5 .content .txt_box { text-align: center; margin-top: -43px; }

.index .main5 .content .txt_box .name { font-size: 30px; line-height: 40px; color: #282828; }

.index .main5 .content .txt_box .abstract { font-size: 14px; line-height: 24px; color: #282828; margin-top: 15px; }

.index .main5 .content .txt_box .more { margin-top: 60px; display: inline-block; margin: 0 auto; margin-top: 30px; letter-spacing: 3px; -webkit-transition: all .5s; transition: all .5s; color: #000; border-bottom: 1px solid #000; }

.index .main5 .content .txt_box .more:hover { color: #916c30; border-bottom: 1px solid #916c30; }

.index .main5 .content .block { margin-top: 84px; }

.index .main5 .content .block .left_box { width: 31.66667%; background-color: #a61b39; }

.index .main5 .content .block .left_box .name { font-size: 30px; line-height: 1.1; color: #ffffff; }

.index .main5 .content .block .left_box .more { margin-top: 60px; display: inline-block; margin: 0 auto; margin-top: 30px; letter-spacing: 3px; -webkit-transition: all .5s; transition: all .5s; color: #fff; border-bottom: 1px solid #fff; }

.index .main5 .content .block .left_box .more:hover { color: #916c30; border-bottom: 1px solid #916c30; }

.index .main5 .content .block .img { width: 66.66667%; }

.index .main5 .content .block .img .picture_container { padding-top: 50%; }

.index .main6 .content { padding: 302px 0; }

.index .main6 .content .title { font-size: 30px; line-height: 1.1; color: #ffffff; text-align: center; }

.index .main6 .content .block { width: 688px; margin: 0 auto; margin-top: 50px; }

.index .main6 .content .block .DefaultSelector { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single { height: 62px; border: 0; }

.index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 62px; font-size: 18px; color: #343434; }

.index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-style: solid; border-width: 0; width: 13px; height: 13px; border-bottom: 2px solid #888888; border-right: 2px solid #888888; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); margin-left: -24px; margin-top: -10px; }

.index .main6 .content .block .btn { width: 160px; height: 62px; font-size: 18px; color: #ffffff; border: 0; background-color: #a61b39; }

.news_details { padding: 0px 0 110px; }

.news_details .news_banner { height: 300px; background-color: #f5f4ee; }

.news_details .news_banner .title { font-size: 35px; line-height: 1.1; color: #000000; letter-spacing: -2px; text-align: center; }

.news_details .news_banner .form_box { margin-top: 34px; }

.news_details .news_banner .form_box .item { width: 360px; border-bottom: 2px solid #000; padding-bottom: 12px; }

.news_details .news_banner .form_box .item input { line-height: 22px; color: #000000; background-color: transparent; width: 100%; font-size: 13px; }

.news_details .news_banner .form_box .item input::-webkit-input-placeholder { color: #000; }

.news_details .news_banner .form_box .item input:-moz-placeholder { color: #000; }

.news_details .news_banner .form_box .item input:-ms-input-placeholder { color: #000; }

.news_details .news_banner .form_box .item input::-moz-placeholder { color: #000; }

.news_details .news_banner .form_box .item input::placeholder { color: #000; }

.news_details .news_banner .form_box .item .iconfont { font-size: 22px; color: #000; border: 0; background-color: transparent; }

.news_details .title { text-align: center; font-size: 35px; font-weight: lighter; line-height: 40px; letter-spacing: -1px; color: #333333; }

.news_details .title_box { font-size: 13px; color: #828282; margin-top: 23px; }

.news_details .title_box .time { position: relative; margin-right: 20px; padding-right: 17px; }

/*.news_details .title_box .time::after { content: ' '; position: absolute; width: 2px; height: 11px; top: 50%; right: 0; background-color: #e6ded9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }*/

.news_details .details_txt { margin-top: 30px; padding: 30px 0 40px; border-top: 1px solid #e0dcd1; }

.news_details .details_txt p{max-width: 100%;}
.news_details .details_txt .tag_box { margin-top: 70px; font-size: 13px; line-height: 30px; color: #828282; }

.news_details .details_txt .tag_box p { padding: 0 30px; background-color: #f5f4ee; -webkit-border-radius: 14px 0px 14px 0px; border-radius: 14px 0px 14px 0px; margin-left: 10px; }

.product .main1 { padding: 105px 0 155px; }

.product .main1 .content { padding: 0 30px; }

.product .main1 .content .title_box { margin-left: 14.51613%; }

.product .main1 .content .title_box .title { font-size: 37px; line-height: 1.1; letter-spacing: -2px; color: #000000; }

.product .main1 .content .title_box .tag { font-size: 14px; line-height: 1.1; letter-spacing: -1px; color: #828282; cursor: pointer; }

.product .main1 .content .title_box .tag .icon { margin-top: 1px; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; border: solid 1px #c9c9c9; }

.product .main1 .content .title_box .tag:not(:first-child) { margin-left: 30px; }

.product .main1 .content .title_box .tag.active .icon { border: 1px solid #3e3e3e; background-color: #3e3e3e; }

.product .main1 .content .box { margin-top: 40px; }

.product .main1 .content .box .left_box { width: 10.75269%; float: left; }

.product .main1 .content .box .left_box .screen_box { font-size: 16px; line-height: 1.1; letter-spacing: -1px; color: #000000; }

.product .main1 .content .box .left_box .screen_box img { margin-right: 20px; }

.product .main1 .content .box .left_box .block_box { margin-top: 50px; }

.product .main1 .content .box .left_box .block_box .block:not(:first-child) { margin-top: 30px; }

.product .main1 .content .box .left_box .block_box .block .title { font-size: 15px; line-height: 1.1; color: #666666; cursor: pointer; }

.product .main1 .content .box .left_box .block_box .block .title .icon { width: 13px; height: 13px; position: relative; }

.product .main1 .content .box .left_box .block_box .block .title .icon::after, .product .main1 .content .box .left_box .block_box .block .title .icon::before { content: ' '; position: absolute; top: 50%; left: 50%; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #757575; }

.product .main1 .content .box .left_box .block_box .block .title .icon::after { width: 100%; height: 1px; }

.product .main1 .content .box .left_box .block_box .block .title .icon::before { height: 100%; width: 1px; }

.product .main1 .content .box .left_box .block_box .block .down { display: none; margin-top: 40px; }

.product .main1 .content .box .left_box .block_box .block .down .line { cursor: pointer; font-size: 14px; line-height: 1.1; color: #999999; }

.product .main1 .content .box .left_box .block_box .block .down .line .chosen_icon { width: 14px; height: 14px; margin-right: 10px; position: relative; border: solid 1px #d6d6d6; }

.product .main1 .content .box .left_box .block_box .block .down .line .chosen_icon::after { display: none; content: ' '; position: absolute; width: 8px; height: 4px; top: -webkit-calc(50% - 4px); top: calc(50% - 4px); left: 50%; border-left: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: rotateZ(-45deg) translate(-50%, -50%); -ms-transform: rotate(-45deg) translate(-50%, -50%); transform: rotateZ(-45deg) translate(-50%, -50%); }

.product .main1 .content .box .left_box .block_box .block .down .line:not(:first-child) { margin-top: 30px; }

.product .main1 .content .box .left_box .block_box .block .down .line.active .chosen_icon { border: 1px solid #000; }

.product .main1 .content .box .left_box .block_box .block .down .line.active .chosen_icon::after { display: block; }

.product .main1 .content .box .left_box .block_box .block.active .title .icon::before { height: 0; }

.product .main1 .content .box .left_box.fixed { position: fixed; top: 100px; left: 30px; }

/*zhubao调整*/
/*.product .main1 .content .box .right_box { width: 85.48387%; float: right; }*/

 .product .main1 .content .box .right_box {
   width: 85.48387%;
   text-align: center;
   margin: 0 auto;
 }
.product .main1 .content .box .right_box .txt{
  text-align:left;
}

.product .main1 .content .box .right_box .block_box .block { width: 33.20755%; padding: 80px 60px; display: block; background-color: #f9f8f9; -webkit-transition: all .5s; transition: all .5s; }

.product .main1 .content .box .right_box .block_box .block .txt { font-size: 14px; line-height: 26px; color: #333333; }

.product .main1 .content .box .right_box .block_box .block .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; max-height: 52px; min-height: 52px; }

.product .main1 .content .box .right_box .block_box .block .img { width: 42.80303%; position: relative; margin: 50px auto; }

.product .main1 .content .box .right_box .block_box .block .img .swiper-button-prev, .product .main1 .content .box .right_box .block_box .block .img .swiper-button-next { opacity: 0; background-image: none; margin-top: 0; width: 25px; height: 25px; font-size: 12px; color: #999999; line-height: 25px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s; background-color: #f7f7f7; }

.product .main1 .content .box .right_box .block_box .block .img .swiper-button-prev { left: -31.85841%; }

.product .main1 .content .box .right_box .block_box .block .img .swiper-button-next { right: -31.85841%; }

.product .main1 .content .box .right_box .block_box .block .picture_container { padding-top: 127.43363%; }

.product .main1 .content .box .right_box .block_box .block .top_img { -webkit-transition: all .5s; transition: all .5s; }

.product .main1 .content .box .right_box .block_box .block .swiper-container { opacity: 0; z-index: 2; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 auto; -webkit-transition: all .5s; transition: all .5s; }

.product .main1 .content .box .right_box .block_box .block .price_box { text-align: right; }

.product .main1 .content .box .right_box .block_box .block:hover { background-color: #fdfdfd; }

.product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .swiper-container, .product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .swiper-button-prev, .product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .swiper-button-next { opacity: 1; }

.product .main1 .content .box .right_box .block_box .block:hover:not(.noSwiper) .img .top_img { opacity: 0; }

.product .main1 .content .box .right_box .block_box .block:not(:nth-child(3n)) { margin-right: 0.16129%; }

.product .main1 .content .box .right_box .block_box .block:nth-child(n + 4) { margin-top: 3px; }

.product .main1 .content .box .right_box .more { margin: 0 auto; margin-top: 60px; width: 210px; font-size: 14px; color: #000000; line-height: 60px; letter-spacing: 3px; border: solid 1px #000000; background-color: transparent; -webkit-transition: all .5s; transition: all .5s; }

.product .main1 .content .box .right_box .more .iconfont { margin-left: 20px; }

.product .main1 .content .box .right_box .more:hover { background-color: #916c30; border: solid 1px #916c30; color: #fff; }

.prodcut_details .main1 { padding-bottom: 126px; background-color: #f5f4ef; }

.prodcut_details .main1 .small_box { width: 10.03344%; height: 100%;}

.prodcut_details .main1 .small_box .product_detailSmall { height: 68.62745%; width: 100%;max-height: 350px; }

.prodcut_details .main1 .small_box .product_detailSmall .picture_container { padding-top: 126.66667%; }
/* .prodcut_details .main1 .small_box .product_detailSmall .swiper-wrapper{height: 330px;}
.prodcut_details .main1 .small_box .product_detailSmall .swiper-slide{height: 79px !important;} */

.prodcut_details .main1 .small_box .product_detailSmall .swiper-slide.active .block { border: solid 1px #999999; }

.prodcut_details .main1 .small_box .product_detailSmall .block { border: 1px solid transparent; cursor: pointer; }

.prodcut_details .main1 .small_box .swiper-button-prev, .prodcut_details .main1 .small_box .swiper-button-next { position: unset; background-image: none; border-left: 1px solid #b7b6b8; border-top: 1px solid #b7b6b8; width: 14px; height: 14px; margin-top: 0; opacity: 1; }

.prodcut_details .main1 .small_box .swiper-button-prev { -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); }

.prodcut_details .main1 .small_box .swiper-button-next { -webkit-transform: rotateZ(-135deg); -ms-transform: rotate(-135deg); transform: rotateZ(-135deg); }

.prodcut_details .main1 .big_box { width: 66.88963%; }

.prodcut_details .main1 .big_box .picture_container { padding-top: 127.5%; }

.prodcut_details .main1 .left_box { width: 49.83333%; }

.prodcut_details .main1 .right_box { width: 41.66667%; text-align: center; }

.prodcut_details .main1 .right_box .tag { font-size: 16px; line-height: 1.1; letter-spacing: -1px; color: #666666; }

.prodcut_details .main1 .right_box .title { font-size: 28px; line-height: 34px; letter-spacing: -1px; color: #333333; margin-top: 25px; font-weight: lighter; }

.prodcut_details .main1 .right_box .price { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 22px; letter-spacing: -1px; color: #333333; margin-top: 30px; }

.prodcut_details .main1 .right_box .icon_line { margin: 0 auto; width: 70px; height: 1px; background-color: #000000; margin-top: 30px; }

.prodcut_details .main1 .right_box .abstract { margin-top: 25px; }

.prodcut_details .main1 .right_box .link { display: block; font-size: 14px; line-height: 50px; color: #ffffff; width: 240px; height: 50px; margin: 0 auto; margin-top: 50px; background-color: #000000; -webkit-transition: all 0.4s; transition: all 0.4s; }

.prodcut_details .main1 .right_box .link:hover { background: #c26378; }

.prodcut_details .main2 { padding: 90px 0 100px; border-bottom: 1px solid #e6e6e6; }

.prodcut_details .main2 .content { width: 1200px; margin: 0 auto; }

.prodcut_details .main2 .content .title_box { text-align: center; }

.prodcut_details .main2 .content .title { font-size: 30px; line-height: 40px; letter-spacing: -1px; color: #333333; font-weight: lighter; }

.prodcut_details .main2 .content .tag { position: relative; display: inline-block; margin-top: 38px; }

.prodcut_details .main2 .content .tag::after, .prodcut_details .main2 .content .tag::before { content: ' '; position: absolute; top: 50%; width: 15px; height: 1px; opacity: 0.3; background-color: #000000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.prodcut_details .main2 .content .tag::after { left: -40px; }

.prodcut_details .main2 .content .tag::before { right: -40px; }

.prodcut_details .main2 .content .details_txt { margin-top: 30px; }

.prodcut_details .main2 .content .details_txt table { width: 100%; }

.prodcut_details .main2 .content .details_txt tr { border-top: 1px solid #e0ded8; }

.prodcut_details .main2 .content .details_txt tr td { border: none; padding: 25px 0; font-size: 14px; letter-spacing: -1px; color: #666666; }

.prodcut_details .main2 .content .details_txt tr td:nth-child(1) { width: 14.16667%; color: #333333; text-align: center; }

.prodcut_details .main2 .content .details_txt tr td:nth-child(2) { width: 43.33333%; color: #333333; padding-right: 10px; color: #666666; }

.prodcut_details .main2 .content .details_txt tr td:nth-child(3) { width: 11.66667%; color: #333333; }

.prodcut_details .main2 .content .details_txt tr td:nth-child(4) { width: 30.83333%; color: #666666; }

.prodcut_details .main2 .content .details_txt tr:last-child { border-bottom: 1px solid #e0ded8; }

.prodcut_details .main3 { padding: 100px 0 80px; }

.prodcut_details .main3 .title_box { text-align: center; }

.prodcut_details .main3 .title_box .title { font-size: 30px; font-weight: lighter; line-height: 40px; letter-spacing: -1px; color: #333333; }

.prodcut_details .main3 .title_box .more { margin-top: 20px; display: inline-block; font-size: 14px; line-height: 1.1; letter-spacing: 3px; color: #333333; position: relative; padding-bottom: 1px; border-bottom: 1px solid #333; -webkit-transition: all .5s; transition: all .5s; }

.prodcut_details .main3 .title_box .more:hover { color: #916c30; border-bottom: 1px solid #916c30; }

.prodcut_details .main3 .content { padding: 0 30px; }

.prodcut_details .main3 .content .block_box { margin-top: 30px; }

.prodcut_details .main3 .content .block { width: 33.20755%; padding: 80px; display: block; background-color: #f9f8f9; -webkit-transition: all .5s; transition: all .5s; }

.prodcut_details .main3 .content .block .txt { font-size: 14px; line-height: 26px; color: #333333; }

.prodcut_details .main3 .content .block .img { width: 42.80303%; position: relative; margin: 50px auto; }

.prodcut_details .main3 .content .block .picture_container { padding-top: 127.43363%; }

.prodcut_details .main3 .content .block .top_img { -webkit-transition: all .5s; transition: all .5s; }

.prodcut_details .main3 .content .block .price_box { text-align: right; }

.prodcut_details .main3 .content .block:hover { background-color: #fdfdfd; }

.prodcut_details .main3 .content .block:not(:nth-child(3n)) { margin-right: 0.16129%; }

.prodcut_details .main3 .content .block:nth-child(n + 4) { margin-top: 3px; }

.swith .line { color: #282828; font-size: 14px; -webkit-transition: all .5s; transition: all .5s; max-width: 40%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.swith .line .year { color: #cbc0b8; }

.swith .line:hover { color: #916c30; }

.swith .block { width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition: all .5s; transition: all .5s; border: solid 2px #e3e3e3; }

.swith .block:hover { border: solid 2px #916c30; }

body { overflow-x: hidden; }

.imgbox img { width: 100%; }

.imgscale { overflow: hidden; }

.imgscale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.imgscale img { -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; }

.clearfloat::after { display: block; content: ""; clear: both; }

.header .head_top .head_nav .head_link .block { position: static !important; padding-bottom: 10px; }

.header .head_top .head_nav .head_link .block .subnav { 
  z-index: 100; 
  display: flex;
  display: none; 
  position: absolute; 
  top: 100%; 
  width: 100%;
  left: 0; 
  padding: 75px 0;
  justify-content:center;
  text-align: center;
  background-color: #fafafa;  
  
  /* height: 410px; */
}
  .header .head_top .head_nav .head_link .block .subnav .tit{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    vertical-align: top;

  }
.header .head_top .head_nav .head_link .block .subnav .List{
  margin: 0 100px;
  width: 150px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.header .head_top .head_nav .head_link .block .subnav .img{
  border-left: 1px solid #eeeae3;
  padding-left: 80px;
  width: 30%;
  /* height: 250px; */
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.header .head_top .head_nav .head_link .block .subnav .img img{
  width:100%;
  height: auto;
  max-width: 100%;
}
.header .head_top .subnav a { display: block; padding: 6px 0; }

.header .head_top .subnav a:hover { color: #d9ac71; }

.defanavbtn { display: none; }

.crumbs.bgcolor { background-color: #fafafa; }

.inner_banner { position: relative; }

.inner_banner .inner_mask { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.inner_banner .inner_mask h2 { font-size: 38px; color: rgba(255, 255, 255, 0.6); letter-spacing: 22px; font-weight: 100; }

.sub_banner { position: relative; }

.sub_banner .sub_mask { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.sub_banner .sub_mask h2 { font-size: 45px; color: rgba(255, 255, 255, 0.8); letter-spacing: 2px; font-weight: 100; }

.sub_banner .sub_mask p { font-size: 25px; line-height: 35px; color: rgba(255, 255, 255, 0.8); margin-top: 10px; font-weight: 100; }

.tongtitle h2 { text-align: center; font-size: 28px; }

#search-form { max-height: 0; position: absolute; top: 100%; left: 15px; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; width: 380px; height: 45px; overflow: hidden; background-color: #fff; }

.search_btn { cursor: pointer; }
#search-form{z-index: 10}
#search-form input { height: 100%; width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #333; z-index: 900; border: 1px solid #eee; border-right: none; }

#search-form .searchbtn { position: absolute; bottom: 0; right: 0; width: 15%; margin: 0; padding: 0; text-transform: uppercase; color: #ffffff; background: #d9ac71; border: none; cursor: pointer; z-index: 11; height: 100%; }

#search-form .searchbtn i { font-size: 20px; }

.indban-video { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

.indban-video video { width: 100%; object-fit: cover; }

.indexmain3_swiper_pagination { position: absolute; bottom: 10px; left: 0; z-index: 2; text-align: center; }

.indexmain3_swiper_pagination .swiper-pagination-bullet-active { background: #a71f3c; }

.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; display: none; text-align: center; overflow: hidden; }

.zoomDiv img { max-width: none; max-height: none; }

.zoomMask { position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1; width: 200px; height: 200px; }

.product_detailBig .img { text-align: center; }

.product_detailBig .img img { max-width: 100%; }

.product_banner .pc_img img { width: 100%; }

.product_bannervideo { width: 100%; }

.product_bannervideo video { width: 100%; display: block; }

.main_about { background-color: #fafafa; padding-bottom: 135px; }

.about_content { margin-top: 30px; position: relative; }

.about_content .about_left { width: 40%; }

.about_content .about_right { width: 56.66%; position: relative; }

.about_content .about_left p { font-size: 14px; line-height: 32px; color: #000; }

.about_content .about_left h2 { font-size: 18px; line-height: 32px; font-weight: 600; color: #a71f3c; margin-bottom: 5px; }

.about_content .about_left h3 { font-size: 14px; color: #a71f3c; font-weight: 400; margin-bottom: 20px; }

.about_content .about_rightbox { position: relative; }

.about_content .about_rightbox .bgbox_content { position: absolute; top: 0; right: 0; }

.about_content .about_rightbox .imgbox { padding-top: 55px; padding-right: 115px; position: relative; z-index: 2; }

.about_content .about_rightbox .bgbox_content .bgbox { background-color: rgba(242, 236, 222, 0.8); width: 565px; height: 344px; }

.about_content .about_rightbox .bgbox_content h2 { background-color: rgba(242, 236, 222, 0.8); font-size: 16px; height: 50px; line-height: 50px; position: relative; z-index: 10; width: 380px; float: right; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.about_imgtext { position: absolute; top: 10px; right: 160px; display: flex;}

.about_imgtext h3 { font-size: 24px; color: #edbe66; text-transform: uppercase; font-weight: 400; margin-right: 10px;}

.about_imgtext h2 { font-size: 25px; color: #a61b39; font-weight: 400; }

.abriimg01 { position: absolute; right: -240px; top: 3%; z-index: 20; }

.abriimg02 { position: absolute; left: -240px; bottom: -150px; z-index: 20; }
.recruitemt_box a{display: block;margin: 30px auto 0 auto;width: 220px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;border-radius: 20px;background: #eee;}
.main5_BJ img{width: 100%;}
.morebtn { margin: 0 auto; margin-top: 60px; width: 210px; font-size: 14px; color: #000000; line-height: 60px; letter-spacing: 3px; border: solid 1px #000000; background-color: transparent; -webkit-transition: all .5s; transition: all .5s; cursor: pointer; }




.morebtn .iconfont { margin-left: 20px; }

.customized_main5{background-position: center;background-repeat: no-repeat;background-size: cover;}
.customized_contact{background-position: center;background-repeat: no-repeat;background-size: cover;padding:80px 0;color: #fff;}
.customized_contact .cct_title{text-align: center;font-size: 28px;line-height: 1;margin-bottom: 35px;}
.customized_contact .cct_list{display: flex;flex-wrap: wrap;}
.customized_contact .cct_list .item{width: 33.3333%;text-align: center;}
.customized_contact .cct_list .item p{margin-top: 10px;font-size: 16px;}


.morebtn:hover { background-color: #916c30; border: solid 1px #916c30; color: #fff; }

.about_fenlei { text-align: center; margin-top: 10px; font-size: 0; }

.about_fenlei a { display: inline-block; font-size: 18px; color: #b3b1b1; position: relative; margin-right: 15px; }

.about_fenlei a::after { display: block; content: ""; position: absolute; top: 50%; right: -8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 3px; -webkit-border-radius: 50%; border-radius: 50%; background: #b3b1b1; }

.about_fenlei a.active, .about_fenlei a:hover { color: #000; }

.about_fenlei a:last-child::after { display: none; }

.government_btn .jianhao { display: none; }

.government_btn { width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #f1e3e6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

.government_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.government_top .title .title_cn { font-size: 20px; }

.government_top .title .title_en { font-size: 18px; color: #f5a900; margin-left: 8px; }

.government_top .government_xian { width: 27px; height: 3px; background: #edd1d7; margin: 10px 0; }

.government_top .subname { font-size: 14px; color: #999999; }

.government_desc { color: #999999; font-size: 14px; line-height: 24px; position: absolute; z-index: 2; background: #fff; left: -1px; right: -1px; padding: 25px 30px; }

.about_government { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.about_government .government_item { margin-right: 30px; width: -webkit-calc(33.3333% - 20px); width: calc(33.3333% - 20px); -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e1e1e1; padding: 30px; margin-bottom: 30px; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; }

.about_government .government_item:nth-child(3n) { margin-right: 0; }

.government_item.active { border-bottom: none; background: #fff; }

.government_item.active .government_desc_box { border-top: 1px solid #e1e1e1; padding-top: 25px; }

.government_desc { border: 1px solid #e1e1e1; border-top: none; display: none; }

.government_btn.cur .jiahao { display: none; }

.government_btn.cur .jianhao { display: block; }

.government_desc { overflow-y: auto; }

.government_desc::-webkit-scrollbar { width: 3px; }

.government_desc::-webkit-scrollbar-track { background-color: #dddddd; -webkit-border-radius: 0; border-radius: 0; }

.government_desc::-webkit-scrollbar-thumb { background-color: #f5a900; -webkit-border-radius: 0; border-radius: 0; }

.main_about { position: relative; }

.main_about .center1200 { position: relative; z-index: 2; }

.main_img { position: absolute; z-index: 1; }

.main_img01 { right: 0; top: 0; }

.main_img02 { left: 0; bottom: 0; }

.main_img03 { left: 0; top: 6%; }

.main_img04 { left: -120px; top: -45px; }

.main_img05 { right: -443px; bottom: -400px; max-height: initial; }

.main_img07 { right: 0; bottom: 0; }

.main_img06 { left: 0; top: 0; }

.main_touzhezhi { overflow: hidden; }

.footer { padding: 30px 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; }

.footer_left { width: 500px; }

.footer_left .title { font-size: 14px; }

.footer_form { border-bottom: 1px solid #000; width: 100%; padding-bottom: 5px; position: relative; margin-top: 20px; }

.footer_form button { background: none; border: none; position: absolute; top: 0; right: 0; }

.footer_form input { font-size: 14px; width: 100%; }

.footer_links { font-size: 0; margin: 25px 0; }

.footer_links a { display: inline-block; font-size: 14px; margin-right: 25px; }

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

.footer_copy { font-size: 14px; }

.footer_copy a { display: block; }

.footer_imglink { margin-top: 35px; }

.footer_imglink i { font-size: 20px; color: #acacac; }

.footer_imglink a { margin-right: 22px; position: relative; }

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

.footer_cimg { background-color: #fff; padding: 5px; -webkit-border-radius: 10px; border-radius: 10px; }

.footer_cimg { position: absolute; bottom: 130%; width: 100px; height: 100px; z-index: 2; pointer-events: none; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; }

.footer_cimg img { width: 100%; height: 100%; }

.footer_imglink a:hover .footer_cimg { bottom: 110%; opacity: 1; }

ul li { list-style: none; }

.footer_right li { float: left; margin-right: 280px; }

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

.footer_right li a { display: block; line-height: 35px;}

.footer_right li a:hover { color: #f5a900; }

.about_caiwu { margin-top: 40px; }

.about_caiwu table { text-align: center; width: 100% !important; }

.about_caiwu table tr { background: #f3f1eb; }

.about_caiwu table tr:nth-child(2n) { background: #fff; }

.about_caiwu table th { font-size: 18px; color: #fff; background: #caa97c; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 10px; font-weight: normal; }

.about_caiwu table td { font-size: 13px; color: #666666; line-height: 22px; padding: 20px 10px; border: none; }

.about_caiwu table tr th, .about_caiwu table tr td { width: 20%; border: 2px solid #fafafa; }

.about_caiwu table tr:nth-last-child(3) { background: #dcd6c9; }

.about_caiwu table tr:nth-last-child(2) { background: #f3f1eb; }

.about_caiwu table tr:nth-last-child(1) { background: #ffffff; }

.about_caiwu p { font-size: 13px; line-height: 18px; color: #666666; margin-bottom: 10px; }

.main_bottom90 { padding-bottom: 90px; }

.about_notice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 35px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.about_notice .item { -webkit-transition: all 0.4s; transition: all 0.4s; margin-right: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; width: -webkit-calc(33.3333% - 30px); width: calc(33.3333% - 30px); margin-bottom: 45px; }

.about_notice .item .notice_text h2 { font-size: 40px; color: #a61b39; }

.about_notice .item:nth-child(3n) { margin-right: 0; }

.about_notice .item .notice_text h3 { font-size: 18px; color: #333333; }

.about_notice .item .notice_text .notice_btn { margin-top: 15px; width: 52px; height: 52px; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s; transition: all 0.4s; }

.about_notice .item .notice_text .notice_btn i { font-size: 20px; color: #999999; }

.about_notice .item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.about_notice .item .notice_text { width: 48.5%; }

.about_notice .item .notice_img { width: 51.5%; }

.about_notice .item .notice_img img { width: 100%; }

.about_notice .item .notice_text { padding-left: 30px; padding-right: 10px; }

.about_notice .item:hover { border-color: #a61b39; }

.about_notice .item .notice_btn:hover { background: #a61b39; border-color: #a61b39; }

.about_notice .item .notice_btn:hover i { color: #fff; }

.touzhezhi_mobile { display: none; }

.main_touzhezhi { position: relative; padding-bottom: 120px; }

.main_touzhezhi::after { display: block; content: ""; position: absolute; background: #fafafa; height: 270px; left: 0; right: 0; bottom: 0; z-index: -1; }

.touzhezhi_content { margin-top: 32px; }

.touzhezhi_content p { font-size: 16px; line-height: 22px; margin-bottom: 10px; }

.touzhezhi_content a { color: #333;  }

.touzhezhi_content a span { color: rgba(255, 255, 255, 0.6); }

.touzhezhi_content a i { color: #fff; display: contents; }

.touzhezhi_contact { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; height: 400px; }

.touzhezhi_contact h6 { font-size: 14px; height: 100px; width: 90%; background: #fff; }

.touzhezhi_lianxi { position: absolute; left: 100px; bottom: 75px; }

.touzhezhi_lianxi h5 { font-size: 14px; }

.touzhezhi_lianxi h2 { margin-top: 15px; margin-bottom: 5px; font-size: 28px; line-height: 28px; color: #a61b39; text-transform: uppercase; }

.touzhezhi_lianxi p { font-size: 16px; line-height: 22px; }

.about_fenhong { margin-top: 40px; }

.about_fenhong table { text-align: center; width: 100% !important; }

.about_fenhong table tr { background: #f3f1eb; }

.about_fenhong table th { font-size: 16px; color: #fff; background: #caa97c; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 10px; font-weight: normal; }

.about_fenhong table td { font-size: 13px; color: #666666; line-height: 22px; padding: 20px 10px; border: none; }

.about_fenhong table tr th, .about_fenhong table tr td { border: 2px solid #fafafa; }

.about_fenhong table tr:nth-child(2n) { background: #fff; }

.about_fenhong table td:nth-child(1) { width: 7.5%; }

.about_fenhong table td:nth-child(2) { width: 11.6%; }

.about_fenhong table td:nth-child(3) { width: 7.5%; }

.about_fenhong table td:nth-child(4) { width: 11.6%; }

.about_fenhong table td:nth-child(5) { width: 11.6%; }

.about_fenhong table td:nth-child(6) { width: 9.2%; }

.about_fenhong table td:nth-child(7) { width: 11.6%; }

.about_fenhong table td:nth-child(8) { width: 9.2%; }

.about_fenhong table td:nth-child(9) { width: 10%; }

.about_fenhong table td:nth-child(10) { width: 9.2%; }

.we_about_main { background: url(../images/weus_bg.jpg) no-repeat; padding-bottom: 190px; background-size: cover; }

.we_about_main .crumbs .item a, .we_about_main .crumbs .item .iconfont { color: #fff; }

.we_about_content { text-align: center; color: #fff; margin-top: 125px; }

.we_about_content h2 { font-weight: 100; font-size: 42px; }

.we_about_content h3 { font-weight: 100; font-size: 25px; margin-top: 15px; }

.we_about_content .xian { margin: 20px auto; width: 1px; height: 120px; background: #fff; }

.we_about_content p { font-size: 14px; line-height: 26px; color: rgba(255, 255, 255, 0.8); }

.we_classification { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fafafa; padding: 60px 0; }

.we_classification .item { width: 25%; text-align: center; }

.we_classification .item .icon img { height: 40px; }

.we_classification .item p { font-size: 14px; margin-top: 15px; }

.we_title { font-size: 25px; text-align: center; margin: 40px 0; }

.we_direction { position: relative; }

.direction_box .direction_listitem { display: none; }

.direction_box .direction_listitem:first-child { display: block; }

.direction_listitembox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.direction_box .item { background-position: center; background-size: cover; background-repeat: no-repeat; width: 50%; height: 800px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; }

.direction_box .item h2 { font-size: 40px; color: #e2b34f; font-weight: 100; }

.direction_box .item h3 { font-size: 26px; color: #000; font-weight: 100; }

.direction_box .item:nth-child(2n) h3 { color: #000; }

.we_direction .item_tit { position: relative; width: 150px; height: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; border: 1px solid #dad9d3; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; }

.we_direction .item_tit::after { display: none; content: ""; position: absolute; top: 10px; left: 10px; width: 9px; height: 1px; background: #fff; }

.we_direction .item_tit::before { display: none; content: ""; position: absolute; top: 10px; left: 10px; height: 9px; width: 1px; background: #fff; }

.we_direction .qiehuan { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.we_direction .item_tit.active::after, .we_direction .item_tit.active::before { display: block; }

.we_direction .item_tit.active { background: #a61b39; color: rgba(255, 255, 255, 0.6); border-color: #a61b39; }

.we_direction .item_tit:nth-child(2n)::after { left: auto; right: 10px; }

.we_direction .item_tit:nth-child(2n)::before { left: auto; right: 10px; }

.qiehuanbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.westyle_swiper .swiper-slide { position: relative; }

.westyle_slidetext { top: 42%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -webkit-calc((100% - 1200px) / 2); left: calc((100% - 1200px) / 2); position: absolute; }

.westyle_slidetext h2 { font-weight: 100; font-size: 60px; color: #e2b34f; line-height: 70px; }

.westyle_slidetext h3 { font-size: 20px; margin-top: 20px; color: #fff; }

.westyle_slidetext p { font-size: 14px; margin-top: 5px; color: rgba(255, 255, 255, 0.8); }

.we_style { position: relative; }

.westyle_list { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; }

.westyle_list { height: 85px; border-top: 1px solid rgba(255, 255, 255, 0.3); margin: 0; padding: 0; }

.westyle_list li { position: relative; float: left; width: 20%; line-height: 85px; font-size: 16px; color: rgba(255, 255, 255, 0.3); text-align: center; cursor: pointer; }

.westyle_list li::after { display: block; content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: #fff; opacity: 0; }

.westyle_list li.active { color: #fff; }

.westyle_list li.active::after { opacity: 1; }

.we_celebrity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.we_celebrity .we_celebrity_text { width: 50%; background: #f5f4ee; }

.we_celebrity .we_celebrity_img { width: 50%; }

.we_celebrityflex { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.we_celebrity_text h2 { font-size: 35px; margin-bottom: 40px; }

.we_celebrity_text p { font-size: 25px; line-height: 35px; }

.designer_title { text-align: center; margin: 40px 0; }

.designer_title h2 { font-size: 35px; margin-bottom: 10px; }

.designer_title p { font-size: 13px; }

.designer_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.designer_swiper { width: 100%; }

.designer_swiper .swiper-slide .imgbox { overflow: hidden; }

.designer_swiper .swiper-slide .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.designer_swiper .swiper-slide:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.designer_swiper .designer_text { position: absolute; left: 36px; right: 36px; bottom: 70px; color: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; }

.designer_swiper .designer_text h2 { font-size: 45px; }

.designer_swiper .designer_text h3 { font-size: 25px; font-weight: 100; margin-bottom: 20px; }

.designer_swiper .designer_text .designer_desc { font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.8); opacity: 0; height: 0; -webkit-transition: all 0.4s; transition: all 0.4s; padding-top: 20px; }

.designer_swiper .designer_text .des_xian { width: 1px; background-color: #fff; opacity: 0; height: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.designer_swiper .swiper-slide:hover .des_xian { height: 38px; opacity: 1; }

.designer_swiper .swiper-slide:hover .designer_desc { height: 125px; opacity: 1; }

.quality_swiperbox { z-index: 2; }

.quality_biaoti .quality_biaoti_item { display: none; }

.quality_biaoti .quality_biaoti_item:first-child { display: block; }

.main_history { background-color: #fafafa; }

.brand_box { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 90px; }

.brand_box .brand_left { width: 52.08%; position: relative; z-index: 4; }

.brand_box .brand_left h2 { font-size: 60px; font-weight: 100; line-height: 1.2; }

.brand_box .brand_left h6 { font-size: 20px; color: #a61b39; }

.brand_box .brand_right { padding-left: 55px; position: relative; width: 46.7%; }

.brand_box .brand_right::after { display: block; content: ""; position: absolute; left: 0; top: 10px; width: 50px; height: 1px; background-color: #b59860; }

.brand_box .brand_right .brand_year { color: #999999; }

.brand_box .brand_right .title { font-size: 28px; margin-bottom: 20px; }

.brand_box .brand_right .desc { font-size: 14px; line-height: 32px; color: #828282; }

.brand_img01 { position: absolute; left: 0; top: 180px; z-index: 4; }

.brand_img02 { text-align: right; position: relative; z-index: 3; }

.brand_img02 img { width: 59.375%; }

.brand_img03 { margin-top: -340px; position: relative; }

.brand_img03 .img { width: 54.6875%; position: relative; z-index: 2; }

.brand_img03 .brand_png { position: absolute; bottom: -50px; left: 47%; }
@keyframes Fade {
  from {
    bottom: 40px;
    opacity: 1;
  }

  to {
    opacity: 0;
    bottom: 30px;
  }
}
.mobile_imgbox { display: none; }
.mobileimgbox{display: none;}
.mobileimgbox img{width:100%;}
.index_banner{position: relative;}
.mouse_box{position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 10;color: #fff;}
.mouse_box .mouse_icon{
  z-index: 5;
    position: absolute;
    bottom: 60px;
    left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-animation: Fade 1.5s infinite;
    animation: Fade 1.5s infinite;
}
.mouse_box .mouse_icon img{width: 25px;}

.history_swiperbox { padding: 170px 0; }

.history_slidebox::after { display: block; content: ""; clear: both; }

.history_slidebox .imgbox { float: left; }

.history_slidebox .history_text { float: right; }

.history_swiper { overflow: initial; }

.history_slidebox .imgbox { width: 41.66%; }

.history_slidebox .history_text { width: 58.34%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 95px; }

.history_slidebox .history_text .hist_year { font-size: 86px; line-height: 70px; margin-bottom: 15px; }

.history_slidebox .history_text .hist_title { font-size: 26px; }

.history_slidebox .history_text .hist_desc { font-size: 14px; color: #828282; line-height: 32px; margin-top: 25px; }

.history_swiper .swiper-slide { -webkit-transition: all 0.4s; transition: all 0.4s; }

.history_swiper .swiper-slide-prev { opacity: 0.2; }

.history_swiper .swiper-slide-next { opacity: 0.2; }

.history_swiper_btn { z-index: 2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.history_swiper_btn i { font-size: 30px; color: #a61b39; }

.history_swiperbox .center1200 { position: relative; }

.history_swiper_prev { left: -60px; }

.history_swiper_next { right: -60px; }

.history_thumbs .imgbox { width: 95px; height: 95px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; }

.history_thumbs .swiper-slide { width: auto; cursor: pointer; opacity: 0.2; }

.history_thumbs { margin-top: 40px; width: 50%; float: right; }

.history_thumbs .active_nav { opacity: 1; }

.quality_main .tong_subtitle { font-size: 14px; line-height: 28px; text-align: center; margin-top: 30px; }

.quality_swiperbox { margin-left: -webkit-calc((100% - 1200px) / 2); margin-left: calc((100% - 1200px) / 2); padding-top: 55px; padding-bottom: 120px; }

.quality_slidetext h2 { font-size: 50px; color: #e2c348; font-weight: 100; }

.quality_slidetext h3 { font-size: 20px; color: #fff; font-weight: 100; margin-bottom: 25px; }

.quality_slidetext p { font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.6); }

.quality_slidetext { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 155px; }

.quality_thumbs { margin: 20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 950px; position: relative; z-index: 2; }

.quality_pagination { height: 1px; background: #e5e5e5; width: 100%; position: relative !important; }

.quality_pagination .swiper-pagination-progressbar { background: #000000; }

.quality_swiper_btn i { font-size: 20px; cursor: pointer; color: #000; }

.quality_swiper_btn.swiper-button-disabled i { color: #999999; }

.quality_number { width: 80px; }

.quality_btn { width: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.quality_pagination { width: -webkit-calc(100% - 170px); width: calc(100% - 170px); }

.quality_number .span02 { color: #999999; }

.quality_biaoti { z-index: 2; text-align: center; position: absolute; left: 1000px; bottom: -35px; background: #a61b39; width: 190px; height: 180px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.quality_biaoti h2 { font-size: 30px; color: #e2c348; font-weight: 100; }

.quality_biaoti h3 { font-size: 18px; color: #fff; }

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

.quality_swiperbox .quality_swiper { overflow: initial; }

.quality_xian { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 78px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fff; z-index: 2; }

.quality_xian::after { display: block; content: ""; width: 100%; height: 50%; top: 0; left: 0; background: #e34545; }

.quality_center { margin: 0; position: relative; }

.technology_main { padding-top: 20px; }

.technology_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.technology_list .item { width: 42.5%; }

.technology_list .item:nth-child(2) { padding-top: 550px; right: 0 !important; left: auto !important; }

.technology_list .item:nth-child(3) { margin-top: 210px; }

.technology_list .item .technology_text { padding: 30px 0 0 25px; }

.technology_list .item .technology_text h2 { font-size: 20px; margin-bottom: 20px; }

.technology_list .item .technology_text p { font-size: 14px; color: #828282; line-height: 26px; }

.technology_en p { font-size: 170px; line-height: 185px; color: #fafafa !important; text-shadow: 1px 1px #d5d5d5, -1px -1px #d5d5d5, 1px -1px #d5d5d5, -1px 1px #d5d5d5; letter-spacing: -4px; text-transform: uppercase; }

.technology_main { padding-bottom: 130px; background-color: #fafafa; }

.technology_en0 { position: absolute; top: 8%; left: 115%; }

.technology_en1 { margin-top: 120px; }

.quality_main { position: relative; }

.quality_main::after { display: block; content: ""; position: absolute; right: 0; left: 0; bottom: 0; height: 50%; background-color: #fafafa; }

.brand_video { background-color: #fafafa; padding-bottom: 120px; }

.video_first { margin-top: 35px; margin-bottom: 40px; position: relative; }

.video_first .playbtn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.video_first .playbtn .playbtn_yuan { -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0 auto; position: relative; width: 75px; height: 75px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); cursor: pointer; }

.video_first .playbtn .playbtn_yuan::after { position: absolute; display: block; content: ""; left: 38%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-left: 12px solid #fff; border-bottom: 8px solid transparent; }

.prodcut_details .main1 .content { margin-top: 60px; }

.video_first .playbtn p { margin-top: 16px; font-size: 18px; color: #fff; }

.video_first .playbtn .playbtn_yuan:hover { background-color: #916c30; border-color: #916c30; }

.video_screen { font-size: 0; background-color: #fff; padding: 30px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.video_screen a { display: inline-block; padding: 12px 25px; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; margin-right: 10px; font-size: 14px; }

.video_screen a::after { display: block; content: ""; position: absolute; width: 1px; height: 12px; background-color: #ababab; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -10px; }

.video_screen a.active, .video_screen a:hover { background-color: #a61b39; -webkit-border-radius: 28px; border-radius: 28px; color: #fff; -webkit-box-shadow: 0 3px 10px rgba(166, 27, 57, 0.5); box-shadow: 0 3px 10px rgba(166, 27, 57, 0.5); }

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

.video_screen a:last-child::after { display: none; }

.video_screen_search { padding-bottom: 12px; border-bottom: 1px solid #000; width: 290px; position: relative; }

.video_screen_search input { width: 100%; }

.video_screen_search button { border: none; background: none; position: absolute; top: 0; right: 0; }

.video_screen_search button i { font-size: 22px; }

.video_list .item { float: left; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); cursor: pointer; margin-bottom: 40px; }

.video_list .item:nth-child(2n) { margin-right: 0; }

.video_list .item .video_tit { height: 80px; width: 100%; line-height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }

.video_list .item .imgbox { position: relative; }

.video_list .item .imgbox::after { -webkit-transition: all 0.4s; transition: all 0.4s; display: block; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); position: absolute; z-index: -1; opacity: 0; }

.video_list .item .video_play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; width: 60px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); cursor: pointer; }

.video_list .item .video_play::after { position: absolute; display: block; content: ""; left: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-left: 12px solid #fff; border-bottom: 8px solid transparent; }

.video_list .item .video_play:hover { background-color: #916c30; border-color: #916c30; }

.video_list .item:hover .imgbox::after { z-index: 1; opacity: 1; }

.video_list .item:hover .video_play { opacity: 1; }

.video_list .item .imgbox { overflow: hidden; }

.imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.video_list .item:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.retail_main { background: #f5f4ee; padding-bottom: 50px; }

.retail_search { margin-top: 15px; }

.retail_search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.retail_search button { height: 50px; width: 200px; background: #000; color: #fff; }

.retail_search .retail_input { position: relative; width: -webkit-calc(50% - 200px); width: calc(50% - 200px); height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e2e2e2; background: #fff; }

.retail_search .retail_input input { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; line-height: 48px; }

.retail_search .retail_input img { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.retail_subname h2 { font-size: 26px; color: #828282; font-weight: 100; }

.retail_subname a { color: #acacac; margin-top: 10px; }

.retail_subname { text-align: center; margin-top: 20px; }

.retail_search .select2-selection { height: 100% !important; border: 1px solid #e2e2e2 !important; }

.retail_search .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px !important; padding-left: 20px; }

.retail_search .DefaultSelector > span { width: 50% !important; }

.retail_search .DefaultSelector { width: 50%; }

.retail_search .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-style: solid; border-width: 0; width: 10px; height: 10px; border-bottom: 2px solid #888888; border-right: 2px solid #888888; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); margin-left: -20px; margin-top: -8px; }

.retail_content { background-color: #fafafa; padding-bottom: 120px; padding-top: 10px; }

.retail_item .retail_item_top { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 45px 0; border-top: 1px solid #e4e4e4; }

.retail_item:last-child .retail_item_top { border-bottom: 1px solid #e4e4e4; }

.retail_item:first-child .retail_item_top { border-top: none; }

.retail_item .title { font-size: 26px; width: 20%; }

.retail_item .retail_swiper { display: none; }

.retail_item:first-child .retail_swiper { display: block; }

.colortitle { color: #a61b39; }

.retail_item.active .retail_item_top .title { color: #a61b39; }

.retail_item .icon_boxone { width: 40%; }

.retail_item .icon_boxtwo { max-width: 20%; }

.retail_item .icon_box p { font-size: 14px; line-height: 24px; margin-bottom: 5px; }

.retail_item .icon_box p img { display: inline-block; vertical-align: middle; margin-right: 6px; }

.retail_item .icon_box p span { display: inline-block; vertical-align: middle; }

.retail_swiper .swiper-slide { width: 78.125%; }

.retail_swiper { width: 1400px; margin: 0 auto; }

.retail_first .retail_item { margin-bottom: 10px; width: 91%; margin-left: auto; margin-right: auto; }

.retail_btn { cursor: pointer; z-index: 3; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.retail_swiper { margin-bottom: 55px; }

.retail_btn i { font-size: 30px; color: #858585; }

.retail_prev { left: 6.8%; }

.retail_next { right: 6.8%; }

.retail_btn:hover i { color: #51ccff; }

.retail_list { width: 91%; margin-left: auto; margin-right: auto; }

.service_content { margin-top: 40px; line-height: 24px; letter-spacing: 0px; color: #333333; padding-bottom: 110px; }

.service_bgcont { background: #fafafa; padding-bottom: 130px; }

.service_bgcont .service_bg { height: 480px; background: url(../images/service_bg.jpg) center no-repeat; background-size: cover; }

.white_color { color: #fff; }

.service_bgcont .center1200 { margin-top: -340px; }

.service_bgcont .service_iconlist { margin-top: 130px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.service_iconlist .item { margin-right: 20px; width: -webkit-calc(25% - 15px); width: calc(25% - 15px); background: #fff; padding: 75px 20px 75px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.service_iconlist .item:last-child { margin-right: 0; }

.service_iconlist .item .icon { width: 65px; height: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #cccccc; -webkit-border-radius: 50%; border-radius: 50%; }

.service_iconlist .item .ser_en { margin-top: 20px; font-size: 25px; color: #a61b39; text-transform: uppercase; }

.service_iconlist .item .ser_cn { font-size: 16px; }

.service_iconlist .item .ser_sesc { font-size: 14px; line-height: 18px; color: #666666; margin-top: 15px; }

.service_iconlist .item .ser_sesc p { margin-top: 5px; }

.service_iconlist .item .ser_sesc p:first-child { margin-top: 0; }

.service_swiper { display: -ms-grid; display: grid; }

.service_pagination { display: none; }

.service_pagination { text-align: center; display: none; }

.service_pagination span { margin: 0 3px; background: rgba(0, 0, 0, 0.2); opacity: 1; }

.service_pagination { margin-top: 15px; }

.service_pagination .swiper-pagination-bullet-active { background: #916c30; }

.service_contact .service_biaoti { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 80px 0; }

.service_contact .service_biaoti .service_left { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 45px; text-align: right; }

.service_contact .service_biaoti .service_right { width: 50%; border-left: 1px solid #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 45px; }

.service_contact .service_biaoti .service_left h2 { font-size: 54px; line-height: 50px; font-weight: 200; }

.service_contact .service_biaoti .service_left h3 { font-size: 14px; color: #a61b39; font-weight: 500; margin-top: 12px; }

.service_contact .service_biaoti .service_right { font-size: 16px; }

.service_contact .service_biaoti .service_right p { margin-bottom: 10px; }

.service_contact .service_biaoti .service_right p:last-child { margin-bottom: 0; }

.contact_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; }

.contact_list .item { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e7e7e7; margin-right: 24px; width: -webkit-calc(33.3333% - (48px / 3)); width: calc(33.3333% - (48px / 3)); }

.contact_list .item:last-child { margin-right: 0; }

.contact_list .item .item_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 40px; border-bottom: 2px solid #b6435c; }

.contact_list .item .item_top .item_top_title { font-size: 22px; }

.contact_list .item .item_top .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #d6d6d6; -webkit-border-radius: 50%; border-radius: 50%; width: 65px; height: 65px; }

.contact_list .item .item_desc { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 40px; font-size: 14px; line-height: 22px; }

.contact_list .item .item_desc p { margin-bottom: 10px; }

.contact_list .item .erweima_box .imgbox { width: 110px; height: 110px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebebeb; padding: 6px; }

.contact_list .item .erweima_box { text-align: center; display: inline-block; margin-right: 30px; }

.message_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.message_content > .imgbox { width: 32.68%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.message_content .message_box { width: 34.64%; padding: 60px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.message_content .message_box h2 { text-align: center; font-size: 22px; margin-bottom: 16px; }

.message_content .message_box .inputdiv { margin-bottom: 20px; }

.message_content .message_box .inputdiv input { padding-bottom: 10px; border-bottom: 1px solid #e0e0de; width: 100%; margin-top: 15px; }

.message_content .message_box textarea { width: 100%; height: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e0e0de; margin-top: 15px; }

.message_content .message_box button { height: 50px; border: 1px solid #000; width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.message_content .message_box button:hover { background: #916c30; border-color: #916c30; color: #fff; }

.message_content .message_box button { margin-top: 10px; }

.news_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.news_list .item { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.news_list .item h2 { font-size: 14px; font-weight: 600; margin-bottom: 20px; height: 42px; }

.news_list .item .news_text { padding: 110px 55px; border-bottom: 1px solid #e5e5e5; }

.news_list .item .news_desc { font-size: 13px; line-height: 22px; color: #828282; margin-bottom: 35px; height: 66px; }

.news_list .item .news_date { font-size: 13px; line-height: 22px; color: #828282; }

.news_list .item.hasimg .news_text { padding: 30px 45px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }

.news_list .item.hasimg .news_text h2 { margin-bottom: 25px; }

.news_list .item.hasimg .imgbox { display: none; }

.news_list .item.hasimg .newbgimgbox { overflow: hidden; }

.news_list .item.hasimg .newbgimg { -webkit-transition: all 0.4s; transition: all 0.4s; background-position: center; background-size: cover; background-repeat: no-repeat; height: 459px; }

.news_list .item.hasimg:hover .newbgimg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.news_list .item .imgbox, .joinus_list .item .imgbox { overflow: hidden; }

.news_list .item .imgbox img, .joinus_list .item .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.news_list .item:hover .imgbox img, .joinus_list .item .imgbox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.main_bgcontent { background: #fafafa; }

.joinus_main { padding-bottom: 90px; }

.joinus_list { margin-top: 35px; }

.joinus_list .item { padding-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 2; }

.joinus_list .item .imgbox { width: 52.5%; }

.joinus_list .item .img_text { z-index: 2; background: #fff; width: 52.5%; position: absolute; top: 40px; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 75px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 380px; }

.joinus_list .item .img_text h2 { font-size: 18px; color: #666666; margin-bottom: 15px; }

.joinus_list .item .img_text h3 { font-size: 32px; color: #333; line-height: 32px; font-weight: 100; }

.joinus_list .item .img_text h4 { font-size: 20px; margin-bottom: 10px; margin-top: 4px; }

.joinus_list .item .img_text p { line-height: 24px; color: #828282; }

.joinus_list .item:nth-child(2n) .img_text { left: 0; }

.joinus_list .item:nth-child(2n) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.joinus_main { position: relative; }

.joinus_list { position: relative; z-index: 2; }

.joinimg { position: absolute; }

.join_img1 { top: 0; left: 0; }

.join_img2 { top: 15%; right: -220px; }

.join_img4 { top: -42px; left: -190px; }

.joinus_contact { background: url(../images/join_bgimg.jpg) center no-repeat; background-size: cover; padding: 135px 0; }

.joinus_contacttext { color: #fff; }

.joinus_contacttext h2 { font-size: 36px; line-height: 1; font-weight: 100; }

.joinus_contacttext h3 { font-size: 18px; margin-bottom: 20px; margin-top: 5px; }

.joinus_contacttext p { line-height: 28px; }

.pay_tixi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; margin-bottom: 30px; }

.pay_tixi .item { margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); border-bottom: 1px solid #cdcdcd; padding: 45px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pay_tixi .item:nth-child(2n) { margin-right: 0; }

.pay_tixi .item .icon { width: 35px; }

.pay_tixi .item .pay_text { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin-left: 15px; }

.pay_tixi .item .pay_text h2 { font-size: 18px; font-weight: 600; margin-bottom: 12px; }

.pay_tixi .item .pay_text p { font-size: 13px; line-height: 20px; }

.pay_tixi .item:nth-last-child(1) { border-bottom: none; }

.pay_tixi .item:nth-last-child(2) { border-bottom: none; }

.fuwu_tixi { background-color: #fafafa; padding: 80px 0; }

.fuwu_tixione { background-position: center; background-repeat: no-repeat; background-size: cover; height: 360px; margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 70px; }

.fuwu_tixione .fw_text { color: #fff; padding-left: 60px; max-width: 50%; }

.fuwu_tixione .fw_text h2 { font-size: 24px; font-weight: 600; margin-bottom: 10px; }

.fuwu_tixione .fw_text p { font-size: 13px; color: rgba(255, 255, 255, 0.4); }

.fuwu_tixione .fw_list {position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 0.6); height: 70%; }

.fuwu_tixione .fw_list .item { -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 90px; padding: 0 !important; border-left: 1px solid rgba(255, 255, 255, 0.2); font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.fuwu_tixione .fw_list .item h2 { font-size: 18px; }

.fuwu_tixione .fw_list .item p { font-size: 13px; display: none; }

.fuwu_tixione .fw_text .fw_textitem { display: none; }

.fuwu_tixione .fw_list .item.active { width: 40%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 50px !important; }

.fuwu_tixione .fw_list .item.active h2 br { display: none; }

.fuwu_tixione .fw_list .item.active h2 { font-size: 24px; font-weight: 600; margin-bottom: 10px; color: #fff; }

.fuwu_tixione .fw_list .item.active p { display: block; }

.fuwu_tixione .fw_text .fw_textitem:first-child { display: block; }

.fuwu_tixitwo { margin-top: 35px; }

.fuwu_tixione .fw_list { width: 100%; }

/* lisa新添代码 */
.fuwu_tixione .FW_BJ{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;height: 100%;}
.fuwu_tixione .FW_BJ .imgBox{width: 100%;height: 100%;}
.fuwu_tixione .FW_BJ .imgBox .picture{padding-top: 39.16666%;position: relative;overflow: hidden;}
.fuwu_tixione .FW_BJ .imgBox .picture img{ transition: all 0.4s; position: absolute;top: 50%;left: 50%;margin: auto;transform: translate(-50%,-50%);
  min-height: 100%;width: auto;max-width: none;max-height: none;z-index: 1;}
.fuwu_tixione .FW_BJ .imgBox .picture img.active{z-index: 5;}


.peiyang_tixi { padding: 75px 0; }

.peiyang_tixi .peiyang_subname { font-size: 18px; line-height: 28px; text-align: center; margin-top: 20px; margin-bottom: 15px; }

.peiyang_tixi .peiyang_desc { font-size: 13px; line-height: 20px; text-align: center; }

.peiyang_img { text-align: center; margin-top: 25px; }

.join_dasheng { background: url(../images/zhaopin_bg.jpg) center no-repeat; background-size: cover; padding: 130px 0; text-align: center; color: #fff; }

.join_dasheng h3 { font-size: 20px; text-transform: uppercase; }

.join_dasheng h2 { font-size: 44px; font-weight: 100; margin-bottom: 15px; }

.join_dasheng a { font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); padding-bottom: 3px; }

.join_dasheng a:hover { color: #a61b39; border-color: #a61b39; }

.project_introduction { padding: 75px 0; }
.about_go_list .abgome_item{display: none;}
.about_go_list .abgome_item:first-child{display: block;}

.contact_pca{display: flex;justify-content: space-between;margin-top: 15px;}
.contact_pca .select2-container{display: block;width: 32% !important;}
.contact_pca .select2-container .select2-selection--single{height: 45px;}
.contact_pca .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 44px;}
.contact_pca .select2-container--default .select2-selection--single .select2-selection__arrow{top: 9px;}
.contact_pca .select2-container--default .select2-selection--single{border: 1px solid #e0e0de;}

.pdsub_list.length_more{display: flex;flex-wrap: wrap;width: 300px;}
.pdsub_list.length_more a{width: 50%;}
.product_subnav .pdsub_rightactive{margin-left: 100px !important;}

.pro_newxbox{position: relative;}
.bannerpro_video{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}

.project_desc { text-align: center; font-size: 14px; line-height: 24px; margin-top: 15px; }

.project_swiper { margin-top: 25px; margin-bottom: 60px; position: relative; }

.project_swiper .pw_text { position: absolute; top: 0; right: 21.66%; height: 100%; background-color: #a61b39; width: 360px; color: #d5d4c9; font-size: 18px; line-height: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 0 25px; padding-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.project_btn { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; background: rgba(0, 0, 0, 0.5); z-index: 2; }

.project_prev { left: 0; }

.project_next { right: 0; }

.project_btn i { font-size: 24px; color: #fff; }

.project_jianjie { padding-top: 50px; border-top: 1px solid #c9c9c9; position: relative; }

.project_jianjie .tongtitle { position: absolute; top: 50px; left: 0; }

.project_jianjie .project_img1 { text-align: right; }

.peiyang_jizhi { background: #fafafa; padding: 80px 0; }

.peiyang_jizhi .pyjz_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.peiyang_jizhi .pyjz_list .item { width: 270px; margin-left: -60px; }

.peiyang_jizhi .pyjz_list .item .item_text { -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #e7e7e7; padding: 0 20px; }

.peiyang_jizhi .pyjz_list .item .item_text h2 { font-size: 18px; margin-bottom: 4px; font-weight: 600; }

.peiyang_jizhi .pyjz_list .item .item_text p { font-size: 13px; line-height: 30px; height: 180px; }

.peiyang_jizhi .pyjz_list .item .item_text h3 { font-size: 36px; font-weight: 600; color: #d6b992; margin-left: -20px; line-height: 36px; }

.peiyang_jizhi .pyjz_list .item .item_title { background: #fcf1dc; padding: 40px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.peiyang_jizhi .pyjz_list .item .item_title h2 { font-size: 18px; }

.peiyang_jizhi .pyjz_list .item:nth-child(1) { margin-top: 120px; margin-left: 0; }

.peiyang_jizhi .pyjz_list .item:nth-child(2) { margin-top: 80px; }

.peiyang_jizhi .pyjz_list .item:nth-child(3) { margin-top: 40px; }

.peiyang_jizhi .pyjz_list .item:nth-child(2) .item_title { background: #fbe2c2; }

.peiyang_jizhi .pyjz_list .item:nth-child(3) .item_title { background: #e8caa2; }

.peiyang_jizhi .pyjz_list .item:nth-child(4) .item_title { background: #d6b992; }

.peiyang_jizhi .center1200 { position: relative; }

.peiyang_jizhi .tongtitle { position: absolute; left: 0; top: 90px; }

.peiyang_jizhi .tongtitle h2 { text-align: left; }

.customized_main1, .customized_main2 { background: #fafafa; }

.customized_title { line-height: 20px; color: #666666; text-align: center; margin-top: 12px; margin-bottom: 36px; }

.customized_title2{display: none;}
.customized_main1 { padding-top: 75px; }

.slide_imgbox { height: 500px;background-size: 100% 100%; background-repeat: no-repeat; background-position: center;background-size: cover; }
.government_item.active{z-index: 10;}

.customized_main2 { padding-top: 75px; padding-bottom: 50px; }

.customized_attr { margin-bottom: 30px; }

.customized_content .cusbg { background: url(../images/boxxian.png); height: 5px; }

.cusbg_title { font-size: 24px; margin: 30px 0; text-align: center; }

.cusimgbox { -webkit-transition: all 0.4s; transition: all 0.4s; border: 1px solid #e5e9e6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 380px; cursor: pointer; }

.cus_topxian::after, .cus_topxian::before, .cus_bottomxian::after, .cus_bottomxian::before { -webkit-transition: all 0.2s; transition: all 0.2s; display: block; content: ""; background: #a61b39; position: absolute; }

.cus_topxian::after { width: 0; height: 1px; top: 0; left: 0; }

.cus_topxian::before { height: 0; width: 1px; top: 0; left: 0; }

.cus_bottomxian::after { width: 0; height: 1px; bottom: 0; right: 0; }

.cus_bottomxian::before { height: 0; width: 1px; bottom: 0; right: 0; }

.customized_swiper { padding-bottom: 50px; }

.customized_swiper .cusimgbox:hover { background-color: #fff; }

.customized_swiper .cusimgbox:hover .cus_topxian::after, .customized_swiper .cusimgbox:hover .cus_bottomxian::after { width: 20px; }

.customized_swiper .cusimgbox:hover .cus_topxian::before, .customized_swiper .cusimgbox:hover .cus_bottomxian::before { height: 20px; }

.customized_swiper .cusimgbox:hover { -webkit-box-shadow: 0 55px 55px -80px #fdd34e; box-shadow: 0 55px 55px -80px #fdd34e; }

.customized_swiperlist .customized_swiper_item { position: relative; display: none; }

.customized_swiperlist .customized_swiper_item:first-child { display: block; }

.customized_btn { position: absolute; width: 45px; height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; border: 2px solid #eaeae9; }

.customized_btn i { font-size: 12px; color: #999999; }

.customized_prev { left: -85px; }

.customized_next { right: -85px; }

.customized_btn:hover { background: #a61b39; border-color: #a61b39; }

.customized_btn:hover i { color: #fff; }

.cusmain_bg { background: url(../images/cusmain_bg.jpg) center no-repeat; padding: 140px 0; background-size: cover; }

.cusmain_bg .tongtitle h2 { color: #fff; }

.customized_main3 { background: #fafafa; }

.cusmain_textlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -75px; }

.cusmain_textlist .item { margin-right: 20px; width: -webkit-calc(25% - 15px); width: calc(25% - 15px); background: #fafafa; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 50px; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; }

.cusmain_textlist .item:nth-child(4n) { margin-right: 0; }

.cusmain_textlist .item:hover { background: #e6bc9f; color: #fff; }

.cusmain_textlist .item:hover p { color: #fff; }

.cusmain_textlist .item:hover h2 { border-color: #fff; }

.cusmain_textlist .item h2 { font-size: 18px; padding-bottom: 20px; border-bottom: 2px solid #e6bc9f; }

.cusmain_textlist .item p { color: #666666; margin-top: 20px; }

.customized_main4 { padding-top: 70px; padding-bottom: 100px; background: #fafafa; }

.customized_main4 .fuwu_tixione { margin-top: 20px; margin-bottom: 0 !important; width: 100%;position: relative;}

.customized_main4 .fuwu_tixione { height: 470px; }

.customized_main5 { padding: 120px 0; position: relative;overflow: hidden;}
.main5_BJ{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.main5_BJ img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: none;max-width: none;}
.customized_main5 .tongtitle h2 { color: #fff; }

.dot2 { -webkit-line-clamp: 2; }

.dot3 { -webkit-line-clamp: 3; }

.dot4 { -webkit-line-clamp: 4; }

.dot2, .dot3, .dot4 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }

.chose_list { margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.chose_list .item { width: 33.3333%; }

.chose_list .item .item_big { margin: 0 auto; width: 205px; height: 205px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px dotted #d4a764; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.chose_list .item .item_big .item_box { -webkit-transition: all 0.4s; transition: all 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 128px; height: 128px; -webkit-border-radius: 50%; border-radius: 50%; background: #d9a964; }

.chose_list .item .item_big .rotate { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.rotate1 { -webkit-animation: rotateToRunning 12s linear infinite forwards; animation: rotateToRunning 12s linear infinite forwards; }

.rotate2 { -webkit-animation: rotateToRunning 6s linear infinite forwards; animation: rotateToRunning 6s linear infinite forwards; }

.rotate3 { -webkit-animation: rotateToRunning 8s linear infinite forwards; animation: rotateToRunning 8s linear infinite forwards; }

@-webkit-keyframes rotateToRunning { form { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotateToRunning { form { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.rotate img { position: absolute; top: 21%; }

.chose_list .item h2 { font-size: 18px; color: #fff; margin-top: 25px; text-align: center; }

.chose_list .item { position: relative; }

.chose_list .item::after { display: block; content: ""; background: url(../images/jt_img.png) no-repeat; width: 60px; height: 19px; position: absolute; top: 41%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -30px; }

.chose_list .item:last-child::after { display: none; }

.chose_list .item:hover .item_big .item_box { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.customized_main6 { background: url(../images/partner_bg.jpg) bottom no-repeat; background-size: cover; padding-top: 145px; padding-bottom: 210px; }

.partner_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 74%; margin: 0 auto; margin-top: 80px; }

.partner_list .item { padding: 0 25px; max-width: 20%; text-align: center; margin-bottom: 30px; }

.member_main1 { background: url(../images/member_main1.jpg) center no-repeat; background-size: cover; }

.member_imgbox { text-align: center; display: inline-block; margin: 0 auto; position: relative; }

.member_main1 .customized_title { margin-bottom: 0 !important; }

.member_appimg { text-align: center; }

.member_erweima { position: absolute; top: 33%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.member_erweima img { width: 210px; height: 210px; }

.member_erweima h3 { font-size: 18px; margin-top: 25px; }

.member_erweima p { font-size: 14px; margin-top: 5px; }

.member_erweima { width: 80%; }

.member_main2 { background: url(../images/member_main2.jpg) center no-repeat; background-size: cover; padding: 105px 0; }

.member_main2 .tongtitle h2 { color: #fff; }

.member_swiper .member_swiperbox { color: #fff; }

.member_swiper { margin-top: 30px; }

.member_swiper .member_swiperbox .member_index { font-size: 16px; color: rgba(255, 255, 255, 0.6); }

.member_swiper .member_swiperbox .member_titcn { font-size: 30px; color: #ffbe69; line-height: 32px; font-weight: 100; margin-top: 15px; margin-bottom: 5px; }

.member_swiper .member_swiperbox .member_titen { font-size: 18px; }

.member_swiper .member_swiperbox .memxian { margin: 20px 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); }

.member_swiper .member_swiperbox .member_desc { font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.8); }

.member_swiper .member_swiperbox .member_desc p { margin-bottom: 8px; }

.member_main2 .member_swiper_content { position: relative; }

.tong_btn { position: absolute; width: 45px; height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; border: 2px solid #eaeae9; }

.tong_btn i { font-size: 12px; color: #999999; }

.member_prev { left: -85px; }

.member_next { right: -85px; }

.tong_btn:hover { background: #a61b39; border-color: #a61b39; }

.tong_btn:hover i { color: #fff; }

.member_btn { border-color: rgba(255, 255, 255, 0.5); }

.member_btn i { color: #fff; }

.member_main3 { background: #fafafa; padding-top: 75px; padding-bottom: 105px; }

.member_main3 .vip_table { margin-top: 25px; }

.vip_table table { width: 100%; }

.vip_table table tr th, .vip_table table tr td { border: 2px solid #fafafa; width: 50%; text-align: center; }

.vip_table table th { font-size: 16px; color: #fff; background: #caa97c; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px 10px; font-weight: normal; }

.vip_table table tr td { font-size: 14px; padding: 16px 10px; background: #fff; }

.martop70 { margin-top: 70px; }

.member_main4 { background: url(../images/integral_bg.jpg) center no-repeat; background-size: cover; padding: 105px 0; }

.member_main4 .tongtitle h2 { color: #fff; }

.member_main4 .integral_list { margin-top: 26px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 85%; margin-left: auto; margin-right: auto; }

.member_main4 .integral_list .item { width: 33.3333%; text-align: center; position: relative; }

.member_main4 .integral_list .item .icon_box { position: relative; width: 190px; height: 190px; border: 2px solid #d7a864; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; }

.member_main4 .integral_list .item .icon_text h2 { font-size: 18px; color: #fff; margin-bottom: 5px; }

.member_main4 .integral_list .item .icon_text p { font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 20px; }

.member_main4 .integral_list .item .icon_text { margin-top: 30px; }

.integral_list .item .icon_box::after { display: block; content: ""; background: url(../images/right_icon.png) no-repeat; width: 28px; height: 53px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -50%; }

.integral_list .item:last-child .icon_box:after { display: none; }

.activity_main1 { background: #fafafa; padding-bottom: 130px; }

.activity_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.activity_list .item { -webkit-transition: all 0.4s; transition: all 0.4s; margin-right: 30px; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); margin-top: 30px; background: #fff; }

.activity_list .item:nth-child(2n) { margin-right: 0; }

.activity_list .item .activity_text { padding: 40px 45px; }

.activity_list .item .activity_text .titen { font-size: 36px; line-height: 40px; font-weight: 100; }

.activity_list .item .activity_text .titcn { font-size: 18px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.activity_list .item .imgbox { overflow: hidden; }

.activity_list .item .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.activity_list .item:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.activity_list .item:hover .titen { color: #d6b992; }

.activity_list .item:hover { -webkit-box-shadow: 0 55px 55px -80px #d6b992; box-shadow: 0 55px 55px -80px #d6b992; }

.cooperation_imgbox { width: 1400px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px; margin-top: 35px; }

.cooperation_tit h3 { font-size: 18px; }

.cooperation_tit h2 { font-size: 24px; margin-top: 5px; margin-bottom: 5px; }

.cooperation_tit { text-align: center; margin-top: -105px; }

.cooperation_tit .center1200 { background: #fff; padding: 55px 0; }

.cooperation_brand { padding-bottom: 70px; }

.cb_title { text-align: center; font-size: 24px; margin-bottom: 20px; }

.cb_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.cb_list .item { text-align: center; width: -webkit-calc(20% - 41.6px); width: calc(20% - 41.6px); margin-right: 52px; }

.cb_list .item:last-child { margin-right: 0; }

.cb_list .item .icon_box { position: relative; text-align: center; width: 100%; height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e9edea; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.cb_list .item .icon_box .icon_box_div p { font-size: 18px; margin-top: 10px; }

.cb_list .item h2 { color: #828282; margin-top: 20px; font-size: 14px; }

.cb_list .item .icon_box::after { display: block; content: ""; width: 5px; height: 5px; background: #cdcdcd; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -15%; }

.cb_list .item:last-child .icon_box::before { display: block; content: ""; width: 5px; height: 5px; background: #cdcdcd; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -15%; }

.cooperation_main2 { background: #fafafa; padding: 75px 0; }

.cooperation_main2 .activity_list .item { background: #fafafa; }

.cooperation_main2 .activity_list .item:hover { background: #fff; }

.faq_main1 { background: #fafafa; padding-bottom: 120px; }

.faq_list { border-top: 1px solid #000; margin-top: 35px; }

.faq_list .item .faq_wenti { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 45px 0; border-bottom: 1px solid #e8e8e8; }

.faq_list .item .faq_wenti .faq_w { width: 100px; text-align: center; font-size: 18px; }

.faq_list .item .faq_wenti .faq_down { width: 130px; cursor: pointer; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; }

.faq_list .item .faq_wenti .faq_tit { width: -webkit-calc(100% - 230px); width: calc(100% - 230px); font-size: 16px; }

.faq_list .item .faq_wenti .faq_down.cur { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.faq_list .item .faq_daan { display: none; }

.faq_list .item .faq_daanbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 45px 0; border-bottom: 1px solid #e8e8e8; background: #f6f6f6; }

.faq_list .item .faq_daan .faqda_w { width: 100px; text-align: center; font-size: 18px; }

.faq_list .item .faq_daan .faqda_tit { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); font-size: 16px; line-height: 32px; }

.product_banner { position: relative; }

.product_banner .moblie_img { display: none; }

.product_banner .inner_mask { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #fff; }

.product_banner .inner_mask h2 { font-size: 46px; font-weight: 100; }

.product_banner .inner_mask .pro_xian { width: 1px; height: 140px; background: #fff; margin: 25px auto; }

.product_banner .inner_mask h3 { font-size: 26px; margin-bottom: 8px; }

.product_banner .inner_mask p { font-size: 14px; }

.direction_box .dirbox h2 { font-size: 46px; line-height: 50px; color: #000; }

.direction_box .dirbox h3 { font-size: 26px; margin-top: 10px; margin-bottom: 20px; }

.direction_box .dirbox p { font-size: 16px; line-height: 28px; color: #666666; }

.dirboxitem { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; padding: 0 12.5%; text-align: left !important; }

.protitbox { text-align: center; margin: 40px 0; }

.protitbox h2 { font-size: 35px; margin-bottom: 5px; }

.protitbox p { font-size: 14px; color: #666666; line-height: 22px; }

.aurora_swiper { height: 100%; }

.aurora_swbox { height: 100%; }

.aurora_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }

.aurora_box .aurora_left { width: 50%; }

.aurora_box .aurora_right { width: 50%; }

.aurora_right .aurora_text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.aurora_right .aurora_text h2 { font-size: 26px; margin-bottom: 15px; }

.aurora_right .aurora_text p { font-size: 14px; color: #666666; }

.aurora_swiper .aurora_swbox .imgscale { height: 50%; }

.aurora_swiper .aurora_swbox .aurora_text { height: 50%; background: #f5f4ef; }

.aurora_box .aurora_btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 5px; z-index: 10; cursor: pointer; }

.aurora_btn i { font-style: normal; color: #fff; }

.aurora_btnbox { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: block; }

.aurora_btn img { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); padding-top: 20px; }

.aurora_left .imgscale { position: relative; }

.aurora_left .imgscale p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; font-size: 24px; color: #fff; }

.diamonds_thumbs { position: relative; width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.diamonds_thumbsbox { background-color: #f9f8f9; width: 100%; height: 100%; padding-top: 80px; padding-bottom: 55px; }

.diamonds_thumbs_swiper { max-width: 90%; margin: 0 auto; }

.di_thumbsbox { width: 570px; float: right; }

.diamonds_thumbs .zuanjie { position: absolute; top: 50%; right: -95px; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.di_thumbsbox { text-align: center; }

.di_thumbsbox h6 { font-size: 16px; color: #a61b39; }

.di_thumbsbox h2 { font-size: 27px; line-height: 34px; color: #000; margin-top: 10px; margin-bottom: 12px; }

.di_thumbsbox h3 { font-size: 14px; }

.di_thumbsbox a { font-size: 14px; letter-spacing: 2px; border-bottom: 1px solid #333; color: #333333; }

.di_thumbsbox a:hover { color: #a61b39; border-color: #a61b39; }

.diamondspc_pagination { margin-top: 30px; margin-bottom: 15px; }

.diamondspc_pagination span { margin: 0 5px; }

.diamondspc_pagination .swiper-pagination-bullet-active { background: #a61b39; }

.disbg_box { background-position: center; background-size: cover; background-repeat: no-repeat; height: 690px; }

.diamonds_box { position: relative; }

.diamonds_box .diamonds_thumbs { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

.di_pagination { position: absolute; bottom: 45px !important; z-index: 10; text-align: center; }

.di_pagination span { background: rgba(255, 255, 255, 0.4); opacity: 1; }

.di_pagination .swiper-pagination-bullet-active { background: white; }

.diamonds_list .diamonds_item { display: none; }

.diamonds_list .diamonds_item:first-child { display: block; }

.main_productbox .main1 .content .box .right_box { width: 100% !important; }

.main_productbox .main1 .content { padding: 0 165px; }

.main_productbox .main1 { padding-top: 60px; padding-bottom: 120px; }

.main_productbox .main1 .content .box { margin-top: 0 !important; }

.main_productbox .main1 .content .block { margin-right: 60px !important; margin-bottom: 60px; width: -webkit-calc(33.3333% - 40px) !important; width: calc(33.3333% - 40px) !important; }

.main_productbox .main1 .content .block:nth-child(3n) { margin-right: 0 !important; }

.dirboximgitem img { display: none; }

.aurora_mobile_right { width: 100%; }

.product .main1 .content .box .right_box .block_box .block .price_box { font-size: 16px; }
.error .con2 .con .block .price_box { font-size: 16px; }

.aurora_mobile_right { display: none; background: #f5f4ef; }

.aurora_mobile_right .au_mobilebox h2 { font-size: 28px; margin-bottom: 5px; }

.aurora_mobile_right .au_mobilebox p { font-size: 18px; line-height: 28px; color: #666666; }

.au_mobileswiper { width: 65%; padding: 100px 0; text-align: center; overflow: initial; }

.au_mobileswiper .swiper-slide { opacity: 0.2; }

.au_mobileswiper .swiper-slide-active { opacity: 1; }

.au_mobile_pagination { margin-top: 35px; }

.au_mobile_pagination span { opacity: 1; background: #d0d0cb; }

.au_mobile_pagination .swiper-pagination-bullet-active { background: #a61b39; }

.au_mobileimg img { width: 100%; }

.we_mobile_style_swiper .swiper-slide { background-position: 65%; background-size: cover; background-repeat: no-repeat; color: #fff; padding: 200px 15px 240px 15px; }

.we_mobile_style_swiper .box h2 { font-weight: 100; color: #e2b34f; font-size: 58px; line-height: 70px; }

.we_mobile_style_swiper .box h3 { font-size: 24px; font-weight: 100; margin-top: 12px; }

.we_mobile_style_swiper .box p { font-size: 18px; color: rgba(255, 255, 255, 0.8); }

.we_mobile_style_swiper .huadong { margin-top: 95px; }

.we_mobile_style_swiper .huadong img { margin-right: 4px; }

.we_mobile_style { position: relative; display: none; }

.we_celebrity_img_mobile { display: none; }

.we_mobile_thumbs_swiper { position: absolute; left: 0; right: 0; bottom: 0; height: 95px; text-align: center; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.2); }

.we_mobile_thumbs_swiper .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0.3; font-size: 18px; }

.we_mobile_thumbs_swiper .active { opacity: 1; }

.we_mobile_thumbs_swiper .swiper-slide::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #fff; }

.brand_imgnone { display: none; }

.mobilemain3 { display: none; }

.indexmain3_swiper .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: center; width: 85%; }

.indexmain3 { padding-left: 15px; }

.indexmain3_swiper .swiper-slide .main3text { color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; }

.indexmain3_swiper .swiper-slide .main3text h2 { font-size: 60px; margin-bottom: 15px; }

.indexmain3_swiper .swiper-slide .main3text a { font-size: 24px; letter-spacing: 4px; border-bottom: 1px solid #fff; color: #fff; font-weight: 100; }

.indexmain3_swiper .swiper-slide:last-child { margin-right: 15px; }

.moblieshow, .main5bgimg { display: none; }

.index .main5 { position: relative; }

.index .main5 .content { position: relative; z-index: 2; }

.main5bgimg { position: absolute; top: 0; right: 0; width: 40%; }

.mobileimgpro, .mobile_header { display: none; }

.mobile_header { height: 100px; position: absolute; top: 0; left: 0; right: 0; z-index: 99; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.mobile_headerbox { height: 100%; }

.mobile_header .m_headerbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }

.mh_searchbtn i { color: rgba(255, 255, 255, 0.6); font-size: 26px; }

.mh_logo img { width: 105px; }

.mobile_header.active { position: fixed; left: 0; right: 0; top: 0; background: #fff; }

.mobile_header.active .defanav_btn span { background: #333 !important; }

.mobile_header.active .mh_searchbtn i { color: #333; }

.mh_logo .logo_blue { display: none; }

.mobile_header.active .mh_logo .logo_blue { display: block; }

.mobile_header.active .mh_logo .logo_white { display: none; }

.mh_navlist { display: none; position: fixed; left: 0; right: 0; top: 100px; background: #fff; bottom: 0; overflow-y: auto; }

.mh_navlist ul li { position: relative; display: block; float: none; line-height: 60px; padding: 0 15px; border-bottom: 1px solid #f7f7f7; }

.mh_navlist ul li > span { display: block; cursor: pointer; }

.mh_navlist ul li > span { position: absolute; right: 15px; width: 20%; height: 41px; top: 10px; }

.mh_navlist ul li > span::after { display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; }

.mh_navlist .sub_zinav { padding: 0 30px; display: none; }

.mh_navlist .sub_zinav a { display: block; line-height: 26px; padding: 8px 0; }

.mh_navlist ul li > span.cur::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.network_active { background: #fff; }

.network_active .defanav_btn span { background: #333 !important; }

.network_active .mh_searchbtn i { color: #333; }

.network_active .mh_logo .logo_blue { display: block; }

.network_active .mh_logo .logo_white { display: none; }

.product .main1 .content .box .right_box .block_box .block .txt { font-size: 16px; }
.error .con2 .con .block .txt { font-size: 16px; }

.product_new_swiper .pro_newxbox { position: relative; }

.product_new_swiper .pro_newxbox .proimg_text { color: #fff; position: absolute; top: 50%; right: 13%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 420px; }

.product_new_swiper .pro_newxbox .proimg_text h2 { font-size: 40px; line-height: 1.1; font-weight: 100; text-transform: uppercase; }

.product_new_swiper .pro_newxbox .proimg_text h3 { font-size: 24px; line-height: 1; margin-top: 15px; margin-bottom: 20px; }

.product_new_swiper .pro_newxbox .proimg_text .prop_tx h4 { font-size: 20px; line-height: 1.1; margin-bottom: 14px; }

.product_new_swiper .pro_newxbox .proimg_text .prop_tx p { font-size: 16px; line-height: 20px; color: rgba(255, 255, 255, 0.6); }

.product_new_swiper .pro_newxbox .proimg_text a { letter-spacing: 4px; border-bottom: 1px solid #fff; color: #fff; text-align: center; }

.product_new_swiper .pro_newxbox .proimg_text a:hover { color: #a61b39; border-color: #a61b39; }

.project_btn:hover { background: #a61b39; }

.product_new_swiper .pro_newxbox .proimg_text .prop_tx { padding-top: 20px; position: relative; margin-bottom: 40px; }

.product_new_swiper .pro_newxbox .proimg_text .prop_tx::after { display: block; content: ""; height: 1px; left: 0; top: 0; right: 0; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); position: absolute; }

.pronew_pagination { position: absolute; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px !important; z-index: 10; text-align: center; }

.pronew_pagination span { background: rgba(255, 255, 255, 0.4); opacity: 1; margin: 0 4px !important; }

.pronew_pagination .swiper-pagination-bullet-active { background: #fff !important; }

.mobile_sxbtn { display: none; margin-left: 10px; }

.tagboxbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.prodcut_details .main3 .main1 { background: none !important; padding: 0 !important; }

.prodcut_details .main3 .title_box { margin-left: 0 !important; }

.prodcut_details .main3 .main1 .content { margin-top: 0 !important; }

.prodcut_details .main3 .main1 .content .box .right_box { width: 100% !important; }

.prodcut_details .main3 .main1 .right_box { text-align: left !important; }

.prodcut_details .main3 .main1 .right_box .abstract { margin-top: 10px !important; }

.fenleisix a:nth-child(3):after { display: none; }

.footer_imglink i:hover { color: #a61b39; }

.news_list .item:hover .news_text h2 { color: #a61b39; }

.technology_main { overflow: hidden; }

.cb_list .item .icon_box { -webkit-transition: all 0.4s; transition: all 0.4s; }

.cb_list .item .icon_box img { margin: 0 auto; }

.cb_list .item .icon_box .img002 { display: none; }

.cb_list .item .icon_box:hover { background: #a61b39; color: #fff; }

.cb_list .item .icon_box:hover .img002 { display: block; }

.cb_list .item .icon_box:hover .img001 { display: none; }

.emotion_box .item.active h3 { color: #fff; }

.emotion_box .item:nth-child(1) .item_tit { right: 0; position: absolute; }

.emotion_box .item:nth-child(2) .item_tit { left: 0; position: absolute; }

.emotion_box .item { text-align: center !important; }

.sub_banner img { width: 100%; }

.abdt_btn { padding: 35px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.abdt_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.abdt_btn .ptong { width: 48%; }

.abdt_btn .ptong a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.abdt_btn .ptong .spanjiantou {white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.abdt_btn .ptong .spanjiantou i { font-size: 22px; }

.abdt_btn .prev .spanjiantou i { margin-right: 30px; }

.abdt_btn .next .spanjiantou i { margin-left: 30px; }

.abdt_btn .ptong .spanjiantou span { font-size: 14px; color: rgba(0, 0, 0, 0.6); }

.abdt_btn .ptong a > p { font-size: 16px; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.abdt_btn .ptong:hover p, .abdt_btn .ptong:hover span, .abdt_btn .ptong:hover i { color: #d9ac71; }

.abdt_btn .prev a > p { padding-left: 35px; }

.abdt_btn .next a > p { padding-right: 35px; text-align: right; }

.backList_Links { -webkit-transition: all 0.4s; transition: all 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 380px; height: 60px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; margin: 0 auto; padding: 0 30px; }

.backList_Links .img2 { display: none; }

.backList_Links:hover .img1 { display: none; }

.backList_Links:hover .img2 { display: block; }

.abdt_btn { margin-bottom: 50px; }

.backList_Links:hover { background: #d9ac71; border-color: #d9ac71; color: #fff; }

.slide_video { width: 100%; }

.slide_video video { width: 100%; }

.aurora_swiper .swiper-slide { position: absolute; }

.aurora_box { overflow: hidden; }

.aurora_box .aurora_left { background-repeat: no-repeat; background-size: cover; background-position: center; }

.inner_banner img { width: 100%; }

.product_share { margin-top: 55px; }

.product_share .icon-qq { color: #d9cfc8; border-color: #d9cfc8; }

.product_share .icon-weibo { color: #d9cfc8; border-color: #d9cfc8; }

.product_share .icon-wechat { color: #d9cfc8; border-color: #d9cfc8; }

.product_share .icon-qq:hover { border-color: #56b6e7; }

.product_share .icon-weibo:hover { border-color: #ff763b; }

.product_share .icon-wechat:hover { border-color: #7bc549; }

.gift_exchange { padding: 80px 0; }

.gift_exchange .customized_title { margin-top: 0; }

.gift_exchange_swiper .swiper-slide .imgbox { overflow: hidden; }

.gift_exchange_swiper .swiper-slide:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.gift_exchange_swiper .swiper-slide p { font-size: 16px; padding: 20px 5px 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.gift_exchange_btn { position: absolute; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 2; }

.gift_exchange_box { position: relative; }

.gift_exchange_btn i { font-size: 30px; color: #dcdcdc; }

.gift_exchange_btn i:hover { color: #000; }

.gift_exchange_prev { left: -50px; }

.gift_exchange_next { right: -50px; }

.culture_box { background-size: cover; height: 780px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-position: center; background-repeat: no-repeat; }

.culture_box .culture_item { width: 50%; background: rgba(0, 0, 0, 0.2); position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; }

.culture_box .culture_item .culture_itembox { -webkit-transition: all 0.4s; transition: all 0.4s; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.culture_box .culture_item .culture_hidebox { width: 100%; color: #fff; height: 0; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.culture_box .culture_item h2 { font-size: 30px; color: #fff; font-weight: 100; -webkit-transition: all 1s; transition: all 1s; }

.culture_box .culture_item .cu_xian { height: 46px; width: 1px; background: #fff; margin: 20px auto; }

.culture_box .culture_item .culture_hidebox h3 { font-size: 30px; color: #e2b34f; font-weight: 100; line-height: 1.27; margin-bottom: 20px; }

.culture_box .culture_item .culture_hidebox p { letter-spacing: 14px; }

.culture_box .culture_item.active { background: none; }

.culture_box .culture_item.active .culture_hidebox { height: 200px; opacity: 1; }

.culture_box .culture_item.active h2 { font-size: 18px; }

.culture_box .culture_item .culture_itembox { width: 95%; }

.culture_pagination { display: none; position: absolute; text-align: center; }

.culture_pagination span { opacity: 1; background: #d8d8d8; }

.culture_pagination .swiper-pagination-bullet-active { background: #d9ac71; }

.header { position: relative; }

.none_position { position: static !important; }

.product_subnav { 
  display: none; 
  position: absolute; 
  top: 100%; 
  left: 0; 
  width: 100%; 
  background: #fafafa; 
  background-size: cover; 
  padding-top: 75px; 
  padding-bottom: 100px; 
  z-index: 100; }

.product_subnav .pdsub_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 150px; }

.product_subnav .pdsub_box .pdsub_left { min-width: 86px; }

.product_subnav .pdsub_box .pdsub_title h2 { font-size: 26px; font-weight: 100; }

.product_subnav .pdsub_box .pdsub_title h3 { font-size: 16px; }

.product_subnav .pdsub_box .pdsub_title { margin-bottom: 25px; }

.product_subnav .pdsub_box .pdsub_list a { display: block; color: #9f9f9f; margin-bottom: 18px; }

.product_subnav .pdsub_box .pdsub_list a i { height: 1px; background: #a61b39; display: inline-block; vertical-align: middle; width: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }

.product_subnav .pdsub_box .pdsub_list a span { display: inline-block; vertical-align: middle; }

.product_subnav .pdsub_box .pdsub_list a.active { color: #a61b39; }

.product_subnav .pdsub_box .pdsub_list a.active i { width: 30px; margin-right: 8px; }

.product_subnav .pdsub_right { margin-left: 175px; width: 500px; }

.pdsub_list_box .item { position: relative; }

.pdsub_list_box .pdsub_btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.pdsub_list_box .pdsub_btn i { font-size: 25px; color: #bebebe; }

.pdsub_list_box .pdsub_btn:hover i { color: #a61b39; }

.pdsub_list_box .pdsub_prev { left: -40px; }

.pdsub_list_box .pdsub_next { right: -40px; }

.pdsub_list_box .item { display: none; }

.pdsub_list_box .item:first-child { display: block; }

.subnavimg1 { position: absolute; top: 0; left: 0; }

.subnavimg2 { position: absolute; bottom: 0; right: 0; }

.mobile_mask{display: none;}

.search_jgcont { padding: 50px 0; }

.search_box { margin: 0 auto; }

.search_box input { padding: 0 20px; line-height: 48px; }

.search_jgcont .search_box { width: 60%; border: 1px solid #bf2d2f; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; }

.search_jgcont .search_box .btn { background-color: #bf2d2f; width: 80px; cursor: pointer; font-size: 28px; color: #fff; line-height: 42px; }

.search_jgcont .search_box .btn i { font-size: 20px; }

.search_list { margin-top: 30px; }

.search_list a { display: block;align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #dddddd; padding: 20px 0; }

.search_list a .imgbox { width: 200px; }
.mobile_show{display: none;}

.search_list a:last-child { border-bottom: 1px solid #dddddd; }

.search_list a .text { width: -webkit-calc(100% - 220px); width: calc(100% - 220px); }

.search_list a .text h2 { font-size: 20px; font-weight: 600; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.search_list a .text p { margin-top: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; }

/* 404页面 */
.error .con1{width: 100%;padding: 160px 0 150px;text-align: center;}
.error .con1 img{max-width: 100%;}
.error .con1 h5{font-size: 20px;color: #333;margin-top: 10px;}
.error .con1 p{display: inline-block;font-size: 14px;color: #333;margin-top: 10px;}
.error .con1 a{display: inline-block;font-size: 14px;color: #333;}
.error .con2 .tit{text-align: center;font-size: 30px;color: #333;}
.error .con2 .con{width: 100%;display: flex;justify-content: space-between;margin-top: 35px;padding: 0 30px;}
.error .con2 .con .block { width: 33.20755%; padding: 80px 60px; display: block; background-color: #f9f8f9; -webkit-transition: all .5s; transition: all .5s; }
.error .con2 .con .block .txt { font-size: 14px; line-height: 26px; color: #333333; }
.error .con2 .con .block .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; max-height: 52px; min-height: 52px; }
.error .con2 .con .block .img { width: 42.80303%; position: relative; margin: 50px auto; }
.error .con2 .con .block .img .swiper-button-prev, .error .con2 .con .img .swiper-button-next { opacity: 0; background-image: none; margin-top: 0; width: 25px; height: 25px; font-size: 12px; color: #999999; line-height: 25px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s; background-color: #f7f7f7; }
.error .con2 .con .block .img .swiper-button-prev { left: -31.85841%; }
.error .con2 .con .block .img .swiper-button-next { right: -31.85841%; }
.error .con2 .con .block .picture_container { padding-top: 127.43363%; }
.error .con2 .con .block .top_img { -webkit-transition: all .5s; transition: all .5s; }
.error .con2 .con .block .swiper-container { opacity: 0; z-index: 2; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 auto; -webkit-transition: all .5s; transition: all .5s; }
.error .con2 .con .block .price_box { text-align: right; }
.error .con2 .con .block:hover { background-color: #fdfdfd; }
.error .con2 .con .block:hover:not(.noSwiper) .img .swiper-container,.error .con2 .con .block:hover:not(.noSwiper) .img .swiper-button-prev, 
.error .con2 .con .block:hover:not(.noSwiper) .img .swiper-button-next { opacity: 1; }
.error .con2 .con .block:hover:not(.noSwiper) .img .top_img { opacity: 0; }
.error .con2 .con .block:not(:nth-child(3n)) { margin-right: 0.16129%; }
.error .con2 .con .block:nth-child(n + 4) { margin-top: 3px; }


@media (max-width: 1400px) { .product_subnav .pdsub_box { padding-left: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .product_subnav .pdsub_right { margin-left: 120px; }
  .product .main1{padding: 60px 0 155px;}
  .product_subnav{padding-top: 35px;}
  .header .head_top .head_nav{width: 70%;}
  .product_subnav{padding-bottom: 40px;}
  .product_subnav .pdsub_box .pdsub_title h2{font-size: 22px;}
  .product_subnav .pdsub_box .pdsub_list a{margin-bottom: 10px;}
  .header .head_top .head_nav .head_link .block .subnav{padding: 40px 0;}
  .header .head_top .head_nav .head_link .block .subnav .tit{font-size: 22px;}
  .header .head_top .head_nav .head_link .block .subnav .img,.header .head_top .head_nav .head_link .block .subnav{height: auto;}
  .product_new_swiper .pro_newxbox .proimg_text h3{font-size: 18px;}
  .product .main1 .content .box .right_box .block_box .block .txt .abstract{font-size: 14px;}
  .product_new_swiper .pro_newxbox .proimg_text .prop_tx h4{font-size: 16px;}
  .product .main1 .content .title_box .title{font-size: 22px;letter-spacing: 0;}
  .product .main1 .content .box{margin-top: 20px;}
  .subnavimg{width: 15%;}
  .product_new_swiper .pro_newxbox .proimg_text{width: auto;max-width: 350px;}
  .index .main2 .bg_img{padding-bottom: 12%;}
  .sub_banner .sub_mask { width: 100%; }
  .footer_right li { margin-right: 150px; }
  .footer { padding: 30px 30px; }
  .designer_swiper .designer_text h2 { font-size: 30px; }
  .designer_swiper .designer_text .designer_desc br { display: none; }
  .we_celebrityflex { padding: 0 30px; }
  .we_celebrity_text h2 { font-size: 24px; margin-bottom: 20px; }
  .we_celebrity_text p { font-size: 18px; }
  .westyle_slidetext { left: 30px; }
  .westyle_slidetext h2 { font-size: 35px; line-height: 40px; }
  .direction_box .item { height: 600px; }
  .retail_swiper { width: 100%; }
  .retail_prev { left: 5.8%; }
  .retail_next { right: 5.8%; }
  .news_list .item .news_text { padding: 40px 20px; }
  .news_list .item.noimg .news_text { padding: 20px 20px; }
  .news_list .item h2 { margin-bottom: 30px; }
  .news_list .item.hasimg .newbgimg { height: 264px; }
  .news_details { padding-bottom: 80px; }
  .cooperation_imgbox { width: 100%; }
  .cooperation_tit .center1200 { padding: 40px 15px; }
  .cooperation_tit { margin-left: 15px; margin-right: 15px; }
  .direction_box .dirbox h2 { font-size: 34px; line-height: 40px; }
  .main_productbox .main1 .content { padding: 0 60px; }
  .product .main1 .content .box .right_box .block_box .block { padding: 40px; }
  .error .con2 .con .block { padding: 40px; } 
  .product_banner .inner_mask .pro_xian { height: 80px; }
  .index .main2 .swiper_control { top: 100px; }
  .index .main2 .mask .block_box { margin-top: 80px; }
  /* .index .main2 .bg_img { padding-bottom: 250px; } */
  .product_new_swiper .pro_newxbox .proimg_text { right: 30px; }
  .product_new_swiper .pro_newxbox .proimg_text h2 { font-size: 22px; } }

@media (max-width: 1220px) { .culture_box { height: 600px; }
.news_details .details_txt p{display: block !important;}
.news_details .details_txt p img{margin: 5px 0;width: 100%;}
  .gift_exchange_prev { left: -15px; }
  .gift_exchange_next { right: -15px; }
  .retail_item .retail_item_top { padding: 25px 15px; }
  .direction_listitembox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }
  .direction_box .direction_listitem:nth-child(2n) .direction_listitembox .item { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .direction_box .direction_listitem:nth-child(2n) .direction_listitembox .item:nth-child(2n) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .we_direction .qiehuan { left: 15px; right: 15px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); top: auto; bottom: 20%; }
  .qiehuanbox { width: 100%; }
  .we_direction .item_tit { width: 50%; height: 60px; background: #f5f4ee; font-size: 16px; }
  .prodcut_details { margin-top: 100px; }
  .prodcut_details .main2 .content { width: 100% !important; padding-left: 15px; padding-right: 15px; }
  .product .pdd100 { padding-top: 100px !important; }
  .product_new_swiper .pro_newxbox .proimg_text { right: 0; }
  .product_new_swiper .pro_newxbox .proimg_text h3 { font-size: 20px; }
  .product_new_swiper .pro_newxbox .proimg_text .prop_tx { margin-bottom: 20px; }
  .network_content { padding-top: 100px !important; }
  .pc_header { display: none; }
  .mobile_header { display: block; }
  .direction_box .dirbox p { font-size: 18px; line-height: 30px; }
  .customized_btn { background: #fafafa; z-index: 2; }
  .customized_prev { left: -15px; }
  .customized_next { right: -15px; }
  .peiyang_jizhi .tongtitle { left: 15px; top: 0; }
  .joinus_list .item .img_text br { display: none; }
  .joinimg { display: none; }
  .retail_first .retail_item, .retail_list { width: 100%; }
  .about_notice .item .notice_text h2 { font-size: 26px; }
  .footer { padding: 20px 15px; }
  .footer_left { width: 400px; }
  .header .head_top .right_box { display: none; }
  .header .head_top { padding: 0 15px; }
  .header .head_top .head_nav { width: 100%; }
  .header .head_top .head_nav::after { display: block; content: ""; clear: both; }
  .header, .header .head_top { height: 60px; }
  .header .head_top .head_nav .head_logo { float: left; }
  .header .head_top .head_nav .head_link { position: fixed; top: 60px; left: 0; right: 0; background-color: #fff; margin-top: 0; display: block; bottom: 0; }
  .defanavbtn { display: block; margin-top: 0 !important; }
  .header.active .defanavbtn span { background-color: #000; }
  .header .head_top .head_nav .head_logo img { height: 40px; margin-top: 10px !important; }
  .header .head_top .head_nav .head_link .block { padding: 0 15px; border-bottom: 1px solid #f7f7f7; }
  .header .head_top .head_nav .head_link .block .title { line-height: 55px; }
  .header .head_top .head_nav .head_link { display: none; }
  .header .head_top .head_nav .head_link .block span { display: block; cursor: pointer; position: absolute; right: 15px; width: 20%; height: 41px; top: 7px; }
  .header .head_top .head_nav .head_link .block span::after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }
  .header .head_top .head_nav .head_link .block .title { color: #333; }
  .header .subnav { position: static !important; border: none; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; text-align: left !important; width: auto; padding: 0 15px; -webkit-box-shadow: none !important; box-shadow: none !important; }
  .index .main1 .top1_box .title { font-size: 24px; }
  .index .main1 .top1_box .content .txt_box .name { font-size: 18px; line-height: 26px; }
  .about_content { display: block; }
  .about_content .about_left { width: 100%; }
  .about_content .about_right { max-width: 100%; width: 100%; margin-top: 30px; }
  .about_content .about_right img { width: 100%; }
  .about_content .about_rightbox .bgbox_content { display: none; }
  .about_content .about_rightbox .imgbox { padding: 0; }
  .main_about { padding-bottom: 90px; }
  .header .head_top .head_nav .head_link { z-index: 99; }
  .about_government .government_item { padding: 20px; }
  .government_top .title .title_en { font-size: 14px; }
  .government_top .title .title_cn { font-size: 16px; }
  .government_btn { width: 40px; height: 40px; }
  .government_btn img { width: 10px; }
  .government_item.active .government_desc_box { padding-top: 10px; }
  .government_desc { padding: 20px; }
  .about_notice .item .notice_text h3 { font-size: 14px; }
  .main_img { display: none; }
  .about_notice .item .notice_text .notice_btn { width: 45px; height: 45px; }
  .about_fenhong table { width: auto !important; overflow-x: auto; }
  .about_fenhong table td, .about_fenhong table th { width: auto; padding: 5px 5px; }
  .about_fenhong table th { font-size: 14px; }
  .about_tablebox { overflow-x: auto; }
  .about_fenhong table tr th, .about_fenhong table tr td { white-space: nowrap; }
  .we_about_content h2 { font-size: 30px; }
  .we_about_content h3, .direction_box .item h3 { font-size: 26px; }
  .we_about_content { margin-top: 50px; }
  .direction_box .item h2 { font-size: 40px; }
  .direction_box .item .item_tit { font-size: 18px; }
  .direction_box .item:last-child .item_tit { background: #f5f4ee; }
  .direction_box .item .item_tit { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); height: 100px; z-index: 10; }
  .direction_box .item:first-child .item_tit { top: inherit; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; left: 15px; bottom: -50px; }
  .direction_box .item:last-child .item_tit { left: inherit; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; right: 15px; top: -50px; }
  .designer_title h2 { font-size: 30px; }
  .quality_swiperbox { margin-left: 0; }
  .quality_swiperbox .quality_swiper { margin: 0 15px; overflow: hidden; }
  .quality_slidetext { left: 30px; }
  .quality_biaoti { display: none; }
  .quality_thumbs { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); margin: 20px 15px; }
  .technology_en p { font-size: 90px; line-height: 100px; }
  .technology_list .item:nth-child(2) { padding-top: 350px; }
  .technology_list .item:nth-child(3) { margin-top: 30px; }
  .technology_main { padding: 80px 0; }
  .technology_list .item .technology_text { padding: 20px 0 0 0; }
  .technology_list .item { width: 46%; }
  .quality_slidetext h2 { font-size: 36px; }
  .service_iconlist .item { padding: 30px 15px; }
  .service_iconlist .item .ser_en { margin-top: 10px; font-size: 18px; }
  .service_iconlist .item .ser_sesc p br { display: none; }
  .service_iconlist .item .icon { width: 50px; height: 50px; }
  .service_iconlist .item .icon img { width: 25px; }
  .service_bgcont .service_bg { height: 380px; }
  .service_bgcont .center1200 { margin-top: -240px; }
  .service_bgcont .service_iconlist { margin-top: 60px; }
  .contact_list .item .item_desc { padding: 20px; }
  .contact_list .item .erweima_box { margin-right: 20px; }
  .contact_list .item .erweima_box:nth-child(2n) { margin-right: 0; }
  .message_content .message_box { padding: 20px; }
  .joinus_list .item .img_text { padding: 30px 40px; }
  .joinus_list .item .img_text h3 { font-size: 22px; }
  .joinus_list .item .img_text h4 { font-size: 16px; margin-top: 0; }
  .joinus_list .item .imgbox { width: 60%; }
  .member_btn { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); float: left; margin-top: 20px; }
  .member_next { margin-left: 20px; }
  .member_main2 .center1200::after { display: block; content: ""; clear: both; }
  .member_main4 .integral_list { width: 100%; }
  .direction_box .item { height: auto !important; }
  .dirboximgitem { background: none; }
  .dirboximgitem img { display: block; width: 100%; }
  .direction_box { display: block; }
  .direction_box .item { width: 100%; display: block; }
  .dirboxitem { padding: 110px 15px 65px 15px !important; }
  .aurora_btn, .aurora_right { display: none; }
  .aurora_mobile_right { display: block; }
  .brand_img01 { width: 500px; }
  .brand_box { padding-bottom: 40px; }
  .brand_img03 { margin-top: -100px; }
  .history_thumbs .imgbox { width: 60px; } }

@media (max-width: 992px) { 
  .pc_show{display: none;}
  .mobile_show{display: block;}
  .error .con1{padding: 30px 0;}
  .none_position{padding: 0 15px;line-height: 60px;border-bottom: 1px solid #f7f7f7;}
  .mh_navlist .block{padding: 0 15px;line-height: 60px;border-bottom: 1px solid #f7f7f7;}
  .di_thumbsbox { width: 100%; float: none; }
  .main_productbox .main1 .content .block { margin-right: 2px !important; width: -webkit-calc(50% - 1px) !important; width: calc(50% - 1px) !important; margin-bottom: 2px !important; }
  .main_productbox .main1 .content .block:nth-child(2n) { margin-right: 0 !important; }
  .diamonds_box .diamonds_thumbs { position: relative; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); width: -webkit-calc(100% - 30px); width: calc(100% - 30px); background: #fff; -webkit-box-shadow: 0 3px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 40px 0px rgba(0, 0, 0, 0.1); margin: 0 auto; margin-top: -145px; z-index: 2; }
  .diamonds_thumbs_swiper { width: 100%; }
  .diamonds_thumbs .zuanjie { right: initial; top: -180px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; }
  .aurora_box { display: block; }
  .aurora_box .aurora_left { width: 100%; }
  .aurora_box .aurora_right { width: 100%; }
  .contact_list .item .erweima_box .imgbox { width: 90px; height: 90px; }
  .contact_list .item .item_top { padding: 15px 20px; }
  .message_content > .imgbox { display: none; }
  .message_content .message_box { width: 100%; }
  .message_content .message_box { padding: 30px 15px; }
  .footer_left { width: 100%; }
  .footer_right { display: none; }
  .about_notice .item .notice_text { padding-left: 10px; }
  .designer_swiper .designer_text h2 { font-size: 22px; }
  .designer_swiper .designer_text h3 { font-size: 16px; }
  .designer_swiper .designer_text .designer_desc { font-size: 14px; line-height: 22px; }
  .we_celebrity_text p { font-size: 16px; line-height: 26px; }
  .quality_main .tong_subtitle br { display: none; }
  .quality_slidetext { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); padding-top: 10px; }
  .quality_slidetext h3 { color: #000; margin-bottom: 10px; }
  .quality_slidetext p { color: #999; }
  .technology_list .item .technology_text p br { display: none; }
  .video_screen { display: block; }
  .video_screen_search { width: 100%; margin-top: 30px; }
  .retail_item .title { font-size: 18px; }
  .retail_subname h2 { font-size: 18px; }
  .tongtitle h2 { font-size: 22px; }
  .retail_search form { display: block; }
  .retail_search .DefaultSelector { width: 100%; }
  .retail_search .DefaultSelector > span:nth-child(4) { margin-right: 0; }
  .retail_search .retail_input { width: 100%; margin: 15px 0; }
  .retail_search button { width: 100%; }
  .retail_btn i { font-size: 18px; }
  .contact_list .item .item_top .item_top_title { font-size: 16px; }
  .contact_list .item .item_top .icon { width: 50px; height: 50px; }
  .contact_list .item .item_top .icon img { width: 20px; }
  .service_contact .service_biaoti .service_left h2 { font-size: 40px; }
  .service_contact .service_biaoti { margin: 40px 0; }
  .service_contact .service_biaoti .service_right { font-size: 14px; }
  .news_list .item { width: 33.3333%; }
  .news_list .item .news_text { border: 1px solid #e5e5e5; }
  .peiyang_jizhi .pyjz_list .item { width: 26%; }
  .join_dasheng h2 { font-size: 28px; }
  .integral_list .item .icon_box::after { display: none; }
  .activity_list .item .activity_text .titen { font-size: 22px; line-height: 24px; }
  .activity_list .item .activity_text { padding: 20px 30px; }
  .cb_list .item .icon_box .icon_box_div p { font-size: 14px; }
  .cb_list .item .icon_box .icon_box_div img { height: 30px; }
  .cooperation_tit h2, .cb_title { font-size: 18px; }
  .cb_list .item .icon_box::after { left: -24%; }
  .cb_list .item:first-child .icon_box::after { display: none; }
  .cb_list .item:last-child .icon_box::before { display: none; }
  .faq_list .item .faq_wenti, .faq_list .item .faq_daanbox { padding: 25px 0; }
  .protitbox p { font-size: 18px; line-height: 28px; color: #828282; }
  .product_banner .pc_img { display: none; }
  .product_banner .moblie_img { display: block; height: 640px; background-size: cover; background-repeat: no-repeat; background-position: right; }
  .brand_box .brand_left { width: 100%; text-align: center; }
  .brand_box { display: block; }
  .brand_box .brand_right { padding-left: 0; width: 100%; text-align: center; }
  .brand_box .brand_left .brand_img01 { display: none; }
  .brand_imgnone { display: block; position: relative !important; width: 50%; z-index: 11; top: 0; }
  .brand_img02 { margin-top: -220px; }
  .brand_img03 { margin-top: -160px; }
  .brand_img02 img { width: 77.33%; }
  .brand_img03 .img { width: 74.66%; }
  .brand_img03 .brand_png { left: initial; right: -10%; }
  .brand_box { margin-top: 30px; }
  .brand_box .brand_right::after { display: none; }
  .brand_box .brand_left h6 { font-size: 26px; }
  .brand_box .brand_right { margin-top: 26px; }
  .history_thumbs { display: none; }
  .history_slidebox .history_text { width: 100%; float: none; text-align: center; padding-left: 0; }
  .history_slidebox .imgbox { width: 80%; float: none; margin: 0 auto; margin-top: 30px; }
  .history_swiperbox { padding: 90px 0; }
  .history_swiper_btn { top: 30px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .history_swiper_prev { left: 15px; }
  .history_swiper_next { right: 15px; }
  .product_new_swiper .pro_newxbox .proimg_text { width: 100%; position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); color: #333; padding: 30px 0; }
  .product_new_swiper .pro_newxbox .proimg_text .prop_tx p { color: #999; }
  .product_new_swiper .pro_newxbox .proimg_text a { color: #333; border-color: #333; }
  .pronew_pagination { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); margin-bottom: 20px; }
  .pronew_pagination span { background: #dcdada; }
  .pronew_pagination .swiper-pagination-bullet-active { background: #999 !important; }
  .product_new_swiper .pro_newxbox .proimg_text .prop_tx::after { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); } }

@media (max-width: 768px) {
  .retail_item .icon_boxone{width: 100%;}
  .mobile_mask{display: block;}
  .pc_mask{display: none;}
  .customized_contact .cct_list .item{width: 100%;}
  .customized_contact{padding: 40px 0;}
  .customized_contact .cct_title{font-size: 22px;margin-bottom: 0;}
  .customized_contact .cct_list .item{display: flex;margin-top: 20px;}
  .customized_contact .cct_list .item img{margin-right: 10px;width: 45px;}
  .customized_contact .cct_list .item p{font-size: 14px;}
  .error .con2 .con{display: block;font-size: 0;}
  .error .con2 .con .block{display: inline-block;}
  .culture_box { height: 400px; }
.direction_box .item:nth-child(2n) h3{color: #fff;}
.about_caiwu p{line-height: 22px;}
.gift_exchange_btn i{color: #a71c3a;}
.member_main2{background-position: 60% !important;}
.morebtn{width: 160px;line-height: 40px;}
  .gift_exchange { padding: 40px 0; }
  .retail_swiper { margin-bottom: 0; }
  .quality_swiperbox { padding-bottom: 0; }
  .abdt_btn { display: block; padding: 15px 0px; }
  .abdt_btn .ptong { width: 100%; }
  .abdt_btn .next a > p { text-align: left; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .abdt_btn .next .spanjiantou { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .abdt_btn .next { margin-top: 10px; }
  .abdt_btn .spanjiantou i { display: none; }
  .abdt_btn .ptong a > p { width: -webkit-calc(100% - 42px); width: calc(100% - 42px); }
  .abdt_btn .ptong a > p { padding-left: 20px; padding-right: 0 !important; }
  .prodcut_details .main3 .main1 .right_box { margin-top: 0 !important; }
  .prodcut_details .main1 .small_box .swiper-button-prev, .prodcut_details .main1 .small_box .swiper-button-next { display: none; }
  .prodcut_details .main1 .small_box { width: 100%; }
  .prodcut_details .main1 .center1200, .prodcut_details .main1 .left_box { display: block; }
  .prodcut_details .main1 .big_box { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
  .prodcut_details .main1 .big_box .picture_container { padding-top: 0 !important; }
  .prodcut_details .main1 .big_box .picture_container img { position: static; }
  .prodcut_details .main1 .left_box { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }
  .prodcut_details .main1 .small_box { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .prodcut_details .main1 .right_box { width: 100%; margin-top: 30px; }
  .prodcut_details .main2 .content .title, .prodcut_details .main3 .title_box .title { font-size: 22px; line-height: 30px; }
  .prodcut_details .main2, .prodcut_details .main3 { padding: 60px 0; }
  .prodcut_details .main3 .content { padding: 0 15px; }
  .prodcut_details .main1 { padding: 60px 0; }
  .prodcut_details .main1 .content { margin-top: 0 !important; }
  .news_details .title { padding-top: 30px; font-size: 22px; line-height: 30px; }
  .index { padding-top: 0 !important; }
  .indexMain1Bottom .swiper-slide { width: auto; }
  .indexMain1Bottom .swiper-slide:last-child { padding-right: 15px; }
  .index .main1 .bottom_box { padding-right: 0 !important; padding-left: 15px !important; }
  .index .main1 .bottom_box .block .picture_container { padding-top: 0 !important; }
  /*.indban-video{display: none;}*/
  .index .main1 .bottom_box .block .picture_container img { position: static !important; height: 130px;}
  .index .main1 .top1_box .content .img_box { padding: 40px 15px !important; }
  .index .main1 .top1_box .content .img_box .img { -webkit-transform: translate(-50%, -65%) !important; -ms-transform: translate(-50%, -65%) !important; transform: translate(-50%, -65%) !important; }
  .index .main1 .top1_box .content .img_box .img img { display: none; }
  .index .main1 .top1_box .content .img_box .img .mobileimgpro { display: block !important; }
  .indexMain1Top { margin-top: 80px; }
  .index .main1 .top1_box .content .img_box { padding-top: 20px !important;   }
  .index .main1 .top1_box .content .txt_box { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important; }
  .banner_swiper .swiper-slide .img { display: none; }
  .mobileimgbox{display: block;}
  .banner_swiper .swiper-slide .mobile_imgbox { display: block; background-size: cover; background-repeat: no-repeat; background-position: center; height:100vh; }
  .indban-video { top: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); bottom: 0; }
  .indban-video video { height: 100%; }
  .history_brand { padding-top: 30px; }
  .designer_swiper .designer_text h2 { font-size: 35px; }
  .designer_swiper .designer_text h3 { font-size: 25px; }
  .designer_swiper .designer_text .designer_desc { font-size: 18px; line-height: 26px; }
  .designer_swiper { overflow: initial; }
  .designer_list { display: block; width: 80%; margin: 0 auto; }
  .we_style { display: none; }
  .we_celebrity .we_celebrity_img { display: none; }
  .we_mobile_style, .we_celebrity_img_mobile { display: block !important; }
  .product .main1 .content .box .right_box .block_box .block { padding: 20px !important; }
  .product .main1 .content .box .right_box .block_box .block .txt { font-size: 18px; }
  .error .con2 .con .block { padding: 20px !important; }
  .error .con2 .con .block .txt { font-size: 18px; }
  .aurora_mobile_right .au_mobilebox h2 { font-size: 22px; }
  .au_mobileswiper { width: 80%; padding: 40px 0; }
  .protitbox p br { display: none; }
  .news_details .news_banner .title { font-size: 22px; }
  .news_details .news_banner { height: 230px; padding: 0 15px; }
  .news_details .news_banner .form_box .item { max-width: 100%; }
  .about_fenhong { margin-top: 20px; }
  .about_government .government_item { padding: 0; }
  .government_top { padding: 15px; }
  .government_desc { border: none; padding-top: 0 !important; }
  .about_government { margin-top: 20px; }
  .about_government .government_item { width: 100%; margin-right: 0; border: 1px solid #e1e1e1 !important; }
  .government_desc { position: static !important; height: auto !important; max-height: inherit !important; }
  .about_fenlei a { font-size: 16px; }
  .index { padding-top: 60px; }
  .main_bgcontent { padding-top: 30px; }
  .inner_banner .pc_img, .sub_banner .pc_img { display: none; }
  .inner_banner .moblie_img, .sub_banner .moblie_img { display: block; background-position: center; background-size: cover; background-repeat: no-repeat; height: 400px; }
  .inner_banner .inner_mask h2 { font-size: 22px; letter-spacing: 1px; }
  .sub_banner .sub_mask h2 { font-size: 22px; }
  .sub_banner .sub_mask p { font-size: 14px; }
  .tongtitle h2 { font-size: 22px; }
  .about_government .government_item { margin-bottom: 15px; }
  body { padding-top: 0 !important; }
  .index .main6 .content { padding: 100px 0; }
  .DefaultSelector { display: block; }
  .DefaultSelector > span { width: 100% !important; margin-bottom: 15px; }
  .index .main6 .content .block .btn { width: 100%; font-size: 16px; height: 50px; }
  .index .main6 .content .block { display: block; }
  .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single { height: 50px; }
  .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; line-height: 50px; }
  .about_caiwu table th { font-size: 14px; padding: 10px 5px; }
  .about_caiwu table td { padding: 10px 5px; }
  .about_caiwu table tr th, .about_caiwu table tr td { word-break: break-word; }
  .about_caiwu { margin-top: 30px; }
  .about_notice .item { width: 100%; margin-right: 0; margin-bottom: 15px; }
  .about_notice .item .notice_text { padding: 0 30px; }
  .about_notice .item .notice_text .notice_btn { margin-top: 70px; }
  .touzhezhi_content p { font-size: 14px; }
  .touzhezhi_lianxi h2 { font-size: 18px; line-height: 22px; }
  .touzhezhi_lianxi { left: 15px; }
  .touzhezhi_contact h6 { width: 100%; height: auto; padding-bottom: 15px; }
  .touzhezhi_content a span { font-size: 12px; }
  .touzhezhi_content a { padding: 10px; }
  .main_touzhezhi { padding-bottom: 60px; padding-top: 30px; }
  .touzhezhi_mobile { display: block; }
  .touzhezhi_lianxi { position: static; margin-top: 20px; }
  .touzhezhi_contact { background: none  !important; height: auto; }
  .we_about_content h2 { font-size: 22px; }
  .we_about_content h3, .direction_box .item h3 { font-size: 16px; }
  .we_about_content h3 { margin-top: 10px; }
  .we_about_content .xian { height: 80px; }
  .we_about_content p br { display: none; }
  .we_about_content p { line-height: 22px; }
  .we_about_main { padding-bottom: 120px; }
  .we_classification { padding: 0; }
  .we_classification .item { width: 50%; }
  .we_classification .item { border: 1px solid #fff; padding: 40px 10px !important; }
  .we_title { font-size: 22px; margin: 30px 0; }
  .direction_box .item { height: 400px; width: 100%; }
  .direction_box, .we_celebrity { display: block; }
  .direction_box .item:nth-child(2n) .item_tit { left: auto; }
  .we_celebrity .we_celebrity_text, .we_celebrity .we_celebrity_img { width: 100%; }
  .we_celebrityflex { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .we_celebrityflex { padding: 75px 15px; }
  .designer_title h2 { font-size: 22px; }
  .designer_title { margin: 30px 0; }
  .designer_swiper .designer_text { bottom: 75px; left: 30px; right: 30px; }
  .designer_swiper .swiper-slide .des_xian { height: 38px !important; opacity: 1; }
  .designer_swiper .designer_text .designer_desc { height: auto !important; opacity: 1; padding-top: 10px; }
  .designer_swiper .designer_text h3 { margin-bottom: 10px; }
  .westyle_slidetext h2 br { display: none; }
  .westyle_list { position: static; }
  .westyle_list li { line-height: 20px; color: #000 !important; padding: 15px 0; }
  .westyle_list li::after { background: #e2b34f; opacity: 1 !important; }
  .westyle_list li span { display: block; }
  .westyle_list { height: auto; }
  .westyle_list li.active { color: #e2b34f !important; }
  .westyle_slidetext h2 { font-size: 22px; }
  .westyle_slidetext h3 { font-size: 16px; margin-top: 0; }
  .westyle_slidetext { left: 15px; }
  .crumbs { display: none; }
  .main_about { padding-top: 30px; }
  .brand_video { padding-bottom: 40px; }
  .quality_main .tong_subtitle { margin-top: 10px; line-height: 22px; }
  .quality_slidetext h2 { font-size: 24px; }
  .technology_main { padding: 40px 0; }
  .technology_en0 { position: static; }
  .technology_list .item { width: 100%; position: static !important; padding-top: 0 !important; }
  .technology_en1 { margin-top: 30px; }
  .technology_list .item { margin-top: 0 !important; margin-bottom: 30px; }
  .technology_list .item .technology_text h2 { margin-bottom: 10px; font-size: 18px; }
  .technology_en p { font-size: 60px; line-height: 70px; }
  .technology_list { height: auto !important; }
  .video_first .playbtn .playbtn_yuan { width: 40px; height: 40px; }
  .video_first .playbtn .playbtn_yuan::after { border-top: 4px solid transparent; border-left: 6px solid #fff; border-bottom: 4px solid transparent; }
  .video_first .playbtn p { margin-top: 10px; font-size: 14px; }
  .video_screen { padding: 15px; }
  .retail_content { padding-bottom: 40px; }
  .retail_search .DefaultSelector > span { width: -webkit-calc(50% - 8px) !important; width: calc(50% - 8px) !important; margin-bottom: 0 !important; }
  .retail_main { padding: 40px 0; }
  .retail_item { display: block; }
  .retail_item .title { width: 100%; margin-bottom: 5px; }
  .retail_item .icon_box { max-width: inherit !important; }
  .retail_btn { display: none; }
  .service_content { padding-bottom: 40px; }
  .service_pagination { display: block; }
  .service_bgcont { padding-bottom: 60px; }
  .main_content { padding-top: 30px; }
  .service_content { margin-top: 30px; }
  .service_contact .service_biaoti { display: block; }
  .service_contact .service_biaoti .service_left h2 { font-size: 30px; line-height: 1.1; }
  .service_contact .service_biaoti .service_left { width: 100%; padding: 0; text-align: left; margin-bottom: 20px; }
  .service_contact .service_biaoti .service_right { width: 100%; padding: 0; border: none; }
  .contact_list .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .contact_list .item .erweima_box { margin-right: 15px !important; }
  .contact_list { margin-bottom: 0; }
  .news_details { padding-bottom: 40px; }
  .news_list .item .news_text { padding: 20px 15px !important; }
  .news_list .item { width: 100%; position: static !important; }
  .news_list .item .news_desc { margin-bottom: 15px !important; }
  .news_list .item .news_text { border: none !important; border-bottom: 1px solid #e5e5e5 !important; }
  .joinus_list .item .img_text { position: static; height: auto !important; padding: 30px 15px; }
  .joinus_list .item { display: block; padding-bottom: 20px; }
  .joinus_list .item .imgbox, .joinus_list .item .img_text { width: 100%; }
  .joinus_list .item .img_text h2 { margin-bottom: 5px; }
  .joinus_main { padding-bottom: 40px; }
  .joinus_contact { padding: 80px 0; }
  .pay_tixi .item { padding: 25px 0; }
  .fuwu_tixione .fw_text { padding-left: 15px; }
  .fuwu_tixione .fw_text h2 { font-size: 16px; }
  .fuwu_tixione { height: 300px; margin-bottom: 30px; }
  .fuwu_tixione .fw_list .item { padding: 0 10px; font-size: 14px; }
  .fuwu_tixi, .peiyang_jizhi { padding: 40px 0; }
  .fuwu_tixitwo { margin-top: 30px; }
  .peiyang_tixi .peiyang_subname { font-size: 16px; }
  .peiyang_tixi .peiyang_subname br { display: none; }
  .project_jianjie .tongtitle { position: static; margin-bottom: 30px; }
  .project_jianjie { padding-top: 30px; }
  .peiyang_jizhi .tongtitle { position: static; margin-bottom: 30px; }
  .peiyang_jizhi .tongtitle h2 { text-align: center; }
  .peiyang_jizhi .pyjz_list { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .peiyang_jizhi .pyjz_list .item { width: 48%; margin-top: 0 !important; margin-left: 0 !important; margin-bottom: 20px; }
  .peiyang_jizhi .pyjz_list .item img { display: none; }
  .peiyang_jizhi .pyjz_list .item .item_text { border: 1px solid #e7e7e7; padding-top: 20px; }
  .peiyang_tixi, .project_introduction { padding: 40px 0; }
  .project_swiper .pw_text { width: 30%; font-size: 14px; line-height: 20px; padding: 0 10px; padding-bottom: 10px; }
  .project_swiper .pw_text br { display: none; }
  .project_btn { width: 40px; height: 40px; }
  .project_btn i { font-size: 12px; }
  .project_swiper { margin-bottom: 30px; }
  .fuwu_tixione .fw_list .item h2 { font-size: 14px; }
  .fuwu_tixione .fw_list .item.active { padding-left: 10px !important; }
  .fuwu_tixione .fw_list .item.active h2 { font-size: 16px; margin-bottom: 0; }
  .fuwu_tixione .fw_list .item { width: 50px; }
  .customized_main1 { padding-top: 40px; }
  .customized_title { margin-bottom: 20px; }
  .slide_imgbox { height: 300px; }
  .customized_main2 { padding-top: 40px; padding-bottom: 20px; }
  .customized_swiper { padding-bottom: 20px; }
  .cusbg_title { font-size: 18px; }
  .cusmain_textlist .item { padding: 15px 15px; }
  .cusmain_bg { padding: 90px 0; }
  .cusmain_textlist .item h2 { font-size: 16px; padding-bottom: 5px; }
  .cusmain_textlist { margin-top: -46px; }
  .customized_main4 { padding-top: 30px; padding-bottom: 40px; }
  .customized_main4 .fuwu_tixione { height: 300px; }
  .cusmain_textlist .item p { margin-top: 10px; }
  .chose_list .item .item_big { width: 100px; height: 100px; }
  .chose_list .item .item_big .item_box { width: 80px; height: 80px; }
  .chose_list .item .item_big .item_box img { width: 35px; }
  .chose_list .item h2 { margin-top: 10px; font-size: 14px; }
  .rotate img { width: 10px; }
  .customized_main5 { padding: 60px 0; }
  .chose_list .item::after { width: 32px; height: 10px; background-size: cover; }
  .customized_main6 { padding-top: 40px; padding-bottom: 60px; }
  .partner_list { width: 100%; margin-top: 40px; }
  .partner_list .item { padding: 0 10px; }
  .member_main1 { padding-top: 40px; }
  .member_main2, .member_main3, .member_main4 { padding: 40px 0; }
  .member_main4 .integral_list .item .icon_box { width: 100px; height: 100px; }
  .member_main4 .integral_list .item .icon_box img { width: 40px; }
  .member_main4 .integral_list .item .icon_text { margin-top: 10px; padding: 0 10px; }
  .member_main4 .integral_list .item .icon_text h2 { font-size: 14px; }
  .martop70 { margin-top: 30px; }
  .activity_main1 { padding-top: 40px; padding-bottom: 50px; }
  .activity_list .item { margin-top: 20px; margin-right: 15px; width: -webkit-calc(50% - (15px / 2)); width: calc(50% - (15px / 2)); }
  .activity_list .item:nth-child(2n) { margin-right: 0; }
  .activity_list .item .activity_text .titen { font-size: 16px; line-height: 20px; }
  .activity_list .item .activity_text .titcn { font-size: 14px; }
  .cb_list .item { width: -webkit-calc(33.3333% - 10px); width: calc(33.3333% - 10px); margin-right: 15px; margin-bottom: 25px; }
  .cb_list .item:nth-child(3n) { margin-right: 0; }
  .cb_list .item .icon_box::after { display: none; }
  .cooperation_main1 { padding-top: 30px; }
  .cooperation_imgbox { height: 300px; }
  .cooperation_tit .center1200 { padding: 20px 15px; }
  .product_banner .inner_mask { width: 100%; }
  .cooperation_main2 { padding: 40px 0; }
  .faq_main1 { padding-top: 30px; padding-bottom: 40px; }
  .faq_list .item .faq_wenti .faq_w { font-size: 14px; width: 30px; }
  .faq_list .item .faq_wenti .faq_down, .faq_list .item .faq_daan .faqda_w { width: 30px; }
  .faq_list .item .faq_wenti .faq_down img { width: 15px; }
  .faq_list .item .faq_wenti .faq_tit { font-size: 14px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); }
  .faq_list .item .faq_daan .faqda_tit { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); font-size: 14px; line-height: 20px; }
  .we_about_main { padding: 180px 0; }
  .our_direction .dirboximgitem .itembox { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
  .our_direction .dirboxitem { padding: 260px 15px !important; text-align: center !important; }
  .our_direction .direction_box .item:first-child .item_tit, .our_direction .direction_box .item:last-child .item_tit { left: 50% !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }
  .our_direction .direction_box .item:first-child .item_tit { bottom: 0 !important; }
  .our_direction .direction_box .item:last-child .item_tit { top: 0 !important; }
  .main3 .pcmain3, .pcshow { display: none; }
  .mobilemain3, .moblieshow { display: block; }
  .index .main5 { background: #f6efea; }
  .main6 .DefaultSelector > span { width: 50% !important; margin-right: 5px !important; }
  .index .main6 .content .block .btn { width: 23.33% !important; }
  .index .main6 .content .block, .main6 .DefaultSelector { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  /*.main5bgimg { display: block; }*/
  .mobile_sxbtn { display: block; }
  .product .main1 .content .box .left_box { width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 20px; }
  .product .main1 .content .title_box { margin-left: 0; }
  .product .main1 .content .box .right_box { width: 100%; }
  .product .main1 .content .box .left_box { background-color: #fff; position: fixed !important; top: 0; left: -100%; top: 0; bottom: 0; z-index: 999; -webkit-transition: all 0.4s; transition: all 0.4s; }
  .mask_box { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.2); z-index: 99; display: none; }
  .news_list .item.hasimg .newbgimg { display: none; }
  .news_list .item.hasimg .imgbox { display: block; }
  .news_list .item h2, .news_list .item .news_desc { height: auto; }
  .news_list .item h2 { margin-bottom: 15px; }
  .retail_item .retail_item_top { display: block; }
  .culture_pagination { display: block; }
  .culture_box .culture_item h2 { font-size: 16px !important; }
  .culture_box .culture_item .culture_hidebox h3 { font-size: 18px; }
  .culture_box .culture_item .culture_hidebox p { letter-spacing: 2px; }
  .culture_box .culture_item .cu_xian { height: 25px; margin: 15px auto; }
  .culture_box .culture_item { background: rgba(0, 0, 0, 0.2) !important; }
  .culture_box .culture_item .culture_hidebox { height: auto !important; opacity: 1 !important; } }

@media (max-width: 600px) {
  #search-form{width: calc(100% - 30px);right: 15px;}
  .error .con2 .con{margin-top: 20px;padding: 0 15px;}
   .gift_exchange_swiper .swiper-slide p { font-size: 14px; }
  .backList_Links { width: 220px; height: 50px; }
  .abdt_btn { margin-bottom: 30px; }
  .prodcut_details .main2 .content .details_txt tr td { width: auto !important; padding: 5px 10px; }
  .prodcut_details .main2 .content .tag { margin-top: 15px; }
  .prodcut_details .main2 .content .title, .prodcut_details .main3 .title_box .title { font-size: 18px; line-height: 25px; }
  .prodcut_details .main1 .right_box .title { font-size: 20px; line-height: 24px; }
  .prodcut_details .main1 .right_box .link { margin-top: 20px; }
  .prodcut_details { margin-top: 60px; }
  .product .main1 .content .box { margin-top: 10px !important; }
  .product_new_swiper .pro_newxbox .proimg_text { padding: 20px 0; }
  .product_new_swiper .pro_newxbox .proimg_text h3 { margin: 10px 0; }
  .product_new_swiper .pro_newxbox .proimg_text .prop_tx { padding-top: 10px; margin-bottom: 10px; }
  .product_new_swiper .pro_newxbox .proimg_text h3, .product_new_swiper .pro_newxbox .proimg_text .prop_tx h4 { font-size: 16px; }
  .product_new_swiper .pro_newxbox .proimg_text .prop_tx p br { display: none; }
  .product_new_swiper .pro_newxbox .proimg_text .prop_tx p { font-size: 14px; }
  .product_new_swiper .pro_newxbox .proimg_text h2 { font-size: 18px; }
  .product .main1 .content .title_box .title { font-size: 18px  !important; }
  .product .main1 .content .title_box .tag { font-size: 12px; }
  .product .main1 .content .title_box .tag:not(:first-child) { margin-left: 8px; }
  .product .pdd100 { padding-top: 60px !important; }
  .product_banner .inner_mask p { font-size: 12px; }
  .news_details .title_box { margin-top: 15px; }
  .news_details .title { font-size: 18px; line-height: 24px; }
  .news_details .news_banner .form_box .item, .news_details .news_banner .form_box { width: 100%; }
  .network_content { padding-top: 60px !important; }
  .mh_navlist { top: 60px; }
  .mobile_header { height: 60px; }
  .mh_logo img { width: 70px; }
  .mh_searchbtn i { font-size: 20px; }
  .defanav_btn { width: 25px; height: 20px; }
  .defanav_btn span:nth-child(2) { width: 20px; top: 8px; }
  .defanav_btn span:nth-child(3) { top: 17px; }
  .defacloseNavbtn span:nth-child(3) { top: 12px; }
  .index .main6 .content .block .btn { font-size: 14px; }
  .index .main6 .content .block { margin-top: 20px; }
  .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; }
  .index .main6 .content .block .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 10px; height: 10px; margin-left: -10px; margin-top: -7px; }
  .index .main4 .icon_img1 { width: 20.11458% !important; }
  .index .main4 .icon_img2 { width: 30.16667% !important; }
  .index .main4 .icon_img1 { right: 14%; }
  .index .main4 .icon_img2 { right: -5%; }
  .indexmain3_swiper .swiper-slide .main3text h2 { font-size: 30px; }
  .indexmain3_swiper .swiper-slide .main3text a { font-size: 18px; }
  .product_banner .inner_mask h2 { font-size: 22px; }
  .product_banner .inner_mask .pro_xian { height: 30px; margin: 10px auto; }
  .product_banner .inner_mask h3 { font-size: 18px; }
  .product_banner .moblie_img { height: 320px; }
  .project_swiper .pw_text { display: none; }
  .peiyang_jizhi .pyjz_list .item .item_text { padding-top: 15px; padding-left: 15px; padding-right: 15px; }
  .peiyang_jizhi .pyjz_list .item .item_text h3 { font-size: 24px; margin-left: -15px; }
  .peiyang_jizhi .pyjz_list .item .item_text p { height: 130px; }
  .peiyang_jizhi .pyjz_list .item .item_title { padding: 15px; }
  .peiyang_jizhi .pyjz_list .item .item_text h2, .peiyang_jizhi .pyjz_list .item .item_title h2 { font-size: 16px; }
  .joinus_list { margin-top: 30px; }
  .service_bgcont .service_bg { height: 200px; }
  .service_bgcont .center1200 { margin-top: -140px; }
  .service_bgcont .service_iconlist { margin-top: 30px; }
  .retail_search .retail_input input { padding: 0 10px; }
  .retail_item .icon_box p img { width: 12px; }
  .retail_item .icon_box p span { width: -webkit-calc(100% - 23px); width: calc(100% - 23px); }
  .retail_first .retail_item { margin-bottom: 0; }
  .retail_item .title { font-size: 16px; }
  .quality_swiperbox { padding-top: 30px; }
  .quality_xian { height: 40px; }
  .quality_slidetext p br { display: none; }
  .quality_slidetext h3 { font-size: 16px; }
  .sub_banner .sub_mask p { line-height: 20px; font-size: 12px; }
  .we_about_content { margin-top: 0; }
  .footer_imglink { margin-top: 20px; text-align: center; }
  .index .main1 .top1_box .title { font-size: 22px !important; }
  .index .main1 { padding: 40px 0 !important; }
  .index .main1 .top1_box .tag_box .tag { font-size: 16px; }
  .index .main1 .top1_box .content .txt_box .name { font-size: 18px !important; }
  .index .main1 .bottom_box .block .picture_container { padding-top: 90%; }
  .index .main1 .top1_box .content { padding-bottom: 0 !important; }
  .index .main2 .mask .block_box .block { display: block; }
  .index .main2 .mask .block_box .block .img { width: 100%; }
  .index .main2 .mask .block_box .block .txt_box .more { margin-top: 20px; }
  .index .main2 .mask .block_box .block .txt_box { padding-left: 0; margin-top: 20px; padding-bottom: 40px; }
  .index .main2 .mask .block_box .swiper-pagination { bottom: 20px !important; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; left: 0; right: 0 !important; }
  /* .index .main2 .mask .block_box .block { padding: 10px !important; } */
  .index .main2 .mask .block_box .block .txt_box .name { font-size: 22px !important; line-height: 30px !important; }
  .index .main2 .mask .title { font-size: 35px !important; }
  .index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next { font-size: 22px !important; }
  .index .main2 .mask .block_box { margin-top: 50px !important; }
  .index .main2 .mask { padding: 60px 0 !important; }
  .index .main2 .swiper_control { top: 65px !important; }
  .index .main3 .block .mask .name { font-size: 20px !important; }
  .index .main4 .title_box .name { font-size: 26px !important; }
  .index .main5 { padding-bottom: 60px !important; padding-top: 80px !important; }
  .index .main5 .content .txt_box { margin-top: -10px; }
  .index .main5 .content .txt_box .name { font-size: 20px !important; line-height: 26px !important; }
  .index .main5 .content .block .left_box .name { font-size: 18px; }
  .index .main5 .content .block .left_box .more { margin-top: 10px; }
  .index .main6 .content .title { font-size: 22px; }
  .inner_banner .moblie_img, .sub_banner .moblie_img { height: 320px; }
  .index .main2 .mask .block_box .block .txt_box .abstract { display: none; }
  .about_imgtext { right: 10px; }
  .about_imgtext h3, .about_imgtext h2 { font-size: 18px; }
  .main_about { padding-bottom: 40px; }
  .about_notice .item .notice_text { padding: 0 15px; }
  .about_notice .item .notice_text .notice_btn { margin-top: 30px; }
  .about_notice { margin-top: 30px; }
  .inner_banner .inner_mask h2 { font-size: 18px; }
  .tongtitle h2 { font-size: 18px; }
  .we_about_main { padding: 90px 0; }
  .we_classification .item { width: 50%; padding: 20px 10px !important; }
  .direction_box .item h2 { font-size: 24px; line-height: 30px; }
  .direction_box .item { height: 300px; }
  .westyle_list li { font-size: 12px; }
  .westyle_slidetext h2 { font-size: 16px; line-height: 20px; }
  .westyle_slidetext h3 { font-size: 14px; }
  .westyle_slidetext p { font-size: 12px; }
  .we_celebrity_text h2 { font-size: 18px; margin-bottom: 10px; }
  .we_celebrity_text p { font-size: 14px; }
  .designer_swiper .designer_text { bottom: 30px; }
  .video_list .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .video_list .item .video_tit { height: 60px; line-height: 60px; }
  .video_screen a { font-size: 12px; padding: 6px 10px; }
  .video_screen_search { margin-top: 15px; }
  .video_first { margin: 25px 0; }
  .morebtn { margin-top: 30px; }
  .joinus_list .item .img_text h3 { font-size: 20px; }
  .joinus_contacttext h2 { font-size: 22px; }
  .joinus_contact { padding: 60px 0; }
  .pay_tixi .item { width: 100%; margin-right: 0 !important; border-bottom: 1px solid #cdcdcd !important; }
  .pay_tixi .item:last-child { border-bottom: none !important; }
  .pay_tixi .item .icon { width: 25px; }
  .pay_tixi .item .pay_text h2 { font-size: 16px; margin-bottom: 5px; }
  .pay_tixi { margin-top: 0; }
  .fuwu_tixione { height: 200px; }
  .fuwu_tixione { margin-top: 30px; }
  .peiyang_tixi .peiyang_subname { margin-top: 10px; }
  .join_dasheng { padding: 60px 0; }
  .join_dasheng h2 { font-size: 22px; }
  .join_dasheng h3 { font-size: 16px; }
  .cusbg_title { font-size: 16px; margin: 15px 0; }
  .slide_imgbox { height: 200px; }
  .cusmain_textlist .item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 15px; }
  .cusmain_textlist .item:nth-child(2n) { margin-right: 0; }
  .cusmain_bg { padding: 60px 0; }
  .fuwu_tixione .fw_list .item h2 { font-size: 12px;-webkit-writing-mode:vertical-lr; }
  .fuwu_tixione .fw_list .item.active h2{-webkit-writing-mode:horizontal-tb;}
  .chose_list .item::after { display: none; }
  .chose_list .item .item_big { width: 80px; height: 80px; }
  .chose_list .item .item_big .item_box { width: 60px; height: 60px; }
  .chose_list .item h2 { font-size: 12px; }
  .member_erweima img { width: 80px; height: 80px; }
  .member_swiper .member_swiperbox .member_titcn { font-size: 20px; margin-top: 0; line-height: 22px; }
  .vip_table table th { font-size: 14px; }
  .vip_table table tr td, .vip_table table th { padding: 8px 5px; }
  .member_main4 .integral_list .item .icon_text p { font-size: 12px; }
  .member_main4 .integral_list .item .icon_text p br { display: none; }
  .activity_list .item { width: 100%; margin-right: 0; }
  .activity_list .item .activity_text { padding: 30px 15px; }
  .cooperation_tit h2 { font-size: 14px; }
  .cooperation_imgbox { height: 200px; margin-top: 20px; }
  .cooperation_brand { padding-bottom: 20px; }
  .cb_list .item h2 { margin-top: 10px; }
  .direction_box .item h3 { font-size: 18px; }
  .protitbox h2 { font-size: 22px; }
  .protitbox p { font-size: 16px; line-height: 24px; color: #828282; }
  .au_mobilebox { padding: 0 15px; }
  .aurora_mobile_right .au_mobilebox h2 { font-size: 20px; }
  .aurora_mobile_right .au_mobilebox p { font-size: 16px; }
  .au_mobile_pagination { margin-top: 20px; }
  .aurora_left .imgscale p { font-size: 20px; }
  .direction_box .dirbox p { font-size: 14px; line-height: 24px; }
  .direction_box .item .item_tit { font-size: 16px; height: 60px; }
  .direction_box .item:first-child .item_tit { bottom: -30px; }
  .direction_box .item:last-child .item_tit { top: -30px; }
  .dirboxitem { padding: 60px 15px 40px 15px !important; }
  .di_thumbsbox h2 { font-size: 18px; line-height: 24px; }
  .disbg_box { height: 350px; }
  .diamonds_thumbs .zuanjie { width: 80px; top: -90px; }
  .diamonds_thumbsbox { padding-top: 40px; padding-bottom: 40px; }
  .diamonds_box .diamonds_thumbs { margin-top: -60px; }
  .product .main1 .content .box .right_box .block_box .block .price_box { font-size: 14px; }
  .product .main1 .content .box .right_box .block_box .block .txt .abstract { line-height: 20px; min-height: auto; }
  .product .main1 .content .box .right_box .block_box .block .txt { font-size: 14px; line-height: 24px; }
  .error .con2 .con .block .price_box { font-size: 14px; } 
  .error .con2 .con .block .txt .abstract { line-height: 20px; min-height: auto; }
  .error .con2 .con .block .txt { font-size: 14px; line-height: 24px; }
  .we_about_content h3 { font-size: 18px; }
  .we_classification .item .icon img { height: 30px; }
  .our_direction .dirboxitem { padding: 140px 15px !important; text-align: center !important; }
  .we_mobile_style_swiper .box h2 { font-size: 30px; line-height: 40px; }
  .we_mobile_style_swiper .box h3 { font-size: 18px; }
  .we_mobile_style_swiper .box p { font-size: 14px; }
  .we_mobile_style_swiper .huadong { margin-top: 30px; }
  .we_mobile_thumbs_swiper .swiper-slide { font-size: 14px; }
  .we_mobile_thumbs_swiper { height: 60px; }
  .we_mobile_style_swiper .swiper-slide { padding: 100px 15px 120px 15px; }
  .we_celebrityflex { padding: 50px 15px; }
  .designer_swiper .designer_text h2 { font-size: 20px; }
  .designer_swiper .designer_text h3 { font-size: 18px; }
  .designer_swiper .designer_text .designer_desc { font-size: 14px; line-height: 22px; }
  .designer_swiper .swiper-slide .des_xian { height: 30px !important; }
  .designer_swiper .designer_text { left: 15px; right: 15px; bottom: 15px; }
  .designer_title h2, .we_title { font-size: 18px; }
  .brand_box .brand_left h2 { font-size: 38px; }
  .brand_box { margin-top: 10px; }
  .brand_box .brand_left h6 { font-size: 20px; }
  .brand_box .brand_right .title { font-size: 20px; }
  .history_slidebox .history_text .hist_year { font-size: 35px; line-height: 40px; }
  .history_slidebox .history_text .hist_title { font-size: 18px; }
  .history_slidebox .history_text .hist_desc { margin-top: 10px; }
  .history_swiper_btn { top: 0; }
  .history_swiperbox { padding: 50px 0; }
  .brand_img03 { margin-top: -60px; }
  .brand_img02 { margin-top: -120px; }
  .brand_box .brand_right .desc, .history_slidebox .history_text .hist_desc { line-height: 26px; }
  .indexMain1Top { margin-top: 30px; } }

@media (max-width: 1600px) { .index .main1 .top1_box .content .img_box .img { left: -155px; }
  .index .main2 .mask { padding-top: 100px; } }

@media (max-width: 1400px) { .index .main1 .bottom_box { padding: 0 30px; } }

@media (max-width: 1200px) { .center1200 { width: 100%; padding: 0 15px; }
  .index .main1 { padding: 50px 0; }
  .index .main1 .top1_box .content { padding: 70px 0; margin-left: 30px; }
  .index .main1 .top1_box .content .img_box .img { left: -50px; }
  .index .main1 .top1_box .content .txt_box .name { font-size: 22px; line-height: 30px; }
  .index .main1 .bottom_box .swiper-scrollbar { width: 100%; margin-top: 45px; }
  .index .main2 .bg_img { display: none; }
  .index .main2 .mask { background-size: cover; position: unset; padding: 80px 0; }
  .index .main2 .mask .title { font-size: 52px; }
  .index .main2 .mask .block_box { margin-top: 80px; }
  .index .main2 .mask .block_box .swiper-pagination { bottom: 40px; }
  .index .main2 .mask .block_box .block .txt_box .name { font-size: 22px; line-height: 30px; }
  .index .main2 .swiper_control { width: 100%; top: 80px; }
  .index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next { font-size: 45px; }
  .index .main3 .block .mask .name { font-size: 36px; }
  .index .main3 .block .mask .tag { margin-top: 20px; }
  .index .main4 { padding-top: 60px; }
  .index .main4 .title_box .name { font-size: 36px; }
  .index .main4 .title_box .more { margin-top: 20px; }
  .index .main4 .img { margin-top: 20px; }
  .index .main4 .icon_img1 { width: 9.11458%; }
  .index .main4 .icon_img2 { width: 14.16667%; }
  .index .main5 { padding: 80px 0; }
  .index .main5 .content .txt_box .name { font-size: 26px; line-height: 32px; }
  .index .main5 .content .block { margin-top: 60px; }
  .product .main1 { padding: 80px 0; }
  .product .main1 .content { padding: 0 15px; }
  .product .main1 .content .title_box .title { font-size: 28px; }
  .product .main1 .content .box { margin-top: 20px; }
  .product .main1 .content .box .left_box.fixed { left: 15px; }
  .product .main1 .content .box .right_box .block_box .block { padding: 20px; }
  .product .main1 .content .box .right_box .block_box .block .img { width: 60%; margin: 30px auto; }
  .error .con2 .con .block { padding: 20px; } 
  .error .con2 .con .block .img { width: 60%; margin: 30px auto; }
 }

@media (max-width: 768px) { 
  
  


  .search_jgcont { padding: 40px 0; }
  .search_list a { display: block; }
  .search_list a .text h2 { font-size: 18px; }
  .search_list a .imgbox { width: 100%; }
  .search_list a .text { width: 100%; margin-top: 15px; }
  .search_list a .text p { margin-top: 5px; }
  .search_jgcont .search_box { width: 100%; }
  .search_box input { line-height: 40px; }
  .search_jgcont .search_box .btn { line-height: 35px; }
  
  
  
  .index .main1 { padding: 60px 0; }
  .index .main1 .top1_box .title { font-size: 26px; letter-spacing: 1px; }
  .index .main1 .top1_box .tag_box { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); width: 240px; }
  .index .main1 .top1_box .tag_box .tag { color: #cacaca; padding-left: 10px; }
  .index .main1 .top1_box .tag_box .tag:not(:nth-child(5n + 1))::after { left: 5px; }
  .index .main1 .top1_box .content { padding: 0 0 60px; margin-left: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .index .main1 .top1_box .content .img_box { padding: 40px 0; width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .index .main1 .top1_box .content .img_box .img { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45%; }
  .index .main1 .top1_box .content .txt_box { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; }
  .index .main1 .top1_box .content .txt_box .name { font-size: 22px; line-height: 30px; }
  .index .main1 .bottom_box .swiper-scrollbar { width: 100%; margin-top: 45px; }
  .index .main2 .bg_img { display: none; }
  .index .main2 .mask { background-size: cover;padding: 80px 0; background-position: center;}
  .index .main2 .mask .title { font-size: 52px; }
  .index .main2 .mask .block_box { margin-top: 80px; }
  .index .main2 .mask .block_box .swiper-pagination { bottom: 40px; }
  .index .main2 .mask .block_box .block .txt_box .name { font-size: 22px; line-height: 30px; }
  .index .main2 .swiper_control { width: 100%; top: 80px; }
  .index .main2 .swiper_control .swiper-button-prev, .index .main2 .swiper_control .swiper-button-next { font-size: 45px; }
  .index .main3 .block .mask .name { font-size: 36px; }
  .index .main3 .block .mask .tag { margin-top: 20px; }
  .index .main4 { padding-top: 60px; }
  .index .main4 .title_box .name { font-size: 36px; }
  .index .main4 .title_box .more { margin-top: 20px; }
  .index .main4 .img { margin-top: 20px; }
  .index .main4 .icon_img1 { width: 9.11458%; }
  .index .main4 .icon_img2 { width: 14.16667%; }
  .index .main5 { padding: 80px 0; }
  .index .main5 .content .txt_box .name { font-size: 26px; line-height: 32px; }
  .index .main5 .content .block { margin-top: 60px; }
  .index .main6 .content .block { width: 100%; padding: 0 15px; }
  .product .main1 { padding: 60px 0; }
  .product .main1 .content .title_box .title { font-size: 26px; }
  .product .main1 .content .box { margin-top: 20px; }
  .product .main1 .content .box .left_box.fixed { left: 15px; }
  .product .main1 .content .box .right_box .block_box .block { padding: 10px; width: 49%; }
  .product .main1 .content .box .right_box .block_box .block:not(:nth-child(3n)) { margin-right: 0; }
  .product .main1 .content .box .right_box .block_box .block:nth-child(n + 3) { margin-top: 15px; }
  .product .main1 .content .box .right_box .block_box .block:nth-child(odd) { margin-right: 2%; }
  .product .main1 .content .box .right_box .block_box .block .img { width: 60%; margin: 30px auto; } 
  .error .con2 .con .block { padding: 10px; width: 49%; } 
  .error .con2 .con .block:not(:nth-child(3n)) { margin-right: 0; } 
  .error .con2 .con .block:nth-child(n + 3) { margin-top: 15px; } 
  .error .con2 .con .block:nth-child(odd) { margin-right: 2%; } 
  .error .con2 .con .block .img { width: 60%; margin: 30px auto; }  

}


  @media (max-width: 465px){
    .fuwu_tixione .FW_BJ .imgBox .picture{padding-top: 75%;}
    .customized_title{display: none;}
    .customized_title2{display: block;}
    .fuwu_tixione .fw_list{height: 50%;}
    .cusimgbox{height: 300px;}
    .prodcut_details .main2 .content .details_txt tr{display: block;border-top: none;}
    .prodcut_details .main2 .content .details_txt tr td{display: block;font-size: 14px;}
    .prodcut_details .main2 .content .details_txt tr td:nth-child(1){text-align: left;}
    .prodcut_details .main2 .content .details_txt tr td:nth-child(even){border-bottom: 1px solid #e0ded8;font-size: 12px;}
    .brand_box .brand_right .desc{text-align: left;}
    .technology_list .item .imgbox{text-align: center;}
    .video_screen a{margin: 0 10px;}
    .video_list .item .imgbox::after{opacity: 1;}
    .video_list .item .video_play{opacity: 1;}
    .index .main2 .mask .block_box{margin-top: 110px !important;}
    .index .main2 .mask{background-position:center;}
    .index .main1 .top1_box .content .txt_box .more,
    .index .main2 .mask .block_box .block .txt_box .more{font-size: 20px;font-weight: bold;}
    .product .main1 .content .box .right_box .block_box .block:nth-child(odd){margin-right: 2px !important;}
    .error .con2 .con .block:nth-child(odd){margin-right: 2px !important;}
  }



ul li {
  list-style: revert;
}
.clearfloat li, .news_list li{
  list-style: none;
}
h1, h2, h3, h4,h5 {
  font-weight: revert;
}
.header-back-btn{
  top: 70px;
  position: absolute;
  cursor: pointer;
  color: #fff;
}
.header.active .head_top .header-back-btn {
  color: #333;
}
.header:hover .head_top .header-back-btn {
  color: #333;
}
.header-back-btn:before{
  content: "\e602";
}
.footer-intro {
  position: absolute;
  z-index: 99999;
  top: 80px;
  color: #fff;
  padding: 24px;
  font-size: 18px;
  text-indent: 30px;
  line-height: 48px;
}

@media (max-width: 768px){
  .index .main1 .top1_box .content .img_box .bg img {
    width:950px; height:500px; object-fit: cover;
  }
  .footer-intro {
    position: absolute;
    z-index: 99999;
    top: 5px;
    color: #fff;
    padding: 8px;
    font-size: 8px;
    text-indent: 16px;
    line-height: 13px;
  }
  .footer{
    text-align:center;
  }
}

.footer_left li {
  line-height: 35px;

}

.indmain3-video { position: absolute; top: 0; left: 0; right: 0; }

.indmain3-video video { width: 100%; object-fit: fill; }