/*--公共部分--*/
@font-face { font-family: 'gilroymedium'; src: url("../fonts/gilroy-medium-2-webfont.eot"); src: url("../fonts/gilroy-medium-2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy-medium-2-webfont.woff2") format("woff2"), url("../fonts/gilroy-medium-2-webfont.woff") format("woff"), url("../fonts/gilroy-medium-2-webfont.ttf") format("truetype"), url("../fonts/gilroy-medium-2-webfont.svg#gilroymedium") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'gilroybold'; src: url("../fonts/gilroy-bold-4-webfont.eot"); src: url("../fonts/gilroy-bold-4-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy-bold-4-webfont.woff2") format("woff2"), url("../fonts/gilroy-bold-4-webfont.woff") format("woff"), url("../fonts/gilroy-bold-4-webfont.ttf") format("truetype"), url("../fonts/gilroy-bold-4-webfont.svg#gilroybold") format("svg"); font-weight: normal; font-style: normal; }news_details

@font-face { font-family: 'hmsanB'; src: url("../fonts/HarmonyOS_Sans_Bold.ttf") format("truetype"); }

@font-face { font-family: 'hmsanM'; src: url("../fonts/HarmonyOS_Sans_Medium.ttf") format("truetype"); }

@font-face { font-family: 'hmsan'; src: url("../fonts/HarmonyOS_Sans_Regular.ttf") format("truetype"); }

@font-face { font-family: 'hmsanL'; src: url("../fonts/HarmonyOS_Sans_Light.ttf") format("truetype"); }

#ECHAT_mini_icon{display:none !important;}
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; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, img { padding: 0; margin: 0; font-weight: 400; }

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

body, button, input, select, textarea { font: 14px/1.5 'hmsanL', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif,Arial; color: #000; }

img { border: 0px; vertical-align: middle; }

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: #000; 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; margin: 0px; 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 20px; }

.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; padding: 0 15px; } }

@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 { padding: 0 15px; } }

@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 { padding: 0 15px; } }

@media (min-width: 1320px) { .commonweb { padding: 0 15px; } }

@media (min-width: 1400px) { .commonweb { padding: 0 15px; } }

@media (min-width: 1600px) { .commonweb { max-width: 1420px; } }

/* 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-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; pointer-events: none; }

.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: 0.8s; animation-duration: 0.8s; -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(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 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(50%, 0, 0);
  transform: translate3d(50%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 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, 30px, 0);
  transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 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%); }

.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: 8px; 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: 10px; }

.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; color: #333; }

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

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

.defaSearchList dl dd a { color: #333; }

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

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

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

.defaWebMap { background-color: #2a2b30; }

.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: #2a2b30; padding: 0px 13px; }

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

.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; color: rgba(255, 255, 255, 0.8); }

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

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

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

.defaArticleDetails 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; }

.wechat-qrcode { display: none; border: 1px solid #eee; position: fixed; z-index: 999; top: 50%; left: 50%; width: 200px; height: 192px; margin-top: -96px; margin-left: -100px; 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; }

.wechat-qrcode.bottom { top: 40px; left: -84px; }

.wechat-qrcode.bottom:after { display: none; }

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

.wechat-qrcode .qrcode { width: 105px; margin: 10px auto; }

.wechat-qrcode .qrcode table { margin: 0 !important; }

.wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; width: 100%; }

.wechat-qrcode .closeWechat { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; z-index: 9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; }

.wechat-qrcode .closeWechat:after { width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; content: ''; display: block; background: #666; }

.wechat-qrcode .closeWechat::before { width: 100%; height: 2px; position: absolute; top: 50%; margin-top: -1px; content: ''; display: block; background: #666; }

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

@font-face { font-family: "iconfont"; /* Project id 2684660 */ src: url("../fonts/iconfont.woff2?t=1658905733069") format("woff2"), url("../fonts/iconfont.woff?t=1658905733069") format("woff"), url("../fonts/iconfont.ttf?t=1658905733069") format("truetype"); }

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

.icon_wenhao2:before { content: "\e646"; }

.icon_wuzhangai:before { content: "\e638"; }

.icon_fanhui:before { content: "\e6ff"; }

.icon_wenhao1:before { content: "\e627"; }

.icon_wenhao:before { content: "\e644"; }

.icon_chuanshu:before { content: "\e65d"; }

.icon_phone_1:before { content: "\e629"; }

.icon_jiantou-you:before { content: "\e62b"; }

.icon_linkedin:before { content: "\e642"; }

.icon_youtube1:before { content: "\e8a7"; }

.icon_go_top1:before { content: "\e625"; }

.icon_xihuan2:before { content: "\e8c3"; }

.icon_shoucang1:before { content: "\e622"; }

.icon_dianzan1:before { content: "\e668"; }

.icon_xihuan1:before { content: "\e637"; }

.icon_tips:before { content: "\e687"; }

.icon_xiaoxi1:before { content: "\e61c"; }

.icon_delete:before { content: "\e718"; }

.icon_edit:before { content: "\e61f"; }

.icon_x2:before { content: "\e795"; }

.icon_duihao:before { content: "\e6c6"; }

.icon_yanjing:before { content: "\e648"; }

.icon_xiaoxi:before { content: "\e66c"; }

.icon_pingjia:before { content: "\e636"; }

.icon_good:before { content: "\e62a"; }

.icon_fenxiang1:before { content: "\e61b"; }

.icon_xiaochengxu:before { content: "\e63e"; }

.icon_home:before { content: "\e61a"; }

.icon_jiantou14_down:before { content: "\e6cd"; }

.icon_link:before { content: "\e618"; }

.icon_weizhi2:before { content: "\e633"; }

.icon_user2:before { content: "\e613"; }

.icon_jianyi:before { content: "\e6cf"; }

.icon_youxiang1:before { content: "\e66b"; }

.icon_rili:before { content: "\e8cf"; }

.icon_yueduliang:before { content: "\e6a0"; }

.icon_lingying2:before { content: "\ee48"; }

.icon_user:before { content: "\e63c"; }

.icon_sousuo2:before { content: "\e679"; }

.icon_wangluo:before { content: "\e7b5"; }

.icon_jiantou14_right:before { content: "\e611"; }

.icon_mima:before { content: "\e60f"; }

.icon_anquan:before { content: "\ec4d"; }

.icon_shouji:before { content: "\e610"; }

.icon_jiantou6_left:before { content: "\eb8c"; }

.icon_jiantou13_right:before { content: "\e619"; }

.icon_xiazai3:before { content: "\e794"; }

.icon_instagram:before { content: "\e737"; }

.icon_linkedin1:before { content: "\e6c1"; }

.icon_guanbi:before { content: "\e623"; }

.icon_bofang3:before { content: "\e63b"; }

.icon_icon_jiantou12_right:before { content: "\e60e"; }

.icon_shangjiantou:before { content: "\e60b"; }

.icon_shangjiantou1:before { content: "\e60d"; }

.icon_xiazai2:before { content: "\e617"; }

.icon_weizhi:before { content: "\e78b"; }

.icon_jiantou11_left:before { content: "\e76b"; }

.icon_jiantou11_right:before { content: "\e8dc"; }

.icon_dingwei:before { content: "\e8c4"; }

.icon_douyin:before { content: "\e8db"; }

.icon_yuanquanjiantou:before { content: "\e61e"; }

.icon_stop:before { content: "\e650"; }

.icon_bofang2:before { content: "\e87c"; }

.icon_pengyouquan:before { content: "\e621"; }

.icon_xiaohongshu:before { content: "\e609"; }

.icon_dianhua1:before { content: "\e631"; }

.icon_bofang1:before { content: "\e624"; }

.icon_liuyan:before { content: "\e60a"; }

.icon_shijian:before { content: "\e64d"; }

.icon_dianhua:before { content: "\e616"; }

.icon_youxiang:before { content: "\e608"; }

.icon_xiazai1:before { content: "\e620"; }

.icon_wendang1:before { content: "\e69c"; }

.icon_address1:before { content: "\e67e"; }

.icon_jiantou10_left:before { content: "\e768"; }

.icon_jiantou10_right:before { content: "\e607"; }

.icon_zuizuo3_left:before { content: "\e767"; }

.icon_zuiyou3_right:before { content: "\e604"; }

.icon_top1:before { content: "\e612"; }

.icon_x:before { content: "\e688"; }

.icon_jiantou9_left:before { content: "\e6e0"; }

.icon_jiantou9_right:before { content: "\e766"; }

.icon_jiantou8_left:before { content: "\e6a5"; }

.icon_zuizuo2_right:before { content: "\e606"; }

.icon_zuizuo2_left:before { content: "\e763"; }

.icon_jiantou8_right:before { content: "\e764"; }

.icon_zuizuo1_left:before { content: "\e70f"; }

.icon_zuizuo1_right:before { content: "\e762"; }

.icon_yanjing1:before { content: "\e605"; }

.icon_position_small1:before { content: "\e603"; }

.icon_qq:before { content: "\e760"; }

.icon_jiantou7_right:before { content: "\e71a"; }

.icon_jiantou7_left:before { content: "\e602"; }

.icon_home1:before { content: "\e601"; }

.icon_gouwu:before { content: "\e65c"; }

.icon_yonghu:before { content: "\e719"; }

.icon_sousuo1:before { content: "\e640"; }

.icon_jiantou6_right:before { content: "\e628"; }

.icon_jiantou5_left:before { content: "\e60c"; }

.icon_jiantou5_right:before { content: "\e702"; }

.icon_wechat:before { content: "\e701"; }

.icon_weibo:before { content: "\e626"; }

.icon_facebook:before { content: "\e653"; }

.icon_twitter:before { content: "\e615"; }

.icon_jiantou4_right:before { content: "\e6f3"; }

.icon_jiantou4_left:before { content: "\e76a"; }

.icon_jiantou3_up:before { content: "\e769"; }

.icon_jiantou3_right:before { content: "\e651"; }

.icon_jiantou3_left:before { content: "\e6ba"; }

.icon_jiantou3_down:before { content: "\e761"; }

.icon_jiantou2_left:before { content: "\e6b9"; }

.icon_jiantou2_right:before { content: "\e614"; }

.icon_zanting:before { content: "\e63a"; }

.icon_bofang:before { content: "\e635"; }

.icon_sousuo:before { content: "\e61d"; }

.icon_yuyan:before { content: "\e600"; }

.icon_jiantou1_right:before { content: "\e6b7"; }

.icon_jiantou1_left:before { content: "\e6b8"; }

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

.flex_center, .crumbs .center .item a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -ms-flex-align: center; align-items: center; }

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

.flex_wrap { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

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

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

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

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

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

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

.flex_column_end { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-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: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

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

.fl { float: left; }

.fr { float: right; }

.tc { text-align: center; }

.show { display: block; }

.hide { display: none; }

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

.picture_scale:hover img { -webkit-transform: translate(-50%,-50%) scale(1.1); transform: translate(-50%,-50%) scale(1.1); }

.transition { -webkit-transition: all, 0.3s; transition: all, 0.3s; }

.picture_container { position: relative; overflow: hidden; background: none; }

/**/
.picture_container img {max-height: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  -webkit-transition: all .5s linear; transition: all .5s linear; }

.background_img { background-size: cover; background-repeat: no-repeat; background-position: center center; }

.center1380 { width: 1380px; margin: 0 auto; }

@media (max-width: 1280px) { .center1380 { padding: 0 15px; width: 100%; } }

.layui-box { margin-top: 40px; text-align: center; 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; }

.layui-box em { font-style: normal; }

.layui-box a, .layui-box .layui-laypage-curr { width: 42px; height: 42px; display: block; line-height: 42px; text-align: center; font-size: 18px; color: #777; margin: 0 10px; -webkit-transition: all .5s; transition: all .5s; -webkit-border-radius: 50%; border-radius: 50%; }

.layui-box a:hover, .layui-box .layui-laypage-curr:hover { color: #fff; background-color: #d7000f; }

.layui-box .layui-laypage-curr { color: #fff; background-color: #d7000f; }

.layui-box .layui-laypage-prev, .layui-box .layui-laypage-next, .layui-box .layui-laypage-last, .layui-box .layui-laypage-first { line-height: 42px; margin: 0 10px; }

.layui-box .layui-laypage-next { margin-left: 17px; }

.layui-box .layui-laypage-prev { margin-right: 17px; }

.singlePageBox{min-height: calc(100vh - 647px)}

body { padding-top: 60px; font-family: 'hmsanL'; }

.header { left: 0px; width: 100%; top: 0px; z-index: 99; 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; padding: 0px 20px 0px; -webkit-transition: all .4s ease; transition: all .4s ease; background: #111; }

.header.index_header { position: fixed; }

.exit_login{ font-size: 12px;color: #fff;margin-top: 2px;line-height: 16px;}

.header:not([class*=index_header]) { background: #111; padding: 25px 30px; position: relative; }

.header:not([class*=index_header]) .nav ul li .down {top:calc(100% + 20px);}

.header .nav ul li .icon { display: none; }

.header .nav ul li.product_down .down { display: none; }

.header .nav ul li .down { position: absolute; top: 100%; line-height: 36px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #111; padding: 0 30px; max-height: 0; overflow: hidden; -webkit-transition: all .6s; transition: all .6s; }

.header .nav ul li .down.product_down { opacity: 0 !important; pointer-events: none !important; }

.header .nav ul li .down .line { color: #fff; display: block; -webkit-transition: all .5s; transition: all .5s; white-space: nowrap; width: 100%; text-align: center; }

.header .nav ul li .down .line:hover { color: #d7000f; }

.header .nav ul li .down .s_title { font-size: 16px; }

.header .nav ul li .down .s_down { display: none; }

.header .nav ul li .down .s_down .s_line { padding: 0 15px; display: block; color: #fff; }

.header .nav ul li:hover .down { max-height: 2000px; }

.header .logo { display: block; }

.header .logo img { height: 20px; }

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

.headerContact { display: none; -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; width: 100%; }

.searchBox { width: 30px; position: relative; }

.searchBox .hearch_box { opacity: 0; pointer-events: none; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-49%); -ms-transform: translateY(-49%); transform: translateY(-49%); z-index: 2; width: 250px; border: 1px solid #fff; -webkit-border-radius: 20px; border-radius: 20px; padding: 0 5px; -webkit-transition: all .5s; transition: all .5s; }

.searchBox .hearch_box input {padding: 0 15px; background-color: transparent; color: #fff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height: 35px;background-color: transparent !important }

.searchBox .hearch_box button { border: none; background-color: transparent; font-size: 18px; color: #fff; line-height: 35px; }

.searchBox:hover .hearch_box { opacity: 1; pointer-events: auto; }

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

.langBox { width: 30px; margin-left: 15px; position: relative; z-index: 2; }

.langBox .down { opacity: 0; pointer-events: none; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; background-color: #111; -webkit-transition: all .5s; transition: all .5s; }

.langBox .down .line { display: block; color: #fff; line-height: 30px; padding: 0 20px; }

.langBox .down .line.active{color: #d7000f}

.langBox:hover .down { opacity: 1; pointer-events: auto; }

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

.service { position: relative; padding-left: 30px; line-height: 20px; margin-left: 35px; }

.service img { position: absolute; left: 0%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 20px; }

.service h3 { font-size: 12px; color: rgba(255, 255, 255,1); line-height: 16px; }

.service p { font-size: 14px; color: #fff; font-weight: 700; line-height: 16px; }

.nav ul li .title a { font-size: inherit; color: inherit; font-weight: inherit; display: block; }

.nav ul li .title { color: #fff; font-size: 14px; line-height: 35px; font-weight: 700; }

.navBtn { width: 30px; height: 26px; position: relative; cursor: pointer; float: right; }

.navBtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; }

.navBtn span:nth-child(2) { top: 12px; }

.navBtn span:nth-child(3) { top: 24px; }

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

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

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

.contactUsBtn { display: none; }

.contactUsBtn a { display: block; width: 117px; line-height: 35px; color: #fff; background: #d7000f; -webkit-border-radius: 54px; border-radius: 54px; text-align: center; font-size: 13px; font-weight: 700; text-transform: uppercase; }

.subNavBox { position: fixed; top: 146px; left: 0px; right: 0; width: 100%; background: rgba(0,0,0,0.8); max-height: 0px; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; }

.subNavList { width: 840px; margin: 0px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 50px 0px; }

.twoColumn { width: 250px; }

.twoColumn a { display: block; font-size: 18px; line-height: 45px; color: rgba(255, 255, 255, 0.8); }

.twoColumn a:hover { color: #d7000f; }

.twoColumn a.cur { color: #d7000f; }

.subNavList dl { width: -webkit-calc(100% - 260px); width: calc(100% - 260px); display: none; padding-left: 70px; }

.subNavList dl dt { width: 35%; }

.subNavList dl dt a { display: block; font-size: 16px; line-height: 45px; color: rgba(255, 255, 255, 0.8); }

.subNavList dl dt a:hover { color: #d7000f; }

.subNavList dl dt a.cur { color: #d7000f; }

.subNavList dl dd { width: 65%; }

.subNavList dl dd p { display: none; }

.subNavList .subNavListShow dd p:first-child { display: block; }

.subNavList dl dd p video { width: 100%; }

.subNavList dl dd p img { display: block; width: 100%; }

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

.nav ul li:hover .subNavBox { max-height: 2000px; }

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

.bannerBg { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0px; top: 0px; }

.bannerBg ul li { position: relative; overflow: hidden; }

.bannerBg ul li p { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.banner { position: relative; width: 100%; margin: 0px auto; z-index: 10; }

.banner ul li { padding: 180px 0px 110px; }

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

.bannerContent .img { width: 65%; opacity: 0.5; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; position: relative; }

.bannerContent .img video { width: 100%; top: 0px; height: 100%; left: 0px; position: absolute; object-fit: cover; }

.bannerContent .img img { display: block; width: 100%; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.bannerContent dl { display: none; position: absolute; width: 46.8%; background: rgba(255, 255, 255, 0.9); -webkit-border-radius: 20px; border-radius: 20px; padding: 60px 50px; left: -13%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; z-index: 20; }

.bannerContent dl h3 { font-size: 40px; font-weight: 700; color:#000; line-height: 1.2; font-family: 'gilroybold'; }

.bannerContent dl .desc { font-size: 18px; line-height: 24px; padding-top: 20px; }

.bannerContent dl .more { padding-top: 40px; }

.bannerContent dl .more a { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; }

.bannerContent dl .more a span { 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: 16px; }

.bannerContent dl .more a i { display: block; height: 11px; width: 20px; background-repeat: no-repeat; background-image: url(../images/img_08.png); margin-left: 10px; -webkit-animation: arrow 1s infinite linear; animation: arrow 1s infinite linear; }

.banner ul li.swiper-slide-active .bannerContent { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.banner ul li.swiper-slide-active .bannerContent .img { opacity: 1; }

.banner ul li.swiper-slide-active .bannerContent .img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 6s linear; transition: all 6s linear; }

.banner ul li.swiper-slide-active .bannerContent dl { left: -7%; opacity: 1; visibility: visible; }

.bannerDot { position: absolute; bottom: 40px !important; width: 100%; z-index: 30; text-align: center; }

.bannerDot span { background: url(../images/img_09.png) no-repeat; -webkit-border-radius: 0px !important; border-radius: 0px !important; width: 20px; height: 30px; -webkit-transition: all .3s ease; transition: all .3s ease; display: inline-block; margin: 0px 3px !important; opacity: 1; }

.bannerDot span.swiper-pagination-bullet-active { background: url(../images/img_10.png) no-repeat; }

.bannerTextBox { position: absolute; left: 0px; width: 100%; top: 0px; z-index: 22; padding: 180px 0px 115px; }

.bannerText { overflow: hidden; position: relative; left: -8%; top: 25px; }

.bannerText ul li { opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; }

.bannerText ul li .bannerTextContentBox { position: relative; width: 47%; background: rgba(255, 255, 255, 0.7); -webkit-border-radius: 20px; border-radius: 20px; padding: 150px 50px 0px 50px; height: 630px; z-index: 20; }

.bannerText ul li .bannerTextContentBox dl { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.bannerText h3 { font-size: 40px; font-weight: 700; color:#000; font-family: 'gilroybold'; display: -webkit-box; height: 144px; line-height: 48px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.bannerText .desc { font-size: 18px; margin-top: 20px; line-height: 24px; }

.bannerText .more { padding-top: 40px; }

.bannerText .more a { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; }

.bannerText .more a span { 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: 16px; }

.bannerText .more a i { display: block; height: 11px; width: 20px; background-repeat: no-repeat; background-image: url(../images/img_08.png); margin-left: 10px; }

.bannerText .more a:hover i { -webkit-animation: arrow 1s infinite linear; animation: arrow 1s infinite linear; }

.bannerText ul li.swiper-slide-active { opacity: 1; visibility: visible; }

.bannerText ul li.swiper-slide-active .bannerTextContentBox dl { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .3s; transition-delay: .3s; }

.MainProductBox { background: #f6f6f6; padding: 95px 0px; overflow: hidden; }

.indexTitle { font-size: 56px; font-family: 'gilroybold'; line-height: 1; text-align: center; color:#000; }

.MainProductListBox { position: relative; }

.MainProductListBox em { position: absolute; width: 45px; height: 45px; z-index: 20; cursor: pointer; background-color: rgba(255, 255, 255, 0.1); top: 50%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 100%; border: 2px solid #949494; }

.MainProductListBox em::after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border-right: 2px solid #949494; border-top: 2px solid #949494; }

.MainProductListBox em.MainProductListPrev { left: -85px; }

.MainProductListBox em.MainProductListPrev::after { border: none; border-left: 2px solid #949494; border-bottom: 2px solid #949494; left: -webkit-calc(50% + 3px); left: calc(50% + 3px); }

.MainProductListBox em.MainProductListNext { right: -85px; }

.MainProductListBox em:hover { border-color: #d7000f; }

.MainProductListBox em:hover::after { border-color: #d7000f; }

.MainProductList { overflow: hidden; position: relative; margin-top: 35px; padding-bottom: 50px; }

.MainProductList ul li { position: relative; }

.MainProductList ul li a { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; display: block; background-color: transparent; padding: 0px 0px 45px; position: relative; z-index: 10; -webkit-transition: all .8s ease; transition: all .8s ease; }

.MainProductList ul li .img { background-color: transparent; -webkit-transition: all .6s ease; transition: all .6s ease; }

.MainProductList ul li .img img { width: 100%; -webkit-border-radius: 20px; border-radius: 20px; }

.MainProductList ul li h3 { font-size: 26px; font-family: 'gilroybold'; padding-top: 5px; color: #000000; margin: 0px 30px; }

.MainProductList ul li .desc { font-size: 16px; color: #000; display: -webkit-box; height: 96px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 10px; margin: 0px 30px; }

.MainProductList ul li::after { width: 80%; height: 80%; -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1); content: ''; opacity: 0; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.MainProductList ul li:hover a { background-color: #fff; }

.MainProductList ul li:hover::after { opacity: 1; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .1s; transition-delay: .1s; }

.classicCaseBox { background: url(../images/img_17.jpg) no-repeat left; background-size: cover; overflow: hidden; position: relative; padding: 100px 0px; }

.classicCaseBox .indexTitle { position: absolute; left: -90px; top: 200px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: rgba(51, 51, 51, 0.3); font-size: 50px; z-index: 20; }

.classicCase ul li { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; opacity: 0.5; }

.classicCase ul li .img { width: 69%; height: 580px; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-border-radius: 20px; border-radius: 20px; }

.classicCase ul li .img img { display: block; height: 580px; -webkit-border-radius: 20px; border-radius: 20px; opacity: 0; visibility: hidden; }

.classicCase ul li.swiper-slide-active { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; opacity: 1; }

.classicCase ul li.swiper-slide-active dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.classicCaseBtnBox { 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-top: 20px; padding-left: 31%; position: relative; z-index: 30; }

.classicCaseBtnBox dt em { margin-right: 15px; display: inline-block; position: relative; width: 45px; height: 45px; z-index: 20; cursor: pointer; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 100%; border-radius: 100%; border-radius: 100%; border: 2px solid #949494; }

.classicCaseBtnBox dt em::after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border-right: 2px solid #949494; border-top: 2px solid #949494; }

.classicCaseBtnBox dt em.classicCasePrev::after { border: none; border-left: 2px solid #949494; border-bottom: 2px solid #949494; left: -webkit-calc(50% + 3px); left: calc(50% + 3px); }

.classicCaseBtnBox dt em:hover { border-color: #d7000f; }

.classicCaseBtnBox dt em:hover::after { border-color: #d7000f; }

.classicCaseBtnBox dd { width: auto !important; font-size: 16px; font-family: 'gilroybold'; color:#000; }

.classicCaseBtnBox dd span.current { color:#000; }

.classicCaseTextBox { position: absolute; left: 0px; top: 0px; width: 100%; padding: 100px 0px; }

.classicCaseText { width: 100%; position: relative; overflow: hidden; height: 580px; }

.classicCaseText ul li dl::after { content: ''; background-color: #d7000f; -webkit-border-radius: 0 0 20px 20px; border-radius:0 0 20px 20px; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1 }

.classicCaseText ul li dl { height:100%;width: -webkit-calc(31% - 20px); width: calc(31% - 20px); margin-right: 20px; overflow: hidden; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; -webkit-border-radius: 20px; border-radius: 20px; }

.classicCaseText ul li dl dd { position: absolute;top:0;left:0;right: 0; width: 100%; height: 100%; z-index: 10; padding: 130px 45px 0px; visibility: hidden; }

.classicCaseText ul li dl dd h3 { font-size: 26px; color: #fff; font-family: 'gilroybold'; line-height: 1.2; }

.classicCaseText ul li dl .img img{opacity: 0}

.classicCaseText ul li dl dd .desc { font-size: 20px; color: rgba(255, 255, 255, 1); padding-top: 20px; }

.classicCaseText ul li dl dd .more { padding-top: 40px; }

.classicCaseText ul li dl dd .more a { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #fff; color: #d7000f; }

.classicCaseText ul li dl dd .more a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; }

.classicCaseText ul li dl dd .more a i { display: block; height: 11px; width: 20px; background-repeat: no-repeat; background-image: url(../images/img_008.png); margin-left: 10px; }

.classicCaseText ul li dl dd .more a:hover i { -webkit-animation: arrow 1s infinite linear; animation: arrow 1s infinite linear; }

.classicCaseText ul li.swiper-slide-active dl dd { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.LatestNewsBox { position: relative; background: #f1f3f5; overflow: hidden; padding: 90px 0px; }

.LatestNewsBox .commonweb { position: relative; z-index: 20; }

.LatestNewsBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all .8s linear; transition: all .8s linear; }

.LatestNewsBg p { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.LatestNews { overflow: hidden; position: relative; margin-top: 40px; }

.LatestNews ul li .LatestNewscontent { background: #fff; padding: 80px 30px; -webkit-border-radius: 20px; border-radius: 20px; position: relative; -webkit-transition: all .6s ease; transition: all .6s ease; }

.LatestNews ul li .LatestNewscontent .time { font-size: 14px; color:#000; }

.LatestNews ul li .LatestNewscontent h3 { font-size: 20px; color:#000; display: -webkit-box; height: 84px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 20px; }

.LatestNews ul li .LatestNewscontent .desc { font-size: 16px; color:#000; display: -webkit-box; height:96px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 25px; }

.LatestNews ul li .LatestNewscontent .more { padding-top: 50px; }

.LatestNews ul li .LatestNewscontent .more span { display: inline-block; font-size: 14px; color:#000; background: url(../images/img_20.png) no-repeat right center; padding-right: 35px; }

.LatestNews ul li .LatestNewscontent::after { content: ''; height: 2px; background: #d7000f; top: 0px; width: 0px; -webkit-transition: all .6s ease; transition: all .6s ease; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.LatestNewsCur .LatestNews ul li .LatestNewscontent { opacity: 0.7; }

.LatestNewsCur .indexTitle { color: #fff; }

.LatestNewsCur .LatestNewsBg { opacity: 1; visibility: visible; }

.LatestNews ul li:hover .LatestNewscontent { opacity: 1; }

.LatestNews ul li:hover .LatestNewscontent::after { width: 60%; }

.LatestNews ul li:hover .LatestNewscontent .more span { color: #d7000f; background: url(../images/img_020.png) no-repeat right center; }

.LatestNewsMore { padding-top: 40px; }

.LatestNewsMore a { margin: 0px auto; display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; }

.LatestNewsMore a span { 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: 16px; }

.LatestNewsMore a i { display: block; height: 11px; width: 20px; background-repeat: no-repeat; background-image: url(../images/img_08.png); margin-left: 10px; }

.LatestNewsMore a:hover i { -webkit-animation: arrow 1s infinite linear; animation: arrow 1s infinite linear; }

.ExhibitionBox { background: url(../images/img_37.png) no-repeat; background-position: center; background-size: cover; padding: 110px 0px; }

.ExhibitionBox dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.ExhibitionBox dl dt { width: 45%; }
.ExhibitionBox .q_video_box{border-radius: 20px;}

.ExhibitionBox dl dt img { display: block; width: 100%; -webkit-border-radius: 20px; border-radius: 20px; }

.ExhibitionBox dl dd { width: 55%; padding-left: 80px; }

.ExhibitionBox dl dd h3 { font-size: 46px; color: #fff; font-family: 'gilroybold'; line-height: 1.1; }

.ExhibitionBox dl dd .desc { font-size: 18px; color: rgba(255, 255, 255, 1); padding-top: 20px; }

.ExhibitionBox dl dd .more { padding-top: 40px; }

.ExhibitionBox dl dd .more a { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #fff; color: #d7000f; }

.ExhibitionBox dl dd .more a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; }

.ExhibitionBox dl dd .more a i { display: block; height: 11px; width: 20px; background-repeat: no-repeat; background-image: url(../images/img_008.png); margin-left: 10px; }

.ExhibitionBox dl dd .more a:hover i { -webkit-animation: arrow 1s infinite linear; animation: arrow 1s infinite linear; }

.indexAboutBox { background-repeat: no-repeat; position: relative; background-position: center; background-size: cover; overflow: hidden; padding: 190px 0px; }

.indexAboutBox video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; }

.indexAboutBox .commonweb { position: relative; z-index: 10; }

.indexAbout { text-align: center; margin: 0px auto; }

.indexAbout h3 { font-size: 48px; line-height: 1; color: #fff; font-family: 'gilroybold'; }

.indexAbout .desc { font-size: 20px; color:rgba(255, 255, 255, 1); line-height: 24px; padding-top: 20px; }

.indexAbout ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 60px; }

.indexAbout ul li { width: 25%; color: #fff; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.3); }

.indexAbout ul li .icon img { height: 50px; vertical-align: middle; }

.indexAbout ul li .num { line-height: 1; font-size: 40px; padding-top: 10px; }

.indexAbout ul li .num span { font-size: 76px; }

.indexAbout ul li h4 { font-size: 14px; font-family: 'gilroybold'; padding-top: 5px; line-height: 1; }

.indexAbout ul li:last-child { border-right: none; }

.footerBox { background: #111111; padding: 110px 0px 60px; position: relative; }

.footer { 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; }

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

.footer dl dd { padding-right: 120px; }

.footer dl dd h3 { font-size: 16px; color: #fff; padding-bottom: 15px; }

.footer dl dd p a {transition: all .5s; display: block; font-size: 14px; color: rgba(255, 255, 255, 1); line-height: 26px; }

.footer dl dd p a:hover{color: #d7000f;}

.footer dl dt .footerAddress { position: relative; font-size: 14px; color: #fff; line-height: 24px; max-width: 290px; padding-left: 35px; padding-bottom: 35px; }

.footer dl dt .footerAddress img { display: block; position: absolute; left: 0px; top: 0px; }

.footer dl dt .footerAddress .tel { font-size: 16px; }

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

.share h3 { font-size: 16px; color: #fff; padding: 10px 0px 0px 0px; }

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

.share p a { display: block; position: relative; top: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; width: 40px; height: 40px; margin-left: 20px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; background-position: center; background-repeat: no-repeat; }

.share p a.Instagram { background-image: url(../images/img_29.png); }

.share p a.facebook { background-image: url(../images/img_30.png); }

.share p a.twitter { background-image: url(../images/img_31.png); }

.share p a.LinkedIn { background-image: url(../images/img_32.png); }

.share p a.Youtube { background-image: url(../images/img_33.png); }

.share p a:hover { top: -5px; }

.foot { padding: 90px 0px 25px; }

.foot dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; color: rgba(255, 255, 255, 1); }

.foot dl dt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.foot dl a { color: rgba(255, 255, 255, 1); }

.footerCookie { background: #d7000f; -webkit-border-radius: 50px; border-radius: 50px; padding: 20px 60px; margin: 0px 60px; }

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

.footerCookie dl dt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; color: #fff; }

.footerCookie dl dd { font-size: 16px; color: #fff; }

.footerCookie dl dd span { padding: 0px 15px; }

.footerCookie dl dd a { color: #ff8d93; }

.footerCookie dl dd a.Accept { color: #fff; }

.scrollTop { width: 58px; height: 58px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; background: url(../images/img_34.png) no-repeat center #d7000f; }

.customerService { position: fixed; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 90; }

.customerService a { display: block; -webkit-transition: all .6s ease; transition: all .6s ease; width: 78px; height: 78px; background: #ffffff; background-repeat: no-repeat; background-position: center; border-top: 1px solid #c2c2c2; }

.customerService a:first-child { border-top: none; }

.customerService a.rightContact { background-image: url(../images/img_35.png); -webkit-border-radius: 18px 0px 0px 0px; border-radius: 18px 0px 0px 0px; }

.customerService a.rightTel { background-image: url(../images/img_36.png); -webkit-border-radius: 0px 0px 0px 18px; border-radius: 0px 0px 0px 18px; }

.customerService a:hover { background-color: #d7000f; }

.customerService a.rightContact:hover { background-image: url(../images/img_035.png); }

.customerService a.rightTel:hover { background-image: url(../images/img_036.png); }

.HowCanWeHelpYou { background: url(../images/img_42.png) no-repeat; background-size: cover; color: #fff; text-align: center; padding: 65px 0px; }

.HowCanWeHelpYou h3 { font-size: 44px; line-height: 1; font-family: 'gilroybold'; }

.HowCanWeHelpYou .desc { font-size: 18px; padding-top: 10px; }

.HowCanWeHelpYou .more { padding-top: 20px; }

.HowCanWeHelpYou .more a { margin: 0px auto; display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; }

.HowCanWeHelpYou .more a span { 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: 16px; }

.HowCanWeHelpYou .more a i { display: block; height: 11px; width: 20px; background-repeat: no-repeat; background-image: url(../images/img_08.png); margin-left: 10px; }

.HowCanWeHelpYou .more a:hover i { -webkit-animation: arrow 1s infinite linear; animation: arrow 1s infinite linear; }

@keyframes arrow { from { background-position: -13px 0px; }
  to { background-position: 26px 0px; } }

@-webkit-keyframes arrow { from { background-position: -13px 0px; }
  to { background-position: 26px 0px; } }

@media (min-width: 768px) { .banner ul li { padding: 100px 0px; }
  .bannerTextBox { padding: 100px 0px; }
  /*.bannerText { left: -4%; }*/
  .bannerText ul li .bannerTextContentBox { height: 400px; padding: 45px 40px 0px 40px; }
  .bannerText h3 { font-size: 22px; display: -webkit-box; height: 90px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } }

@media (min-width: 992px) { .banner ul li { padding: 100px 0px; }
  .bannerTextBox { padding: 100px 0px; }
  /*.bannerText { left: -4%; }*/
  .bannerText ul li .bannerTextContentBox { height: 400px; padding: 45px 40px 0px 40px; }
  .bannerText h3 { font-size: 22px; display: -webkit-box; height: 90px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } }

@media (min-width: 1260px) { body { padding-top: 0px; }
  .header { padding: 30px 30px 0px; height: auto; background: none; }
  .header .logo { padding-top: 30px; }
  .header .logo img { height: 36px; }
  .headerContact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .navBox { 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: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 17px; }
  .nav { display: block; }
  .nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .nav ul li { margin-right: 30px; position: relative; border: none; }
  .nav ul li .title { color: #fff; font-size: 15px; line-height: 47px; font-weight: 700; }
  .nav ul li .title.active { color: #d7000f; }
  .nav ul li:hover > .title { color: #d7000f; }
  .navBtn { display: none; }
  .contactUsBtn { display: block; }
  .headerBg { background: #111; padding: 25px 30px; position: fixed !important; }
  .headerBg.header .nav ul li .down{top:calc(100% + 20px);}
  .headerHover { background: #111; position: fixed !important; }
  .banner ul li { padding: 180px 0px 110px; }
  .bannerTextBox { padding: 180px 0px 115px; }
  .bannerText { left: 0; }
  .bannerText ul li .bannerTextContentBox { height: 470px; padding: 100px 40px 0px 40px; }
  .bannerText h3 { font-size: 28px; display: -webkit-box; height: 108px; line-height: 36px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } }

@media (min-width: 1320px) {
  /*.bannerText { left: -4%; }*/
  .bannerText ul li .bannerTextContentBox { height: 520px; padding: 100px 40px 0px 40px; } }

@media (min-width: 1400px) { .header { padding: 50px 40px 0px; }
  /*.bannerText { left: -8%; }*/
  .bannerText ul li .bannerTextContentBox { height: 560px; padding: 100px 40px 0px 40px; }
  .bannerText h3 { font-size: 34px; }
  .nav ul li { margin-right: 30px; }
  .headerBg { padding: 25px 40px; } 
    
.nav ul li .title {font-size: 18px;}
.contactUsBtn a {display: block;width: 140px;line-height: 40px;font-size: 14px;}
.header .logo img{height: 40px;}
}

@media (min-width: 1600px) { .bannerText ul li .bannerTextContentBox { height: 630px; padding: 150px 50px 0px 50px; }
  .bannerText h3 { font-size: 40px; display: -webkit-box; height: 144px; line-height: 48px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } }

.inner_banner { position: relative; }

/*.inner_banner::after{content: ' ';position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,0.4)}*/

.inner_banner .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 56px; font-weight: bold; line-height: 1.1; color: #ffffff; text-align: center; z-index: 5; }

.inner_banner .img img { width: 100%; }

.inner_banner .img video { position: absolute; top: 0; bottom: 0; right: 0; left: 0; object-fit: cover; }

.inner_title { font-family: 'hmsanB'; font-size: 40px; font-weight: bold; text-align: center; color: #000000; line-height: 1.1; }

.inner_tag { position: relative; margin-top: 30px; }

.inner_tag .innerTagSwiepr { -webkit-border-radius: 20px; border-radius: 20px; }
.inner_tag.borderR{padding:0 1px;}
.inner_tag.borderR .swiper-wrapper{margin-left:-1px;}
.inner_tag.borderR::after{content: ' ';position: absolute;
  top: 0px;
  pointer-events: none;
  bottom: 0px;
  left: 0px;
  right: 0;
  z-index: 2;
border: 1px solid #dedede;
border-radius: 20px}

/*.inner_tag .innerTagSwiepr:after { content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; border: 1px solid #dedede; -webkit-border-radius: 20px; border-radius: 20px; pointer-events: none; }*/

.inner_tag .block { text-align: center; line-height: 60px; background-color: #ffffff; border-right: solid 1px #dedede; display: block; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; }

.inner_tag .block.active { background-color: #d7000f; color: #fff; }

.inner_tag .swiper-button-prev, .inner_tag .swiper-button-next { background-image: none; opacity: 1; width: auto; height: auto; color: #333; margin-top: 0 !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; color:#000; -webkit-transition: all .5s; transition: all .5s; font-weight: bold; }

.inner_tag .swiper-button-prev:hover, .inner_tag .swiper-button-next:hover { color: #d7000f; }

.inner_tag .swiper-button-prev { left: -30px; }

.inner_tag .swiper-button-next { right: -30px; }

.inner_form { width: 630px; margin: 0 auto; margin-top: 35px; border-bottom: 1px solid rgba(40, 40, 40, 0.1); font-size: 16px; line-height: 1.1; color: 1px solid rgba(40, 40, 40, 0.8); padding: 0 20px 20px 20px; }

.inner_form .iconfont { font-size: 20px; color: #000; background-color: transparent; border: none; }

.inner_form input { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; background-color: transparent; }

/* news start */
.news_main1 { background-color: #f7f7f7; padding: 100px 0 40px; }

.news_main1 .newsSwiper { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; margin-top: 30px; }

.news_main1 .newsSwiper .block { background-color: #ffffff; }

.news_main1 .newsSwiper .block .img { width: 43.47826%; }

.news_main1 .newsSwiper .block .img .picture_container { padding-top: 60%; }

.news_main1 .newsSwiper .block .txt_box { font-family: 'hmsanM'; padding: 0 40px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.news_main1 .newsSwiper .block .txt_box .time { font-size: 14px; line-height: 1.1; color:#000; opacity: 0.8; }

.news_main1 .newsSwiper .block .txt_box .name { font-size: 30px;  color:#000; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 36px; max-height: 72px; min-height: 72px; margin-top: 15px; }

.news_main1 .newsSwiper .block .txt_box .abstract { font-size: 16px; color:#000; opacity: 0.8; margin-top: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; }

.news_main1 .newsSwiper .block .txt_box .more { font-family: 'hmsanB'; font-size: 14px; line-height: 1.1; color: #d0111b; margin-top: 45px; }

.news_main1 .newsSwiper .block .txt_box .more .iconfont { margin-left: 20px; }

.news_main1 .newsSwiper .swiper-pagination { bottom: auto; top: 30px; padding-right: 30px; }

.news_main1 .newsSwiper .swiper-pagination-bullet { height: 4px; width: 8px; background-color: #d6d6d6; opacity: 1; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s; transition: all .5s; margin: 0 2px; }

.news_main1 .newsSwiper .swiper-pagination-bullet-active { width: 30px; background-color: #d0111b; }

.news_main2 { padding: 40px 0 100px; background-color: #efefef; }

.news_main2 .block { width: 31.88406%; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; background-color: #fff; }

.news_main2 .block .txt_box { padding: 40px 35px; }

.news_main2 .block .picture_container { padding-top: 59.09091%; }

.news_main2 .block .name {font-family: 'hmsanM'; font-size: 22px; color:#000; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 30px; max-height: 60px; min-height: 60px; -webkit-transition: all .5s; transition: all .5s; }

.news_main2 .block .abstract {  font-size: 16px; color:#000; margin-top: 10px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; max-height:72px; min-height: 72px; }

.news_main2 .block .time { font-size: 14px; font-family: 'hmsanM'; line-height: 1.1; color:#000; opacity: 0.8; margin-top: 20px; }

.news_main2 .block:hover .name { color: #d0111b; }

.news_main2 .block:nth-child(n + 4) { margin-top: 30px; }

.news_main2 .block:not(:nth-child(3n)) { margin-right: 2.17391%; }

/* news end */
/* news_details start */
.news_details_main1 { background-color: #f7f7f7; padding: 100px 0 150px; overflow: hidden; }

.news_details_main1 .details_txt img{height:auto !important;}

.news_details_main1 .left_box { width: 69.56522%; padding-right: 70px; position: relative; }

.news_details_main1 .left_box:after { content: ' '; position: absolute; background-color: rgba(201, 201, 201, 0.4); width: 1px; height: 100000px; right: 0; top: -100px; }

.news_details_main1 .left_box .tag { font-family: 'hmsanB'; font-size: 14px; color: #d0111b; }

.news_details_main1 .left_box .title { font-size: 30px; line-height: 36px;  color: #282828; margin-top: 20px; }

.news_details_main1 .left_box .time { font-family: 'hmsanM'; font-size: 14px; color:#000; opacity: 0.8; margin-top: 25px; }

.news_details_main1 .right_box .title { font-size: 18px; line-height: 1.1; color: #282828; font-family: 'hmsanB'; }

.news_details_main1 .right_box .top_box { padding-left: 40px; }

.news_details_main1 .right_box .block_box { margin-top: 30px; }

.news_details_main1 .right_box .block_box .title { padding-left: 40px; }

.news_details_main1 .right_box .block_box .block { position: relative; display: block; padding: 30px 0 40px; padding-left: 40px; }

.news_details_main1 .right_box .block_box .block:after { content: ' '; position: absolute; bottom: 0; left: 0; height: 1px; width: 10000px; background-color: rgba(201, 201, 201, 0.4); }

.news_details_main1 .right_box .block_box .block .time { font-size: 14px; line-height: 1.1; color:#000; opacity: 0.8; font-family: 'hmsanM'; }

.news_details_main1 .right_box .block_box .block .name { font-family: 'hmsanM'; font-size: 18px; line-height: 24px; color: #282828; margin-top: 15px; -webkit-transition: all .5s; transition: all .5s; }

.news_details_main1 .right_box .block_box .block:hover .name { color: #d7000f; }

.news_details_main1 .details_txt p { margin-top: 15px; }

.news_details_main1 .details_txt img { max-width: 100%; }

.shaare_box { margin-top: 23px; }

.shaare_box a { width: 40px; line-height: 40px; background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; font-family: 'hmsanM'; color:#000; -webkit-transition: all .5s; transition: all .5s; }

.shaare_box a:not(:first-child) { margin-left: 20px; }

.shaare_box a:hover { background-color: #d7000f; color: #fff; }

/* news_details end */

.other .news_details_main1 .left_box { width: 100%; padding-right: 0;}

.other .news_details_main1 .left_box:after { display: none}

.other .news_details_main1 .content .details_txt{ margin-top: 40px}

/* other start */



/* other end */


/* case start */
.case_main1 { background-color: #f7f7f7; padding-top: 100px; }

.case_form { margin-top: 20px; padding: 30px 50px; background-color: #ffffff; -webkit-border-radius: 20px; border-radius: 20px; border: solid 1px #e3e3e3; overflow: hidden; }

.case_form .title { position: relative; padding-left: 15px; width: 130px; font-size: 16px; line-height: 1.1; color:#000; }

.case_form .title:after { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 2px; background-color: #000; }

.case_form .box:not(:first-child) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e3e3e3; }

.case_form .block_box { margin-left: -35px; margin-top: -10px; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; }

.case_form .block { margin-left: 35px; margin-top: 10px; cursor: pointer; }

.case_form .block.active .icon { color: #d7000f; border: solid 2px #d7000f; }

.case_form .block.active .name { color: #d7000f; }

.case_form .icon { width: 18px; height: 18px; line-height: 14px; text-align: center; border: solid 2px #e3e3e3; color: transparent; }

.case_form .name { font-family: 'hmsanM'; font-size: 16px; line-height: 1.1; color:#000; margin-left: 10px; }

.case_form .form_box { background-color: rgba(245, 245, 245, 0.9); -webkit-border-radius: 10px; border-radius: 10px; padding: 0 20px; margin-left: 70px; width: 400px; }

.case_form .form_box input { line-height: 46px; background-color: transparent; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.case_form .form_box button { background-color: transparent; line-height: 46px; color: #d7000f; font-size: 20px; border: 0; }

.case_main2 { background-color: #f7f7f7; padding: 40px 0 100px; }

.case_main2 .block { width: 31.88406%; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; background-color: #ffffff; -webkit-transition: all .5s; transition: all .5s; }

.case_main2 .block:not(:nth-child(3n)) { margin-right: 2.17391%; }

.case_main2 .block:nth-child(n + 4) { margin-top: 30px; }

.case_main2 .block .img { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; position: relative; }

.case_main2 .block .img .icon_box { width: 74px; height: 74px; background-color: #d7000f; -webkit-border-radius: 0px 0px 20px 0px; border-radius: 0px 0px 20px 0px; color: #fff; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .5s; transition: all .5s; }

.case_main2 .block .picture_container { padding-top: 63.63636%; }

.case_main2 .block .txt_box { padding: 40px 40px 50px 40px; }

.case_main2 .block .name { font-family: 'hmsanB'; font-size: 20px; color:#000; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; -webkit-transition: all .5s; transition: all .5s; }

.case_main2 .block .abstract { font-size: 16px; line-height: 26px; color: #000; margin-top: 15px; }

.case_main2 .block:hover { -webkit-box-shadow: 0 40px 40px -20px #dedede; box-shadow: 0 40px 40px -20px #dedede; }

.case_main2 .block:hover .img .icon_box { opacity: 1; }

.case_main2 .block:hover .name { color: #d7000f; }

/* case end */
/* case_details start */

.case_details_main1 .swiper-slide img{width: 100%;}



.case_details_main2 { background-color: #000; padding: 130px 0; }

.case_details_main2 .back_btn { font-family: 'hmsanM'; font-size: 14px; line-height: 1.1; color: #ffffff; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; }

.case_details_main2 .back_btn .iconfont { margin-right: 15px; }

.case_details_main2 .block { display: block; }

.case_details_main2 .block .name { font-family: 'hmsanB'; font-size: 48px; line-height: 50px;  color: #ffffff; }

.case_details_main2 .block .abstract { margin-top: 30px; font-size: 18px; line-height: 28px; color: #fff;font-family: 'hmsanL' }

.case_details_main2 .block .abstract p { padding-left: 10px; position: relative; }

.case_details_main2 .block .abstract p:after { content: ' '; position: absolute; left: 0; top: 5px; width: 3px; height: 3px; background-color: #fff }

.case_details_main2 .block .tips { font-family: 'hmsanL'; font-size: 18px; line-height: 28px;color: #ffffff; margin-top: 40px; }

.case_details_main2 .col_box { margin-top: 40px; }

.case_details_main2 .casedetailsmain2Swiper { width: 65.21739%; }

.case_details_main2 .swiper-button-prev, .case_details_main2 .swiper-button-next { width: 53px; line-height: 49px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: rgba(255, 255, 255, 0.5); border: solid 2px rgba(255, 255, 255, 0.2); opacity: 1; margin-top: 0; background-image: none; position: static; height: auto; -webkit-transition: all .5s; transition: all .5s; }

.case_details_main2 .swiper-button-prev:hover, .case_details_main2 .swiper-button-next:hover { border: 2px solid #d7000f; color: #d7000f; }

.case_details_main2 .swiper-button-next { margin-left: 10px; }

.case_details_main2 .swiper-wrapper { height: auto; }

.case_details_main3 { padding: 100px 0; }

.case_details_main3 .block_box { margin-top: 30px; }

.case_details_main3 .block_box .block { font-family: 'hmsanM'; width: 44.92754%; padding: 90px 30px; -webkit-border-radius: 20px; border-radius: 20px; background-image: url(../images/case_details_bg1.png); }

.case_details_main3 .block_box .block:nth-child(odd) { margin-right: 1.44928%; }

.case_details_main3 .block_box .block:nth-child(n + 3) { margin-top: 20px; }

.case_details_main3 .block_box .block .txt_box { width: 50%; }

.case_details_main3 .block_box .block .name { font-size: 32px;color: #ffffff; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; }

.case_details_main3 .block_box .block .abstract { font-size: 14px;color: #ffffff; opacity: 0.8; margin-top: 20px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-height: 24px; }

.case_details_main3 .block_box .block .img { width: 46.77419%; }

.case_details_main3 .block_box .block .img .picture_container { padding-top: 74.13793%; }

.case_details_main3 .block_box .block .img .picture_container img { max-width: 100%; max-height: 100%; }

.case_details .case_main2 { background-color: #f7f7f7; padding: 100px 0; }

.case_details .case_main2 .block_box { margin-top: 40px; }

/* case_details end */
/* product start */
.product_main1 { padding: 100px 0 120px; background-color: #f7f7f7; }

.product_main1 .top_block { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; background-color: #fff; margin-top: 40px; }

.product_main1 .top_block .txt_box { padding-left: 100px; width: 50%; }

.product_main1 .top_block .txt_box .tag { font-family: 'nmsanB'; font-size: 16px; line-height: 1.1; color: #f9282b; }

.product_main1 .top_block .txt_box .name { font-family: 'nmsanM'; font-size: 54px; line-height: 1.1; color: #000000; margin-top: 10px; }

.product_main1 .top_block .txt_box .abstract { font-size: 18px; color:#000; margin-top: 20px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; }

.product_main1 .top_block .txt_box .more { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; margin-top: 35px; }

.product_main1 .top_block .txt_box .more i { margin-left: 40px; }

.product_main1 .top_block .txt_box .more span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; margin: 0 20px; }

.product_main1 .top_block .img { width: 50%; }

.product_main1 .top_block .picture_container { padding-top: 72.46377%; }

.product_main1 .block_box { margin-top: 24px; }

.product_main1 .block_box .block { width: 32.17391%; position: relative; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; border: 2px solid transparent; -webkit-border-radius: 25px 26px 26px 25px; border-radius: 25px 26px 26px 25px; }

.product_main1 .block_box .block .tag { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .5s; transition: all .5s; }

.product_main1 .block_box .block .picture_container { padding-top: 79.95495%; }

.product_main1 .block_box .block .txt_box { text-align: center; padding: 0 30px 40px 30px; }

.product_main1 .block_box .block .name { font-family: 'hmsanM'; font-size: 30px; line-height: 26px; color: #000000; margin-top: 10px; -webkit-transition: all .5s; transition: all .5s; }

.product_main1 .block_box .block .icon { width: 50px; height: 2px; margin: 25px auto; background-color: #ababab; -webkit-transition: all .5s; transition: all .5s; }

.product_main1 .block_box .block .abstract { font-size: 16px; color:#000; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; }

.product_main1 .block_box .block:hover { border: 2px solid #d7000f; }

.product_main1 .block_box .block:hover .tag { opacity: 1; }

.product_main1 .block_box .block:hover .icon { background-color: #d7000f; }

.product_main1 .block_box .block:hover .name { color: #d7000f; }

.product_main1 .block_box .block:not(:nth-child(3n)) { margin-right: 1.73913%; }

.product_main1 .block_box .block:nth-child(n + 4) { margin-top: 4px; }

/* product end */
/* blog start */
.blog_main1 { background-color: #efefef; padding: 100px 0 120px; }

.blog_main1 .content { margin-top: 30px; }

.blog_main1 .left_box { width: 69.56522%; }

.blog_main1 .left_box .block { display: block; }

.blog_main1 .left_box .block .picture_container { padding-top: 52.08333%; }

.blog_main1 .left_box .block .txt_box { padding: 30px 30px 0; }

.blog_main1 .left_box .block .time { font-size: 14px; line-height: 1.1; color:#000; font-family: 'hmsanM'; }

.blog_main1 .left_box .block .name { font-family: 'hmsanM'; font-size: 24px;  color:#000; margin-top: 10px; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; }

.blog_main1 .left_box .block .abstract { font-family: 'hmsanM'; font-size: 16px; color:#000; margin-top: 20px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 24px; }

.blog_main1 .left_box .block:not(:first-child) { margin-top: 50px; }

.blog_main1 .left_box .block:hover .name { color: #d7000f; }

.blog_main1 .right_box { width: 28.98551%; background-color: #fff; padding: 75px 50px; -webkit-border-radius: 20px; border-radius: 20px; }

.blog_main1 .right_box .title { font-family: 'hmsanM'; font-size: 40px; line-height: 1.1; color: #000000; }

.blog_main1 .right_box .block { padding: 30px 0 20px; cursor: pointer; border-bottom: 1px solid rgba(200, 200, 200, 0.5); }

.blog_main1 .right_box .block .number { font-size: 14px; line-height: 1.1; color:#000; }

.blog_main1 .right_box .block .icon { position: relative; width: 15px; height: 15px; }

.blog_main1 .right_box .block .icon:after, .blog_main1 .right_box .block .icon:before { content: ' '; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color:#000; -webkit-transition: all .5s; transition: all .5s; }

.blog_main1 .right_box .block .icon:after { width: 100%; height: 1px; }

.blog_main1 .right_box .block .icon:before { height: 100%; width: 1px; }

.blog_main1 .right_box .block .down { display: none; padding-top: 20px; }

.blog_main1 .right_box .block .down .line { font-size: 14px; display: block; line-height: 30px; -webkit-transition: all .5s; transition: all .5s; }

.blog_main1 .right_box .block .down .line:hover { color: #d7000f; }

.blog_main1 .right_box .block.active .icon:before { height: 0; }

/* blog end */
/* policy start */
.policy_main1 { background-color: #f7f7f7; padding: 100px 0; }

.policy_main1 .content { margin-top: 40px; }

.policy_main1 .details_txt p { margin-top: 15px; }

.policy_main1 .details_txt img { max-width: 100%; }

.policy_main1 .left_box { width: 66.66667%; }

.policy_main1 .right_box { width: 23.91304%; background-color: #fff; -webkit-border-radius: 20px; border-radius: 20px; padding: 60px 40px; position: relative; font-family: 'hmsanB'; }

.policy_main1 .right_box .title { font-family: 'hmsanB'; font-size: 18px; line-height: 1.1; color: #282828; margin-top: 10px; }

.policy_main1 .right_box .name { color: #282828; }

.policy_main1 .right_box .txt { color:#000; }

.policy_main1 .right_box .block { font-size: 14px; line-height: 22px; }

.policy_main1 .right_box .block:not(:first-child) { margin-top: 30px; }

.policy_main1 .right_box:after { content: ' '; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: 2px; background-color: #d7000f; -webkit-border-radius: 1px; border-radius: 1px; }

/* policy end */
/* download start */
.download_main { background-color: #efefef; padding: 85px 0 155px; }

.download_box{display: none;}

.download_box.download_active{display: block;}

.download_main1 { background-color: #f7f7f7; padding: 100px 0 35px; }

.download_main2 .block { padding: 20px 40px; background-color: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; color:#000; font-family: 'hmsanM'; -webkit-transition: all .5s; transition: all .5s; }

.download_main2 .block .name { font-size: 18px; width: 35%; }

.download_main2 .block .name .txt { margin-left: 15px; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.download_main2 .block .size { width: 20%; }

.download_main2 .block .time, .download_main2 .block .size { font-size: 16px; }

.download_main2 .block .down_icon { width: 42px; line-height: 38px; -webkit-border-radius: 50%; border-radius: 50%; border: solid 2px rgba(0, 0, 0, 0.1); text-align: center; font-size: 14px; }

.download_main2 .block:not(:first-child) { margin-top: 10px; }

.download_main2 .block:hover { background-color: #d7000f; color: #fff; -webkit-box-shadow: 0 20px 20px -10px #dddddd; box-shadow: 0 20px 20px -10px #dddddd; }

.download_main2 .block:hover .down_icon { border: 2px solid #fff; }

.download_main2 .block:hover .icon img { -webkit-filter: brightness(100); filter: brightness(100); }

/* download end */
/* video start */
.video_main2 .block {cursor: pointer; width: 31.88406%; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; }

.video_main2 .block:not(:nth-child(3n)) { margin-right: 2.17391%; }

.video_main2 .block:nth-child(n + 4) { margin-top: 30px; }

.video_main2 .block:hover { -webkit-box-shadow: 0 20px 20px -10px #dedede; box-shadow: 0 20px 20px -10px #dedede; }

.video_main2 .block:hover .icon { opacity: 1; }

.video_main2 .block .name { background-color: #fff; font-size: 20px; line-height: 1.1; color:#000; padding: 40px 30px; font-family: 'hmsanM'; }

.video_main2 .block .img { position: relative; }

.video_main2 .block .icon { text-align: center; width: 45px; line-height: 45px; -webkit-border-radius: 50%; border-radius: 50%; color: #d7000f; font-size: 14px; background-color: #ffffff; position: absolute; left: 30px; bottom: 30px; opacity: 0; -webkit-transition: all .5s; transition: all .5s; }

.video_main2 .block .picture_container { padding-top: 62.04545%; }

/* video end */
/* brochure start */
.brochure_main2 .block { width: 31.88406%; -webkit-border-radius: 14px; border-radius: 14px; -webkit-transition: all .5s; transition: all .5s; background-color: #f9f9f9; border: solid 1px rgba(229, 229, 229, 0.6); padding: 35px 30px; transition: all .5s; }

.brochure_main2 .block:not(:nth-child(3n)) { margin-right: 2.17391%; }

.brochure_main2 .block:nth-child(n + 4) { margin-top: 30px; }

.brochure_main2 .block .img { width: 28.15789%; }

.brochure_main2 .block .img .picture_container { padding-top: 141.1215%; }

.brochure_main2 .block .txt_box { font-family: 'hmsanM'; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; margin-left: 25px; max-width: 65%; }

.brochure_main2 .block .name { font-size: 18px; color:#000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.brochure_main2 .block .abstract { font-size: 14px; line-height: 24px; color:#000; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; margin-top: 10px; }

.brochure_main2 .block .icon { width: 104px; line-height: 34px; text-align: center; background-color: #ffffff; -webkit-border-radius: 17px; border-radius: 17px; border: solid 1px #d9d9d9; -webkit-transition: all .5s; transition: all .5s; font-size: 14px; color: #000; font-family: 'hmsan'; margin-top: 15px; }

.brochure_main2 .block:hover { border: solid 1px #d0111b; -webkit-box-shadow: 0 30px 30px -15px #dedede; box-shadow: 0 30px 30px -15px #dedede; }

.brochure_main2 .block:hover .icon { background-color: #d7000f; border: 1 p solid #d7000f; color: #fff; }

/* brochure end */
/* contact start */
.contact_main1 { background-color: #f7f7f7; padding-top: 100px; }

.contact_main1 .bg_img img { width: 100%; }

.contact_main1 .content { margin-top: 30px; position: relative; }

.contact_main1 .content .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; padding-left: 80px; }

.contact_main1 .content .title { font-family: 'hmsanB'; font-size: 36px; line-height: 1.1; color: #ffffff; }

.contact_main1 .content .btn_box { margin-top: 20px; }

.contact_main1 .content .btn { font-family: 'hmsanB'; width: 180px; text-align: center; line-height: 48px; -webkit-border-radius: 26px; border-radius: 26px; font-size: 18px; color: #ffffff; cursor: pointer; border: solid 2px rgba(255, 255, 255, 0.2); }

.contact_main1 .content .btn:not(:first-child) { margin-left: 10px; }

.contact_main1 .content .btn.active { background-color: #d7000f; border: 2px solid #d7000f; }

.contact_main1 .content .block_box { font-family: 'hmsanB'; margin-top: 30px; }

.contact_main1 .content .block { margin-top: -15px; }

.contact_main1 .content .block:not(:first-child) { display: none; }

.contact_main1 .content .name { font-size: 18px; line-height: 22px; color: #ffffff; margin-top: 15px; }

.contact_main1 .content .abstract { font-size: 14px; line-height: 24px; color: #ffffff; margin-top: 10px; }

.contact_main2 { padding: 80px 0 60px; background-color: #f7f7f7; }

.contact_main2 .title { font-size: 30px; color: #000000; font-family: 'hmsanB'; text-align: center; }

.contact_main2 .tag_box { margin-top: 15px; font-family: 'hmsanB'; font-size: 14px; line-height: 1.1; color: #34373b; }

.contact_main2 .tag_box .tag:nth-child(2) .icon { border: solid 1px #097fe6; }

.contact_main2 .tag_box .tag:nth-child(2) .icon:after { background-color: #097fe6; }

.contact_main2 .tag_box .tag:not(:first-child) { margin-left: 30px; }

.contact_main2 .tag_box .icon { position: relative; width: 18px; height: 18px; -webkit-border-radius: 50%; border-radius: 50%; border: solid 1px #d7000f; background-color: transparent; margin-right: 10px; }

.contact_main2 .tag_box .icon:after { content: ' '; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d7000f; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.contact_main2 .block_box { margin-top: 40px; }

.contact_main2 .mobile_img{display: none}

.contact_main2 .block_box .img { position: relative; }

.contact_main2 .block_box .img > img { max-width: 100%; }

.contact_main2 .block_box .img .block { position: absolute; }

.contact_main2 .block_box .img .block .txt_box { opacity: 0; pointer-events: none; padding: 40px; position: absolute; top: 100%; left: -webkit-calc(50% - 10px); left: calc(50% - 10px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 460px; background-color: #ffffff; border: solid 1px #c7c7c7; -webkit-transition: all .5s; transition: all .5s; }

.contact_main2 .block_box .img .block .txt_box:after { content: ' '; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border: 7px solid; border-color: transparent transparent #fff transparent; }

.contact_main2 .block_box .img .block .name { font-family: 'hmsanB'; font-size: 16px; line-height: 24px; color: #d7000f; text-align: center; }

.contact_main2 .block_box .img .block .abstract { font-family: 'hmsanM'; font-size: 14px; line-height: 18px; color:#000; }

.contact_main2 .block_box .img .block:hover { z-index: 5; }

.contact_main2 .block_box .img .block:hover .txt_box { opacity: 1; pointer-events: auto; }

.contact_main3 { background-color: #f7f7f7; padding-bottom: 100px; }

.contact_main3 .block { width: 31.88406%; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; background-color: #fff}

.contact_main3 .block .picture_container { padding-top: 47.72727%; }

.contact_main3 .block .txt_box { background-color: #fff; padding: 30px 40px; }

.contact_main3 .block .txt_box .name { font-family: 'hmsanB'; font-size: 16px; line-height: 24px; color: #d7000f; }

.contact_main3 .block .txt_box .tips { font-family: 'hmsanM'; font-size: 14px; line-height: 24px; color:#000; margin-top: 8px; }

.contact_main3 .block .txt_box .abstract { font-family: 'hmsanM'; font-size: 14px; line-height: 24px; color:#000; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.6); }

.contact_main3 .block:not(:nth-child(3n)) { margin-right: 2.17391%; }

.contact_main3 .block:nth-child(n + 4) { margin-top: 30px; }

.contact_main4 { padding: 100px 0;position: relative; }
.contact_box{position: absolute;top: -100px}

.contact_main4 .abstract { font-family: 'hmsanM'; font-size: 16px; line-height: 24px; color:#000; text-align: center; margin-top: 10px; }

.inner_form_box { margin-top: 30px; }

.inner_form_box .block { width: 49.27536%; }

.inner_form_box .block .title { font-family: 'hmsanB'; font-size: 16px; color:#000; }

.inner_form_box .block .title span { color: #ff0000; }

.inner_form_box .block .line { margin-top: 15px; }

.inner_form_box .block .line input, .inner_form_box .block .line textarea {border: none; line-height: 60px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f7f7f7; padding: 0 20px; width: 100%; }

.inner_form_box .block .line input::-webkit-input-placeholder, .inner_form_box .block .line textarea::-webkit-input-placeholder { color: #a9a9a9; }

.inner_form_box .block .line input:-moz-placeholder, .inner_form_box .block .line textarea:-moz-placeholder { color: #a9a9a9; }

.inner_form_box .block .line input:-ms-input-placeholder, .inner_form_box .block .line textarea:-ms-input-placeholder { color: #a9a9a9; }

.inner_form_box .block .line input::-moz-placeholder, .inner_form_box .block .line textarea::-moz-placeholder { color: #a9a9a9; }

.inner_form_box .block .line input::placeholder, .inner_form_box .block .line textarea::placeholder { color: #a9a9a9; }

.inner_form_box .block .line textarea { min-height: 150px; }

.inner_form_box .block:nth-child(n + 3) { margin-top: 30px; }

.inner_form_box .block.block_code .line input { width: 72.05882%; }

.inner_form_box .block.block_code .line .img {overflow: hidden; width: 170px; background-color: #f7f7f7; -webkit-border-radius: 10px; border-radius: 10px; width: 25%; }

.inner_form_box .block.block_code .line .img .picture_container { padding-top: 35.29412%; height: 100%;}

.inner_form_box .block.block_text { width: 100%; }

.inner_form_box .block.block_country { position: relative;z-index: 5; }

.inner_form_box .block.block_set { position: relative; z-index: 5; }

.inner_form_box .block.block_set .line { position: relative; z-index: 5; cursor: pointer; }

.inner_form_box .block.block_set .line:after { content: ' '; position: absolute; width: 0; height: 0; border: 5px solid; border-color: #333 transparent transparent transparent; right: 20px; top: -webkit-calc(50% + 3px); top: calc(50% + 3px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.inner_form_box .block.block_set .line .down { position: absolute; top: 100%; left: 0; right: 0; display: none; background-color: #f7f7f7; max-height: 160px; overflow-y: auto; }

.inner_form_box .block.block_set .line .down p { line-height: 40px; padding: 0 15px; }

.inner_form_box .btn_box { width: 100%; margin-top: 30px; }

.inner_form_box .btn_box .btn { font-family: 'hmsanB '; width: 170px; text-align: center; line-height: 54px; background-color: #d7000f; -webkit-border-radius: 27px; border-radius: 27px; font-size: 16px; color: #ffffff; -webkit-transition: all .5s; transition: all .5s; border: 0px; }

.inner_form_box .btn_box .btn:nth-child(2) { margin-left: 10px; background-color: #cacaca; }

.inner_form_box .btn_box .btn:hover { opacity: 0.8; }

/* contact end */
/* plan start */
.plan_main1{position: relative}

.plan_main1 .mask {z-index: 2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; font-family: 'hmsanB'; color: #ffffff;background-color: rgba(0,0,0,0.6) }
.plan_main1 .bannerDot {z-index: 3}

.plan_main1 img{width: 100%}

.plan_main1 .name { font-size: 56px; line-height: 1.1; }

.plan_main1 .abstract { font-size: 16px; line-height: 22px;font-family: 'hmsanL';max-width: 1200px;margin: 0 auto;  margin-top: 20px;}

.plan_main2 { padding: 55px 0; text-align: center; font-family: 'hmsanB'; color: #ffffff; background-image: url(../images/plan_bg1.jpg); }

.plan_main2 .title { font-size: 40px; line-height: 40px; }

.plan_main2 .abstract { font-size: 16px; line-height: 1.1; margin-top: 15px; color: #ffffff; font-family: 'hmsanL';}

.plan_main2 .more { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; margin: 0 auto; margin-top: 35px; }

.plan_main2 .more i { margin-left: 20px; }

.plan_main2 .more span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; margin: 0 20px; }

.plan_main3 { padding: 100px 0; }

.plan_main3 .block .img { width: 50%; }

.plan_main3 .block .img .picture_container { padding-top: 68.11594%; }

.plan_main3 .block .txt_box { width: 45.65217%; }

.plan_main3 .block .name { font-size: 30px; line-height: 40px; color: #000000; font-family: 'hmsanB'; }

.plan_main3 .block .abstract { font-family: 'hmsanL'; margin-top: 15px; font-size: 16px; line-height: 24px; color: #000; }

.plan_main3 .block .txt:not(:first-child) { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.plan_main3 .block:nth-child(odd) .img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.plan_main3 .block:nth-child(odd) .txt_box { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.plan_main3 .block:not(:first-child) { margin-top: 80px; }

.plan_main4 { padding: 115px 0; background: url(../images/img_37.png) no-repeat;background-size: cover}

.plan_main4 .center1380{position: relative;}

.plan_main4 .txt_box { width: 46.66667%; padding-bottom: 50px;padding-top: 50px }

.plan_main4 .img { width: 50%; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.plan_main4 .img .picture_container { padding-top: 73.76812%; }

.plan_main4 .name { font-family: 'hmsanB'; font-size: 40px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;position: absolute;top: 50px }

.plan_main4 .tips { font-size: 24px; color: #ffffff; padding-top: 25px; margin-top: 20px; position: relative; }

.plan_main4 .tips:after { content: ' '; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); }

.plan_main4 .abstract { font-size: 16px; line-height: 24px; color: #ffffff;  }

.plan_main4 .abstract p { margin-top: 15px; }

.plan_main4 .more { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #fff; color: #d7000f; margin-top: 15px; }

.plan_main4 .more i { margin-left: 10px; }

.plan_main4 .more span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; margin: 0 20px; }

.plan_main4 .col_box { position: absolute; bottom: 20px; left: 0; }

.plan_main4 .swiper-button-prev, .plan_main4 .swiper-button-next { width: 53px; line-height: 49px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: rgba(255, 255, 255, 0.5); border: solid 2px rgba(255, 255, 255, 0.2); opacity: 1; margin-top: 0; background-image: none; position: static; height: auto; -webkit-transition: all .5s; transition: all .5s; }

.plan_main4 .swiper-button-prev:hover, .plan_main4 .swiper-button-next:hover { border: 2px solid #ffffff; color: #ffffff; }

.plan_main4 .swiper-button-next { margin-left: 10px; }

/* plan end */
/* about start */
.about_title { font-family: 'hmsanB'; font-size: 36px; line-height: 1.1; color:#000; text-align: center; }

.about_main1 { padding: 100px 0; /* 背景色拼色 */ background-image: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 900px, #efefef 900px, #efefef 100%); }

.about_main1 .content { margin-top: 80px; }

.about_main1 .content .block { margin-top: 30px; }

.about_main1 .content .img { width: 44.92754%; }

.about_main1 .content .img .picture_container { padding-top: 122.58065%; }

.about_main1 .content .txt_box { width: 52.17391%; }

.about_main1 .content .name { font-weight: lighter; font-size: 44px; line-height: 48px; color: #282828; margin-top: 20px; }

.about_main1 .content .abstract { margin-top: 20px; font-size: 16px; line-height: 24px; color:#000; font-family: 'hmsanL'; }

.about_main2 { padding: 125px 0; }

.about_main2 .about_title { color: #fff; }

.about_main2 .tips { font-size: 16px; line-height: 22px; text-align: center;color: #ffffff; margin-top: 13px; }

.about_main2 .block_box { margin-top: 25px; justify-content: center}

.about_main2 .block { width: 15.43478%; text-align: center; padding: 65px 0; -webkit-border-radius: 10px; border-radius: 10px; border: solid 1px rgba(247, 247, 247, 0.4); }

.about_main2 .block:not(:nth-child(6n)) { margin-right: 1.44928%; }

.about_main2 .block:nth-child(n + 7) { margin-top: 20px; }

.about_main2 .block .number { font-size: 60px; line-height: 1.1;  color: #ffffff; }

.about_main2 .block .tab { font-family: 'hmsanB'; font-size: 14px; line-height: 26px; color: #ffffff; }

.about_main3 { overflow: hidden; padding: 100px 0; background-color: #f7f7f7; }

.about_main3 .block_box { width: 1761px; margin: 0 auto; margin-top: 30px; }
.about_main3 .block_box .swiper-button-prev,.about_main3 .block_box .swiper-button-next{
  background-image: none;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  border: solid 2px #c6c6c6;
  opacity: 1;
  line-height: 49px;
  text-align: center;
  font-size: 15px;
  color: #C6C6C6;
  transition: all .5s;
}

.about_main3 .block_box .swiper-button-prev:hover,.about_main3 .block_box .swiper-button-next:hover{
  color: #d7000f;
  border: 2px solid #d7000f;
}

.about_main3 .block_box .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; width: 400px; }

.about_main3 .block_box .swiper-slide.swiper-slide-active { width: 400px; }

.about_main3 .block_box .swiper-slide.swiper-slide-active .block { opacity: 1; }

.about_main3 .block_box .swiper-slide.swiper-slide-active .block .name { margin-top: 40px; }

.about_main3 .block_box .swiper-slide.swiper-slide-active .block .img {overflow: hidden; border: solid 1px #d7000f; -webkit-box-shadow: 0 40px 40px -20px #dedede; box-shadow: 0 40px 40px -20px #dedede; }

.about_main3 .block_box .swiper-slide .block .img .picture_container img{max-width: 100%;max-height: 100%}

.about_main3 .block_box .block { width: 100%; text-align: center; opacity: 0.5; transform: scale(0.8);transition: all .5s;}

.about_main3 .block_box .swiper-slide.swiper-slide-active .block{ transform: scale(1); }

.about_main3 .block_box .swiper-slide-prev .block{ margin-right: 25px }
.about_main3 .block_box .swiper-slide-next .block{ margin-left: 25px }

.about_main3 .block_box .block .img { -webkit-border-radius: 20px; border-radius: 20px; border: solid 1px #dcdcdc; }

.about_main3 .block_box .block .picture_container { padding-top: 100%; }

.about_main3 .block_box .block .name { margin-top: 25px; font-size: 16px; line-height: 24px; color:#000; font-family: 'hmsanB'; }

.about_main4 .aboutmain4imgSwiper { width: 50%; }

.about_main4 .aboutmain4imgSwiper img { width: 100%; }

.about_main4 .picture_container { padding-top: 68.75%; }

.about_main4 .aboutmain4txtSwiper { width: 50%; margin-left: 60px; padding: 20px 0; }

.about_main4 .aboutmain4txtSwiper .block { height: 100%; }

.about_main4 .aboutmain4txtSwiper .name { font-size: 36px; line-height: 1.1; color:#000; font-family: 'hmsanB'; }

.about_main4 .aboutmain4txtSwiper .tips { font-size: 22px; line-height: 24px; color:#000; font-family: 'hmsanB'; padding-top: 25px; margin-top: 35px; border-top: 1px solid #e6e6e6; }

.about_main4 .aboutmain4txtSwiper .abstract { font-size: 16px; line-height: 24px; color:#000; font-family: 'hmsanL'; margin-top: 15px; max-height: 200px; overflow-y: auto; overflow-x: hidden; }

.about_main4 .aboutmain4txtSwiper .txt_box { width: 100%; }

.about_main4 .col_box { margin-top: 30px; }

.about_main4 .swiper-wrapper { height: auto; }

.about_main4 .swiper-button-prev, .about_main4 .swiper-button-next { width: 53px; height: 53px; line-height: 49px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: rgba(0, 0, 0, 0.5); border: solid 2px rgba(0, 0, 0, 0.2); opacity: 1; margin-top: 0; background-image: none; position: static; -webkit-transition: all .5s; transition: all .5s; }

.about_main4 .swiper-button-prev:hover, .about_main4 .swiper-button-next:hover { border: 2px solid #d7000f; color: #d7000f; }

.about_main4 .swiper-button-next { margin-left: 10px; }

.about_main5 { position: relative; }

.about_main5 .bg_img img { width: 100%; }

.about_main5 .mask { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; }

.about_main5 .mask .tips { font-family: 'hmsanM'; font-size: 22px; line-height: 24px; color: #ffffff; opacity: 0.7; }

.about_main5 .mask .name { font-family: 'hmsanB'; font-size: 126px; line-height: 1; color: #ffffff; }

.about_main5 .mask .icon { margin-top: 20px; }

.about_main5 .more { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; margin: 0 auto; margin-top: 60px; }

.about_main5 .more i { margin-left: 10px; }

.about_main5 .more span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; margin: 0 20px; }

.about_main6 { padding: 100px 0 130px; }

.historyBox { overflow: hidden; }

.historyBox .history { max-width: 1440px; margin: 0px auto; }

.historyBox .history .title { font-size: 36px; color: #282828; font-weight: 700; text-align: center; }

.historyBox .history .yearSegment { padding-top: 50px; }

.historyBox .history .yearSegment ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; }

.historyBox .history .yearSegment ul li { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #aaaaaa; cursor: pointer; position: relative; border-right: 1px solid #e5e5e5; }

.historyBox .history .yearSegment ul li h3 { font-size: 30px; font-weight: 600; }

.historyBox .history .yearSegment ul li p { font-size: 16px; font-weight: 600; }

.historyBox .history .yearSegment ul li.cur { color: #282828; }

.historyBox .history .yearSegment ul li:last-child { border: none; }

.historyBox .history .historyList { overflow: hidden; position: relative; }

.historyBox .history .historyList .historyListContentBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 80px 0px 0px; }

.historyBox .history .historyList .historyListContentBox .historyListYaer { width: 40%; padding-bottom: 20px; }

.historyBox .history .historyList .historyListContentBox .historyListYaer h3 { font-size: 48px; color: #282828; font-weight: 700; line-height: 1.1; padding-bottom: 20px; }

.historyBox .history .historyList .historyListContentBox .historyListYaer .desc { font-size: 24px; color: #686868; line-height: 36px; }

.historyBox .history .historyList .historyListContentBox .historyListYaer .img{margin-top: 20px}

.historyBox .history .historyList .historyListContentBox .historyListMonthBox { width: 60%; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0px; border-bottom: 1px solid #ededed; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt { width: 155px; position: relative; padding-left: 35px; font-size: 24px; color: #282828; font-weight: 700; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt .line { position: absolute; top: -40px; height: 1px; left: 0px; display: none; background: #222; width: 155px; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 30px; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .month { min-width: 40px; font-size: 16px; font-weight: 700; color: #282828; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .desc { font-size: 16px; color: #282828; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl.cur { background: #ededed; padding: 40px 0px 50px; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl.cur dt .line { display: block; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li.cur .month { color: monthTextColor; }

.historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li.cur .desc { color: monthTextColor; }

.about_main7 { background-color: #f7f7f7; padding: 100px 0 80px; }

.about_main7 .aboutmain6Swiper { padding: 20px 0; }

.about_main7 .block_box { position: relative; }

.about_main7 .block_box .box{  }

.about_main7 .block { padding: 40px; -webkit-border-radius: 20px; border-radius: 20px; display: block; font-family: 'hmsanB'; background-color: #fff; -webkit-transition: all .5s; transition: all .5s; width:32.31% }

.about_main7 .block:nth-child(n + 4){margin-top: 20px}

.about_main7 .block:not(:nth-child(3n)){margin-right: 1.52%}

.about_main7 .block:hover { -webkit-box-shadow: 0 20px 20px -10px #dddddd; box-shadow: 0 20px 20px -10px #dddddd; }

.about_main7 .img { width: 163px; }

.about_main7 .picture_container { padding-top: 56.44172%; }

.about_main7 .name { font-size: 20px; line-height: 22px; color: #000000; margin-top: 35px; }

.about_main7 .abstract { font-size: 14px; line-height: 24px; color:#000;margin-top: 15px;font-family: 'hmsanL' }
.about_main7 .abstract p{ white-space: pre-wrap;    word-break: break-all; }

.about_main7 .swiper-button-prev, .about_main7 .swiper-button-next { width: 53px; height: 53px; line-height: 49px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: rgba(0, 0, 0, 0.5); border: solid 2px rgba(0, 0, 0, 0.2); opacity: 1; background-image: none; -webkit-transition: all .5s; transition: all .5s; }

.about_main7 .swiper-button-prev:hover, .about_main7 .swiper-button-next:hover { border: 2px solid #d7000f; color: #d7000f; }

.about_main7 .swiper-button-prev { left: -83px; }

.about_main7 .swiper-button-next { right: -83px; }

/* about end */
/* product_details start */
.product_details_main1 { overflow: hidden; position: relative; }

.product_details_main1 video{position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
object-fit: cover;}

product_details_main1 .mask{position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: #fff;
  font-size: 25px;
  z-index: 6;}

.product_details_main1 .title { font-family: 'hmsanM'; font-size: 48px; color: #ffffff; text-align: center; }

.product_details_main1 .content { margin-top: 40px; }

.product_details_main1 img { max-width: 100%; }

.product_details_main1 .bg_img img{width: 100%}

.product_details_main1 .txt { font-family: 'hmsanM'; font-size: 22px; line-height: 1.1; color: #ffffff; margin-top: 15px; }

.product_details_main1 .icon_box { margin-top: 25px; }

.product_details_main1 .line { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1px; border-top: 1px dashed rgba(255, 255, 255, 0.5); position: relative; }

.product_details_main1 .line:after { content: ' '; position: absolute; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #ffffff; }

.product_details_main1 .round { width: 19px; height: 19px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px dotted #ffffff; position: relative; }

.product_details_main1 .round:after { content: ' '; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ffffff; }

.product_details_main1 .box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.product_details_main1 .txt_box { margin-left: 30px; }

.product_details_main1 .blocks .txt_box { margin-left: 0; margin-right: 30px; }

.product_details_main1 .blocks .icon { text-align: right; }

.product_details_main1 .blocks .line:after { right: auto; left: 0; }

.product_details_main2 { padding: 100px 0; }

.product_details_main2 .content { width: 700px; margin: 0 auto; }

.product_details_main2 .content .abstract{ font-size: 18px;
  line-height: 22px;
  color: #828282;margin-top: 30px}

.product_details_main2 .content .abstract p{margin-top: 15px}

/*.product_details_main2 .content .abstract p:after{content: ' ';position: absolute;top: 8px;left: 0;	width: 3px;*/
/*  height: 3px;*/
/*  background-color: #666666;}*/

.product_details_main2 .more { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; margin-top: 60px; }

.product_details_main2 .more i { margin-left: 10px; }

.product_details_main2 .more span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; margin: 0 20px; }

.product_details_main3 { position: relative; }

.product_details_main3 img { width: 100%; }

.product_details_main3 .video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 75px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 71px; color: #fff; border: solid 2px rgba(255, 255, 255, 0.3); }

.product_details_main4 { background-color: #f7f7f7; padding: 100px 0; }

.product_details_main4 .top_block { background-color: #fff;margin-top: 30px }

.product_details_main4 .top_block .txt { width: 50%;padding: 40px }

.product_details_main4 .top_block .img{width: 50%;}

.product_details_main4 .top_block img{max-width: 100%;}

.product_details_main4 .top_block .txt .name { font-size: 30px; line-height: 26px; color: #000000; font-family: 'hmsanM'; }

.product_details_main4 .top_block .txt .abstract { font-size: 18px; line-height: 22px; color:#000; margin-top: 20px; }

.product_details_main4 .top_block .txt .abstract p { margin-top: 10px; }

/*.product_details_main4 .top_block .txt .abstract p:after { content: ' '; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background-color: #000; }*/

.product_details_main4 .block { background-color: #fff;  overflow: hidden; margin-top: 30px}

.product_details_main4 .block .img { width: 50%; }

.product_details_main4 .block .img .picture_container { padding-top: 57.97101%; }

.product_details_main4 .block .img .picture_container img{ width: 100%;height: 100% }

.product_details_main4 .block .txt_box { padding: 40px; width: 50%; }

.product_details_main4 .block .txt_box .name { font-size: 28px; line-height: 1.1; font-family: 'hmsanM'; color: #000000; }

.product_details_main4 .block .txt_box .abstract { margin-top: 15px; font-size: 18px; line-height: 22px; color:#000; }

.product_details_main4 .block .txt_box .abstract p { position: relative; padding-left: 10px; margin-top: 10px; }

.product_details_main4 .block .txt_box .abstract p:after { content: ' '; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background-color: #000; }

.product_details_main4 .bottom_block { margin-top:30px; position: relative; }

.product_details_main4 .bottom_block img { width: 100%; }

.product_details_main4 .bottom_block .mask { position: absolute; padding-top: 80px; top: 0; bottom: 0; left: 0; right: 0; text-align: center; font-family: 'hmsanM'; color: #fff; }

.product_details_main4 .bottom_block .name { font-size: 28px; }

.product_details_main4 .bottom_block .abstract { margin-top: 10px; font-size: 18px; }

.product_details_main5 .img { width: 50%; }

.product_details_main5 .img .picture_container { padding-top: 69.79167%; }

.product_details_main5 .txt_box { width: 50%; background-color: #fff; padding-left: 60px; padding-right: 14.79167%; }

.product_details_main5 .txt_box .inner_title { text-align: left; }

.product_details_main5 .txt_box .abstract { font-size: 16px; line-height: 24px; color: #000000; opacity: 0.6; margin-top: 20px; font-family: 'hmsanM'; }

.product_details_main5 .txt_box .name { font-family: 'hmsanB'; font-size: 22px; line-height: 26px; color: #000000; }

.product_details_main5 .txt_box .block_box { margin-top: 30px; }

.product_details_main5 .txt_box .line_box { marign-top: 25px; font-size: 16px; font-family: 'hmsanM'; line-height: 26px; color: rgba(0, 0, 0, 0.6); }

.product_details_main5 .txt_box .line_box .line { padding-left: 13px; position: relative; width: 50%; }

.product_details_main5 .txt_box .line_box .line:after { content: ' '; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; background-color: #000; }

.product_details_main5 .more { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; margin-top: 40px; }

.product_details_main5 .more i { margin-left: 10px; }

.product_details_main5 .more span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; margin: 0 20px; }

.product_details_main6 { padding: 100px 0; background-color: #f7f7f7; position: relative; }

.product_details_main6 .box{position: relative;}

.product_details_main6 .content { width: 650px; margin: 0 auto; }

.product_details_main6 .content .inner_title .down_btn { width: 36px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: #000; font-size: 14px; line-height: 32px; border: solid 2px rgba(102, 102, 102, 0.5); }

.product_details_main6 .content .tag_box {position: relative; margin-top: 20px; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden;  }

.product_details_main6 .swiper-button-prev, .product_details_main6 .swiper-button-next { background-image: none; opacity: 1; width: auto; height: auto; color: #333; margin-top: 0 !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; color:#000; -webkit-transition: all .5s; transition: all .5s; font-weight: bold; }

.product_details_main6 .swiper-button-prev:hover, .product_details_main6 .swiper-button-next:hover { color: #d7000f; }

.product_details_main6 .swiper-button-prev{left: -30px}

.product_details_main6 .swiper-button-next{right: -30px}

.product_details_main6 .content .tag_box.borderR{padding:0 1px;}

.product_details_main6 .content .tag_box.borderR .swiper-wrapper{margin-left:-1px;}
.product_details_main6 .content .tag_box.borderR::after{content: ' ';position: absolute;
  top: 0px;
  pointer-events: none;
  bottom: 0px;
  left: 0px;
  right: 0;
  z-index: 2;
  border: 1px solid rgba(209, 35, 42, 0.2);
  border-radius: 25px}

.product_details_main6 .content .tag_box.borderR .swiper-slide{border-top: none;border-bottom: none}

.product_details_main6 .content .tag_box .swiper-slide { font-size: 14px; line-height: 50px; text-align: center; color:#000; cursor: pointer; border: 1px solid rgba(209, 35, 42, 0.2);font-family: 'hmsanB' }

.product_details_main6 .content .tag_box .swiper-slide:not(:last-child) { border-right: none; }

.product_details_main6 .content .tag_box .swiper-slide:first-child { border-left: none; }

.product_details_main6 .content .tag_box .swiper-slide.active { color: #fff; background-color: #d7000f; }

.product_details_main6 .content .block { margin-top: 40px; }

.product_details_main6 .content .block .line { line-height: 40px; font-size: 14px; font-family: 'hmsanL'; color:#000; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.product_details_main6 .content .block .line:first-child { color: #000; }

.product_details_main6 .content .block .left_box { width: 214px; }

.product_details_main6 .content .block .right_box { width: 435px; }

.product_details_main6 .content .block .right_box .line { padding-left: 20px; border-left: 1px solid rgba(0, 0, 0, 0.15); }

.product_details_main6 .content .tips { font-size: 14px; line-height: 1.1; color:#000; margin-top: 25px; }

.product_details_main6 .content .img { margin-top: 60px; text-align: center; }

.product_details_main6 .content .img img {max-width: 100%}

.product_details_main6 .bg_img { position: absolute; top: 100px; left: 9.6875%; height: 80%}

.product_details_main6 .bg_img img{height: 100%}

.product_details .case_main2 .block_box { margin-top: 30px; }

.product_details .case_main2 .more { display: block; position: relative; width: 170px; line-height: 54px; -webkit-border-radius: 54px; border-radius: 54px; background: #d7000f; color: #fff; margin: 0 auto; margin-top: 40px; }

.product_details .case_main2 .more i { margin-left: 10px; }

.product_details .case_main2 .more span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'gilroybold'; -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: 16px; margin: 0 20px; }

/* product_details end */
/* faq start */
.faq_main1 { padding: 100px 0 110px; background-color: #f7f7f7; }

.faq_main1 .block_box { margin-top: 30px; }

.faq_main1 .block .icon { font-size: 18px; line-height: 1.1; color:#000; margin-right: 50px; }

.faq_main1 .block:first-child .title { border-top: 1px solid #e8e8e8; }

.faq_main1 .block .title { padding: 50px; cursor: pointer; position: relative; border-bottom: 1px solid #e8e8e8; }

.faq_main1 .block .title .name { font-family: 'hmsanM'; font-size: 18px; color:#000; -webkit-transition: all .5s; transition: all .5s; }

.faq_main1 .block .title:after { content: ' '; position: absolute; top: 50%; -webkit-transform: rotateZ(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotateZ(-45deg) translateY(-50%); right: 50px; border-top: 1px solid #000000; border-right: 1px solid #000000; width: 20px; height: 20px; -webkit-transition: all .5s; transition: all .5s; }

.faq_main1 .block .down { display: none; background-color: #fff; padding: 50px; }

.faq_main1 .block .down .txt { font-family: 'hmsanM'; font-size: 16px; line-height: 24px; color:#000; }

.faq_main1 .block.active .title { border-top: 1px solid #000000; }

.faq_main1 .block.active .title .name { color: #d7000f; }

.faq_main1 .block.active .title:after { -webkit-transform: rotateZ(135deg) translateY(-webkit-calc(-50% + 20px)); -ms-transform: rotate(135deg) translateY(calc(-50% + 20px)); transform: rotateZ(135deg) translateY(calc(-50% + 20px)); }

/* faq end */
.login_form { width: 632px; margin: 0 auto; margin-top: 25px; }

.login_form .block .title { font-family: 'hmsanB'; font-size: 16px; color:#000; }

.login_form .block .title span { color: #ff0000; }

.login_form .block .line { margin-top: 12px; }

.login_form .block.block_pass .line{position: relative;}

.login_form .block.block_pass .line .iconfont{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 20px;color: #dedede;cursor: pointer;}
.login_form .block.block_pass .line .iconfont.active{color: #d7000f}

.login_form .block .line input, .login_form .block .line textarea { line-height: 54px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0 20px; width: 100%; border: solid 1px rgba(130, 130, 130, 0.3); }

.login_form .block .line input::-webkit-input-placeholder, .login_form .block .line textarea::-webkit-input-placeholder { color: #a9a9a9; }

.login_form .block .line input:-moz-placeholder, .login_form .block .line textarea:-moz-placeholder { color: #a9a9a9; }

.login_form .block .line input:-ms-input-placeholder, .login_form .block .line textarea:-ms-input-placeholder { color: #a9a9a9; }

.login_form .block .line input::-moz-placeholder, .login_form .block .line textarea::-moz-placeholder { color: #a9a9a9; }

.login_form .block .line input::placeholder, .login_form .block .line textarea::placeholder { color: #a9a9a9; }

.login_form .block .line textarea { min-height: 150px; }

.login_form .block:nth-child(n + 2) { margin-top: 20px; }

.login_form .block.block_code .line input { width: 79.43038%; }

.login_form .block.block_code .line .img { border: solid 1px rgba(130, 130, 130, 0.3); -webkit-border-radius: 10px; border-radius: 10px; width: 18.98734%; }

.login_form .block.block_code .line .img .picture_container { padding-top: 45%; }

.login_form .block.block_code .line .img .picture_container img{ height: 100% }

.login_form .block.block_text { width: 100%; }

.login_form .block.block_set .line { position: relative; z-index: 5; cursor: pointer; }

.login_form .block.block_set .line:after { content: ' '; position: absolute; width: 0; height: 0; border: 5px solid; border-color: #333 transparent transparent transparent; right: 20px; top: -webkit-calc(50% + 3px); top: calc(50% + 3px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.login_form .block.block_set .line .down { position: absolute; top: 100%; left: 0; right: 0; display: none; background-color: #f7f7f7; max-height: 160px; overflow-y: auto; }

.login_form .block.block_set .line .down p { line-height: 40px; padding: 0 15px; }

.login_form .block.block_btn { position: relative; }

.login_form .block.block_btn .line { position: relative; }

.login_form .block.block_btn .btn { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 119px; background-color: #d7000f; -webkit-border-radius: 17px; border-radius: 17px; text-align: center; line-height: 34px; -webkit-transition: all .5s; transition: all .5s; font-size: 14px; background-color: #d7000f; border-radius: 17px; font-family: 'hmsanB'; display: block; color: #fff; }

.login_form .btn_box { width: 100%; margin-top: 30px; }

.login_form .btn_box .btn { font-family: 'hmsanB '; width: 182px; text-align: center; line-height: 52px; background-color: #d7000f; -webkit-border-radius: 27px; border-radius: 27px; font-size: 16px; color: #ffffff; -webkit-transition: all .5s; transition: all .5s; border: 0px; }

.login_form .btn_box .btn:nth-child(2) { color:#000; margin-left: 10px; -webkit-border-radius: 27px; border-radius: 27px; border: solid 1px #d9d9d9; background-color: transparent; }

.login_form .btn_box .btn:hover { opacity: 0.8; }

.login_form .ckend_box { margin-top: 20px; }

.login_form .ckend_box .line { font-family: 'hmsanB'; font-size: 14px; color:#000; }

.login_form .ckend_box .line .icon { width: 19px; text-align: center; line-height: 17px; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px #d9d9d9; color: #fff; cursor: pointer; margin-right: 10px; }

.login_form .ckend_box .line .icon.active { background-color: #d7000f; }

.login_form .ckend_box .line:nth-child(2) { margin-top: 10px; }

.login_form .ckend_box .line a { color: #d7000f; }

.login_main { min-height: -webkit-calc(100vh - 693px); min-height: calc(100vh - 647px); padding: 100px 0; }

.login_main .login_tips { font-family: 'hmsanB'; font-size: 20px; line-height: 1.1; color: #d7000f; text-align: center; margin-top: 5px; }

.login_main1 .tips { margin-top: 20px; font-family: 'hmsanB'; font-size: 14px; color:#000; }

.login_main1 .tips a { color: #d7000f; }

.password_main1 .btn_box .btn { background-color: #000; }

.password_main1 .btn_box .btn:hover { opacity: 0.8; }

.form_popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.7); }

.form_popup .mask { width: 100%; height: 100%; padding: 5% 0;overflow-y: auto;}

.form_popup .center1380 { background-color: #fff; padding: 60px 90px; -webkit-border-radius: 20px; border-radius: 20px; position: relative; }

.form_popup .abstract { text-align: center; margin-top: 12px; }

.form_popup .exit_btn { width: 54px; height: 54px; -webkit-border-radius: 50%; border-radius: 50%; background-color:#000; top: -27px; right: 60px; position: absolute; cursor: pointer; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); }

.form_popup .exit_btn:after, .form_popup .exit_btn:before { content: ' '; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; }

.form_popup .exit_btn:after { width: 40%; height: 1px; }

.form_popup .exit_btn:before { height: 40%; width: 1px; }

.tips_popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.7); }

.tips_popup .mask { width: 100%; height: 100%; }

.tips_popup .block { width: 852px; height: 254px; margin: 0 auto; background-color: #ffffff; -webkit-border-radius: 20px; border-radius: 20px; font-family: 'hmsanM'; text-align: center; position: relative; padding: 0 90px; background-image: url(../images/tips_bg1.png); }

.tips_popup .block .name { font-size: 32px; line-height: 48px;  color: #000000; }

.tips_popup .block .abstract { font-size: 18px; line-height: 24px; color: #000; margin-top: 12px; }

.tips_popup .exit_btn { width: 54px; height: 54px; -webkit-border-radius: 50%; border-radius: 50%; background-color:#000; top: -27px; right: 60px; position: absolute; cursor: pointer; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); }

.tips_popup .exit_btn:after, .tips_popup .exit_btn:before { content: ' '; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; }

.tips_popup .exit_btn:after { width: 40%; height: 1px; }

.tips_popup .exit_btn:before { height: 40%; width: 1px; }

.select2-container { width: 100% !important; -webkit-border-radius: 10px; border-radius: 10px; padding: 0 20px; width: 100%; height: 54px; margin-top: 12px; border: solid 1px rgba(130, 130, 130, 0.3); }

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

.select2-container--default .select2-selection--single { border: none !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; }

.q_video_box{position: relative;overflow: hidden}
.q_video_box img{position: relative;z-index: 1;}
.q_video_box.picture_container img{position: absolute;z-index: 1;}
.q_video_box video{position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;object-fit: cover;width: 100%;height: 100%;}


.about section{position: relative;}
.about_anchor{position: absolute;top: -300px;}

@media (max-width: 1800px) { .about_main3 .block_box { width: 100%; padding: 0 15px; }
  .about_main7 .swiper-button-next { right: -10px; }
  .about_main7 .swiper-button-prev { left: -10px; } }

@media (max-width: 1700px) { .product_details_main1 .bg_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; width: 1920px; }
  .product_details_main1 .bg_img { position: relative; height: 700px; } }

@media (max-width: 1500px) { .historyBox .history { max-width: 1260px; }
  .historyBox .history .title { font-size: 30px; }
  .historyBox .history .yearSegment { padding-top: 40px; }
  .historyBox .history .yearSegment ul { padding-bottom: 20px; }
  .historyBox .history .yearSegment ul li h3 { font-size: 24px; }
  .historyBox .history .yearSegment ul li p { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox { padding: 60px 0px 0px; }
  .historyBox .history .historyList .historyListContentBox .historyListYaer h3 { font-size: 38px; padding-bottom: 15px; }
  .historyBox .history .historyList .historyListContentBox .historyListYaer .desc { font-size: 20px; line-height: 30px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl { padding: 25px 0px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt { width: 155px; padding-left: 35px; font-size: 20px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt .line { top: -30px; width: 155px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li { line-height: 30px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .month { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .desc { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl.cur { padding: 30px 0px 40px; }
  .MainProductListBox em.MainProductListPrev { left: -10px; }
  .MainProductListBox em.MainProductListNext { right: -10px; }
  .inner_tag .swiper-button-prev { left: 0; }
  .form_popup .center1380{margin-top: 100px}
  .inner_tag .swiper-button-next { right: 0; } }

@media (max-width: 1400px) { .center1380 { width: 100%; padding: 0 15px; }   .form_popup .center1380{margin-top: 300px}}

@media (max-width: 1260px) {
  .bannerText .desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .bannerText{left: 0}
  body{padding-top: 60px !important}
  .header { position: fixed !important; }
  .historyBox .history { max-width: 950px; }
  .historyBox .history .title { font-size: 24px; }


  .historyBox .history .yearSegment { padding-top: 30px; }
  .historyBox .history .yearSegment ul { padding-bottom: 15px; }
  .historyBox .history .yearSegment ul li h3 { font-size: 18px; }
  .historyBox .history .yearSegment ul li p { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox { padding: 40px 0px 0px; }
  .historyBox .history .historyList .historyListContentBox .historyListYaer h3 { font-size: 28px; padding-bottom: 10px; }
  .historyBox .history .historyList .historyListContentBox .historyListYaer .desc { font-size: 16px; line-height: 24px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl { padding: 20px 0px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt { width: 135px; padding-left: 35px; font-size: 18px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt .line { top: -25px; width: 135px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li { line-height: 26px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .month { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .desc { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl.cur { padding: 25px 0px 35px; }
  .navBox { position: fixed; top: 60px; left: 0; right: 0; background-color: #111; padding: 15px 30px; display: none; height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px); }
  .nav ul li:hover .subNavBox { display: none; }
  .header .nav ul li .down { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); max-height: none !important; position: static; padding: 0 15px; display: none; height: auto; -webkit-transition: none; transition: none; }
  .header .nav ul li .icon { display: block; width: 50%; text-align: right; }
  .header .nav ul li .down .s_title a { width: 50%; }
  .header .nav ul li .down .s_title .line{text-align: left}
  .header .nav ul li .down .s_title .icon { width: 50%; color: #fff; }
  .header .nav ul li .down.product_down { opacity: 1 !important; pointer-events: auto !important; }
  .nav ul li .title a { width: 50%; }
  .inner_title { font-size: 32px; }
  .footer dl dd { padding-right: 50px; }
  .product_main1 { padding: 80px 0; }
  .product_main1 .top_block .txt_box { padding: 0 25px; }
  .product_main1 .top_block .txt_box .name { font-size: 28px; }
  .product_main1 .top_block .txt_box .more { width: 150px; line-height: 44px; }
  .product_main1 .block_box .block .picture_container img { max-width: 60%; max-height: 70%; }
  .product_main1 .block_box .block .name { font-size: 26px; }
  .product_main1 .block_box .block .icon { margin: 15px auto; }
  .case_form { padding: 20px; }
  .case_main1 { padding-top: 80px; }
  .case_main2 { padding: 40px 0 80px; }
  .case_form .box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .case_form .title { width: 100%; margin-bottom: 10px; }
  .case_form .form_box { margin-top: 15px; margin-left: 0; width: 100%; }
  .case_main2 .block .txt_box { padding: 20px; }
  .case_main2 .block .name { font-size: 18px; }
  .news_main1 { padding: 80px 0 40px; }
  .news_main2 { padding: 40px 0 80px; }
  .news_main2 .block .txt_box { padding: 20px; }
  .news_main1 .newsSwiper .block .txt_box .name { font-size: 22px; }
  .news_main1 .newsSwiper .block .txt_box .more { margin-top: 20px; }
  .news_main2 .block .name { font-size: 20px; }
  .news_details_main1 { padding: 80px 0; }
  .news_details_main1 .left_box { width: 100%; padding-right: 30px; }
  .blog_main1 { padding: 80px 0; }
  .blog_main1 .right_box { padding: 20px; }
  .blog_main1 .right_box .title { font-size: 30px; }
  .download_main1 { padding: 80px 0 35px; }
  .download_main { padding: 80px 0; }
  .video_main2 .block .name { padding: 20px; }
  .brochure_main2 .block { padding: 20px; }
  .policy_main1 { padding: 80px 0; }
  .policy_main1 .right_box { padding: 20px 10px; width: 30%; }
  .policy_main1 .left_box { width: 62%; }
  .about_main1 { padding: 80px 0; }
  .about_main1 .content { margin-top: 60px; }
  .about_title { font-size: 32px; }
  .about_main1 .content .name { font-size: 34px; line-height: 1.3; }
  .about_main2 { padding: 80px 0; }
  .about_main2 .block { padding: 30px 0; }
  .about_main2 .block .number { font-size: 40px; }
  .about_main3 { padding: 80px 0; }
  .about_main3 .block_box .swiper-slide.swiper-slide-active .block .name { margin-top: 20px; }
  .about_main4 .content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about_main4 .aboutmain4imgSwiper { width: 60%; margin: 0 15px; }
  .about_main4 .aboutmain4txtSwiper { width: 100%; margin: 0 15px; }
  .about_main4 .aboutmain4txtSwiper .abstract br { display: none; }
  .about_main4 .aboutmain4txtSwiper .name { font-size: 30px; }
  .about_main5 .mask .name { font-size: 80px; }
  .about_main5 .more { margin-top: 30px; }
  .about_main6 { padding: 80px 0; }
  .about_main7 { padding: 80px 0; }
  .contact_main1 .content .title { font-size: 24px; }
  .contact_main1 .bg_img { position: relative; height: 400px; overflow: hidden; }
  .contact_main1 .bg_img img { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); max-width: none; width: 1300px; }
  .contact_main1 { padding-top: 80px; }
  .contact_main3 { padding-bottom: 80px; }
  .contact_main4 { padding: 80px 0; }
  .contact_main3 .block .txt_box { padding: 25px; }
  .MainProductBox { padding: 80px 0; }
  .ExhibitionBox { padding: 80px 0; }
  .indexTitle { font-size: 46px; }
  .indexAbout ul li .num span { font-size: 66px; }
  .HowCanWeHelpYou h3 { font-size: 34px; }
  .plan_main1 .name { font-size: 46px; }
  .plan_main2 .title { font-size: 30px; }
  .plan_main3 { padding: 80px 0; }
  .plan_main4 { padding: 80px 0; }
  .product_details_main1 .title { font-size: 36px; }
  .product_details_main1 .txt { font-size: 18px; }
  .product_details_main1 .img { width: 30%; }
  .product_details_main1 .txt_box { width: 50%; }
  .product_details_main1 .bg_img { height: 500px; }
  .product_details_main2 { padding: 80px 0; }
  .product_details_main4 { padding: 80px 0; }
  .product_details_main2 .abstract { margin-top: 30px; }
  .product_details_main4 .top_block .txt .name { font-size: 26px; }
  .product_details_main5 .content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .product_details_main5 .img { width: 100%; }
  .product_details_main5 .txt_box { width: 100%; padding: 20px; }
  .product_details_main6 .bg_img { left: 10px; }
  .case_details_main2 .block .name { font-size: 36px; }
  .case_details_main2 { padding: 80px 0; }
  .case_details_main2 { padding: 80px 0; }
  .case_details_main3 .block_box .block { width: 49%; }
  .case_details_main3 .block_box .block:nth-child(odd) { margin-right: 2%; }
  .case_details .case_main2 { padding: 80px 0; }
  .case_details_main3 { padding: 80px 0; }
  .form_popup .center1380{padding: 20px}
  .login_main { padding: 80px 0; }
  .faq_main1{padding: 80px 0}
  .faq_main1 .block .title{padding: 30px}
  .faq_main1 .block .down{padding: 30px}
  .ExhibitionBox dl dd .desc{display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}

@media (max-width: 992px) { .historyBox .history { max-width: 750px; }
  .historyBox .history .title { font-size: 18px; }
  .historyBox .history .yearSegment { padding-top: 20px; }
  .historyBox .history .yearSegment ul { padding-bottom: 10px; }
  .historyBox .history .yearSegment ul li h3 { font-size: 14px; }
  .historyBox .history .yearSegment ul li p { font-size: 12px; }
  .historyBox .history .historyList .historyListContentBox { padding: 30px 0px 0px; }
  .historyBox .history .historyList .historyListContentBox .historyListYaer { width: 100%; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox { width: 100%; }
  .historyBox .history .historyList .historyListContentBox .historyListYaer h3 { font-size: 18px; padding-bottom: 10px; }
  .historyBox .history .historyList .historyListContentBox .historyListYaer .desc { font-size: 14px; line-height: 20px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl { padding: 15px 0px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt { width: 100%; padding-left: 20px; font-size: 18px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dt .line { top: -25px; width: 100%; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd { width: 100%; padding: 15px 20px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li { line-height: 26px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .month { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl dd ul li .desc { font-size: 14px; }
  .historyBox .history .historyList .historyListContentBox .historyListMonthBox .historyListMonth dl.cur { padding: 25px 0px 5px; }
  .footerBox { padding: 60px 0; }
  .footer { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .foot { padding: 25px 0; }
  .footer .share { margin-top: 15px; }
  .footerCookie { margin: 0 15px; }
  .inner_banner .mask { font-size: 40px; }
  .contact_main2 .block_box .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .contact_main2 .block_box .img > img { display: none; }
  .contact_main2 .block_box .img .block { position: static; width: 100%; }
  /*.contact_main2 .block_box .img .block:nth-child(even) { margin-right: 2%; }*/
  .contact_main2 .block_box .img .block:nth-child(n + 3) { margin-top: 20px; }
  .contact_main2 .block_box .img .block .txt_box { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; pointer-events: auto; width: 100%; padding: 20px; }
  .contact_main2 .block_box .img .block .txt_box:after { display: none; }
  .classicCaseText ul li dl dd { padding: 30px 30px 0px; }
  .classicCaseText ul li dl dd h3 { font-size: 22px; }
  .plan_main3 .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .plan_main3 .block:nth-child(odd) .txt_box { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .plan_main3 .block .txt_box { width: 100%; margin-top: 20px; }
  .plan_main3 .block .img { width: 100%; }
  .plan_main3 .block .img img { width: 100%; }
  .plan_main4 .name { font-size: 30px; }
  .plan_main4 .col_box { bottom: 0; }
  .plan_main4 .txt_box { padding-bottom: 80px; }

  .form_popup .center1380{margin-top: 100vh}

  .product_details_main6 .bg_img { display: none; } }

@media (max-width: 768px) { .inner_banner .mask { font-size: 30px; }
  /*.form_popup .center1380{margin-top: 100vh}*/
  .bannerBox{padding-top: 20px}
  .inner_title { font-size: 26px; }
  .inner_tag { margin-top: 20px; }
  .inner_tag .block { line-height: 40px; }
  /*.customerService { display: none !important; }*/
  .product_main1 { padding: 60px 0; }
  .product_main1 .top_block .txt_box .name { font-size: 22px; }
  .product_main1 .top_block .txt_box { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding: 15px; }
  .product_main1 .top_block .img { width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .product_main1 .block_box .block { width: 49%; }
  .product_main1 .block_box .block:not(:nth-child(3n)) { margin-right: 0; }
  .product_main1 .block_box .block:nth-child(odd) { margin-right: 2%; }
  .product_main1 .block_box .block:nth-child(n + 3) { margin-top: 20px; }
  .product_main1 .block_box .block .name { font-size: 20px; }
  .product_main1 .block_box .block .txt_box { padding: 0 20px 20px; }
  .case_main1 { padding-top: 60px; }
  .case_main2 { padding: 40px 0 60px; }
  .case_form { padding: 10px; }
  .case_main2 .block { width: 100%; }
  .case_main2 .block:not(:nth-child(3n)) { margin-right: 0; }
  /*.case_main2 .block:nth-child(odd) { margin-right: 2%; }*/
  .case_main2 .block:nth-child(n + 2) { margin-top: 20px; }
  .case_main2 .block .img .icon_box { width: 70px; height: 70px; opacity: 1 !important; }
  .case_main2 .block .txt_box { padding: 10px; }
  .case_main2 .block .name { font-size: 16px; }
  .case_main2 .block .abstract { font-size: 14px; }
  .news_main1 { padding: 60px 0 40px; }
  .news_main2 { padding: 40px 0 60px; }
  .news_main1 .newsSwiper .block .img { width: 100%; }
  .news_main1 .newsSwiper .block .img img { width: 100%; }
  .news_main1 .newsSwiper .block .txt_box .name { font-size: 18px; line-height: 24px; max-height: 48px; min-height: 48px; }
  .news_main1 .newsSwiper .block .txt_box { width: 100%; padding: 15px; }
  .inner_form { width: 100%; margin-top: 15px; }
  .news_main2 .block { width: 49%; }
  .news_main2 .block:not(:nth-child(3n)) { margin-right: 0; }
  .news_main2 .block:nth-child(odd) { margin-right: 2%; }
  .news_main2 .block:nth-child(n + 3) { margin-top: 20px; }
  .news_main2 .block .name { font-size: 18px; }
  .news_details_main1 { padding: 60px 0; }
  .news_details_main1 .right_box .block_box { display: none; }
  .news_details_main1 .center1380 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .news_details_main1 .left_box:after { display: none; }
  .news_details_main1 .left_box { padding-right: 0; }
  .news_details_main1 .right_box .top_box { width: 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; padding-left: 0; margin-top: 20px; }
  .news_details_main1 .left_box .title { font-size: 22px; line-height: 1.5; }
  .shaare_box { margin-top: 0; margin-left: 10px; }
  .blog_main1 { padding: 60px 0; }
  .blog_main1 .left_box { width: 100%; }
  .blog_main1 .right_box { padding: 10px; width: 100%; margin-top: 20px; }
  .blog_main1 .content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .blog_main1 .right_box .title { font-size: 22px; }
  .blog_main1 .left_box .block .txt_box { padding: 20px 20px 0; }
  .blog_main1 .left_box .block .name { font-size: 20px; }
  .download_main1 { padding: 60px 0 35px; }
  .download_main { padding: 60px 0; }
  .video_main2 .block .name { padding: 20px 10px; font-size: 18px; }
  .video_main2 .block { width: 49%; }
  .video_main2 .block:not(:nth-child(3n)) { margin-right: 0; }
  .video_main2 .block:nth-child(odd) { margin-right: 2%; }
  .video_main2 .block:nth-child(n + 3) { margin-top: 20px; }
  .brochure_main2 .block { width: 49%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .brochure_main2 .block .img { width: 50%; margin: 0 auto; }
  .brochure_main2 .block .txt_box { width: 100%; margin-left: 0; max-width: 100%; margin-top: 15px; }
  .brochure_main2 .block:not(:nth-child(3n)) { margin-right: 0; }
  .brochure_main2 .block:nth-child(odd) { margin-right: 2%; }
  .brochure_main2 .block:nth-child(n + 3) { margin-top: 20px; }
  .download_main2 .block { padding: 15px; }
  .download_main2 .block .name { font-size: 16px; }
  .download_main2 .block .time, .download_main2 .block .size { font-size: 14px; }
  .download_main2 .block .down_icon { width: 36px; line-height: 32px; font-size: 14px; }
  .policy_main1 { padding: 60px 0; }
  .policy_main1 .content { margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .policy_main1 .left_box { width: 100%; }
  .policy_main1 .right_box { width: 100%; margin-top: 30px; }
  .about_main1 { padding: 60px 0; }
  .about_main1 .content { margin-top: 40px; }
  .about_title { font-size: 26px; }
  .about_main1 .content .name { font-size: 28px; }
  .about_main1 .content .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about_main1 .content .img { width: 70%; }
  .about_main1 .content .txt_box { width: 100%; margin-top: 20px; }
  .about_main2 { padding: 60px 0; }
  .about_main2 .block { padding: 20px 0; width: 32%; }
  .about_main2 .block:not(:nth-child(6n)) { margin-right: 0; }
  .about_main2 .block:not(:nth-child(3n)) { margin-right: 1.5%; }
  .about_main2 .block:nth-child(n + 4) { margin-top: 10px; }
  .about_main2 .block .number { font-size: 30px; }
  .about_main3 { padding: 60px 0; }
  .about_main3 .block_box .swiper-slide { width: 200px; }
  .about_main3 .block_box .swiper-slide.swiper-slide-active { width: 300px; }
  .about_main4 .aboutmain4imgSwiper { width: 100%; }
  .about_main4 .aboutmain4txtSwiper .name { font-size: 20px; }
  .about_main5 .mask .name { font-size: 60px; }
  .about_main5 .more { margin-top: 20px; line-height: 40px; }
  .about_main5 .bg_img { height: 290px; position: relative; overflow: hidden; }
  .about_main5 .bg_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 768px; }
  .about_main6 { padding: 60px 0; }
  .about_main7 { padding: 60px 0; }
  .about_main7 .block { padding: 20px; }
  .about_main7 .abstract { margin-top: 20px; }
  .about_main7 .block{width: 49%;}
  .about_main7 .block:not(:nth-child(3n)){margin-right: 0}
  .about_main7 .block:nth-child(odd){margin-right: 2%}
  .about_main7 .block:nth-child(n + 3){margin-top: 20px}
  .contact_main1 { padding-top: 60px; }
  .contact_main2 { padding: 60px 0; }
  .contact_main2 .mobile_img{display: block}
  .contact_main2 .mobile_img img{width: 100%}
  .contact_main3 { padding-bottom: 60px; }
  .contact_main4 { padding: 60px 0; }
  .contact_main1 .content .mask { padding-left: 40px; }
  .contact_main1 .content .title { font-size: 20px; }
  .contact_main1 .content .btn { font-size: 14px; line-height: 40px; width: 130px; }
  .contact_main1 .content .name { font-size: 16px; line-height: 20px; margin-top: 10px; }
  .contact_main3 .block:not(:nth-child(3n)) { margin-right: 0; }
  .contact_main3 .block { width: 100%; }
  .inner_form_box .block.block_code .line .img .picture_container{padding-top: 69.29412%;}
  .inner_form_box .block.block_code .line .img .picture_container img{height: 100%}
  .contact_main3 .block:nth-child(n + 2) { margin-top: 20px; }
  .inner_form_box .block { width: 100%; }
  .inner_form_box .block:nth-child(n + 2) { margin-top: 20px; }
  .contact_main2 .title { font-size: 24px; }
  .bannerText ul li .bannerTextContentBox { padding: 20px; }
  .bannerTextBox { padding: 120px 0; }
  .bannerText h3 { font-size: 22px; line-height: 1.3; }
  .bannerText ul li .bannerTextContentBox { height: auto; margin-left: 80px; }
  .bannerText .more a { width: 140px; line-height: 45px; }
  .MainProductBox { padding: 60px 0 40px; }
  .ExhibitionBox { padding: 60px 0; }
  .indexTitle { font-size: 28px; }
  .MainProductList ul li h3 { font-size: 22px; }
  .classicCaseTextBox { padding: 60px 0; }
  .classicCaseBox { padding: 60px 0; }
  .classicCase ul li .img { width: 50%; }
  .classicCaseText ul li dl dd { padding: 15px 15px 0; }
  .classicCaseText ul li dl { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }
  .classicCaseBox .indexTitle { font-size: 30px; }
  .LatestNewsBox { padding: 60px 0; }
  .LatestNews ul li .LatestNewscontent h3 { font-size: 18px; }
  .LatestNews ul li .LatestNewscontent { padding: 20px; }
  .ExhibitionBox dl dd h3 { font-size: 28px; }
  .ExhibitionBox dl dd { padding-left: 0; width: 100%; margin-top: 15px; }
  .ExhibitionBox dl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ExhibitionBox dl dt { width: 100%; }
  .indexAbout h3 { font-size: 30px; }
  .indexAbout ul li .num span { font-size: 40px; }
  .indexAboutBox { padding: 80px 0; }
  .plan_main1 img {width: 1920px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .plan_main1 .swiper-slide { overflow: hidden; }
  .planSwiper { height: 300px; }
  .planSwiper1 { height: 300px; }
  .plan_main1 .name { font-size: 28px; }
  .bannerDot { bottom: 5px !important; }
  .plan_main2 .title { font-size: 22px; line-height: 1.2; }
  .plan_main3 { padding: 60px 0; }
  .plan_main3 .block .name { font-size: 20px; }
  .plan_main3 .block .txt:not(:first-child) { padding-top: 15px; margin-top: 15px; }
  .plan_main3 .block:not(:first-child) { margin-top: 30px; }
  .plan_main4 { padding: 60px 0; }
  .plan_main4 .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .plan_main4 .txt_box { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 20px; }
  .plan_main4 .img { width: 70%; }
  .plan_main4 .name { font-size: 22px; }
  .plan_main4 .tips { margin-top: 10px; padding-top: 10px; font-size: 20px; }
  .plan_main4 .more { width: 150px; line-height: 45px; }
  .plan_main4 .more span { font-size: 14px; }
  .product_details_main1 .title { font-size: 26px; }
  .product_details_main1 .txt { font-size: 16px; }
  .product_details_main1 .icon img { width: 50px; }
  .product_details_main1 .bg_img { height: 400px; }
  .product_details_main2 { padding: 60px 0; }
  .product_details_main2 .more { margin: 20px 0 0; }
  .product_details_main3 .img { height: 250px; position: relative; overflow: hidden; }
  .product_details_main3 .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 768px; }
  .product_details_main4 { padding: 60px 0; }
  .product_details_main4 .top_block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .product_details_main4 .top_block .txt { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .product_details_main6 .content { width: 100%; padding: 0 15px; }
  .product_details_main2 .content { width: 100%; }
  .product_details_main4 .top_block .txt .name { font-size: 22px; }
  .product_details_main4 .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; }
  .product_details_main4 .block .img { width: 100%; }
  .product_details_main4 .block .txt_box { width: 100%; padding: 15px; }
  .product_details_main4 .block .txt_box .name { font-size: 22px; }
  .product_details_main4 .block .txt_box .abstract { font-size: 16px; }
  .product_details_main4 .bottom_block .mask { padding-top: 40px; }
  .product_details_main6 { padding: 60px 0; }
  .product_details_main6 .content .block { overflow: hidden; }
  .product_details_main6 .content .block .right_box { width: -webkit-calc(100% - 200px); width: calc(100% - 200px); }
  .product_details_main6 .content .block .left_box { width: 200px; }
  .product_details_main4 .bottom_block .name { font-size: 22px; }
  .product_details_main4 .bottom_block .abstract { font-size: 16px; line-height: 1.1; }
  .casedetailsSwiper { height: 300px; }
  .case_details_main2 { padding: 60px 0; }
  .case_details_main3 { padding: 60px 0; }
  .case_details .case_main2 { padding: 60px 0; }
  .case_details_main2 .block .name { font-size: 26px; line-height: 1.3; }
  .case_details_main2 .center1380 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .case_details_main2 .casedetailsmain2Swiper { width: 100%; margin-top: 20px; }
  .case_details_main2 .col_box { margin-top: 20px; }
  .case_details_main3 .block_box .block { padding: 20px; }
  .case_details_main3 .block_box .block .name { font-size: 22px; }
  .case_details_main3 .block_box .block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .case_details_main3 .block_box .block .txt_box { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 15px; }
  .login_main { padding: 60px 0; }
  .login_form .block.block_code .line .img{width: 25%}
  .login_form .block.block_code .line .img .picture_container{padding-top: 65%;}
  .login_form .block.block_code .line .img .picture_container img{height: 100%}
  .login_form .block.block_code .line input{width: 68%;}
  .contact_main2 .block_box .img .block .icon{display: none}
  .login_form { width: 100%; }
  .faq_main1{padding: 60px 0}
  .faq_main1 .block .title{padding: 20px}
  .faq_main1 .block .down{padding: 20px}
  .faq_main1 .block .title .name{font-size: 16px}
  .faq_main1 .block .title:after{right: 20px;width: 12px;height: 12px;}
  .faq_main1 .block .icon{font-size: 16px;margin-right: 20px}
  .contactmain1Swiper{height: 100%}
}

@media (max-width: 580px) { .inner_banner .mask { font-size: 22px; }
  bannerBox{padding: 20px 0}
  .inner_title { font-size: 20px; }
  .inner_tag .block { font-size: 12px; }
  .inner_tag .swiper-button-prev { left: -15px; }
  .inner_tag .swiper-button-next { right: -15px; }
  .layui-box { margin-top: 20px; }
  .footerBox { padding: 20px 0; }
  .footer dl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer dl dt .footerAddress { padding-bottom: 20px; }
  .removeStyle dt { margin-top: 15px; }
  .share p a { width: 35px; height: 35px; margin-left: 15px; }
  .footerCookie { padding: 15px; -webkit-border-radius: 20px; border-radius: 20px; }
  .footerCookie dl dt { width: 100%; }
  .footerCookie dl dd { margin-top: 10px; width: 100%; }
  .layui-box a, .layui-box .layui-laypage-curr { width: 35px; height: 35px; line-height: 35px; }
  .layui-box .layui-laypage-prev, .layui-box .layui-laypage-next, .layui-box .layui-laypage-last, .layui-box .layui-laypage-first { line-height: 35px; }
  .product_main1 { padding: 40px 0; }
  .product_main1 .top_block { margin-top: 20px; }
  .product_main1 .top_block .txt_box .name { font-size: 18px; }
  .product_main1 .top_block .txt_box .abstract { font-size: 14px; margin-top: 15px; }
  .product_main1 .top_block .txt_box .more { margin-top: 20px; width: 130px; }
  .product_main1 .top_block .txt_box .more span { font-size: 14px; }
  .product_main1 .block_box .block .name { font-size: 16px; }
  .product_main1 .block_box .block .abstract { font-size: 14px; }
  .product_main1 .block_box .block .txt_box { padding: 0 10px 10px; }
  .product_main1 .block_box .block .icon { margin: 10px auto; }
  .product_main1 .block_box .block .tag { opacity: 1; width: 50px; }
  .product_main1 .block_box .block .tag img { width: 100%; }
  .product_main1 .block_box .block { border: 2px solid #d7000f; }
  .case_main1 { padding-top: 40px; }
  .case_main2 { padding: 40px 0; }
  .case_form .name { font-size: 14px; }
  .case_form .block { margin-left: 10px; }
  .case_form .block_box { margin-left: -10px; }
  .case_main2 .block .img .icon_box { width: 50px; height: 50px; }
  .case_main2 .block .abstract { line-height: 20px; }
  .case_main2 .block .name { line-height: 20px; max-height: 40px; min-height: 40px; }
  .news_main1 { padding: 40px 0; }
  .news_main2 { padding: 40px 0; }
  .news_main1 .newsSwiper .block .txt_box .name { font-size: 16px; }
  .news_main1 .newsSwiper .block .txt_box .abstract { font-size: 14px; }
  .inner_form { padding: 0 15px 15px; }
  .news_main2 .block .txt_box { padding: 10px; }
  .news_main2 .block .name { font-size: 16px; line-height: 20px; max-height: 40px; min-height: 40px; }
  .news_main2 .block .abstract { font-size: 14px; }
  .news_main1 .newsSwiper { margin-top: 20px; }
  .news_details_main1 { padding: 40px 0; }
  .news_details_main1 .left_box .title { font-size: 18px; line-height: 1.3; margin-top: 10px; }
  .news_details_main1 .left_box .time { margin-top: 15px; }
  .news_details_main1 .right_box .title { font-size: 16px; }
  .blog_main1 { padding: 40px 0; }
  .blog_main1 .content { margin-top: 20px; }
  .blog_main1 .left_box .block .txt_box { padding: 10px 0 0; }
  .blog_main1 .left_box .block .name { font-size: 16px; line-height: 1.3; }
  .blog_main1 .left_box .block .abstract { font-size: 14px; line-height: 1.3; margin-top: 15px; }
  .blog_main1 .left_box .block:not(:first-child) { margin-top: 20px; }
  .blog_main1 .right_box .title { font-size: 20px; }
  .blog_main1 .right_box .block { padding: 20px 0; }
  .download_main1 { padding: 40px 0 35px; }
  .download_main { padding: 40px 0; }
  .video_main2 .block .name { font-size: 16px; }
  .video_main2 .block .icon { width: 40px; height: 40px; font-size: 14px; left: 10px; bottom: 10px; }
  .brochure_main2 .block { padding: 10px; }
  .brochure_main2 .block .name { font-size: 16px; }
  .download_main2 .block { padding: 5px; }
  .download_main2 .block .name { font-size: 14px; width: 50%; }
  .download_main2 .block .size { display: none; }
  .policy_main1 { padding: 40px 0; }
  .policy_main1 .content { marign-top: 10px; }
  .policy_main1 .right_box .title { font-size: 16px; }
  .policy_main1 .right_box .block:not(:first-child) { margin-top: 15px; }
  .about_title { font-size: 20px; }
  .about_main1 { padding: 40px 0; }
  .about_main1 .content { margin-top: 20px; }
  .about_main1 .content .name { font-size: 20px; margin-top: 0; }
  .about_main1 .content .img { width: 100%; }
  .about_main1 .content .block { margin-top: 20px; }
  .about_main1 .content .txt_box .icon { display: none; }
  .about_main2 { padding: 40px 0; }
  .about_main2 .block .number { font-size: 22px; }
  .about_main3 { padding: 40px 0; }
  /*.about_main3 .block_box .swiper-slide { width: 150px; }*/
  /*.about_main3 .block_box .swiper-slide.swiper-slide-active { width: 200px; }*/
  .about_main3 .block_box .swiper-button-prev, .about_main3 .block_box .swiper-button-next{width: 40px;height: 40px;line-height: 36px;}

  .about_main3 .block_box .block .name { font-size: 14px; line-height: 1.2; }
  .about_main4 .aboutmain4txtSwiper .name { font-size: 18px; }
  .about_main4 .aboutmain4txtSwiper .tips { margin-top: 10px; padding-top: 10px; font-size: 16px; }
  .about_main4 .swiper-button-prev, .about_main4 .swiper-button-next { width: 45px; height: 45px; line-height: 43px; }
  .about_main5 .mask .name { font-size: 40px; }
  .about_main5 .bg_img { height: 240px; }
  .about_main6 { padding: 40px 0; }
  .about_main7 { padding: 40px 0; }
  .about_main7 .block { padding: 10px;}
  .about_main7 .abstract { margin-top: 20px;line-height: 1.3 }
  .about_main7 .name { font-size: 16px; }
  .about_main7 .img{width: 100%;margin-top: 15px}
  /*.about_main7 .block:nth-child(odd){margin-right: 0}*/
  /*.about_main7 .block:nth-child(n + 3){margin-top: 20px}*/
  .about_main7 .swiper-button-prev, .about_main7 .swiper-button-next { width: 43px; height: 43px; line-height: 39px; }
  .contact_main1 .content .mask { padding: 0 10px; }
  .contact_main1 .content .title { font-size: 16px; }
  .contact_main1 { padding-top: 40px; }
  .contact_main2 { padding: 40px 0; }
  .contact_main3 { padding-bottom: 40px; }
  .contact_main4 { padding: 40px 0; }
  .contact_main2 .title { font-size: 20px; }
  .contact_main2 .block_box { margin-top: 20px; }
  .contact_main2 .block_box .img .block .txt_box { padding: 10px; }
  .contact_main2 .block_box .img .block .name { text-align: left; }
  .contact_main3 .block .txt_box { padding: 10px; }
  .bannerTextBox { padding:0 0 40px; position: static; }
  .bannerText ul li .bannerTextContentBox{border-radius: 0 0 20px 20px;}
  .bannerContent .img{border-radius: 20px 20px 0 0;}
  .banner ul li { padding: 0; }
  .bannerContent .img { width: 100%; }
  .bannerText ul li .bannerTextContentBox { margin: 0; width: 100%; }
  .bannerText { left: 0; top: 0; }
  .bannerText h3 { font-size: 20px; line-height: 1.3; height: auto; }
  .bannerText .desc { font-size: 16px; height: auto; line-height: 1.3; }
  .bannerDot { bottom: 10px !important; }
  .bannerText .more { padding-top: 20px; }
  .MainProductBox { padding: 40px 0; }
  .MainProductList { margin-top: 20px; padding-bottom: 0px; }
  .MainProductList ul li h3 { margin: 0 15px; font-size: 18px; }
  .MainProductList ul li .desc { margin: 0 15px; }
  .MainProductList ul li a { padding-bottom: 0; }
  .classicCaseTextBox { padding: 40px 0; position: static; }
  .classicCase ul li .img { width: 100%; height: 200px;border-radius: 20px 20px 0 0 ; }
  .classicCaseText ul li dl { width: 100%;border-radius: 0 0 20px 20px }
  .classicCaseTextBox { padding: 0; }
  .classicCaseBox { padding: 40px 0 80px; }
  .classicCaseBtnBox { position: absolute; bottom: 10px; left: 0; padding-left: 15px; }
  .classicCaseText { height: 250px; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; margin-top:0; }
  .classicCaseText ul li dl dd .more a { width: 130px; line-height: 45px; }
  .classicCaseText ul li dl dd h3 { font-size: 18px; }
  .classicCaseText ul li dl dd .desc { font-size: 14px; }
  .LatestNewsBox { padding: 40px 0; }
  .LatestNews { margin-top: 20px; }
  .LatestNews ul li .LatestNewscontent h3 { font-size: 16px; line-height: 1.3; height: auto; }
  .LatestNews ul li .LatestNewscontent .more { padding-top: 20px; }
  .ExhibitionBox { padding: 40px 0; }
  .ExhibitionBox dl dd h3 { font-size: 18px; }
  .ExhibitionBox dl dd .desc { font-size: 14px; }
  .indexAboutBox { padding: 40px 0; }
  .indexAbout h3 { font-size: 20px; }
  .indexAbout .desc { font-size: 16px; }
  .indexAbout ul li .num span { font-size: 24px; }
  .indexAbout ul li .num { font-size: 24px; }
  .indexAbout ul { padding-top: 20px; }
  .HowCanWeHelpYou h3 { font-size: 20px; }
  .HowCanWeHelpYou { padding: 40px 0; }
  .HowCanWeHelpYou .desc { font-size: 16px; line-height: 1.1; padding: 0 15px; }
  .LatestNewsMore { padding-top: 20px; }
  .ExhibitionBox dl dd .more { padding-top: 20px; }
  .plan_main1 .name { font-size: 20px; }
  .plan_main1 .abstract { font-size: 14px; line-height: 1.3; }
  .plan_main2 { padding: 40px 0; }
  .plan_main2 .title { font-size: 20px; }
  .plan_main2 .abstract { font-size: 14px; }
  .plan_main2 .more { width: 150px; line-height: 45px; }
  .plan_main2 .more span { font-size: 14px; }
  .plan_main3 { padding: 40px 0; }
  .plan_main4 { padding: 40px 0; }
  .plan_main3 .block .name { font-size: 18px; line-height: 1.1; }
  .plan_main3 .block .abstract { font-size: 14px; }
  .plan_main4 .img { width: 100%; }
  .plan_main4 .name { font-size: 20px; }
  .plan_main4 .tips { font-size: 18px; }
  .plan_main4 .abstract { font-size: 14px; line-height: 1.3; }
  .product_details_main2 { padding: 40px 0; }
  .product_details_main4 { padding: 40px 0; }
  .product_details_main2 .abstract { margin-top: 20px; }
  .product_details_main2 .more { line-height: 45px; }
  .product_details_main3 .video { width: 50px; line-height: 48px; }
  .product_details_main4 .top_block .img { width: 100%; }
  .product_details_main4 .top_block img { width: 100%; }
  .product_details_main4 .top_block .txt .name { font-size: 18px; }
  .product_details_main4 .top_block .txt .abstract { font-size: 14px; }
  .product_details_main4 .block .txt_box .name { font-size: 18px; }
  .product_details_main4 .block .txt_box .abstract { font-size: 14px; }
  .product_details_main4 .bottom_block .name { font-size: 18px; line-height: 1.2; }
  .product_details_main4 .bottom_block .abstract { font-size: 14px; }
  .product_details_main5 .txt_box { padding: 15px; }
  .product_details_main5 .txt_box .name { font-size: 16px; }
  .product_details_main5 .more { line-height: 45px; }
  .product_details_main6 .content .block .left_box { width: 160px; }
  .product_details_main6 .content .block .right_box { width: -webkit-calc(100% - 160px); width: calc(100% - 160px); }
  .product_details_main6 .content .block .right_box .line { padding-left: 10px; }
  .product_details_main6 .content .block .line { font-size: 12px; }
  .product_details_main6 { padding: 40px 0; }
  .contact_main4 .abstract { font-size: 14px; }
  .product_details_main1 .img { width: 100%; text-align: center; }
  .product_details_main1 .img img { width: 30%; }
  .product_details_main1 .content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .product_details_main1 .block { width: 50%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
  .product_details_main1 .txt { font-size: 14px; }
  .product_details_main1 .title { font-size: 20px; }
  .casedetailsSwiper { height: 250px; }
  .case_details_main3 { padding: 40px 0; }
  .case_details_main2 { padding: 40px 0; }
  .case_details_main2 .block .name { font-size: 20px; }
  .case_details_main2 .block .abstract { font-size: 16px; line-height: 1.2; }
  .case_details_main3 .block_box .block { padding: 10px; }
  .case_details_main3 .block_box .block .name { font-size: 16px; }
  .case_details .case_main2 { padding: 40px 0; }
  .login_main { padding: 40px 0; }
  .login_main .login_tips { font-size: 16px; }
  .login_form .btn_box .btn { line-height: 45px; } .product_details_main1 video{display: none;}
  .faq_main1{padding: 40px 0}
  .faq_main1 .block .title{padding: 10px}
  .faq_main1 .block .down{padding: 10px}
  .faq_main1 .block .title:after{right: 10px;}
  .faq_main1 .block .down .txt{font-size: 14px;line-height: 1.3}

}


.intl-tel-input {
  position: relative;
  /*display: inline-block*/
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box
}

.intl-tel-input .hide {
  display: none
}

.intl-tel-input .v-hide {
  visibility: hidden
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {
  padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
  color: #999
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05)
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
  width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05)
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px
}

.intl-tel-input.iti-container:hover {
  cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em
}

.iti-flag {
  width: 20px
}

.iti-flag.be {
  width: 18px
}

.iti-flag.ch {
  width: 15px
}

.iti-flag.mc {
  width: 19px
}

.iti-flag.ne {
  width: 18px
}

.iti-flag.np {
  width: 13px
}

.iti-flag.va {
  width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../images/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../images/flags@2x.png")
  }
}

.iti-flag.np {
  background-color: transparent
}


input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #807c7c;
  transition: background-color 5000s ease-out 0.5s;
}
input[type="password"]::-ms-reveal {
  display: none;
}

/*20230330修改*/
.subNavList dl dt a{white-space: nowrap;}
.subNavList dl dt{width:40%}
.subNavList dl dd{width:60%}