/*!css/style.scss*/
.touch-action-none { touch-action: pan-x; touch-action: pan-y; }
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp { border: 0; margin: 0; padding: 0; font-size: 100% }
html,body { height: 100% }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block }
b,strong { font-weight: 700 }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic }
ol,ul { list-style: none }
li { display: list-item }
table { border-collapse: collapse; border-spacing: 0 }
th,td,caption { font-weight: 400; vertical-align: top; text-align: left }
q { quotes: none }
q:before,q:after { content: ""; content: none }
sub,sup,small { font-size: 75% }
sub,sup { line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
svg { overflow: hidden }
input,button,select,textarea { outline: 0 }
textarea { resize: none }
body,html { width: 100%; height: 100% }
body,div,a,span,ul,li,img,div:after,div:before,a:after,a:before,span:after,span:before,ul:after,ul:before,li:after,li:before,img:after,img:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -ms-user-select: none; -ms-touch-action: none; -moz-user-select: -moz-none; -webkit-overflow-scrolling: touch }
html { font: 400 .625em/20px "PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,Helvetica,sans-serif }
.clearfix:after { content: "\200B"; display: block; height: 0; clear: both }
.clearfix { *zoom: 1 }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
span[id*=cnzz_stat] { display: none }
.none { display: none!important }
::-webkit-input-placeholder { color: #999 }
a { text-decoration: none; color: inherit; transition: color 300ms ease; -webkit-transition: color 300ms ease; -ms-transition: color 300ms ease }
a[href]:hover { color: #d32430 }
@media screen and (max-width:1024px) {
  a[href]:hover { color: inherit }
  a[href]:active { color: #d32430 }
}
i { font-style: normal }
img { border: 0 }
audio { display: none; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); position: absolute; left: 0; top: 0 }
.t300 { -webkit-transition: all 300ms ease; transition: all 300ms ease }
.t600 { -webkit-transition: all 600ms ease; transition: all 600ms ease }
@-webkit-keyframes rotate360 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes rotate360 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
.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; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; box-sizing: content-box }
.swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-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; 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; 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); 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; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: 0; margin: 0; padding: 0; 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); 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,.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); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-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,.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,left top,right top,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent); background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent); background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent); background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent) }
.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; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-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: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: 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 { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(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,.5); 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%; 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) }
}
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform,left,top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform,left,top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform,left,top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0); -ms-transition-property: -ms-transform,left,top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform,left,top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-wp8-horizontal { -ms-touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x }
.swiper-container {   }
.swiper-slide {   }
.swiper-slide-active {   }
.swiper-slide-visible {   }
.swiper-pagination-switch {   }
.swiper-active-switch {   }
.swiper-visible-switch {   }
.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-backface-visibility: hidden }
.blueimp-gallery>.slides>.slide>.slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1 }
.blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0,0,0,.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none }
.blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y }
.blueimp-gallery-display { display: block; opacity: 1 }
.blueimp-gallery>.slides { position: relative; height: 100%; overflow: hidden }
.blueimp-gallery-carousel>.slides { position: absolute }
.blueimp-gallery>.slides>.slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645,.045,.355,1); -moz-transition-timing-function: cubic-bezier(0.645,.045,.355,1); -ms-transition-timing-function: cubic-bezier(0.645,.045,.355,1); -o-transition-timing-function: cubic-bezier(0.645,.045,.355,1); transition-timing-function: cubic-bezier(0.645,.045,.355,1) }
.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content { -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear }
.blueimp-gallery>.slides>.slide-loading { background: url(../node_modules/blueimp-gallery/img/loading.gif) center no-repeat; background-size: 64px 64px }
.blueimp-gallery>.slides>.slide-loading>.slide-content { opacity: 0 }
.blueimp-gallery>.slides>.slide-error { background: url(../node_modules/blueimp-gallery/img/error.png) center no-repeat }
.blueimp-gallery>.slides>.slide-error>.slide-content { display: none }
.blueimp-gallery>.next,.blueimp-gallery>.prev { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0,0,0,.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: .5; cursor: pointer; display: none }
.blueimp-gallery>.next { left: auto; right: 15px }
.blueimp-gallery>.close,.blueimp-gallery>.title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: .8; display: none }
.blueimp-gallery>.close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer }
.blueimp-gallery>.play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../node_modules/blueimp-gallery/img/play-pause.png) no-repeat; cursor: pointer; opacity: .5; display: none }
.blueimp-gallery-playing>.play-pause { background-position: -15px 0 }
.blueimp-gallery>.close:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.play-pause:hover,.blueimp-gallery>.prev:hover,.blueimp-gallery>.title:hover { color: #fff; opacity: 1 }
.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.play-pause,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.title { display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) }
.blueimp-gallery-left>.prev,.blueimp-gallery-right>.next,.blueimp-gallery-single>.next,.blueimp-gallery-single>.play-pause,.blueimp-gallery-single>.prev { display: none }
.blueimp-gallery>.close,.blueimp-gallery>.next,.blueimp-gallery>.play-pause,.blueimp-gallery>.prev,.blueimp-gallery>.slides>.slide>.slide-content { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
body:last-child .blueimp-gallery>.slides>.slide-error { background-image: url(../node_modules/blueimp-gallery/img/error_19ee6b7.svg) }
body:last-child .blueimp-gallery>.play-pause { width: 20px; height: 20px; background-size: 40px 20px; background-image: url(../node_modules/blueimp-gallery/img/play-pause_21dfa31.svg) }
body:last-child .blueimp-gallery-playing>.play-pause { background-position: -20px 0 }
*+html .blueimp-gallery>.slides>.slide { min-height: 300px }
*+html .blueimp-gallery>.slides>.slide>.slide-content { position: relative }
.blueimp-gallery>.indicator { position: absolute; top: auto; right: 15px; bottom: 15px; left: 15px; margin: 0 40px; padding: 0; list-style: none; text-align: center; line-height: 10px; display: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.blueimp-gallery>.indicator>li { display: inline-block; width: 9px; height: 9px; margin: 6px 3px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid transparent; background: #ccc; background: center no-repeat rgba(255,255,255,.25); border-radius: 5px; box-shadow: 0 0 2px #000; opacity: .5; cursor: pointer }
.blueimp-gallery>.indicator>.active,.blueimp-gallery>.indicator>li:hover { background-color: #fff; border-color: #fff; opacity: 1 }
.blueimp-gallery-controls>.indicator { display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) }
.blueimp-gallery-single>.indicator { display: none }
*+html .blueimp-gallery>.indicator>li { display: inline }
.blueimp-gallery>.slides>.slide>.video-content>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-backface-visibility: hidden }
.blueimp-gallery>.slides>.slide>.video-content>video { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.blueimp-gallery>.slides>.slide>.video-content>iframe { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border: 0 }
.blueimp-gallery>.slides>.slide>.video-playing>iframe { top: 0 }
.blueimp-gallery>.slides>.slide>.video-content>a { position: absolute; top: 50%; right: 0; left: 0; margin: -64px auto 0; width: 128px; height: 128px; background: url(../node_modules/blueimp-gallery/img/video-play.png) center no-repeat; opacity: .8; cursor: pointer }
.blueimp-gallery>.slides>.slide>.video-content>a:hover { opacity: 1 }
.blueimp-gallery>.slides>.slide>.video-content>video,.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img { display: none }
.blueimp-gallery>.slides>.slide>.video-playing>video { display: block }
.blueimp-gallery>.slides>.slide>.video-loading>a { background: url(../node_modules/blueimp-gallery/img/loading.gif) center no-repeat; background-size: 64px 64px }
body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a { background-image: url(../node_modules/blueimp-gallery/img/video-play_9b73795.svg) }
*+html .blueimp-gallery>.slides>.slide>.video-content { height: 100% }
*+html .blueimp-gallery>.slides>.slide>.video-content>a { left: 50%; margin-left: -64px }
.lg-sub-html,.lg-toolbar { background-color: rgba(0,0,0,.45) }
@font-face { font-family: lg; src: url(../node_modules/lightgallery/dist/fonts/lg_ecff117.eot?n1z373); src: url(../node_modules/lightgallery/dist/fonts/lg_ecff117.eot?) format("embedded-opentype"),url(../node_modules/lightgallery/dist/fonts/lg_5fd4c33.woff?n1z373) format("woff"),url(../node_modules/lightgallery/dist/fonts/lg_4fe6f9c.ttf?n1z373) format("truetype"),url(../node_modules/lightgallery/dist/fonts/lg_0cb1b8a.svg?n1z373) format("svg"); font-weight: 400; font-style: normal }
.lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.lg-actions .lg-next,.lg-actions .lg-prev { background-color: rgba(0,0,0,.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: 0; outline: 0 }
.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5 }
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover { color: #FFF }
.lg-actions .lg-next { right: 20px }
.lg-actions .lg-next:before { content: "\e095" }
.lg-actions .lg-prev { left: 20px }
.lg-actions .lg-prev:after { content: "\e094" }
@-webkit-keyframes lg-right-end {
  0%,100% { left: 0 }
  50% { left: -30px }
}
@-moz-keyframes lg-right-end {
  0%,100% { left: 0 }
  50% { left: -30px }
}
@-ms-keyframes lg-right-end {
  0%,100% { left: 0 }
  50% { left: -30px }
}
@keyframes lg-right-end {
  0%,100% { left: 0 }
  50% { left: -30px }
}
@-webkit-keyframes lg-left-end {
  0%,100% { left: 0 }
  50% { left: 30px }
}
@-moz-keyframes lg-left-end {
  0%,100% { left: 0 }
  50% { left: 30px }
}
@-ms-keyframes lg-left-end {
  0%,100% { left: 0 }
  50% { left: 30px }
}
@keyframes lg-left-end {
  0%,100% { left: 0 }
  50% { left: 30px }
}
.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative }
.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative }
.lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100% }
.lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none!important; outline: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear }
.lg-toolbar .lg-icon:hover { color: #FFF }
.lg-toolbar .lg-close:after { content: "\e070" }
.lg-toolbar .lg-download:after { content: "\e0f2" }
.lg-sub-html { bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080 }
.lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700 }
.lg-sub-html p { font-size: 12px; margin: 5px 0 0 }
#lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle }
.lg-next,.lg-prev,.lg-toolbar { opacity: 1; -webkit-transition: -webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear; -moz-transition: -moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear; -o-transition: -o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear; transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear }
.lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) }
.lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) }
.lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5,.5,.5); transform: scale3d(0.5,.5,.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important; -moz-transition: -moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important; -o-transition: -o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important; transition: transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1 }
.lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s; -moz-transition: -moz-transform .25s cubic-bezier(0,0,.25,1) 0s; -o-transition: -o-transform .25s cubic-bezier(0,0,.25,1) 0s; transition: transform .25s cubic-bezier(0,0,.25,1) 0s }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s!important; transition-duration: 0s!important }
.lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px }
.lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px }
@media (min-width:1025px) {
  .lg-outer .lg-thumb-item { -webkit-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease }
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover { border-color: #a90707 }
.lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover }
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0 }
.lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom .25s ease; -o-transition: bottom .25s ease; transition: bottom .25s ease }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px }
.lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px }
.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share { color: #FFF }
.lg-outer .lg-toogle-thumb:after { content: "\e1ff" }
.lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px }
.lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative }
.lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important }
.lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer }
.lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto }
.lg-outer .lg-has-vimeo .lg-video-play { background: url(../node_modules/lightgallery/dist/img/vimeo-play.png) no-repeat }
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../node_modules/lightgallery/dist/img/vimeo-play.png) 0 -58px no-repeat }
.lg-outer .lg-has-html5 .lg-video-play { background: url(../node_modules/lightgallery/dist/img/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8 }
.lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1 }
.lg-outer .lg-has-youtube .lg-video-play { background: url(../node_modules/lightgallery/dist/img/youtube-play.png) no-repeat }
.lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../node_modules/lightgallery/dist/img/youtube-play.png) 0 -60px no-repeat }
.lg-outer .lg-video-object { width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0 }
.lg-outer .lg-has-video .lg-video-object { visibility: hidden }
.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible }
.lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 80ms ease 0s; -moz-transition: opacity 80ms ease 0s; -o-transition: opacity 80ms ease 0s; transition: opacity 80ms ease 0s }
.lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0 }
.lg-progress-bar.lg-start .lg-progress { width: 100% }
.lg-show-autoplay .lg-progress-bar { opacity: 1 }
.lg-autoplay-button:after { content: "\e01d" }
.lg-show-autoplay .lg-autoplay-button:after { content: "\e01a" }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0s; transition-duration: 0s }
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s; -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s; -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s; transition: transform .3s cubic-bezier(0,0,.25,1) 0s }
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s; -moz-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s; -o-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s; transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important; -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important; -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important; transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
#lg-zoom-in:after { content: "\e311" }
#lg-actual-size { font-size: 20px }
#lg-actual-size:after { content: "\e033" }
#lg-zoom-out { opacity: .5; pointer-events: none }
#lg-zoom-out:after { content: "\e312" }
.lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto }
.lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible }
.lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset }
.lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s; -moz-transition: opacity .15s ease 0s,-moz-transform .15s ease 0s; -o-transition: opacity .15s ease 0s,-o-transform .15s ease 0s; transition: opacity .15s ease 0s,transform .15s ease 0s; -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) }
.lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100% }
.lg-outer .lg-pager { background-color: rgba(255,255,255,.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255,255,255,.7) inset; display: block; height: 12px; -webkit-transition: box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s; width: 12px }
.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #fff inset }
.lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0 }
.lg-fullscreen:after { content: "\e20c" }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e20d" }
.lg-outer #lg-dropdown-overlay { background-color: rgba(0,0,0,.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .18s,opacity .18s linear 0s; -o-transition: visibility 0s linear .18s,opacity .18s linear 0s; transition: visibility 0s linear .18s,opacity .18s linear 0s }
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; visibility: visible }
.lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0,5px,0); -o-transform: translate3d(0,5px,0); -ms-transform: translate3d(0,5px,0); -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); -webkit-transition: -webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s; -moz-transition: -moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s; -o-transition: -o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s; transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s }
.lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px }
.lg-outer .lg-dropdown>li:last-child { margin-bottom: 0 }
.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a { color: #333 }
.lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px }
.lg-outer .lg-dropdown a:hover { background-color: rgba(0,0,0,.07) }
.lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle }
.lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto }
.lg-outer,.lg-outer .lg,.lg-outer .lg-inner { width: 100%; height: 100% }
.lg-outer #lg-share { position: relative }
.lg-outer #lg-share:after { content: "\e80d" }
.lg-outer #lg-share-facebook .lg-icon { color: #3b5998 }
.lg-outer #lg-share-facebook .lg-icon:after { content: "\e901" }
.lg-outer #lg-share-twitter .lg-icon { color: #00aced }
.lg-outer #lg-share-twitter .lg-icon:after { content: "\e904" }
.lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39 }
.lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902" }
.lg-outer #lg-share-pinterest .lg-icon { color: #cb2027 }
.lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903" }
.lg-group:after { content: ""; display: table; clear: both }
.lg-outer { position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s }
.lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.lg-outer.lg-visible { opacity: 1 }
.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide { -webkit-transition-duration: inherit!important; transition-duration: inherit!important; -webkit-transition-timing-function: inherit!important; transition-timing-function: inherit!important }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s!important; transition-duration: 0s!important; opacity: 1 }
.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing }
.lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100% }
.lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap }
.lg-outer .lg-item { background: url(../node_modules/lightgallery/dist/img/loading.gif) center center no-repeat; display: none!important }
.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide { display: inline-block!important }
.lg-outer .lg-img-wrap,.lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100% }
.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px }
.lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0 }
.lg-outer .lg-item.lg-complete { background-image: none }
.lg-outer .lg-item.lg-current { z-index: 1060 }
.lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto!important; height: auto!important }
.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1 }
.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download { display: none }
.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s }
.lg-backdrop.in { opacity: 1 }
.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none 0s ease 0s!important; -moz-transition: none 0s ease 0s!important; -o-transition: none 0s ease 0s!important; transition: none 0s ease 0s!important }
.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.lg-css3.lg-fade .lg-item { opacity: 0 }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1 }
.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity .1s ease 0s; -moz-transition: opacity .1s ease 0s; -o-transition: opacity .1s ease 0s; transition: opacity .1s ease 0s }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0 }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s; transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s }
.lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0 }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100% }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100% }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1 }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { -webkit-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s; -moz-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s; -o-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s; transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s }
.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.video-js .vjs-big-play-button:before,.video-js .vjs-control:before { text-align: center }
@font-face { font-family: VideoJS; src: url("VideoJS_2b9875f.eot?t=1494214640693"); src: url("VideoJS_2b9875f.eot?t=1494214640693") format("embedded-opentype"),url("VideoJS_4d3f24d.woff?t=1494214640693") format("woff"),url("VideoJS_3f224f7.ttf?t=1494214640693") format("truetype"),url("VideoJS_9e2ddec.svg?t=1494214640693") format("svg"); font-weight: 400; font-style: normal }
.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before { content: "" }
.vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-play-circle:before { content: "" }
.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before { content: "" }
.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0 { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before { content: "" }
.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1 { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before { content: "" }
.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2 { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before { content: "" }
.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before { content: "" }
.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before { content: "" }
.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before { content: "" }
.vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-square:before { content: "" }
.vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-spinner:before { content: "" }
.vjs-icon-subtitles,.video-js .vjs-subtitles-button { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before { content: "" }
.vjs-icon-captions,.video-js .vjs-captions-button { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-captions:before,.video-js .vjs-captions-button:before { content: "" }
.vjs-icon-chapters,.video-js .vjs-chapters-button { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before { content: "" }
.vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-share:before { content: "" }
.vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-cog:before { content: "" }
.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before { content: "" }
.vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-circle-outline:before { content: "" }
.vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-circle-inner-circle:before { content: "" }
.vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-hd:before { content: "" }
.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before { content: "" }
.vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-replay:before { content: "" }
.vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-facebook:before { content: "" }
.vjs-icon-gplus { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-gplus:before { content: "" }
.vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-linkedin:before { content: "" }
.vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-twitter:before { content: "" }
.vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-tumblr:before { content: "" }
.vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-pinterest:before { content: "" }
.vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal }
.vjs-icon-audio-description:before { content: "" }
.video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial,Helvetica,sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.video-js:-moz-full-screen { position: absolute }
.video-js:-webkit-full-screen { width: 100%!important; height: 100%!important }
.video-js *,.video-js:before,.video-js:after { box-sizing: inherit }
.video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0 }
.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0 }
.video-js.vjs-16-9 { padding-top: 56.25% }
.video-js.vjs-4-3 { padding-top: 75% }
.video-js.vjs-fill { width: 100%; height: 100% }
.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto }
.vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0 }
.video-js.vjs-fullscreen { width: 100%!important; height: 100%!important; padding-top: 0!important }
.video-js.vjs-fullscreen.vjs-user-inactive { cursor: none }
.vjs-hidden { display: none!important }
.video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px }
.vjs-lock-showing { display: block!important; opacity: 1; visibility: visible }
.vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial,Helvetica,sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto }
.vjs-no-js a,.vjs-no-js a:visited { color: #66A8CC }
.video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: .06666em solid #fff; background-color: #2B333F; background-color: rgba(43,51,63,.7); border-radius: .3em; -webkit-transition: all .4s; transition: all .4s }
.vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -.75em; margin-left: -1.5em }
.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115,133,159,.5); -webkit-transition: all 0s; transition: all 0s }
.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button { display: none }
.video-js button { background: 0 0; border: 0; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; -webkit-transition: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: .5em; z-index: 2 }
.vjs-menu-button { cursor: pointer }
.vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto }
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none }
.vjs-menu li { list-style: none; margin: 0; padding: .2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase }
.vjs-menu li:focus,.vjs-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115,133,159,.5) }
.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F }
.vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 .3em; font-weight: 700; cursor: default }
.vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43,51,63,.7) }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43,51,63,.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em }
.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block }
.video-js .vjs-menu-button-inline { -webkit-transition: all .4s; transition: all .4s; overflow: hidden }
.video-js .vjs-menu-button-inline:before { width: 2.222222222em }
.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em }
.video-js .vjs-menu-button-inline.vjs-slider-active { -webkit-transition: none; transition: none }
.vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 2.2222222em; top: 0; padding: 0; margin: 0; -webkit-transition: all .4s; transition: all .4s }
.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1 }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto }
.vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden }
.video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43,51,63,.7) }
.vjs-has-started .vjs-control-bar { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility .1s,opacity .1s; transition: visibility .1s,opacity .1s }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s,opacity 1s; transition: visibility 1s,opacity 1s }
.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar { display: none!important }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible }
@media �screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar:before { content: "" }
}
.vjs-has-started.vjs-no-flex .vjs-control-bar { display: table }
.video-js .vjs-control { outline: 0; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -ms-flex: none; flex: none }
.video-js .vjs-control:before { font-size: 1.8em; line-height: 1.67 }
.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus { text-shadow: 0 0 1em #fff }
.video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle }
.video-js .vjs-custom-control-spacer { display: none }
.video-js .vjs-progress-control { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.vjs-live .vjs-progress-control { display: none }
.video-js .vjs-progress-holder { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all .2s; transition: all .2s; height: .3em }
.video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em }
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after { display: block; font-size: .6em }
.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: .3em; margin: 0; padding: 0; width: 0; left: 0; top: 0 }
.video-js .vjs-mouse-display:before { display: none }
.video-js .vjs-play-progress { background-color: #fff }
.video-js .vjs-play-progress:before { position: absolute; top: -.333333333333333em; right: -.5em; font-size: .9em }
.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after { display: none; position: absolute; top: -2.4em; right: -1.5em; font-size: .9em; color: #000; content: attr(data-current-time); padding: .2em .5em; background-color: #fff; background-color: rgba(255,255,255,.8); border-radius: .3em }
.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after { z-index: 1 }
.video-js .vjs-load-progress { background: ligthen(#73859f,25%); background: rgba(115,133,159,.5) }
.video-js .vjs-load-progress div { background: ligthen(#73859f,50%); background: rgba(115,133,159,.75) }
.video-js.vjs-no-flex .vjs-progress-control { width: auto }
.video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1 }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0 }
.video-js .vjs-progress-control:hover .vjs-mouse-display { display: block }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s,opacity 1s; transition: visibility 1s,opacity 1s }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { display: none }
.video-js .vjs-progress-control .vjs-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0,0,0,.8) }
.video-js .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 .45em; background-color: #73859f; background-color: rgba(115,133,159,.5) }
.video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff }
.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none }
.video-js .vjs-volume-control { width: 5em; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.video-js .vjs-volume-bar { margin: 1.35em }
.vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: .3em }
.vjs-volume-bar.vjs-slider-vertical { width: .3em; height: 5em }
.video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff }
.video-js .vjs-volume-level:before { position: absolute; font-size: .9em }
.vjs-slider-vertical .vjs-volume-level { width: .3em }
.vjs-slider-vertical .vjs-volume-level:before { top: -.5em; left: -.3em }
.vjs-slider-horizontal .vjs-volume-level { height: .3em }
.vjs-slider-horizontal .vjs-volume-level:before { top: -.3em; right: -.5em }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100% }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100% }
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent }
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: .5em; height: 8em }
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em }
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden }
.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content { height: 8em; width: 2.9em }
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { height: 2.9em; width: 8em }
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { background-color: transparent!important }
.vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100% }
.vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100% }
.vjs-has-started .vjs-poster { display: none }
.vjs-audio.vjs-has-started .vjs-poster { display: block }
.vjs-controls-disabled .vjs-poster { display: none }
.vjs-using-native-controls .vjs-poster { display: none }
.video-js .vjs-live-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em }
.vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left }
.video-js .vjs-time-control { -webkit-box-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em }
.vjs-live .vjs-time-control { display: none }
.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time { display: none }
.video-js .vjs-duration,.vjs-no-flex .vjs-duration { display: none }
.vjs-time-divider { display: none; line-height: 3em }
.vjs-live .vjs-time-divider { display: none }
.video-js .vjs-play-control { cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none }
.vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em }
.video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: .1em; background-color: #000; background-color: rgba(0,0,0,.5) }
.vjs-subtitles { color: #fff }
.vjs-captions { color: #fc6 }
.vjs-tt-cue { display: block }
video::-webkit-media-text-track-display { -webkit-transform: translateY(-3em); transform: translateY(-3em) }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em) }
.video-js .vjs-fullscreen-control { width: 3.8em; cursor: pointer; -webkit-box-flex: none; -ms-flex: none; flex: none }
.vjs-playback-rate .vjs-playback-rate-value { font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center }
.vjs-playback-rate .vjs-menu { width: 4em; left: 0 }
.vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center }
.vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial,Helvetica,sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -.5em; position: absolute; text-shadow: .05em .05em .1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100% }
.vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: .85; text-align: left; border: 6px solid rgba(43,51,63,.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px }
.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner { display: block }
.vjs-loading-spinner:before,.vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: #fff }
.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite }
.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff }
.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; -webkit-animation-delay: .44s; animation-delay: .44s }
@keyframes vjs-spinner-spin {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes vjs-spinner-spin {
  100% { -webkit-transform: rotate(360deg) }
}
@keyframes vjs-spinner-fade {
  0% { border-top-color: #73859f }
  20% { border-top-color: #73859f }
  35% { border-top-color: #fff }
  60% { border-top-color: #73859f }
  100% { border-top-color: #73859f }
}
@-webkit-keyframes vjs-spinner-fade {
  0% { border-top-color: #73859f }
  20% { border-top-color: #73859f }
  35% { border-top-color: #fff }
  60% { border-top-color: #73859f }
  100% { border-top-color: #73859f }
}
.vjs-chapters-button .vjs-menu { left: -10em; width: 0 }
.vjs-chapters-button .vjs-menu ul { width: 24em }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -ms-flex: auto; flex: auto }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button { display: none }
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control { display: none }
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button { display: none }
.vjs-caption-settings { position: relative; top: 1em; background-color: #2B333F; background-color: rgba(43,51,63,.75); color: #fff; margin: 0 auto; padding: .5em; height: 15em; font-size: 12px; width: 40em }
.vjs-caption-settings .vjs-tracksettings { top: 0; bottom: 2em; left: 0; right: 0; position: absolute; overflow: auto }
.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font { float: left }
.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after { clear: both }
.vjs-caption-settings .vjs-tracksettings-controls { position: absolute; bottom: 1em; right: 1em }
.vjs-caption-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px }
.vjs-caption-settings .vjs-tracksetting label { display: block; width: 100px; margin-bottom: 5px }
.vjs-caption-settings .vjs-tracksetting span { display: inline; margin-left: 5px }
.vjs-caption-settings .vjs-tracksetting>div { margin-bottom: 5px; min-height: 20px }
.vjs-caption-settings .vjs-tracksetting>div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0 }
.vjs-caption-settings label>input { margin-right: 10px }
.vjs-caption-settings input[type=button] { width: 40px; height: 40px }
.video-js .vjs-modal-dialog { background: rgba(0,0,0,.8); background: -webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0)); background: -webkit-linear-gradient(top,rgba(0,0,0,.8),rgba(255,255,255,0)); background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0)) }
.vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1 }
@font-face { font-family: bb; src: url("Barlow-Bold_822af43.ttf") format("truetype"),url(./fonts/bb.svg) format("svg") }
@font-face { font-family: bl; src: url("Barlow-Light_cd3186f.ttf") format("truetype"),url(./fonts/bl.svg) format("svg") }
@font-face { font-family: bm; src: url("Barlow-Medium_8889baf.ttf") format("truetype"),url(./fonts/bm.svg) format("svg") }
@font-face { font-family: br; src: url("Barlow-Regular_734c606.ttf") format("truetype"),url(./fonts/br.svg) format("svg") }
.iScrollHorizontalScrollbar { z-index: 1!important }
body { color: #1f1f1f; height: auto; background-color: #fff }
.mobile-search,.mobile-header,.mobile-menu { display: none }
.header { position: absolute; top: 0; left: 0; width: 100%; color: #fff; z-index: 1999; padding: 0 70px; transition: all 300ms ease }
.header.up-down-show { transform: translateY(-30px); opacity: 0; visibility: hidden }
.header.up-down-show.show { transform: translateY(0); opacity: 1; visibility: visible }
.header.fixed { position: fixed; top: 0; left: 0; width: 100% }
.header:before { transition: all 600ms ease; pointer-events: none; content: ""; display: block; background-image: -moz-linear-gradient(90deg,transparent 0,rgba(0,0,0,.6902) 100%); background-image: -webkit-linear-gradient(90deg,transparent 0,rgba(0,0,0,.6902) 100%); background-image: -ms-linear-gradient(90deg,transparent 0,rgba(0,0,0,.6902) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 181px }
.header .inner { position: relative; margin: 20px 0 30px }
.header .inner .logo { position: absolute; left: 0; top: 0; display: inline-block; width: 164px }
.header .inner .logo--red { display: none }
.header .inner .logo img { width: 100%; height: auto; vertical-align: top }
.header .inner .nav { text-align: center; font-size: 0 }
.header .inner .nav li { font-size: 18px; display: inline-block; vertical-align: top }
.header .inner .nav li a { display: inline-block; line-height: 40px; vertical-align: top; padding: 0 40px }
.header .inner .nav li.active { color: #d32430 }
.header .inner .lang { font-size: 20px; line-height: 40px; position: absolute; right: 40px; top: 0 }
.header .search-box { position: absolute; right: 0; top: 0; width: 100px; height: 100px; overflow: hidden }
.header .search { background-color: #d32430; position: absolute; right: -90px; top: -90px; width: 180px; height: 180px; border-radius: 180px; cursor: pointer; transition: all 300ms ease }
.header .search img { position: absolute; left: 45px; bottom: 45px; width: 22px; height: auto }
.header .search:hover { transform: scale(1.05) }
.header.white { color: #1f1f1f; background-color: #fff }
.header.white:before { opacity: 0 }
.header.white .inner .logo--white { display: none }
.header.white .inner .logo--red { display: inline }
.header-search { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2000; overflow: hidden; background-color: rgba(0,0,0,.2); opacity: 0; visibility: hidden; transition: all 300ms ease }
.header-search__body { background-color: #fff; padding: 0 0 90px; transform: translateY(0px); transition: all 300ms ease }
.header-search.show { opacity: 1; visibility: visible }
.header-search.show .header-search__body { transform: translateY(0) }
.header-search__logo { padding: 20px 30px 20px 70px; display: flex; align-items: center; justify-content: space-between }
.header-search__logo img { width: 164px; height: auto; vertical-align: top }
.header-search__logo img.close { cursor: pointer; width: 30px }
.header-search__title { color: #e1e1e1; font-family: bb; text-align: center; font-size: 52px; line-height: 1; margin: 0 0 50px }
.header-search__content { width: 660px; border-bottom: 2px solid #d32430; margin: 0 auto }
.header-search__content .form__content { height: 80px; line-height: 80px; *zoom: 1 }
.header-search__content .form__content:after { content: "\200B"; display: block; height: 0; clear: both }
.header-search__content .form__content>div { float: left }
.header-search__content .form__content>div:nth-child(1) { width: 168px }
.header-search__content .form__content>div:nth-child(2) { width: 437px }
.header-search__content .form__content>div:nth-child(3) { width: 55px }
.header-search__content .form__content input,.header-search__content .form__content select { appearance: none; -webkit-appearance: none; font-size: 24px; border: 0 }
.header-search__content .form__content .select { color: #999; cursor: pointer; position: relative }
.header-search__content .form__content .select select { display: none }
.header-search__content .form__content .select .arrow { width: 12px; margin: 0 0 0 30px; position: relative; top: -4px }
.header-search__content .form__content .select .select-value { display: inline-block; font-size: 24px; line-height: 1 }
.header-search__content .form__content .select .select-items { z-index: 1; position: absolute; left: 0; right: 0; margin: auto; padding: 10px 0; top: calc(100% + 2px); font-size: 16px; line-height: 22px; background-color: #f0f0f0; color: #000; visibility: hidden; opacity: 0; transition: all 300ms ease }
.header-search__content .form__content .select .select-items>div { padding: 10px 30px; cursor: pointer; margin-bottom: 0px; }
.header-search__content .form__content .select .select-items>div:hover { background-color: #d32430; color: #fff }
.header-search__content .form__content .select.focus .select-items { visibility: visible; opacity: 1 }
.header-search__content .form__content input { padding: 0; width: 100% }
.header-search__content .form__content>div { padding: 0 15px }
.header-search__content .form__content button { appearance: none; -webkit-appearance: none; border: 0; background-color: transparent; padding: 0; margin: 0; cursor: pointer }
.footer { background-color: #282828; padding: 0 70px; background: url("../images/footer-bg.jpg") no-repeat center center; background-size: cover }
.footer .inner { padding: 56px 0 0; max-width: 1540px; box-sizing: border-box; margin: 0 auto }
.footer .inner__copyright { border-top: 1px solid #3c3d40; margin-top: 45px; font-size: 14px; color: #626468; text-align: center; padding: 30px 0 }
.footer .inner__copyright>div { display: inline-block }
.footer .inner__copyright>div:nth-child(1) { float: left }
.footer .inner__copyright>div:nth-child(3) { float: right }
.footer .inner__copyright img { vertical-align: top; margin: 0 5px }
.footer .inner__info { *zoom: 1; }
.footer .inner__info:after { content: "\200B"; display: block; height: 0; clear: both }
.footer .inner__info .left { float: left }
.footer .inner__info .left .logo { margin-bottom: 60px }
.footer .inner__info .left .logo img { width: 230px; height: auto; vertical-align: top }
.footer .inner__info .left .company { color: #fff }
.footer .inner__info .left .company__name { font-size: 28px; line-height: 1; margin-bottom: 45px }
.footer .inner__info .left .company__info { font-size: 20px; line-height: 1 }
.footer .inner__info .left .company__info img { margin: 0 30px 0 0 }
.footer .inner__info .left .company__info>div { margin-bottom: 25px }
.footer .inner__info .right { float: right }
.footer .inner__info .right .map { position: relative; margin-top: 60px; width: 45vw; max-width: 850px; padding-top: 27.3%; background-color: #2c2d2d; float: right }
.footer .inner__info .right .map__content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; }
.footer .inner__info .right .map__content iframe { width: 100%; height: 100%; object-fit: cover; scrolling: no }
.footer .inner__info .right .focus { font-size: 24px; text-align: right; color: #fff }
.footer .inner__info .right .focus>div { display: inline-block; vertical-align: middle; margin: 0 13px }
.footer .inner__info .right .focus>div:last-child { margin-right: 0 }
.footer .inner__info .right .focus__icon { position: relative; cursor: pointer; margin: 0 13px; display: inline-block; vertical-align: middle; width: 60px; height: 60px; line-height: 60px; border-radius: 60px; text-align: center; background-color: #383838; transition: all 300ms ease }
.footer .inner__info .right .focus__icon:first-child { margin-left: 0 }
.footer .inner__info .right .focus__icon:last-child { margin-right: 0 }
.footer .inner__info .right .focus__icon>img { width: 28px }
.footer .inner__info .right .focus__icon__tooltip { opacity: 0; visibility: hidden; transform: translateY(10px); position: absolute; bottom: calc(100% + 15px); left: -75px; width: 210px; transition: all 300ms ease }
.footer .inner__info .right .focus__icon__tooltip .qrcode { background-color: #fff; border-radius: 5px; padding: 24px; color: #000; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); text-align: center; line-height: 1 }
.footer .inner__info .right .focus__icon__tooltip .qrcode__title { font-size: 22px }
.footer .inner__info .right .focus__icon__tooltip .qrcode__desc { font-size: 15px; color: #d32430; margin: 10px 0 15px }
.footer .inner__info .right .focus__icon__tooltip .qrcode__img img { vertical-align: top }
body.pc .footer .inner__info .right .focus__icon:hover { background-color: #d32430 }
body.pc .footer .inner__info .right .focus__icon:hover .focus__icon__tooltip { opacity: 1; visibility: visible; transform: translateY(0px) }
.footer .inner__info .right .focus__button { position: relative; line-height: 60px; background-color: #b91b26; font-size: 18px; display: block; padding: 0 80px 0 30px; transition: all 300ms ease; color: #fff }
.footer .inner__info .right .focus__button i { position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 0; width: 50px; height: 100%; background-color: #d32430; text-align: center; transition: all 300ms ease }
.footer .inner__info .right .focus__button:hover { padding: 0 77px 0 33px }
.footer .inner__info .right .focus__button:hover i { width: 44px }
.active-bar { position: absolute; background-color: #d32430; border-radius: 40px; width: 18px; height: 4px; transition: transform 300ms ease; left: 0 }
body.pc .fade-in-down { opacity: 0 }
body.pc .fade-in-down.show { opacity: 1; animation: fadeInDown 1s ease forwards }
body.pc .fade-in-up { opacity: 0 }
body.pc .fade-in-up.show { opacity: 1; animation: fadeInUp 1s ease forwards }
body.pc .fade-in-left { opacity: 0 }
body.pc .fade-in-left.show { opacity: 1; animation: fadeInLeft 1s ease forwards }
body.pc .fade-in-right { opacity: 0 }
body.pc .fade-in-right.show { opacity: 1; animation: fadeInRight 1s ease forwards }
body.pc .scale-in { transform: scale(1.3) }
body.pc .scale-in.show { animation: scaleIn 20s linear forwards }
body.pc .fade-in { opacity: 0 }
body.pc .fade-in.show { opacity: 1; animation: fadeIn 1s linear forwards }
.modal { position: fixed; left: 0; top: 0; right:0; bottom:0; z-index: 2003; background-color: #f8f8f8; opacity: 0; visibility: hidden; transition: all 300ms ease }
.modal.show { opacity: 1; visibility: visible;}
.modal__close { position: absolute; right: 70px; top: 70px; width: 76px; line-height: 76px; height: 76px; border-radius: 76px; background-color: #f1f1f1; text-align: center; cursor: pointer; transition: all 300ms ease }
.modal__close:hover { background-color: #eee }
.modal__close img { opacity: .4; width: 20px }
.modal__content { overflow: auto; height: 100% }
.footer-law { width: 800px; margin: 0 auto; padding-top: 160px }
.footer-law .title { font-size: 36px; line-height: 1; margin-bottom: 40px; text-align: center }
.footer-law .content { font-size: 16px; padding: 40px 0 }
.footer-law .content p { line-height: 26px; margin: 20px 0; text-indent: 2em; }
.bottom-fix { position: fixed; right: 40px; bottom: 1vh; z-index: 2000 }
.bottom-fix>div { width: 74px; height: 74px; border-radius: 74px; line-height: 74px; background-color: rgba(0,0,0,.2); text-align: center; color: #fff; margin-bottom: 15px; cursor: pointer; transition: all 300ms ease }
.bottom-fix>div:hover { background-color: #d32430 }
.bottom-fix .wechat>img { width: 36px }
.bottom-fix .wechat__tooltip { opacity: 0; visibility: hidden; transform: translateX(10px); position: absolute; top: -30%; right: 120%; width: 210px; transition: all 300ms ease }
.bottom-fix .wechat__tooltip .qrcode { background-color: #fff; border-radius: 5px; padding: 24px; color: #000; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); text-align: center; line-height: 1; margin-top: -140px; }
.bottom-fix .wechat__tooltip .qrcode__title { font-size: 22px }
.bottom-fix .wechat__tooltip .qrcode__desc { font-size: 15px; color: #d32430; margin: 10px 0 15px }
.bottom-fix .wechat__tooltip .qrcode__img img { vertical-align: top }
.bottom-fix .wechat:hover .wechat__tooltip { opacity: 1; visibility: visible; transform: translateX(0) }
.bottom-fix .to-top { cursor: pointer; opacity: 0; visibility: hidden; transition: all 300ms ease }
.bottom-fix .to-top.show { opacity: 1; visibility: visible }
.bottom-fix .to-top svg { width: 30px; height: 30px; margin-top: 20px; transform: rotate(180deg) }
.table { display: table }
.table .tr { display: table-row }
.table .tr .td { display: table-cell; vertical-align: middle }
.second-banner { position: relative; overflow: hidden }
.second-banner--small { height: 380px; overflow: hidden }
.second-banner--small .next { display: none }
.second-banner .video { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; margin: 0 auto; overflow: hidden }
.second-banner .video .video-element { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
.second-banner .video .video-element video,.second-banner .video .video-element object { object-fit: cover; height: 100%; width: 100% }
.second-banner>img { width: 100%; height: auto; vertical-align: top }
.second-banner .table { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.second-banner .text { text-align: center; color: #fff; line-height: 1 }
.second-banner .text>div:nth-child(1) { font-weight: bold !important; font-size: 46px; font-weight: 500; }
.second-banner .text>div:nth-child(2) { font-size: 38px; font-family: bl; margin-top: 40px; letter-spacing: .2em }
.second-banner .next { cursor: pointer; z-index: 1; position: absolute; bottom: 70px; left: 0; right: 0; margin: auto; width: 100%; animation: bounce 3s infinite; width: 58px; height: 58px; line-height: 58px; border-radius: 58px; color: #fff; background-color: rgba(0,0,0,.5); text-align: center }
.second-banner .next img { width: 13px }
.second-nav { position: sticky; z-index: 1998; top: 0; left: 0; width: 100%; background-color: #fefefe; padding: 0 70px; height: 80px; overflow: hidden; box-shadow: 0 8px 21px 0 rgba(0,0,0,.02) }
.second-nav__inner { padding-bottom: 20px; white-space: nowrap; overflow-x: auto }
.second-nav__box { position: relative; max-width: 1540px; margin: 0 auto }
.second-nav .mobile-arrow { position: absolute; width: 40px; height: 80px; top: 0; left: 0; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; cursor: pointer; background-color: rgba(255,255,255,1) }
.second-nav .mobile-arrow svg { position: relative; top: 30px; width: 100%; height: 20px; opacity: .6 }
.second-nav .mobile-arrow svg path { fill: #4d4d4d }
.second-nav .mobile-arrow.right { left: auto; right: 0 }
.second-nav .mobile-arrow.left svg { transform: rotate(180deg) }
.second-nav .mobile-arrow.hide { opacity: 0; visibility: hidden }
.second-nav.fixed { position: fixed; top: 0!important }
.second-nav ul { font-size: 0; padding: 20px 0 }
.second-nav ul li { display: inline-block; line-height: 1; vertical-align: top; font-size: 20px; padding: 10px 30px; text-align: center; cursor: pointer; transition: all 300ms ease }
.second-nav ul li:hover { color: #d32430 }
[data-video-url] { cursor: pointer }
.video-dialog { display: none; z-index: 2004; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-color: rgba(0,0,0,.5) }
.video-dialog.show { display: block }
.video-dialog iframe { position: relative; width: 100%; height: 100% }
.video-dialog>.box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 1100px; height: 619px; background-color: #fff; margin: auto }
.video-dialog>.box .video-js { width: 100%; height: 100% }
.video-dialog>.box video { width: 100%; height: 100%; vertical-align: top }
.video-dialog .close { position: absolute; right: 0px; top: 0px; background: rgba(0,0,0,.0) url("../images/icon-close-white_50b6b42.png") no-repeat center center; background-size: 20px 20px; opacity: .5; display: block; width: 74px; height: 74px; border-radius: 74px; line-height: 74px; text-align: center; cursor: pointer; color: #fff; z-index: 10 }
.page-loading { font-size: 14px; text-align: center; color: #767676; margin: 30px 0; display: none }
.page-loading i { position: relative; top: -1px }
.page-loading.show { display: block }
.page-loading.ing i { display: inline-block; width: 25px; height: 25px; vertical-align: middle; background: url("../images/loading-more.png") no-repeat center center; background-size: cover; margin-right: 5px; -webkit-animation: rotate360 1s linear infinite; animation: rotate360 1s linear infinite }
.page-loading.end i { display: inline-block; width: 19px; height: 19px; vertical-align: middle; background: url("../images/loading-end.png") no-repeat center center; background-size: cover; margin-right: 5px }
.main { padding: 0 70px }
.main__body { max-width: 1540px; margin: 0 auto; border-top: 1px solid transparent }
.main__title { font-size: 34px; margin-top: 105px; line-height: 1; position: relative; font-weight: 600; }
.main__title:after { display: block; content: ""; width: 30px; height: 3px; background-color: #d32430; margin: 25px 0 0 }
.iScrollVerticalScrollbar { z-index: 1!important }
@media screen and (max-width:1680px) {
  .header .inner { margin: 15px 0 25px }
  .header .inner .logo { width: 150px }
  .header .inner .nav li { font-size: 16px }
  .header .inner .lang { font-size: 18px }
  .header .search { right: -80px; top: -80px; width: 160px; height: 160px; border-radius: 160px }
  .header .search img { left: 40px; bottom: 40px; width: 20px }
  .header-search__logo { padding: 15px 30px 20px 70px; }
  .header-search__logo img { width: 150px }
  .header-search__logo img.close { width: 25px }
  .header-search__title { font-size: 48px }
  .header-search__content .form__content .select .select-value,.header-search__content .form__content input,.header-search__content .form__content select { font-size: 22px }
  .header-search__content .form__content { height: 80px; line-height: 80px }
  .footer .inner__info .left .logo { margin-bottom: 50px }
  .footer .inner__info .left .logo img { width: 210px }
  .footer .inner__info .left .company__name { font-size: 22px; margin-bottom: 35px }
  .footer .inner__info .left .company__info { font-size: 16px }
  .footer .inner__info .left .company__info>div { margin-bottom: 15px }
  .footer .inner__info .left .company__info img { margin-right: 20px }
  .footer .inner__info .right .focus { font-size: 18px }
  .footer .inner__info .right .focus__button { line-height: 55px; font-size: 16px }
  .footer .inner__info .right .focus__icon { width: 55px; height: 55px; line-height: 55px }
  .footer .inner__copyright { padding: 25px 0; font-size: 13px }
  .footer .inner__info .right .map { margin-top: 50px }
  .modal__close { width: 60px; height: 60px; line-height: 60px }
  .modal__close img { width: 16px }
  .bottom-fix>div { width: 60px; height: 60px; line-height: 60px }
  .bottom-fix>div.wechat>img { width: 30px }
  .bottom-fix .wechat__tooltip .qrcode { border-radius: 5px; padding: 24px; margin-top: -170px; }
  .bottom-fix>div.to-top svg { margin-top: 17px; width: 22px; height: 22px }
  .second-banner .text>div:nth-child(1) { font-size: 40px }
  .second-banner .text>div:nth-child(2) { font-size: 32px; margin-top: 30px }
  .second-banner .next { width: 50px; height: 50px; line-height: 50px }
  .second-nav { height: 68px; overflow: hidden }
  .second-nav .mobile-arrow { height: 68px }
  .second-nav .mobile-arrow svg { top: 23px }
  .second-nav ul { padding: 15px 0 }
  .second-nav ul li { font-size: 18px; padding: 10px 20px }
  .video-dialog>.box { width: 1000px; height: 500px }
  .video-dialog>.box .close { width: 60px; height: 60px; line-height: 60px }
  .video-dialog .close { width: 60px; height: 60px; line-height: 60px }
  .main__title { font-size: 30px; margin-top: 90px }
  .main__title:after { width: 25px; margin: 20px 0 0 }
}
@media screen and (max-width:1440px) {
  .bottom-fix { right: 20px }
  .bottom-fix>div { width: 40px; height: 40px; line-height: 40px; margin-bottom: 10px }
  .bottom-fix>div.wechat>img { width: 26px }
  .bottom-fix .wechat__tooltip .qrcode { border-radius: 5px; padding: 24px; margin-top: -190px; }
  .bottom-fix>div.to-top svg { margin-top: 12px; width: 16px; height: 16px }
}
@media screen and (max-width:1366px) {
  .header .inner { margin: 15px 0 }
  .header .inner .logo { width: 135px }
  .header .inner .nav li { font-size: 14px }
  .header .inner .lang { font-size: 16px }
  .header .search { right: -70px; top: -70px; width: 140px; height: 140px; border-radius: 140px }
  .header .search img { left: 35px; bottom: 35px; width: 18px }
  .header-search__logo img { width: 135px }
  .header-search__logo img.close { width: 20px }
  .header-search__title { font-size: 44px }
  .header-search__content .form__content .select .select-value,.header-search__content .form__content input,.header-search__content .form__content select { font-size: 20px }
  .header-search__content .form__content { height: 70px; line-height: 70px }
  .footer .inner__info .left .logo { margin-bottom: 40px }
  .footer .inner__info .left .logo img { width: 180px }
  .footer .inner__info .left .company__name { font-size: 18px; margin-bottom: 25px }
  .footer .inner__info .left .company__info { font-size: 14px }
  .footer .inner__info .left .company__info>div { margin-bottom: 15px }
  .footer .inner__info .left .company__info img { margin-right: 15px; width: 12px }
  .footer .inner__info .right .focus { font-size: 14px }
  .footer .inner__info .right .focus__button { line-height: 50px }
  .footer .inner__info .right .focus__icon { width: 50px; height: 50px; line-height: 50px }
  .footer .inner__info .right .focus__icon>img { width: 24px }
  .footer .inner__copyright { padding: 20px 0; font-size: 12px }
  .footer .inner__info .right .map { margin-top: 40px }
  .modal__close { width: 50px; height: 50px; line-height: 50px }
  .modal__close img { width: 14px }
  .footer-law { padding-top: 100px }
  .footer-law .title { font-size: 30px; margin-bottom: 40px }
  .footer-law .content { font-size: 14px; padding: 20px 0 }
  .footer-law .content p { margin: 10px 0 }
  .bottom-fix { right: 20px }
  .bottom-fix>div { width: 40px; height: 40px; line-height: 40px; margin-bottom: 10px }
  .bottom-fix>div.wechat>img { width: 26px }
  .bottom-fix .wechat__tooltip .qrcode { border-radius: 5px; padding: 24px; margin-top: -190px; }
  .bottom-fix>div.to-top svg { margin-top: 12px; width: 16px; height: 16px }
  .second-banner .text>div:nth-child(1) { font-size: 32px }
  .second-banner .text>div:nth-child(2) { font-size: 24px; margin-top: 20px }
  .second-banner .next { width: 40px; height: 40px; line-height: 40px }
  .second-nav { height: 44px; overflow: hidden }
  .second-nav .mobile-arrow { height: 44px; width: 20px }
  .second-nav .mobile-arrow svg { top: 14px; height: 15px }
  .second-nav ul { padding: 10px 0 }
  .second-nav ul li { font-size: 14px; padding: 5px 15px }
  .video-dialog>.box { width: 900px; height: 450px }
  .video-dialog .close { width: 50px; height: 50px; line-height: 50px }
  .main__title { font-size: 24px; margin-top: 70px }
  .main__title:after { width: 20px; margin: 15px 0 0 }
}
@media screen and (max-width:1280px) {
  .bottom-fix { right: 15px }
  .bottom-fix>div { width: 36px; height: 36px; line-height: 36px; margin-bottom: 10px }
  .bottom-fix>div.wechat>img { width: 18px }
  .bottom-fix .wechat__tooltip .qrcode { border-radius: 5px; padding: 24px; margin-top: -200px; }
  .bottom-fix>div.to-top svg { margin-top: 12px; width: 12px; height: 12px }
}
@media screen and (max-width:1024px) {
  .header-search,.header { display: none }
  .mobile-search__header,.mobile-menu__header,.mobile-header { position: fixed; z-index: 1999; left: 0; top: 0; width: 100%; display: flex; justify-content: center; height: 56px; align-items: center; transition: all 300ms ease }
  .mobile-search__header:before,.mobile-menu__header:before,.mobile-header:before { pointer-events: none; content: ""; display: block; background-image: -moz-linear-gradient(90deg,transparent 0,rgba(0,0,0,.6902) 100%); background-image: -webkit-linear-gradient(90deg,transparent 0,rgba(0,0,0,.6902) 100%); background-image: -ms-linear-gradient(90deg,transparent 0,rgba(0,0,0,.6902) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100px; transition: all 300ms ease }
  .mobile-search__header img,.mobile-menu__header img,.mobile-header img { vertical-align: top }
  .mobile-search__header .menu,.mobile-menu__header .menu,.mobile-header .menu { position: absolute; left: 0; top: 0; padding: 18px; display: flex; align-items: center; justify-content: center; height: 100% }
  .mobile-search__header .menu img,.mobile-menu__header .menu img,.mobile-header .menu img { width: 20px; height: auto }
  .mobile-search__header .menu img:nth-child(2),.mobile-menu__header .menu img:nth-child(2),.mobile-header .menu img:nth-child(2) { display: none }
  .mobile-search__header .menu.icon-close img,.mobile-menu__header .menu.icon-close img,.mobile-header .menu.icon-close img { width: 14px }
  .mobile-search__header .menu.icon-search img,.mobile-menu__header .menu.icon-search img,.mobile-header .menu.icon-search img { width: 16px }
  .mobile-search__header .logo,.mobile-menu__header .logo,.mobile-header .logo { position: relative }
  .mobile-search__header .logo img,.mobile-menu__header .logo img,.mobile-header .logo img { width: 90px; height: auto }
  .mobile-search__header .logo img:nth-child(2),.mobile-menu__header .logo img:nth-child(2),.mobile-header .logo img:nth-child(2) { display: none }
  .mobile-search__header .search,.mobile-menu__header .search,.mobile-header .search { width: 120px; height: 120px; position: absolute; right: -60px; top: -60px; background-color: #d32430; border-radius: 120px; transition: all 300ms ease }
  .mobile-search__header .search img,.mobile-menu__header .search img,.mobile-header .search img { width: 18px; height: auto; position: absolute; left: 27px; bottom: 27px }
  .mobile-header.hide.hide { transform: translateY(-30px); opacity: 0; visibility: hidden }
  .mobile-header.white { background-color: rgba(0,0,0,.6) }
  .mobile-header.white:before { opacity: 0 }
  .mobile-header.white .search { width: 112px; height: 112px; right: -56px; top: -56px }
  .mobile-header.white .search img { width: 18px; left: 25px; bottom: 25px }
  .mobile-header.bg-white { background-color: #fff }
  .mobile-header.bg-white .menu img:nth-child(1) { display: none }
  .mobile-header.bg-white .menu img:nth-child(2) { display: inline }
  .mobile-header.bg-white .logo img:nth-child(1) { display: none }
  .mobile-header.bg-white .logo img:nth-child(2) { display: inline }
  .mobile-menu { position: fixed; z-index: 2005; display: block; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 300ms ease }
  .mobile-menu.show { opacity: 1; visibility: visible; transform: translateY(0) }
  .mobile-menu__header { position: relative; background-color: #fff }
  .mobile-menu__header:before { display: none }
  .mobile-menu__header .menu:last-child { left: auto; right: 0 }
  .mobile-menu__content { padding: 30px 0; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.15) }
  .mobile-menu__content .nav { display: block }
  .mobile-menu__content .nav li { display: block; padding: 10px 0 }
  .mobile-menu__content .nav li a { display: block; font-size: 17px; text-align: center; padding: 10px 0 }
  .mobile-menu__content .nav li.active { color: #d32430 }
  .mobile-menu__content .lang { margin-top: 40px; font-size: 17px; text-align: center; padding: 20px 0 }
  .mobile-menu__content .lang>span { margin: 0 20px }
  .mobile-menu__content .lang .active { color: #d32430 }
  .mobile-search { position: fixed; z-index: 2005; display: block; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 300ms ease }
  .mobile-search.show { opacity: 1; visibility: visible; transform: translateY(0) }
  .mobile-search__header { position: relative; background-color: #fff }
  .mobile-search__header:before { display: none }
  .mobile-search__header .menu:last-child { left: auto; right: 0 }
  .mobile-search__content { padding: 30px 20px; background-color: #fff }
  .mobile-search__content .form__content { display: flex; align-items: center; border-bottom: 1px solid #d32430; height: 50px }
  .mobile-search__content .form__content .icon-search { width: 16px; vertical-align: top; opacity: .6 }
  .mobile-search__content .form__content select,.mobile-search__content .form__content input { font-size: 16px; appearance: none; -webkit-appearance: none; border: 0 }
  .mobile-search__content .form__content select { color: #999 }
  .mobile-search__content .form__content input { width: 100%; padding: 0 }
  .mobile-search__content .form__content select+.arrow { opacity: .8; width: 9px; margin: 0 0 0 15px }
  .mobile-search__content .form__content>div { display: flex; align-items: center; padding: 0 8px }
  .mobile-search__content .form__content>div:first-child { padding-left: 4px }
  .mobile-search__content .form__content>div:last-child { flex: 1 }
  .mobile-search__content .form__button { display: flex; align-items: center; justify-content: center; margin: 70px 0 50px }
  .mobile-search__content .form__button button { appearance: none; -webkit-appearance: none; width: 257px; height: 46px; border-radius: 100px; border: 1px solid #d32430; font-size: 19px; color: #d32430; background-color: transparent }
  .footer { padding: 0 18px }
  .footer .inner { padding: 36px 0 0 }
  .footer .inner__copyright { margin-top: 10px; font-size: 10px; text-align: left; padding: 12px 0 }
  .footer .inner__copyright>div { float: none!important; padding: 3px 0 }
  .footer .inner__copyright>div img { width: 14px }
  .footer .inner__info .left,.footer .inner__info .right { float: none }
  .footer .inner__info .left .logo { display: none }
  .footer .inner__info .left .company { padding: 25px 0 0 }
  .footer .inner__info .left .company__name { font-size: 14px; margin-bottom: 20px }
  .footer .inner__info .left .company__info { font-size: 12px }
  .footer .inner__info .left .company__info>div img { display: none }
  .footer .inner__info .right .focus { position: relative; display: flex; justify-content: space-between }
  .footer .inner__info .right .focus>div:nth-child(1) { display: none }
  .footer .inner__info .right .focus>div:nth-child(2) { margin-left: 0 }
  .footer .inner__info .right .focus>div { margin: 0 8px 0 0 }
  .footer .inner__info .right .focus__icon { margin: 0 4px; position: static; vertical-align: top; transition: all 300ms ease }
  .footer .inner__info .right .focus__icon .focus__icon__tooltip { width: calc(100vw - 40px); left: 0; top: 80px; bottom: auto; opacity: 0; visibility: hidden; transition: opacity 300ms ease,visibility 300ms ease; padding: 0; transform: translate(0) }
  .footer .inner__info .right .focus__icon .focus__icon__tooltip .qrcode { position: relative; border-top: 1px solid transparent; padding: 0 0 0 140px; background-color: transparent; text-align: left; box-shadow: none }
  .footer .inner__info .right .focus__icon .focus__icon__tooltip .qrcode__title { font-size: 16px; color: #fff }
  .footer .inner__info .right .focus__icon .focus__icon__tooltip .qrcode__title:before { display: block; content: "长按扫码关注"; font-size: 12px; margin: 25px 0 10px }
  .footer .inner__info .right .focus__icon .focus__icon__tooltip .qrcode__desc { font-size: 13px }
  .footer .inner__info .right .focus__icon .focus__icon__tooltip .qrcode__img { position: absolute; left: 0; top: 0 }
  .footer .inner__info .right .focus__icon .focus__icon__tooltip .qrcode__img img { width: 110px }
  .footer .inner__info .right .focus__icon.active { background-color: #d32430; margin-bottom: 150px }
  .footer .inner__info .right .focus__icon.active .focus__icon__tooltip { opacity: 1; visibility: visible }
  .footer .inner__info .right .focus__button { padding: 0 55px 0 20px }
  .footer .inner__info .right .focus__button i { width: 40px }
  .footer .inner__info .right .map { display: none }
  .bottom-fix { right: 15px }
  .bottom-fix>div { width: 37px; height: 37px; line-height: 37px; background-color: rgba(0,0,0,.6) }
  .bottom-fix>div.wechat { display: none }
  .bottom-fix>div.to-top svg { margin-top: 2px; width: 10px; height: 10px }
  .second-banner { height: 365px }
  .second-banner--small { height: 190px }
  .second-banner>img { height: 100%; object-fit: cover }
  .second-banner .table { height: 100%; display: flex!important; align-items: center; justify-content: center }
  .second-banner .text { padding-top: 50px }
  .second-banner .text>div:nth-child(2) { font-size: 19px; margin-top: 15px }
  .second-banner .next { display: none }
  .second-nav { height: 54px; top: 56px; padding: 0; text-align: center }
  .second-nav .mobile-arrow { height: 54px; width: 20px }
  .second-nav .mobile-arrow svg { top: 20px; height: 13px }
  .second-nav__inner { overflow: auto; width: 100%; }
  .second-nav__inner ul { white-space: nowrap; padding: 10px 0 }
  .second-nav__inner ul li { position: relative; padding: 10px 25px }
  .second-nav__inner ul li:after { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; content: ""; display: block; width: 9px; height: 2px; border-radius: 2px; background-color: #d32430; opacity: 0; transition: all 300ms ease }
  .second-nav__inner ul li.active { color: #d32430 }
  .second-nav__inner ul li.active:after { opacity: 1 }
  .video-dialog { background-color: rgba(0,0,0,.6) }
  .video-dialog .close { background-color: rgba(0,0,0,.0); right: 0px }
  .video-dialog>.box { width: 100%; height: 240px }
  .video-dialog>.box .close { margin: auto; }
  .footer-law { width: 100%; padding: 40px 20px }
  .footer-law .title { margin-bottom: 20px }
  .modal__close { right: 20px; top: 20px; width: 40px; height: 40px; line-height: 40px }
  .modal__close img { width: 12px }
  .main { padding: 0 20px }
  .main__title { display: none; margin-top: 35px; font-weight: 700 }
  .main__title:after { height: 2px; margin-top: 10px }
}
.animated { -webkit-animation: 1s ease; animation: 1s ease }
.animated.hinge { -webkit-animation: 2s ease; animation: 2s ease }
@-webkit-keyframes flash {
  0%,50%,100% { opacity: 1 }
  25%,75% { opacity: 0 }
}
@keyframes flash {
  0%,50%,100% { opacity: 1 }
  25%,75% { opacity: 0 }
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes shake {
  0%,100% { -webkit-transform: translateZ(0) translateX(0) rotate(0deg) }
  10%,30%,50%,70%,90% { -webkit-transform: translateZ(0) translateX(-10px) rotate(-5deg) }
  20%,40%,60%,80% { -webkit-transform: translateZ(0) translateX(10px) rotate(5deg) }
}
@keyframes shake {
  0%,100% { -webkit-transform: translateZ(0) translateX(0) rotate(0deg); transform: translateZ(0) translateX(0) rotate(0deg) }
  10%,30%,50%,70%,90% { -webkit-transform: translateZ(0) translateX(-10px) rotate(-5deg); transform: translateZ(0) translateX(-10px) rotate(-5deg) }
  20%,40%,60%,80% { -webkit-transform: translateZ(0) translateX(10px) rotate(5deg); transform: translateZ(0) translateX(10px) rotate(5deg) }
}
.shake { -webkit-animation-name: shake; animation-name: shake }
@-webkit-keyframes bounce {
  0%,20%,50%,80%,100% { -webkit-transform: translateZ(0) translateY(0) }
  40% { -webkit-transform: translateZ(0) translateY(-30px) }
  60% { -webkit-transform: translateZ(0) translateY(-15px) }
}
@keyframes bounce {
  0%,20%,50%,80%,100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  40% { -webkit-transform: translateZ(0) translateY(-30px); transform: translateZ(0) translateY(-30px) }
  60% { -webkit-transform: translateZ(0) translateY(-15px); transform: translateZ(0) translateY(-15px) }
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce }
@-webkit-keyframes tada {
  0% { -webkit-transform: translateZ(0) scale(1) }
  10%,20% { -webkit-transform: translateZ(0) scale(0.9) rotate(-3deg) }
  30%,50%,70%,90% { -webkit-transform: translateZ(0) scale(1.1) rotate(3deg) }
  40%,60%,80% { -webkit-transform: translateZ(0) scale(1.1) rotate(-3deg) }
  100% { -webkit-transform: translateZ(0) scale(1) rotate(0) }
}
@keyframes tada {
  0% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) }
  10%,20% { -webkit-transform: translateZ(0) scale(0.9) rotate(-3deg); transform: translateZ(0) scale(0.9) rotate(-3deg) }
  30%,50%,70%,90% { -webkit-transform: translateZ(0) scale(1.1) rotate(3deg); transform: translateZ(0) scale(1.1) rotate(3deg) }
  40%,60%,80% { -webkit-transform: translateZ(0) scale(1.1) rotate(-3deg); transform: translateZ(0) scale(1.1) rotate(-3deg) }
  100% { -webkit-transform: translateZ(0) scale(1) rotate(0); transform: translateZ(0) scale(1) rotate(0) }
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes swing {
  20%,40%,60%,80%,100% { -webkit-transform-origin: top center }
  20% { -webkit-transform: translateZ(0) rotate(15deg) }
  40% { -webkit-transform: translateZ(0) rotate(-10deg) }
  60% { -webkit-transform: translateZ(0) rotate(5deg) }
  80% { -webkit-transform: translateZ(0) rotate(-5deg) }
  100% { -webkit-transform: translateZ(0) rotate(0deg) }
}
@keyframes swing {
  20%,40%,60%,80%,100% { -webkit-transform-origin: top center; transform-origin: top center }
  20% { -webkit-transform: translateZ(0) rotate(15deg); transform: translateZ(0) rotate(15deg) }
  40% { -webkit-transform: translateZ(0) rotate(-10deg); transform: translateZ(0) rotate(-10deg) }
  60% { -webkit-transform: translateZ(0) rotate(5deg); transform: translateZ(0) rotate(5deg) }
  80% { -webkit-transform: translateZ(0) rotate(-5deg); transform: translateZ(0) rotate(-5deg) }
  100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg) }
}
.swing { -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes wobble {
  0% { -webkit-transform: translateZ(0) translateX(0%) }
  15% { -webkit-transform: translateZ(0) translateX(-25%) rotate(-5deg) }
  30% { -webkit-transform: translateZ(0) translateX(20%) rotate(3deg) }
  45% { -webkit-transform: translateZ(0) translateX(-15%) rotate(-3deg) }
  60% { -webkit-transform: translateZ(0) translateX(10%) rotate(2deg) }
  75% { -webkit-transform: translateZ(0) translateX(-5%) rotate(-1deg) }
  100% { -webkit-transform: translateZ(0) translateX(0%) }
}
@keyframes wobble {
  0% { -webkit-transform: translateZ(0) translateX(0%); transform: translateZ(0) translateX(0%) }
  15% { -webkit-transform: translateZ(0) translateX(-25%) rotate(-5deg); transform: translateZ(0) translateX(-25%) rotate(-5deg) }
  30% { -webkit-transform: translateZ(0) translateX(20%) rotate(3deg); transform: translateZ(0) translateX(20%) rotate(3deg) }
  45% { -webkit-transform: translateZ(0) translateX(-15%) rotate(-3deg); transform: translateZ(0) translateX(-15%) rotate(-3deg) }
  60% { -webkit-transform: translateZ(0) translateX(10%) rotate(2deg); transform: translateZ(0) translateX(10%) rotate(2deg) }
  75% { -webkit-transform: translateZ(0) translateX(-5%) rotate(-1deg); transform: translateZ(0) translateX(-5%) rotate(-1deg) }
  100% { -webkit-transform: translateZ(0) translateX(0%); transform: translateZ(0) translateX(0%) }
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes pulse {
  0% { -webkit-transform: translateZ(0) scale(1) }
  50% { -webkit-transform: translateZ(0) scale(1.1) }
  100% { -webkit-transform: translateZ(0) scale(1) }
}
@keyframes pulse {
  0% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) }
  50% { -webkit-transform: translateZ(0) scale(1.1); transform: translateZ(0) scale(1.1) }
  100% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) }
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInUpMedium {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(60px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
}
@keyframes fadeInUpMedium {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(60px); transform: translateZ(0) translateY(60px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
}
.fadeInUpMedium { -webkit-animation-name: fadeInUpMedium; animation-name: fadeInUpMedium }
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
}
@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(20px); transform: translateZ(0) translateY(20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(-20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
}
@keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(-20px); transform: translateZ(0) translateY(-20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
}
@keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-20px); transform: translateZ(0) translateX(-20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
}
@keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(20px); transform: translateZ(0) translateX(20px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInUpBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
}
@keyframes fadeInUpBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px); transform: translateZ(0) translateY(2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig }
@-webkit-keyframes fadeInDownBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
}
@keyframes fadeInDownBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px); transform: translateZ(0) translateY(-2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig }
@-webkit-keyframes fadeInLeftBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
}
@keyframes fadeInLeftBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px); transform: translateZ(0) translateX(-2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig }
@-webkit-keyframes fadeInRightBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
}
@keyframes fadeInRightBig {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px); transform: translateZ(0) translateX(2000px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
@-webkit-keyframes fadeOut {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
@keyframes fadeOut {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOutUpMedium {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-60px) }
}
@keyframes fadeOutUpMedium {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-60px); transform: translateZ(0) translateY(-60px) }
}
.fadeOutUpMedium { -webkit-animation-name: fadeOutUpMedium; animation-name: fadeOutUpMedium }
@-webkit-keyframes fadeOutUp {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-20px) }
}
@keyframes fadeOutUp {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-20px); transform: translateZ(0) translateY(-20px) }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
@-webkit-keyframes fadeOutDown {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(20px) }
}
@keyframes fadeOutDown {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(20px); transform: translateZ(0) translateY(20px) }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
@-webkit-keyframes fadeOutLeft {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(-20px) }
}
@keyframes fadeOutLeft {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(-20px); transform: translateZ(0) translateX(-20px) }
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
@-webkit-keyframes fadeOutRight {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(20px) }
}
@keyframes fadeOutRight {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(20px); transform: translateZ(0) translateX(20px) }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeOutUpBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px) }
}
@keyframes fadeOutUpBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px); transform: translateZ(0) translateY(-2000px) }
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
@-webkit-keyframes fadeOutDownBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px) }
}
@keyframes fadeOutDownBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px); transform: translateZ(0) translateY(2000px) }
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
@-webkit-keyframes fadeOutLeftBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px) }
}
@keyframes fadeOutLeftBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px); transform: translateZ(0) translateX(-2000px) }
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
@-webkit-keyframes fadeOutRightBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px) }
}
@keyframes fadeOutRightBig {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px); transform: translateZ(0) translateX(2000px) }
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
@-webkit-keyframes bounceIn {
  0% { opacity: 0; -webkit-transform: translateZ(0) scale(0.3) }
  50% { opacity: 1; -webkit-transform: translateZ(0) scale(1.05) }
  70% { opacity: 1; -webkit-transform: translateZ(0) scale(0.9) }
  100% { opacity: 1; -webkit-transform: translateZ(0) scale(1) }
}
@keyframes bounceIn {
  0% { opacity: 0; -webkit-transform: translateZ(0) scale(0.3); transform: translateZ(0) scale(0.3) }
  50% { opacity: 1; -webkit-transform: translateZ(0) scale(1.05); transform: translateZ(0) scale(1.05) }
  70% { opacity: 1; -webkit-transform: translateZ(0) scale(0.9); transform: translateZ(0) scale(0.9) }
  100% { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) }
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
@-webkit-keyframes bounceInUp {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateY(-30px) }
  80% { -webkit-transform: translateZ(0) translateY(10px) }
  100% { -webkit-transform: translateZ(0) translateY(0) }
}
@keyframes bounceInUp {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px); transform: translateZ(0) translateY(2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateY(-30px); transform: translateZ(0) translateY(-30px) }
  80% { -webkit-transform: translateZ(0) translateY(10px); transform: translateZ(0) translateY(10px) }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceInDown {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateY(30px) }
  80% { -webkit-transform: translateZ(0) translateY(-10px) }
  100% { -webkit-transform: translateZ(0) translateY(0) }
}
@keyframes bounceInDown {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px); transform: translateZ(0) translateY(-2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px) }
  80% { -webkit-transform: translateZ(0) translateY(-10px); transform: translateZ(0) translateY(-10px) }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateX(30px) }
  80% { opacity: 1; -webkit-transform: translateZ(0) translateX(-10px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
}
@keyframes bounceInLeft {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px); transform: translateZ(0) translateX(-2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateX(30px); transform: translateZ(0) translateX(30px) }
  80% { opacity: 1; -webkit-transform: translateZ(0) translateX(-10px); transform: translateZ(0) translateX(-10px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateX(-30px) }
  80% { opacity: 1; -webkit-transform: translateZ(0) translateX(10px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) }
}
@keyframes bounceInRight {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px); transform: translateZ(0) translateX(2000px) }
  60% { opacity: 1; -webkit-transform: translateZ(0) translateX(-30px); transform: translateZ(0) translateX(-30px) }
  80% { opacity: 1; -webkit-transform: translateZ(0) translateX(10px); transform: translateZ(0) translateX(10px) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceOut {
  0% { -webkit-transform: translateZ(0) scale(1) }
  25% { -webkit-transform: translateZ(0) scale(0.95) }
  50% { opacity: 1; -webkit-transform: translateZ(0) scale(1.1) }
  100% { opacity: 0; -webkit-transform: translateZ(0) scale(0.3) }
}
@keyframes bounceOut {
  0% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) }
  25% { -webkit-transform: translateZ(0) scale(0.95); transform: translateZ(0) scale(0.95) }
  50% { opacity: 1; -webkit-transform: translateZ(0) scale(1.1); transform: translateZ(0) scale(1.1) }
  100% { opacity: 0; -webkit-transform: translateZ(0) scale(0.3); transform: translateZ(0) scale(0.3) }
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut }
@-webkit-keyframes bounceOutUp {
  0% { -webkit-transform: translateZ(0) translateY(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateY(20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px) }
}
@keyframes bounceOutUp {
  0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateY(20px); transform: translateZ(0) translateY(20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(-2000px); transform: translateZ(0) translateY(-2000px) }
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp }
@-webkit-keyframes bounceOutDown {
  0% { -webkit-transform: translateZ(0) translateY(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateY(-20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px) }
}
@keyframes bounceOutDown {
  0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateY(-20px); transform: translateZ(0) translateY(-20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateY(2000px); transform: translateZ(0) translateY(2000px) }
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft {
  0% { -webkit-transform: translateZ(0) translateX(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateX(20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px) }
}
@keyframes bounceOutLeft {
  0% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateX(20px); transform: translateZ(0) translateX(20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(-2000px); transform: translateZ(0) translateX(-2000px) }
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight {
  0% { -webkit-transform: translateZ(0) translateX(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateX(-20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px) }
}
@keyframes bounceOutRight {
  0% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0) }
  20% { opacity: 1; -webkit-transform: translateZ(0) translateX(-20px); transform: translateZ(0) translateX(-20px) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(2000px); transform: translateZ(0) translateX(2000px) }
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-webkit-keyframes rotateIn {
  0% { -webkit-transform-origin: center center; -webkit-transform: translateZ(0) rotate(-200deg); opacity: 0 }
  100% { -webkit-transform-origin: center center; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
}
@keyframes rotateIn {
  0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateZ(0) rotate(-200deg); transform: translateZ(0) rotate(-200deg); opacity: 0 }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn }
@-webkit-keyframes rotateInUpLeft {
  0% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(90deg); opacity: 0 }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
}
@keyframes rotateInUpLeft {
  0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(90deg); transform: translateZ(0) rotate(90deg); opacity: 0 }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft }
@-webkit-keyframes rotateInDownLeft {
  0% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(-90deg); opacity: 0 }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
}
@keyframes rotateInDownLeft {
  0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(-90deg); transform: translateZ(0) rotate(-90deg); opacity: 0 }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft }
@-webkit-keyframes rotateInUpRight {
  0% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(-90deg); opacity: 0 }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
}
@keyframes rotateInUpRight {
  0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(-90deg); transform: translateZ(0) rotate(-90deg); opacity: 0 }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight }
@-webkit-keyframes rotateInDownRight {
  0% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(90deg); opacity: 0 }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
}
@keyframes rotateInDownRight {
  0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(90deg); transform: translateZ(0) rotate(90deg); opacity: 0 }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight }
@-webkit-keyframes rotateOut {
  0% { -webkit-transform-origin: center center; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: center center; -webkit-transform: translateZ(0) rotate(200deg); opacity: 0 }
}
@keyframes rotateOut {
  0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateZ(0) rotate(200deg); transform: translateZ(0) rotate(200deg); opacity: 0 }
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut }
@-webkit-keyframes rotateOutUpLeft {
  0% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(-90deg); opacity: 0 }
}
@keyframes rotateOutUpLeft {
  0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -transform-origin: left bottom; -transform: translateZ(0) rotate(-90deg); opacity: 0 }
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
@-webkit-keyframes rotateOutDownLeft {
  0% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(90deg); opacity: 0 }
}
@keyframes rotateOutDownLeft {
  0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translateZ(0) rotate(90deg); transform: translateZ(0) rotate(90deg); opacity: 0 }
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
@-webkit-keyframes rotateOutUpRight {
  0% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(90deg); opacity: 0 }
}
@keyframes rotateOutUpRight {
  0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(90deg); transform: translateZ(0) rotate(90deg); opacity: 0 }
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
@-webkit-keyframes rotateOutDownRight {
  0% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(-90deg); opacity: 0 }
}
@keyframes rotateOutDownRight {
  0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); opacity: 1 }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateZ(0) rotate(-90deg); transform: translateZ(0) rotate(-90deg); opacity: 0 }
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
@-webkit-keyframes hinge {
  0% { -webkit-transform: translateZ(0) rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out }
  20%,60% { -webkit-transform: translateZ(0) rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out }
  40% { -webkit-transform: translateZ(0) rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out }
  80% { -webkit-transform: translateZ(0) rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out }
  100% { -webkit-transform: translateZ(0) translateY(700px); opacity: 0 }
}
@keyframes hinge {
  0% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
  20%,60% { -webkit-transform: translateZ(0) rotate(80deg); transform: translateZ(0) rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
  40% { -webkit-transform: translateZ(0) rotate(60deg); transform: translateZ(0) rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
  80% { -webkit-transform: translateZ(0) rotate(60deg) translateY(0); transform: translateZ(0) rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
  100% { -webkit-transform: translateZ(0) translateY(700px); transform: translateZ(0) translateY(700px); opacity: 0 }
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge }
@-webkit-keyframes rollIn {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-100%) rotate(-120deg) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0px) rotate(0deg) }
}
@keyframes rollIn {
  0% { opacity: 0; -webkit-transform: translateZ(0) translateX(-100%) rotate(-120deg); transform: translateZ(0) translateX(-100%) rotate(-120deg) }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0px) rotate(0deg); transform: translateZ(0) translateX(0px) rotate(0deg) }
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn }
@-webkit-keyframes rollOut {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0px) rotate(0deg) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(100%) rotate(120deg) }
}
@keyframes rollOut {
  0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0px) rotate(0deg); transform: translateZ(0) translateX(0px) rotate(0deg) }
  100% { opacity: 0; -webkit-transform: translateZ(0) translateX(100%) rotate(120deg); transform: translateZ(0) translateX(100%) rotate(120deg) }
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }
@keyframes scaleIn {
  0% { transform: scale(1.5) }
  100% { transform: scale(1) }
}
body[data-page=index] { overflow: hidden }
body[data-page=index] .bottom-fix,body[data-page=index] .mobile-banner { display: none }
body[data-page=index] .header.white { background-color: transparent }
body[data-page=index] .parts { overflow: hidden }
body[data-page=index] .parts .part__box { position: relative }
body[data-page=index] .parts .part { background-color: #323232; position: relative; overflow: hidden }
body[data-page=index] .parts .part .stock { background-color: #323232; padding: 0 70px; color: #fff }
body[data-page=index] .parts .part .stock__inner { max-width: 1540px; margin: 0 auto; font-size: 0; padding: 80px 0 }
body[data-page=index] .parts .part .stock__inner>div { width: 20%; display: inline-block; vertical-align: top; line-height: 1 }
body[data-page=index] .parts .part .stock__inner>div>div:nth-child(1) { font-size: 26px }
body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) { font-size: 56px; margin: 20px 0; font-family: bb }
body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) i { font-size: 26px }
body[data-page=index] .parts .part .stock__inner>div>div:nth-child(3) { font-size: 26px; color: #848484; font-family: br }
body[data-page=index] .parts .part.p5 { background: #1a1b20 url("../images/part-5-bg.jpg") no-repeat center center; background-size: cover }
body[data-page=index] .parts .part.p5 .video { position: absolute; width: 100%; height: 100%; margin: 0 auto; overflow: hidden }
body[data-page=index] .parts .part.p5 .video .video-element { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
body[data-page=index] .parts .part.p5 .video .video-element video,body[data-page=index] .parts .part.p5 .video .video-element object { object-fit: cover; height: 100%; width: 100% }
body[data-page=index] .parts .part.p5 .module { position: relative }
body[data-page=index] .parts .part.p5 .table { position: relative; width: 1340px; float: right; height: calc(100vh - 30vh - 90px - 40px) }
body[data-page=index] .parts .part.p5 .table .tr .td { padding-top: 90px; overflow: hidden; position: relative }
body[data-page=index] .parts .part.p5 .swiper-total { display: none }
body[data-page=index] .parts .part.p5 .swiper-container { width: 820px; overflow: visible; margin: 0 }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-wrapper { height: auto!important }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide { width: 820px; height: 460px; transform: scale(0.535) translateX(149.53271px); transition: all 300ms ease; transform-origin: bottom left; position: relative; overflow: hidden }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide:hover img { transform: scale(1.1) }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div { position: absolute; left: 0; bottom: 0; width: 100%; padding: 25px; font-size: 30px; color: #fff }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div:before { content: ""; width: 100%; display: block; height: 0; position: absolute; left: 0; bottom: 0; box-shadow: 0 0 90px 30px #000 }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div>div { position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-duplicate-active,body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-active { transform: scale(1) }
body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-duplicate-active>div,body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-active>div { font-size: 24px }
body[data-page=index] .parts .part.p5 .controls { text-align: right; position: absolute; z-index: 1; right: 0; top: -260px; bottom: 0; margin: auto; height: 50px }
body[data-page=index] .parts .part.p5 .controls>div { cursor: pointer; display: inline-block; vertical-align: top; width: 52px; height: 52px; text-align: center; line-height: 52px; background-color: #6c6c6b; transition: all 300ms ease; margin: 0 0 0 25px }
body[data-page=index] .parts .part.p5 .controls>div:not(.swiper-button-disabled):hover { background-color: #ba1c27 }
body[data-page=index] .parts .part.p5 .controls>div.swiper-button-disabled { opacity: .6; cursor: not-allowed }
body[data-page=index] .parts .part.p5 .line { position: relative; height: 100px }
body[data-page=index] .parts .part.p5 .line:before { content: ""; display: block; background-color: #89807b; width: 60px; height: 2px; position: absolute; left: 0; bottom: 0 }
body[data-page=index] .parts .part.p4 { background: #fff url("../images/index-p4-bg.png") no-repeat; background-position: 100% -50% }
body[data-page=index] .parts .part.p4 .table { position: relative; width: 100%; height: calc(100vh - 15vh - 90px - 40px - 200px) }
body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(1) { width: 820px }
body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(2) { padding-left: 60px }
body[data-page=index] .parts .part.p4 .table .news__item { position: relative; display: block; padding: 35px 0 35px 110px; border-bottom: 1px solid #f1f1f1 }
body[data-page=index] .parts .part.p4 .table .news__item:last-child { border-bottom: 0; padding-bottom: 0 }
body[data-page=index] .parts .part.p4 .table .news__item:last-child>div:nth-child(1) { padding-bottom: 0 }
body[data-page=index] .parts .part.p4 .table .news__item:first-child { padding-top: 0 }
body[data-page=index] .parts .part.p4 .table .news__item:first-child>div:nth-child(1) { padding-top: 0 }
body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1) { position: absolute; padding: 35px 0; line-height: 32px; left: 0; top: 0; font-family: br; color: #a1a1a1 }
body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(1) { font-size: 24px }
body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(2) { font-size: 16px }
body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(2) { font-size: 18px; line-height: 32px; height: 64px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
body[data-page=index] .parts .part.p4 .table .swiper-pagination { position: relative; text-align: center; padding-top: 30px; padding-bottom: 60px }
body[data-page=index] .parts .part.p4 .table .swiper-pagination .swiper-pagination-bullet { margin: 0 14px }
body[data-page=index] .parts .part.p4 .table .swiper-pagination .swiper-pagination-bullet-active { background-color: #d32430 }
body[data-page=index] .parts .part.p4 .table .swiper-pagination:before { content: ""; display: block; background-color: #89807b; width: 60px; height: 2px; position: absolute; left: 0; bottom: 0 }
body[data-page=index] .parts .part.p4 .table .swiper-container { margin: 102px 0 0; width: 820px; color: #fff }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide { height: 456px; position: relative; overflow: hidden; display: block; /*height: auto!important*/ }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .img>div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; transition: all 300ms ease }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide img { vertical-align: top; width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide:hover img { transform: scale(1.1) }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,.5); color: #fff; height: 94px; padding: 0 35px 0 135px }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(1) { background-color: #d32430; color: #fff; width: 100px; height: 100%; position: absolute; left: 0; top: 0; text-align: center; padding: 10px 0 0 }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(1)>div:nth-child(1) { font-family: bm; font-size: 42px; margin: 0 0 10px }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(1)>div:nth-child(2) { font-size: 18px }
body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(2) { font-size: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 94px }
body[data-page=index] .parts .part.p3 { background: #1a1b20 url("../images/part-3-bg.jpg") no-repeat center center; background-size: cover }
body[data-page=index] .parts .part.p3 .table { position: relative; height: calc(100vh - 15vh - 90px - 40px); table-layout: fixed }
body[data-page=index] .parts .part.p3 .controls { text-align: right; position: relative }
body[data-page=index] .parts .part.p3 .controls:before { content: ""; display: block; background-color: #89807b; width: 60px; height: 2px; position: absolute; left: 0; bottom: 0 }
body[data-page=index] .parts .part.p3 .controls>div { cursor: pointer; display: inline-block; vertical-align: top; width: 52px; height: 52px; text-align: center; line-height: 52px; background-color: #6c6c6b; transition: all 300ms ease; margin: 0 0 0 25px }
body[data-page=index] .parts .part.p3 .controls>div:not(.swiper-button-disabled):hover { background-color: #ba1c27 }
body[data-page=index] .parts .part.p3 .controls>div.swiper-button-disabled { opacity: .6; cursor: not-allowed }
body[data-page=index] .parts .part.p3 .swiper-box { margin: 0 -40px; padding: 0 40px; overflow: hidden }
body[data-page=index] .parts .part.p3 .swiper-container { background: url("../images/part-3-1.jpg") no-repeat 0 0; background-size: auto 100%; transition: background-position 900ms ease; width: 100%; height: 510px; margin-top: 65px; margin-bottom: 60px }
body[data-page=index] .parts .part.p3 .swiper-container:hover { overflow: visible }
body[data-page=index] .parts .part.p3 .swiper-container:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5) }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide { color: #fff; opacity: 0; transition: opacity 300ms ease }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; display: block; background-color: #b91b26; opacity: 0; transition: all 300ms ease }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,.2) }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .content { position: relative }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .title { font-size: 32px; text-align: center; padding-top: 170px; transition: all 300ms ease }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .date { font-size: 25px; text-align: center; margin: 20px 0 10px; opacity: .6 }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { opacity: 0; font-size: 18px; line-height: 32px; padding: 20px 10px; height: 230px; transition: all 300ms ease }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc>div { margin-bottom: 10px; text-align: justify; }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .arrow { opacity: .6; text-align: center; position: relative; bottom: 60px; transition: all 300ms ease }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide.visible { opacity: 1 }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide.visible:hover:before { opacity: 1; transform: scale(1.2) }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide.visible:hover:after { opacity: 0 }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide.visible:hover .title { padding-top: 70px }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide.visible:hover .desc { opacity: 1; height: auto }
body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide.visible:hover .arrow { bottom: -20px }
body[data-page=index] .parts .part.p2 { background: #fff url("../images/part-2-bg.png") no-repeat center center }
body[data-page=index] .parts .part.p2 .table { position: relative; height: calc(100vh - 15vh - 270px - 90px) }
body[data-page=index] .parts .part.p2 .table .tr .td { padding-top: 100px }
body[data-page=index] .parts .part.p2 .table .tr .td .content { padding: 0 30px 0 120px }
body[data-page=index] .parts .part.p2 .table .tr .td .content .title { line-height: 1; font-size: 46px; margin-bottom: 50px; font-weight: 700 }
body[data-page=index] .parts .part.p2 .table .tr .td .content .title:after { content: ""; display: inline-block; vertical-align: baseline; width: 32px; height: 4px; border-radius: 2px; background-color: #d32430; margin: 0 0 0 25px }
body[data-page=index] .parts .part.p2 .table .tr .td .content .desc { font-size: 18px; line-height: 36px; color: #444; text-indent: 2em; text-align: justify; }
body[data-page=index] .parts .part.p2 .numbers { font-size: 0; display: flex; position: absolute; left: 200px; right: 0; bottom: -15vh; margin: auto }
body[data-page=index] .parts .part.p2 .numbers:before { position: absolute; content: ""; display: block; height: 100%; width: 100%; right: -50%; top: 0; background-color: #fafbfb }
body[data-page=index] .parts .part.p2 .numbers>div { position: relative; display: inline-block; vertical-align: top; padding: 70px 0 80px; width: 100%; background-color: #fafbfb; text-align: center }
body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(1) { font-size: 82px; font-family: bb; color: #d32430; line-height: 1 }
body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(2) { font-size: 18px; margin: 20px 0 0 }
body[data-page=index] .parts .part.p1 .next { cursor: pointer; z-index: 1; position: absolute; bottom: 200px; left: 0; right: 0; margin: auto; width: 100%; animation: bounce 3s infinite; width: 58px; height: 58px; line-height: 58px; border-radius: 58px; color: #fff; background-color: rgba(0,0,0,.5); text-align: center }
body[data-page=index] .parts .part.p1 .next img { width: 13px }
body[data-page=index] .business { position: absolute; overflow: hidden; z-index: 2; left: 0; bottom: 0; width: 100%; color: #fff; font-size: 0 }
body[data-page=index] .business:before { content: ""; display: block; width: 100%; height: 150%; position: absolute; left: 0; top: 0; background-image: -moz-linear-gradient(90deg,rgba(0,0,0,.6902) 0,transparent 100%); background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,.6902) 0,transparent 100%); background-image: -ms-linear-gradient(90deg,rgba(0,0,0,.6902) 0,transparent 100%) }
body[data-page=index] .business__item { position: relative; display: inline-block; font-size: 16px; width: 20%; vertical-align: top; text-align: center; padding: 60px 0; transition: all 300ms ease }
body[data-page=index] .business__item:after { content: ""; display: block; height: 46px; width: 1px; position: absolute; right: 0; bottom: 0; top: 0; margin: auto; background-color: rgba(255,255,255,.2) }
body[data-page=index] .business__item:last-child:after { display: none }
body[data-page=index] .business__item__icon { margin-bottom: 18px; position: relative; display: inline-block; vertical-align: top; height: 40px; line-height: 40px }
body[data-page=index] .business__item__icon img { width: auto; height: 100%; transition: all 300ms ease; vertical-align: bottom }
body[data-page=index] .business__item__icon img:nth-child(2) { position: absolute; left: 0; bottom: 0; opacity: 0 }
body[data-page=index] .business__item__name { display: block }
body[data-page=index] .business__item:hover { transform: scale(1.1) }
body[data-page=index] .business__item:hover .business__item__icon img:nth-child(1) { opacity: 0 }
body[data-page=index] .business__item:hover .business__item__icon img:nth-child(2) { opacity: 1 }
body[data-page=index] .table { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
body[data-page=index] .table .tr { display: table-row }
body[data-page=index] .table .tr .td { display: table-cell; vertical-align: middle }
body[data-page=index] .banner-container { position: relative }
body[data-page=index] .banner { position: relative; height: 100vh; overflow: hidden }
body[data-page=index] .banner.no-bg { background: 0 0 }
body[data-page=index] .banner .table { width: 100%; height: 100%; display: table }
body[data-page=index] .banner .table.pagination { position: absolute; width: 100%; height: 100%; left: auto }
body[data-page=index] .banner .table.pagination .tr .td { padding-bottom: 0 }
body[data-page=index] .banner .table .tr { display: table-row }
body[data-page=index] .banner .table .tr .td { display: table-cell; vertical-align: middle }
body[data-page=index] .banner .swiper-container { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
body[data-page=index] .banner .swiper-container .swiper-slide { position: relative; overflow: hidden; box-sizing: border-box }
body[data-page=index] .banner .swiper-container .swiper-slide .video { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden }
body[data-page=index] .banner .swiper-container .swiper-slide .video .video-element { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
body[data-page=index] .banner .swiper-container .swiper-slide .video .video-element video,body[data-page=index] .banner .swiper-container .swiper-slide .video .video-element object { object-fit: cover; height: 100%; width: 100% }
body[data-page=index] .banner .swiper-container .swiper-slide .text { max-width: 1680px; padding: 0 70px; margin: 0 auto; color: #fff; line-height: normal; text-shadow: 0 10px 8px rgba(0,0,0,.2); opacity: 0; transition: all 1s ease .3s; -webkit-transition: all 1s ease .3s; -ms-transition: all 1s ease .3s }
body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t1 { position: relative; font-size: 72px }
body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t1 img { position: absolute; left: -1%; bottom: 30% }
body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t1 span { position: relative }
body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t2 { font-size: 38px; padding: 10px 0 0; font-weight: 200; }
body[data-page=index] .banner .swiper-container .swiper-slide.swiper-slide-active .image { transform: scale(1) translate3d(0,0,0) }
body[data-page=index] .banner .swiper-container .swiper-slide.swiper-slide-active .text { opacity: 1; transform: translateX(0) }
body[data-page=index] .banner .swiper-container .swiper-slide.swiper-slide-active .text .t1 { animation: fadeInDown 1s ease 300ms forwards }
body[data-page=index] .banner .swiper-container .swiper-slide.swiper-slide-active .text .t2 { animation: fadeInUp 1s ease 300ms forwards }
body[data-page=index] .banner .swiper-container .image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: scale(1.2) translate3d(0,0,0); transition: all 6s linear; -webkit-transition: all 6s linear; -ms-transition: all 6s linear; vertical-align: top }
body[data-page=index] .banner .swiper-pagination { text-align: left; position: relative; max-width: 1680px; padding: 0 70px; margin: 0 auto; padding-top: 350px }
body[data-page=index] .banner .swiper-pagination .swiper-pagination-bullet,body[data-page=index] .banner .swiper-pagination span { position: relative; background-color: #fff; cursor: pointer; margin: 0 35px 0 0; width: 8px; height: 8px; text-align: center; border-radius: 30px; display: inline-block; vertical-align: top; border: 0; opacity: .6 }
body[data-page=index] .banner .swiper-pagination .swiper-pagination-bullet:before,body[data-page=index] .banner .swiper-pagination span:before { content: ""; display: block; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 20px; position: absolute; left: -6px; top: -6px; opacity: 0; transform: scale(0.5); transition: all 300ms ease }
body[data-page=index] .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,body[data-page=index] .banner .swiper-pagination .swiper-pagination-bullet.swiper-active-switch,body[data-page=index] .banner .swiper-pagination span.swiper-pagination-bullet-active,body[data-page=index] .banner .swiper-pagination span.swiper-active-switch { opacity: 1 }
body[data-page=index] .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,body[data-page=index] .banner .swiper-pagination .swiper-pagination-bullet.swiper-active-switch:before,body[data-page=index] .banner .swiper-pagination span.swiper-pagination-bullet-active:before,body[data-page=index] .banner .swiper-pagination span.swiper-active-switch:before { opacity: 1; transform: scale(1) }
body[data-page=index] .banner .video { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden }
body[data-page=index] .banner .video .video-element { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
body[data-page=index] .banner .video .video-element video,body[data-page=index] .banner .video .video-element object { object-fit: cover; height: 100%; width: 100% }
body[data-page=index] .banner .banner-bottom { z-index: 1; position: absolute; left: 0; bottom: -2px; width: 100% }
body[data-page=index] .banner .banner-bottom img { width: 100%; height: 100%; vertical-align: top }
body[data-page=index] .banner .banner-text { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: normal }
body[data-page=index] .banner .banner-text>div { position: absolute; max-width: 1540px; margin: 0 auto; left: 40px; right: 40px; height: 100%; top: 0; color: #fff; line-height: normal; text-align: center; text-shadow: 0 10px 8px rgba(0,0,0,.2); opacity: 0; opacity: 0; filter: alpha(opacity=0); transition: all 2s ease; -webkit-transition: all 2s ease; -ms-transition: all 2s ease }
body[data-page=index] .banner .banner-text>div.active { opacity: 1; filter: alpha(opacity=100) }
body[data-page=index] .banner .banner-text__t1 { font-size: 68px; letter-spacing: .2em; text-indent: .2em }
body[data-page=index] .banner .banner-text__t2 { font-size: 24px; padding: 10px 0 0 }
body[data-page=index] .part-pagination { position: fixed; left: 0; top: 0; width: 100%; padding: 0 70px }
body[data-page=index] .part-pagination__body { position: relative; max-width: 1540px; margin: 0 auto }
body[data-page=index] .part-pagination__content { position: absolute; overflow: hidden; left: 0; top: 10vh; height: 80vh; transition: all 300ms ease 300ms }
body[data-page=index] .part-pagination__content .table { height: 100%; position: relative }
body[data-page=index] .part-pagination__dot { margin-top: 25vh }
body[data-page=index] .part-pagination__dot>div { width: 8px; height: 8px; border-radius: 8px; background-color: #e6e6e6; margin: 40px auto; position: relative; cursor: pointer }
body[data-page=index] .part-pagination__dot>div:before { content: ""; display: block; width: 20px; height: 20px; border: 2px solid #d32430; border-radius: 20px; position: absolute; left: -6px; top: -6px; opacity: 0; transform: scale(0.5); transition: all 300ms ease }
body[data-page=index] .part-pagination__dot>div.active { background-color: #d32430 }
body[data-page=index] .part-pagination__dot>div.active:before { opacity: 1; transform: scale(1) }
body[data-page=index] .part-pagination__count { line-height: 1; text-align: center; margin-top: 150px }
body[data-page=index] .part-pagination__count>div:nth-child(1) { font-size: 34px; font-family: bm; transition: color 300ms ease }
body[data-page=index] .part-pagination__count>div:nth-child(2) { margin: 20px 0 }
body[data-page=index] .part-pagination__count>div:nth-child(2),body[data-page=index] .part-pagination__count>div:nth-child(3) { font-size: 20px; color: #999; font-family: br }
body[data-page=index] .part-pagination.white .part-pagination__count>div:nth-child(1) { color: #fff }
body[data-page=index] .part-pagination.hide .part-pagination__content { opacity: 0; visibility: hidden }
body[data-page=index] .module { line-height: 1; padding: 0 70px; height: 100% }
body[data-page=index] .module__body { position: relative; top: 15vh; max-width: 1540px; margin: 0 auto; height: 70vh }
body[data-page=index] .module__content { padding-left: 200px }
body[data-page=index] .module__header { position: relative }
body[data-page=index] .module__header.white { color: #fff; background-color: transparent }
body[data-page=index] .module__title { font-size: 34px; font-weight: 500; }
body[data-page=index] .module__more { position: absolute; right: 0; top: 0; font-size: 18px; padding: 0 20px 10px 0; font-family: bm }
body[data-page=index] .module__more svg,body[data-page=index] .module__more img { position: absolute; right: 0; bottom: 0 }
@media screen and (min-width:2200px) {
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide { width: 1120px; height: 628px; }
}
@media screen and (max-width:1920px) {
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { font-size: 16px; line-height: 28px; padding: 20px 10px; }
}
@media screen and (max-width:1680px) {
  body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t1 { font-size: 62px }
  body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t2 { font-size: 30px }
  body[data-page=index] .parts .part.p1 .next { bottom: 180px; width: 50px; height: 50px; line-height: 50px }
  body[data-page=index] .business__item { padding: 50px 0 }
  body[data-page=index] .business__item__icon { margin-bottom: 12px; height: 32px; line-height: 32px }
  body[data-page=index] .module { padding: 0 70px }
  body[data-page=index] .module__body { max-width: 1540px }
  body[data-page=index] .module__title { font-size: 30px }
  body[data-page=index] .module__more { font-size: 16px }
  body[data-page=index] .module__content { padding-left: 160px }
  body[data-page=index] .part-pagination { padding: 0 70px }
  body[data-page=index] .part-pagination__body { max-width: 1540px }
  body[data-page=index] .part-pagination__dot>div { margin: 30px auto }
  body[data-page=index] .part-pagination__count { margin-top: 100px }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .title { font-size: 36px; margin-bottom: 40px }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .desc { font-size: 16px; line-height: 32px }
  body[data-page=index] .parts .part.p2 .table .tr .td img { width: 500px }
  body[data-page=index] .parts .part.p2 .numbers { left: 160px; }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(1) { font-size: 72px }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(2) { font-size: 16px; margin-top: 15px }
  body[data-page=index] .parts .part.p2 .numbers>div { padding: 60px 0 70px }
  body[data-page=index] .parts .part.p3 .controls>div { width: 46px; height: 46px; line-height: 46px }
  body[data-page=index] .parts .part.p3 .controls>div img { width: 18px }
  body[data-page=index] .parts .part.p3 .swiper-container { margin: 50px 0 45px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .title { font-size: 26px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .date { font-size: 20px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { font-size: 16px; line-height: 28px; padding: 20px 10px; }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:hover:before { transform: scale(1.1) }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:hover .title { padding-top: 50px }
  body[data-page=index] .parts .part.p3 .controls:before { width: 40px }
  body[data-page=index] .parts .part.p4 .table .swiper-container,body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(1) { width: 760px }
  body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(2) { padding-left: 50px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(1) { font-size: 32px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(2) { font-size: 16px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(2) { font-size: 20px; line-height: 80px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title { height: 80px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(2) { font-size: 16px; line-height: 28px; height: 56px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1) { line-height: 28px; padding: 31px 0 }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(1) { font-size: 22px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(2) { font-size: 14px }
  body[data-page=index] .parts .part.p4 .table .news__item { padding-left: 90px }
  body[data-page=index] .parts .part.p4 .table .news__item { padding-top: 32px; padding-bottom: 32px }
  body[data-page=index] .parts .part.p4 .table .swiper-pagination:before { width: 40px }
  body[data-page=index] .parts .part.p4 .table .swiper-pagination { padding: 30px 0 50px }
  body[data-page=index] .parts .part.p5 .controls>div { width: 46px; height: 46px; line-height: 46px }
  body[data-page=index] .parts .part.p5 .controls>div img { width: 18px }
  body[data-page=index] .parts .part.p5 .table .tr .td { padding-top: 70px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide,body[data-page=index] .parts .part.p5 .swiper-container { width: 820px; height: 460px }
  body[data-page=index] .parts .part.p5 .table { width: 1180px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div { font-size: 26px; padding: 20px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-duplicate-active>div,body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-active>div { font-size: 20px }
  body[data-page=index] .parts .part .stock__inner { padding: 60px 0 }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(1) { font-size: 22px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) { font-size: 46px; margin: 15px 0 }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(3) { font-size: 22px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) i { font-size: 20px }
}
@media screen and (max-width:1520px) {
  body[data-page=index] .parts .part.p2 .table .tr .td .content .desc { font-size: 16px; line-height: 28px }
  body[data-page=index] .parts .part.p2 .numbers>div { padding: 40px 0 50px }
   body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide,body[data-page=index] .parts .part.p5 .swiper-container { width: 670px; height: 410px }
}
@media screen and (max-width:1440px) {
  body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t1 { font-size: 52px }
  body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t2 { font-size: 20px }
  body[data-page=index] .parts .part.p1 .next { bottom: 160px; width: 40px; height: 40px; line-height: 40px }
  body[data-page=index] .business__item { padding: 40px 0 }
  body[data-page=index] .business__item__icon { margin-bottom: 10px; height: 30px; line-height: 30px }
  body[data-page=index] .module__title { font-size: 24px }
  body[data-page=index] .module__more { font-size: 14px; padding-right: 10px }
  body[data-page=index] .module__more svg { width: 60px }
  body[data-page=index] .module__content { padding-left: 120px }
  body[data-page=index] .part-pagination__count>div:nth-child(1) { font-size: 20px; }
  body[data-page=index] .part-pagination__count>div:nth-child(2) { margin: 10px 0 }
  body[data-page=index] .part-pagination__count>div:nth-child(2),body[data-page=index] .part-pagination__count>div:nth-child(3) { font-size: 14px; }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .title { font-size: 26px; margin-bottom: 30px }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .desc { font-size: 14px; line-height: 28px }
  body[data-page=index] .parts .part.p2 .table .tr .td img { width: 400px }
  body[data-page=index] .parts .part.p2 .numbers { left: 120px; }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(1) { font-size: 62px }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(2) { font-size: 14px; margin-top: 10px }
  body[data-page=index] .parts .part.p2 .numbers>div { padding: 40px 0 50px }
  body[data-page=index] .parts .part.p3 .controls>div { width: 40px; height: 40px; line-height: 40px }
  body[data-page=index] .parts .part.p3 .controls>div img { width: 18px }
  body[data-page=index] .parts .part.p3 .swiper-container { background-size: auto 100%; margin: 30px 0 35px; height: 400px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .title { font-size: 22px; padding-top: 140px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .date { font-size: 18px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { font-size: 14px; line-height: 24px; padding: 10px 10px; height: 150px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:hover:before { transform: scale(1.1) }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:hover .title { padding-top: 40px }
  body[data-page=index] .parts .part.p3 .controls:before { width: 30px }
  body[data-page=index] .parts .part.p4 .table .swiper-container { margin: 60px 0 0 }
  body[data-page=index] .parts .part.p4 .table .swiper-container,body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(1) { width: 600px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide { width: 600px; height: 333px; }
  body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(2) { padding-left: 40px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(1) { font-size: 28px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(2) { font-size: 14px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(2) { font-size: 18px; line-height: 70px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title { height: 70px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(2) { font-size: 14px; line-height: 24px; height: 48px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1) { line-height: 24px; padding: 22px 0 }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(1) { font-size: 20px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(2) { font-size: 14px }
  body[data-page=index] .parts .part.p4 .table .news__item { padding-left: 80px }
  body[data-page=index] .parts .part.p4 .table .news__item { padding-top: 22px; padding-bottom: 22px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(1) { margin-bottom: 6px }
  body[data-page=index] .parts .part.p4 .table .swiper-pagination:before { width: 30px }
  body[data-page=index] .parts .part.p4 .table .swiper-pagination { padding: 20px 0 30px }
  body[data-page=index] .parts .part.p5 .controls { top: -200px }
  body[data-page=index] .parts .part.p5 .controls>div { width: 40px; height: 40px; line-height: 40px }
  body[data-page=index] .parts .part.p5 .controls>div img { width: 18px }
  body[data-page=index] .parts .part.p5 .table .tr .td { padding-top: 50px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide,body[data-page=index] .parts .part.p5 .swiper-container { width: 720px; height: 404px }
  body[data-page=index] .parts .part.p5 .table { width: 1190px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div { font-size: 26px; padding: 20px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-duplicate-active>div,body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-active>div { font-size: 20px }
  body[data-page=index] .parts .part .stock__inner { padding: 40px 0 }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(1) { font-size: 18px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) { font-size: 30px; margin: 10px 0 }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(3) { font-size: 18px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) i { font-size: 16px }
}
@media screen and (max-width:1366px) {
  body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t1 { font-size: 52px }
  body[data-page=index] .banner .swiper-container .swiper-slide .text>div.t2 { font-size: 20px }
  body[data-page=index] .parts .part.p1 .next { bottom: 160px; width: 40px; height: 40px; line-height: 40px }
  body[data-page=index] .business__item { padding: 40px 0 }
  body[data-page=index] .business__item__icon { margin-bottom: 8px; height: 28px; line-height: 28px }
  body[data-page=index] .module__title { font-size: 24px }
  body[data-page=index] .module__more { font-size: 14px; padding-right: 10px }
  body[data-page=index] .module__more svg { width: 60px }
  body[data-page=index] .module__content { padding-left: 120px }
  body[data-page=index] .part-pagination__dot>div { margin: 20px auto }
  body[data-page=index] .part-pagination__count { margin-top: 60px }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .title { font-size: 26px; margin-bottom: 30px }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .desc { font-size: 14px; line-height: 28px }
  body[data-page=index] .parts .part.p2 .table .tr .td img { width: 400px }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(1) { font-size: 62px }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(2) { font-size: 14px; margin-top: 10px }
  body[data-page=index] .parts .part.p2 .numbers>div { padding: 40px 0 50px }
  body[data-page=index] .parts .part.p3 .controls>div { width: 40px; height: 40px; line-height: 40px }
  body[data-page=index] .parts .part.p3 .controls>div img { width: 18px }
  body[data-page=index] .parts .part.p3 .swiper-container { margin: 30px 0 25px; height: 400px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .title { font-size: 22px; padding-top: 140px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .date { font-size: 18px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { font-size: 14px; line-height: 22px; padding: 8px 10px; height: 150px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:hover:before { transform: scale(1.1) }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:hover .title { padding-top: 30px }
  body[data-page=index] .parts .part.p3 .controls:before { width: 30px }
  body[data-page=index] .parts .part.p4 .table .swiper-container { margin: 60px 0 0 }
  body[data-page=index] .parts .part.p4 .table .swiper-container,body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(1) { width: 600px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide { width: 600px; height: 333px; }
  body[data-page=index] .parts .part.p4 .table .tr .td:nth-child(2) { padding-left: 40px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(1) { font-size: 28px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(2) { font-size: 14px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(2) { font-size: 18px; line-height: 70px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title { height: 70px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(2) { font-size: 14px; line-height: 24px; height: 48px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1) { line-height: 24px; padding: 22px 0 }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(1) { font-size: 20px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(2) { font-size: 14px }
  body[data-page=index] .parts .part.p4 .table .news__item { padding-left: 80px }
  body[data-page=index] .parts .part.p4 .table .news__item { padding-top: 22px; padding-bottom: 22px }
  body[data-page=index] .parts
.part.p4
.table
.swiper-container
.swiper-slide
.title
> div:nth-child(1)
> div:nth-child(1) { margin-bottom: 6px }
  body[data-page=index] .parts .part.p4 .table .swiper-pagination:before { width: 30px }
  body[data-page=index] .parts .part.p4 .table .swiper-pagination { padding: 20px 0 30px }
  body[data-page=index] .parts .part.p5 .controls { top: -200px }
  body[data-page=index] .parts .part.p5 .controls>div { width: 40px; height: 40px; line-height: 40px }
  body[data-page=index] .parts .part.p5 .controls>div img { width: 18px }
  body[data-page=index] .parts .part.p5 .table .tr .td { padding-top: 50px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide,body[data-page=index] .parts .part.p5 .swiper-container { width: 565px; height: 323px }
  body[data-page=index] .parts .part.p5 .table { width: 1100px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div { font-size: 26px; padding: 20px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-duplicate-active>div,body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-active>div { font-size: 20px }
  body[data-page=index] .parts .part .stock__inner { padding: 40px 0 }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(1) { font-size: 18px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) { font-size: 30px; margin: 10px 0 }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(3) { font-size: 18px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) i { font-size: 16px }
}
@media screen and (max-width:1280px) {
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { font-size: 13px; line-height: 20px; }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:hover .title { padding-top: 35px }
}
@media screen and (max-width:1024px) {
  body[data-page=index] { overflow: auto }
  body[data-page=index] .banner-container { display: none }
  body[data-page=index] .mobile-banner { position: relative; display: block; height: 100vh }
  body[data-page=index] .mobile-banner .swiper-container { height: 100vh }
  body[data-page=index] .mobile-banner .swiper-slide { position: relative }
  body[data-page=index] .mobile-banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; vertical-align: top }
  body[data-page=index] .mobile-banner .swiper-slide .text { position: absolute; left: 0; top: 0; right: 0; bottom: 100px; margin: auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; color: #fff; padding: 0 50px; line-height: normal; text-align: left }
  body[data-page=index] .mobile-banner .swiper-slide .text>div:nth-child(1) { font-size: 2.6rem; position: relative }
  body[data-page=index] .mobile-banner .swiper-slide .text>div:nth-child(1) img { width: 50px; height: auto; position: absolute; left: -10px; top: -10px }
  body[data-page=index] .mobile-banner .swiper-slide .text>div:nth-child(1) span { position: relative }
  body[data-page=index] .mobile-banner .swiper-slide .text>div:nth-child(2) { font-size: 16px; padding: 10px 0 0; line-height: 1.8 }
  body[data-page=index] .mobile-banner .pagination { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 0 0 50px; padding-top: 190px }
  body[data-page=index] .mobile-banner .swiper-pagination { font-size: 0; line-height: 0; display: flex; justify-content: center }
  body[data-page=index] .mobile-banner .swiper-pagination span { position: relative; background-color: #fff; cursor: pointer; margin: 0 20px 0 0; width: 5px; height: 5px; text-align: center; border-radius: 30px; color: #fff; border-color: #fff; transition: all 300ms ease; opacity: .6 }
  body[data-page=index] .mobile-banner .swiper-pagination span:before { content: ""; display: block; width: 13px; height: 13px; border: 1px solid #fff; border-radius: 20px; position: absolute; left: -4px; top: -4px; opacity: 0; transform: scale(0.5); transition: all 300ms ease }
  body[data-page=index] .mobile-banner .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1 }
  body[data-page=index] .mobile-banner .swiper-pagination span.swiper-pagination-bullet-active:before { opacity: 1; transform: scale(1) }
  body[data-page=index] .parts .part .stock { padding: 0 20px }
  body[data-page=index] .parts .part .stock__inner { padding: 10px 0 }
  body[data-page=index] .parts .part .stock__inner>div { width: 50%; padding: 20px 0 }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(1) { font-size: 14px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) { font-size: 30px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(2) i { font-size: 14px }
  body[data-page=index] .parts .part .stock__inner>div>div:nth-child(3) { font-size: 13px }
  body[data-page=index] .parts .part.p5 { padding-bottom: 30px }
  body[data-page=index] .parts .part.p5 .table { height: auto }
  body[data-page=index] .parts .part.p5 .video { display: none }
  body[data-page=index] .parts .part.p5 .line { display: none }
  body[data-page=index] .parts .part.p5 .controls { display: none }
  body[data-page=index] .parts .part.p5 .table,body[data-page=index] .parts .part.p5 .table .tr,body[data-page=index] .parts .part.p5 .table .tr .td { display: block; overflow: visible; padding: 0 }
  body[data-page=index] .parts .part.p5 .table { width: 100% }
  body[data-page=index] .parts .part.p5 .swiper-total { display: block; text-align: center; padding: 40px 0 }
  body[data-page=index] .parts .part.p5 .swiper-total span { color: #999; font-size: 12px; font-family: br }
  body[data-page=index] .parts .part.p5 .swiper-total span:nth-child(2) { margin: 0 6px }
  body[data-page=index] .parts .part.p5 .swiper-total span:nth-child(1) { font-size: 21px; font-family: bm; color: #fff }
  body[data-page=index] .parts .part.p5 .swiper-container { width: 90%; height: 45.7vw; margin: 50px auto 0; overflow: visible }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide { width: 100%; height: 45.7vw; transform: none; padding: 0 15px; box-sizing: border-box }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide img { width: 100% }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide:hover img { transform: scale(1) }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div { font-size: 14px; padding: 14px; left: 15px; right: 15px; width: auto; margin: 0 auto; overflow: hidden }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div:before { box-shadow: 0 0 30px 20px #000 }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-duplicate-active>div,body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-active>div { font-size: 14px }
  body[data-page=index] .parts .part.p4 .table { height: auto }
  body[data-page=index] .parts .part.p4 .table,body[data-page=index] .parts .part.p4 .table .tr,body[data-page=index] .parts .part.p4 .table .tr .td { display: block; padding: 0 }
  body[data-page=index] .parts .part.p4 .table .tr .td { width: auto!important; padding: 0!important }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-container { width: 100%; margin-top: 25px }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-container .swiper-slide .title { height: 40px; padding: 0 20px 0 54px }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-container .swiper-slide .title>div:nth-child(1) { width: 43px; padding-top: 5px }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-container .swiper-slide .title>div:nth-child(1)>div:nth-child(1) { font-size: 17px; margin-bottom: 4px }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-container .swiper-slide .title>div:nth-child(1)>div:nth-child(2) { font-size: 8px }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-container .swiper-slide .title>div:nth-child(2) { line-height: 40px; font-size: 14px }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-pagination { padding: 8px 0 0 }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-pagination:before { display: none }
  body[data-page=index] .parts .part.p4 .table .tr .td .swiper-pagination .swiper-pagination-bullet { margin: 0 5px }
  body[data-page=index] .parts .part.p4 .table .tr .td .news__item>div:nth-child(1) { padding: 20px 0 0 }
  body[data-page=index] .parts .part.p4 .table .tr .td .news__item>div:nth-child(2) { font-size: 15px; line-height: 22px }
  body[data-page=index] .parts .part.p4 .table .tr .td .news__item:first-child { padding-top: 22px }
  body[data-page=index] .parts .part.p4 .table .tr .td .news__item:last-child { padding-bottom: 22px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide { height: 48vw }
  body[data-page=index] .parts .part.p3 .table { height: auto }
  body[data-page=index] .parts .part.p3 .module { padding: 0 }
  body[data-page=index] .parts .part.p3 .module__header { display: none }
  body[data-page=index] .parts .part.p3 .swiper-container { height: 260px; width: 100vw; margin: 0; overflow: auto!important; background: 0 0 }
  body[data-page=index] .parts .part.p3 .swiper-container:before { display: none }
  body[data-page=index] .parts .part.p3 .swiper-container::-webkit-scrollbar-thumb,body[data-page=index] .parts .part.p3 .swiper-container::-webkit-scrollbar,body[data-page=index] .parts .part.p3 .swiper-container::-webkit-scrollbar-track-piece { display: none }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-wrapper { background: url("../images/part-3-1.jpg") no-repeat 0 0; background-size: cover }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-wrapper:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5) }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide { width: 40vw; opacity: 1 }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { display: none }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .arrow { bottom: 0!important }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .arrow img { width: 16px; opacity: .6 }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .title { font-size: 19px; padding-top: 80px!important }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .date { font-size: 13px; margin: 10px 0 80px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:before { display: none!important }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide:after { opacity: 1!important }
  body[data-page=index] .parts .part.p3 .controls { display: none }
  body[data-page=index] .parts .part.p2 .table { height: auto }
  body[data-page=index] .parts .part.p2 .table,body[data-page=index] .parts .part.p2 .table .tr,body[data-page=index] .parts .part.p2 .table .tr .td { display: block; padding: 0; text-align: center }
  body[data-page=index] .parts .part.p2 .table img,body[data-page=index] .parts .part.p2 .table .tr img,body[data-page=index] .parts .part.p2 .table .tr .td img { width: 90%; margin: 40px 0 }
  body[data-page=index] .parts .part.p2 .table .content,body[data-page=index] .parts .part.p2 .table .tr .content,body[data-page=index] .parts .part.p2 .table .tr .td .content { padding: 0 0 40px; text-align: left }
  body[data-page=index] .parts .part.p2 .table .content .title,body[data-page=index] .parts .part.p2 .table .tr .content .title,body[data-page=index] .parts .part.p2 .table .tr .td .content .title { font-size: 19px; margin-bottom: 30px }
  body[data-page=index] .parts .part.p2 .table .content .title:after,body[data-page=index] .parts .part.p2 .table .tr .content .title:after,body[data-page=index] .parts .part.p2 .table .tr .td .content .title:after { display: none }
  body[data-page=index] .parts .part.p2 .table .content .desc,body[data-page=index] .parts .part.p2 .table .tr .content .desc,body[data-page=index] .parts .part.p2 .table .tr .td .content .desc { font-size: 15px; line-height: 25px }
  body[data-page=index] .parts .part.p2 .numbers { position: relative; left: 0; bottom: 0; margin: 0 -20px; background-color: #fafbfb }
  body[data-page=index] .parts .part.p2 .numbers:before { display: none }
  body[data-page=index] .parts .part.p2 .numbers>div { width: 50%; padding: 40px 0 }
  body[data-page=index] .parts .part.p2 .numbers>div:nth-child(1),body[data-page=index] .parts .part.p2 .numbers>div:nth-child(2) { padding-bottom: 0 }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(2) { margin-top: 15px }
  body[data-page=index] .parts .part.p1 .next { bottom: 130px; width: 38px; height: 38px; line-height: 38px }
  body[data-page=index] .parts .part.p1 .next img { width: 10px }
  body[data-page=index] .parts .part.p1:after { content: ""; z-index: 1; display: block; height: 130px; position: absolute; left: 0; bottom: 0; width: 100%; background-image: -moz-linear-gradient(90deg,rgba(0,0,0,.6902) 0,transparent 100%); background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,.6902) 0,transparent 100%); background-image: -ms-linear-gradient(90deg,rgba(0,0,0,.6902) 0,transparent 100%) }
  body[data-page=index] .part-pagination { display: none }
  body[data-page=index] .module { padding: 0 20px }
  body[data-page=index] .module__body { height: auto; top: 0; max-width: max-content }
  body[data-page=index] .module__title { font-size: 24px }
  body[data-page=index] .module__header { margin-top: 33px }
  body[data-page=index] .module__header:after { content: ""; display: block; background-color: #d32430; height: 2px; width: 20px; margin-top: 10px }
  body[data-page=index] .module__content { padding: 0 }
  body[data-page=index] .business { overflow: auto; overflow-y: hidden; white-space: nowrap }
  body[data-page=index] .business:before { display: none }
  body[data-page=index] .business__item { width: 30%; font-size: 13px; padding: 25px 0 }
  body[data-page=index] .business__item:after { height: 30px }
  body[data-page=index] .business__item__icon { transform: scale(0.8); margin-bottom: 10px; transform-origin: bottom center }
}
@media screen and (min-width:2300px) {
  body[data-page=index] .business__item { font-size: 20px }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(1) { font-size: 90px }
  body[data-page=index] .parts .part.p2 .numbers>div>div:nth-child(2) { font-size: 22px }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .desc { font-size: 22px; line-height: 40px }
  body[data-page=index] .parts .part.p2 .table .tr .td .content .title { font-size: 50px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .title { font-size: 36px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .date { font-size: 29px }
  body[data-page=index] .parts .part.p3 .swiper-container .swiper-slide .desc { font-size: 20px; line-height: 36px }
  body[data-page=index] .parts .part.p3 .swiper-container { height: 700px }
  body[data-page=index] .parts .part.p4 .table .swiper-container { width: 860px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide { width: 860px; height: 478px; }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(2) { font-size: 22px; line-height: 36px; height: 72px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(1) { font-size: 28px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1)>div:nth-child(2) { font-size: 20px }
  body[data-page=index] .parts .part.p4 .table .news__item>div:nth-child(1) { line-height: 36px }
  body[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title>div:nth-child(2) { font-size: 26px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide,body[data-page=index] .parts .part.p5 .swiper-container { width: 1120px }
  body[data-page=index] .parts .part.p5 .table { width: 1800px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide>div { font-size: 38px }
  body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-duplicate-active>div,body[data-page=index] .parts .part.p5 .swiper-container .swiper-slide.swiper-slide-active>div { font-size: 32px }
  body[data-page=index] .parts .part .stock__inner { max-width: 2000px }
  body[data-page=index] .module__body { max-width: 2000px }
  body[data-page=index] .module__more { font-size: 20px }
  body[data-page=index] .footer .inner { max-width: 2000px }
  body[data-page=index] .part-pagination__body { max-width: 2000px }
}
.news-card>.table { width: 100% }
.news-card>.table>.tr>.td:nth-child(1) { vertical-align: top }
.news-card .tab { width: 300px; margin-top: 110px }
.news-card .tab__item { font-size: 22px; line-height: 1; padding: 0 30px; line-height: 80px; margin: 0 0 50px; cursor: pointer; transition: all 300ms ease }
.news-card .tab__item>span:nth-child(1) { font-size: 32px; font-family: bl; margin: 0 20px 0 0 }
.news-card .tab__item>span:nth-child(2) { vertical-align: middle; position: relative; top: -5px }
.news-card .tab__item:hover,.news-card .tab__item.active { color: #fff; background-color: #d32430 }
.news-card .list { position: relative; width: 1030px; float: right; height: 830px; overflow: hidden; font-size: 0 }
.news-card .list .iScrollVerticalScrollbar { background-color: #f1f1f1; width: 2px!important }
.news-card .list .iScrollVerticalScrollbar .iScrollIndicator { border: 0!important; background-color: #d32430!important }
.news-card .list--text { padding-left: 110px; width: 100% }
.news-card .list .item-text { line-height: 1; padding: 40px 100px 40px 160px; position: relative; display: block; border-bottom: 1px solid #f1f1f1 }
.news-card .list .item-text:last-child { border-bottom: 0 }
.news-card .list .item-text .t1 { font-size: 26px; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.news-card .list .item-text .t2 { line-height: 36px; font-size: 18px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.news-card .list .item-text .t3 { position: absolute; left: 0; top: 40px; font-family: bm }
.news-card .list .item-text .t3>div:nth-child(1) { font-size: 38px; margin-bottom: 20px }
.news-card .list .item-text .t3>div:nth-child(2) { font-size: 20px }
.news-card .list .item { position: relative; width: 450px; height: 250px; margin: 0 90px 80px 0; display: inline-block; vertical-align: top; overflow: hidden; background: url("/images/noimg2.jpg"); background-size: cover; }
.news-card .list .item:nth-child(even) { margin-right: 40px; top: 00px }
.news-card .list .item[data-video-url]:before { background: url("../images/about-p8-1.png"); width: 64px; height: 64px; display: block; content: ""; z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-size: cover; transition: all 300ms ease }
.news-card .list .item:after { content: ""; display: block; height: 0; width: 100%; position: absolute; left: 0; bottom: 0; box-shadow: 0 0 60px 20px #000 }
.news-card .list .item .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
.news-card .list .item .img>div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; transition: all 300ms ease }
.news-card .list .item .t1 { position: absolute; z-index: 1; left: 0; bottom: 0; padding: 20px 15px; font-size: 18px; color: #fff; width: 100% }
.news-card .list .item .t2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(211,36,48,.9); padding: 40px; color: #fff; transition: all 300ms ease; opacity: 0; visibility: hidden }
.news-card .list .item .t2>div:nth-child(1) { font-size: 22px; line-height: 40px }
.news-card .list .item .t2>div:nth-child(2) { text-align: right; font-size: 18px; margin-top: 30px }
.news-card .list .item:hover .t2 { opacity: 1; visibility: visible }
.news-card .list .item:hover .img>div { transform: scale(1.05) }
.news-card .list .item[data-video-url]:hover .t2 { opacity: 0 }
body.pc .news-card .list .item::hover .img>div { transform: scale(1.05) }
body.pc .news-card .list .item::hover .t2 { opacity: 1; visibility: visible }
body.pc .news-card .list .item::hover:before { transform: scale(1.05) }
@media screen and (max-width:1680px) {
  .news-card .tab { margin-top: 90px }
  .news-card .tab__item { font-size: 22px; line-height: 70px; padding: 0 20px; margin-bottom: 30px }
  .news-card .tab__item>div:nth-child(1) { font-size: 28px; margin-right: 10px }
  .news-card .list { width: 1000px; height: 700px }
  .news-card .list--text { padding-left: 90px }
  .news-card .list .item-text { padding: 30px 80px 30px 140px }
  .news-card .list .item-text .t1 { line-height: 34px; font-size: 22px; margin-bottom: 20px }
  .news-card .list .item-text .t2 { line-height: 30px; font-size: 16px }
  .news-card .list .item-text .t3 { top: 30px }
  .news-card .list .item-text .t3>div:nth-child(1) { font-size: 32px; margin-bottom: 10px }
  .news-card .list .item-text .t3>div:nth-child(2) { font-size: 16px }
  .news-card .list .item { width: 405px; height: 225px; margin: 0 81px 81px 0 }
  .news-card .list .item:nth-child(even) { margin-right: 30px; top: 0px }
  .news-card .list .item[data-video-url]:before { width: 50px; height: 50px }
  .news-card .list .item .t1 { font-size: 16px; padding: 15px }
  .news-card .list .item .t2>div:nth-child(1) { font-size: 18px; line-height: 30px }
  .news-card .list .item .t2>div:nth-child(2) { font-size: 16px }
}
@media screen and (max-width:1580px) {
  .news-card .list { width: 950px; height: 700px }
}
@media screen and (max-width:1440px) {
  .news-card .tab { width: 250px; margin-top: 60px }
  .news-card .tab__item { font-size: 18px; line-height: 60px; padding: 0 20px; margin-bottom: 30px }
  .news-card .tab__item>div:nth-child(1) { font-size: 26px; margin-right: 10px }
  .news-card .list { width: 812px; height: 500px }
  .news-card .list--text { padding-left: 70px; }
  .news-card .list .item-text { padding: 20px 60px 20px 100px }
  .news-card .list .item-text .t1 { line-height: 30px; font-size: 18px; margin-bottom: 15px }
  .news-card .list .item-text .t2 { line-height: 26px; font-size: 14px }
  .news-card .list .item-text .t3 { top: 20px }
  .news-card .list .item-text .t3>div:nth-child(1) { font-size: 28px; margin-bottom: 10px }
  .news-card .list .item-text .t3>div:nth-child(2) { font-size: 14px }
  .news-card .list .item { width: 360px; height: 200px; margin: 0 72px 72px 0 }
  .news-card .list .item:nth-child(even) { margin-right: 20px; top: 0px }
  .news-card .list .item[data-video-url]:before { width: 50px; height: 50px }
  .news-card .list .item .t1 { font-size: 14px; padding: 10px }
  .news-card .list .item .t2>div:nth-child(1) { font-size: 16px; line-height: 26px }
  .news-card .list .item .t2>div:nth-child(2) { font-size: 14px }
}
@media screen and (max-width:1366px) {
  .news-card .tab { width: 250px; margin-top: 60px }
  .news-card .tab__item { font-size: 18px; line-height: 60px; padding: 0 20px; margin-bottom: 30px }
  .news-card .tab__item>div:nth-child(1) { font-size: 26px; margin-right: 10px }
  .news-card .list { width: 812px; height: 500px }
  .news-card .list--text { padding-left: 70px; }
  .news-card .list .item-text { padding: 20px 60px 20px 100px }
  .news-card .list .item-text .t1 { line-height: 28px; font-size: 18px; margin-bottom: 15px }
  .news-card .list .item-text .t2 { line-height: 26px; font-size: 14px }
  .news-card .list .item-text .t3 { top: 20px }
  .news-card .list .item-text .t3>div:nth-child(1) { font-size: 28px; margin-bottom: 10px }
  .news-card .list .item-text .t3>div:nth-child(2) { font-size: 14px }
  .news-card .list .item { width: 360px; height: 200px; margin: 0 72px 72px 0 }
  .news-card .list .item:nth-child(even) { margin-right: 20px; top: 0px }
  .news-card .list .item[data-video-url]:before { width: 50px; height: 50px }
  .news-card .list .item .t1 { font-size: 14px; padding: 10px }
  .news-card .list .item .t2>div:nth-child(1) { font-size: 16px; line-height: 26px }
  .news-card .list .item .t2>div:nth-child(2) { font-size: 14px }
}

/* @media screen and (max-width:1240px) {
      .news-card .list {
        width: 660px;
        height: 500px;
    }
    .news-card .list .item{width: 280px;}
} */

@media screen and (max-width:1024px) {
  .news-card>.table>.tr>.td:nth-child(1) { padding: 20px 0 }
  .news-card .tab { width: auto; display: flex; justify-content: center; flex-wrap: nowrap }
  .news-card .tab__item { width: 46%; height: 45px; display: flex; align-items: center; border-radius: 42px; font-size: 14px; line-height: 1; margin: 0 1%; justify-content: center; background-color: #ececec; color: #d32430 }
  .news-card .tab__item span:nth-child(1) { display: none }
  .news-card .tab__item span:nth-child(2) { top: 0 }
  .news-card .list { width: auto; height: auto; float: none; padding: 0 10px }
  .news-card .list--text { padding: 0 }
  .news-card .list .item-text { padding: 25px 0 25px 65px }
  .news-card .list .item-text .t1 {
    /*overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;*/
    white-space:normal;font-size:15px;line-height:22px;margin-bottom:0
  }
  .news-card .list .item-text .t2 { display: none }
  .news-card .list .item-text .t3 { top: 25px; color: #a1a1a1 }
  .news-card .list .item-text .t3>div:nth-child(1) { font-size: 17px; margin-bottom: 8px }
  .news-card .list .item-text .t3>div:nth-child(2) { font-size: 12px }
  .news-card .list .item:hover .t2 { opacity: 0; visibility: visible }
  .news-card .list .item:hover .img>div { transform: scale(1) }
  .news-card .list .item { display: block; width: auto; height: 180px; border-radius: 8px; overflow: hidden; margin: 0 0 25px }
  .news-card .list .item:nth-child(even) { margin-right: 0; top: 0 }
}
.modal--business { background: #f8f8f8 url("../images/business-modal-bg.jpg") no-repeat center center; background-size: cover }
.modal--business .modal__close { top: 120px; z-index: 2 }
.business-modal { padding: 0 70px; height: 786px; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; margin: auto }
.business-modal__controls { position: absolute; z-index: 2; right: 0; top: 132px }
.business-modal__controls .swiper-total { display: inline-block; vertical-align: middle; line-height: 1; font-family: br; font-size: 20px; color: #999 }
.business-modal__controls .swiper-total span:nth-child(1) { font-size: 34px; font-family: bm; color: #1f1f1f }
.business-modal__controls .swiper-total span:nth-child(2) { margin: 0 20px }
.business-modal__controls .controls { vertical-align: middle; display: inline-block; font-size: 0; margin-left: 30px }
.business-modal__controls .controls>div { cursor: pointer; display: inline-block; vertical-align: top; width: 52px; height: 52px; text-align: center; line-height: 52px; background-color: #6c6c6b; transition: all 300ms ease }
.business-modal__controls .controls>div:not(.swiper-button-disabled):hover { background-color: #ba1c27 }
.business-modal__controls .controls>div.swiper-button-disabled { opacity: .6; cursor: not-allowed }
.business-modal__content { position: relative; max-width: 1540px; margin: 0 auto }
.business-modal__content .iscroll { overflow: hidden; height: 470px }
.business-modal__content .iscroll .iScrollVerticalScrollbar { background-color: #f1f1f1; width: 2px!important; right: 15px!important; top: 20px!important; bottom: 20px!important }
.business-modal__content .iscroll .iScrollVerticalScrollbar .iScrollIndicator { border: 0!important; background-color: #d32430!important }
.business-modal__content .t1 { line-height: 1; font-size: 0; margin-bottom: 40px }
.business-modal__content .t1 img { height: 42px; margin: 0 20px 0 0; vertical-align: top; position: relative; top: 2px }
.business-modal__content .t1 span { font-size: 42px; font-weight: 600; }
.business-modal__content .t2 { font-size: 26px; line-height: 32px; min-height: 64px; margin-bottom: 40px; font-weight: 500; width: 75%; }
.business-modal__content .t3 .table .tr .td { position: relative; vertical-align: top }
.business-modal__content .t3 .table .tr .td:nth-child(1) { z-index: 1 }
.business-modal__content .t3 .table .tr .td:nth-child(1) img { position: relative }
.business-modal__content .t3 .table .tr .td:nth-child(1)[data-video-url]:after { background: url("../images/about-p8-1.png"); width: 64px; height: 64px; display: block; content: ""; z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-size: cover; transition: all 300ms ease }
.business-modal__content .t3 .table .tr .td:nth-child(2) { padding: 50px; font-size: 20px; line-height: 36px }
.business-modal__content .t3 .table .tr .td:nth-child(2) p { position: relative; margin: 30px 0; text-indent: 2em; }
.business-modal__content .t3 .table .tr .td:nth-child(2) p:first-child { margin-top: 0 }
.business-modal__content .t3 .table .tr .td:nth-child(2) p:last-child { margin-bottom: 0 }
.business-modal__content .t3 .table .tr .td:nth-child(2):before { content: ""; display: block; background-color: #fff; position: absolute; width: 110%; height: 110%; right: 0; top: 0 }
@media screen and (max-width:1680px) {
  .business-modal { height: 610px }
  .business-modal__content .iscroll { height: 370px }
  .business-modal__content .t1 { margin-bottom: 30px }
  .business-modal__content .t1 img { height: 36px; }
  .business-modal__content .t1 span { font-size: 36px }
  .business-modal__content .t2 { font-size: 22px }
  .business-modal__controls { top: 118px }
  .business-modal__content .t3 .table .tr .td:nth-child(2) { font-size: 18px; line-height: 32px }
  .business-modal__content .t3 .table .tr .td:nth-child(1) img { width: 400px }
}
@media screen and (max-width:1366px) {
  .business-modal { height: 530px }
  .business-modal__content .iscroll { height: 340px }
  .business-modal__content .t1 { margin-bottom: 20px }
  .business-modal__content .t1 img { height: 28px; }
  .business-modal__content .t1 span { font-size: 28px }
  .business-modal__content .t2 { font-size: 18px; line-height: 26px; min-height: 52px; margin-bottom: 30px }
  .business-modal__controls { top: 90px; margin-left: 20px }
  .business-modal__content .t3 .table .tr .td:nth-child(2) { font-size: 16px; line-height: 32px; padding: 30px }
  .business-modal__content .t3 .table .tr .td:nth-child(1) img { width: 340px }
  .business-modal__content .t3 .table .tr .td:nth-child(2) p { margin: 20px 0 }
  .modal--business .modal__close { top: 80px; right: 30px }
  .business-modal__controls .controls>div { width: 40px; height: 40px; line-height: 40px }
  .business-modal__controls .controls>div img { width: 18px }
  .business-modal__controls .swiper-total { font-size: 16px }
  .business-modal__controls .swiper-total span:nth-child(1) { font-size: 26px }
  .business-modal__controls .swiper-total span:nth-child(2) { margin: 0 10px }
}
@media screen and (max-width:1024px) {
  .business-modal__content .iscroll { height: 370px; height: auto }
  .business-modal { padding: 0 20px 40px; height: auto }
  .business-modal__content { margin: 20px auto 30px }
  .business-modal__content .swiper-container { padding-bottom: 0 }
  .business-modal__content .swiper-container .swiper-wrapper .swiper-slide { max-height: 95vh; overflow: auto }
  .business-modal__content .t1 { margin-bottom: 20px; margin-top: 50px }
  .business-modal__content .t1 span { font-size: 20px; line-height: 25px; margin-top: 2px }
  .business-modal__content .t1 img { width: auto; height: 25px; top: 1px; margin-right: 10px }
  .business-modal__content .t2 { font-size: 14px; line-height: 26px; min-height: 0; margin-bottom: 20px; width: 100%; }
  .business-modal__content .t3 .table .tr .td:nth-child(1) img { width: 100%; height: 170px; object-fit: cover }
  .business-modal__content .t3 .table .tr .td:nth-child(2):before { display: none }
  .business-modal__content .t3 .table .tr .td:nth-child(1)[data-video-url]:after { width: 30px; height: 30px }
  .business-modal__content .t3 .table .tr .td:nth-child(2) { padding: 10px 0; font-size: 13px; line-height: 24px }
  .business-modal__content .t3 .table .tr .td:nth-child(2) p { margin: 10px 0 }
  .business-modal__controls { top: 0; margin: 0; width: 100%; text-align: center }
  .business-modal__controls .controls { display: none }
  .modal--business { z-index: 2003; background-size: 100% auto; background-position: top center }
  .modal--business .modal__close { right: 20px; top: 20px }
}
body[data-page=aboutus] .parts { width: 100%; overflow: hidden }
body[data-page=aboutus] .part { padding: 0 70px }
body[data-page=aboutus] .part__body { max-width: 1580px; margin: 0 auto; border-top: 1px solid transparent }
body[data-page=aboutus] .part__title { font-size: 34px; margin-top: 105px; position: relative; font-weight: 600; }
body[data-page=aboutus] .part__title:after { display: block; content: ""; width: 30px; height: 3px; background-color: #d32430; margin: 25px 0 0 }
body[data-page=aboutus] .part__title .swiper-total { position: absolute; line-height: 1; right: 0; top: 0; font-family: br; font-size: 20px; color: #999 }
body[data-page=aboutus] .part__title .swiper-total span:nth-child(1) { font-size: 34px; font-family: bm; color: #1f1f1f }
body[data-page=aboutus] .part__title .swiper-total span:nth-child(2) { margin: 0 20px }
body[data-page=aboutus] .part.p8 .part__content { padding: 20px 0 100px }
body[data-page=aboutus] .part.p7 { background: #fff url("../images/about-p7-bg.jpg") no-repeat bottom center; background-size: 100% auto }
body[data-page=aboutus] .part.p7 .part__title { position: relative }
body[data-page=aboutus] .part.p7 .part__title:before { content: ""; display: block; width: 60px; height: 2px; background-color: #777; position: absolute; right: 0; bottom: 0 }
body[data-page=aboutus] .part.p7 .title { position: relative; font-size: 36px; line-height: 1; width: 800px; margin: 80px auto 100px; text-align: center }
body[data-page=aboutus] .part.p7 .title>div:first-child { font-size: 58px; font-weight: 600; }
body[data-page=aboutus] .part.p7 .title>div:nth-child(2) { font-size: 36px; line-height: 42px; margin-top: 40px }
body[data-page=aboutus] .part.p7 .title:after,body[data-page=aboutus] .part.p7 .title:before { content: ""; width: 13px; height: 21px; display: block; background: url("../images/about-p7-1.png") no-repeat center center; background-size: contain }
body[data-page=aboutus] .part.p7 .title:before { position: absolute; left: 0; top: 0 }
body[data-page=aboutus] .part.p7 .title:after { position: absolute; right: 0; bottom: 0; transform: rotate(180deg) }
body[data-page=aboutus] .part.p7 .culture { position: relative; padding-bottom: 140px }
body[data-page=aboutus] .part.p7 .culture__item { line-height: 1; width: 730px; cursor: pointer }
body[data-page=aboutus] .part.p7 .culture__item>div:nth-child(1) { position: relative; z-index: 1; padding: 25px 100px; border-radius: 0 60px; transition: all 300ms ease }
body[data-page=aboutus] .part.p7 .culture__item .t1 { position: relative; font-size: 28px }
body[data-page=aboutus] .part.p7 .culture__item .t2 { position: relative; font-size: 20px; margin-top: 15px; line-height: 1.2 }
body[data-page=aboutus] .part.p7 .culture__item .t3 { line-height: 42px; font-size: 24px; color: #fff; width: 80%; margin: 0 auto; }
body[data-page=aboutus] .part.p7 .culture__item .t3 p { text-indent: 0em }
body[data-page=aboutus] .part.p7 .culture__item .table { position: absolute; animation: fadeOut 1s ease forwards; pointer-events: none; right: 0; top: 70px }
body[data-page=aboutus] .part.p7 .culture__item .table .tr .td { background-size: contain; width: 880px; height: 610px; background-repeat: no-repeat; background-position: center center; }
body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:before,body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:after { position: absolute; content: ""; display: block; background: url("../images/about-p7-3.png") no-repeat center center; background-size: contain; width: 43px; height: 35px }
body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:before { left: 80px; top: 80px }
body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:after { right: 80px; bottom: 80px; transform: rotate(180deg) }
body[data-page=aboutus] .part.p7 .culture__item.active { color: #fff }
body[data-page=aboutus] .part.p7 .culture__item.active>div:nth-child(1) { background-color: #d32430 }
body[data-page=aboutus] .part.p7 .culture__item.active .table { pointer-events: auto; animation: fadeIn 1s ease forwards }
body[data-page=aboutus] .part.p6 { padding: 0 }
body[data-page=aboutus] .part.p6 .business { font-size: 0 }
body[data-page=aboutus] .part.p6 .business:hover .business__item { width: 18.5% }
body[data-page=aboutus] .part.p6 .business:hover .business__item:hover { width: 26% }
body[data-page=aboutus] .part.p6 .business:hover .business__item:hover:before { opacity: 1 }
body[data-page=aboutus] .part.p6 .business:hover .business__item:hover .business__item__desc { opacity: 1 }
body[data-page=aboutus] .part.p6 .business:hover .business__item:hover .business__item__bottom { width: 340px }
body[data-page=aboutus] .part.p6 .business__item { position: relative; height: 750px; width: 20%; display: inline-block; vertical-align: top; background-position: center center; background-size: cover; line-height: 1; color: #fff; padding: 170px 0 0; transition: width 300ms ease }
body[data-page=aboutus] .part.p6 .business__item:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(211,36,48,.8); opacity: 0; transition: opacity 300ms ease }
body[data-page=aboutus] .part.p6 .business__item__icon { position: relative; text-align: center; display: block; height: 40px; line-height: 40px }
body[data-page=aboutus] .part.p6 .business__item__icon img { width: auto; height: 100%; vertical-align: bottom }
body[data-page=aboutus] .part.p6 .business__item__icon img:nth-child(2) { display: none }
body[data-page=aboutus] .part.p6 .business__item__name { position: relative; font-size: 32px; text-align: center; display: block }
body[data-page=aboutus] .part.p6 .business__item__name:before { content: ""; display: block; width: 30px; height: 3px; background-color: #fff; margin: 20px auto }
body[data-page=aboutus] .part.p6 .business__item__desc { position: relative; display: block; font-size: 20px; line-height: 28px; padding-top: 60px; height: 240px; width: 340px; margin: 0 auto; box-sizing: content-box; transition: opacity 300ms ease; opacity: 0 }
body[data-page=aboutus] .part.p6 .business__item__bottom { position: relative; width: 70%; display: block; font-size: 34px; font-family: bl; margin: 0 auto; transition: width 300ms ease }
body[data-page=aboutus] .part.p6 .business__item__bottom img { float: right; opacity: .5; margin-top: 10px }
body[data-page=aboutus] .part.p6 .business__item:nth-child(1) { background-image: url("../images/about-p6-5.jpg") }
body[data-page=aboutus] .part.p6 .business__item:nth-child(2) { background-image: url("../images/about-p6-4.jpg") }
body[data-page=aboutus] .part.p6 .business__item:nth-child(3) { background-image: url("../images/about-p6-3.jpg") }
body[data-page=aboutus] .part.p6 .business__item:nth-child(4) { background-image: url("../images/about-p6-2.jpg") }
body[data-page=aboutus] .part.p6 .business__item:nth-child(5) { background-image: url("../images/about-p6-1.jpg") }
body[data-page=aboutus] .part.p5 { background: #fff url("../images/about-p5-bg.jpg") no-repeat center center; background-size: cover; position: relative }
body[data-page=aboutus] .part.p5:before { content: ""; display: block; height: 2px; background-color: #e1e1e1; position: absolute; left: 0; width: 100%; top: 473px }
body[data-page=aboutus] .part.p5 .part__body { position: relative }
body[data-page=aboutus] .part.p5 .part__content { position: relative; padding: 60px 0 40px }
body[data-page=aboutus] .part.p5 .course__tab { position: absolute; right: 0; top: 0 }
body[data-page=aboutus] .part.p5 .course__tab ul { white-space: nowrap; font-size: 0 }
body[data-page=aboutus] .part.p5 .course__tab ul li { font-size: 20px; line-height: 40px; display: inline-block; vertical-align: top; padding: 0 15px; font-weight: 400; }
body[data-page=aboutus] .part.p5 .course__tab ul li.active { color: #d32430 }
body[data-page=aboutus] .part.p5 .iscroll .course { white-space: nowrap; font-size: 0; line-height: 1 }
body[data-page=aboutus] .part.p5 .iscroll .course__item { position: relative; display: inline-block; vertical-align: top; width: 260px }
body[data-page=aboutus] .part.p5 .iscroll .course__item:before { content: ""; display: block; width: 16px; height: 16px; border: 2px solid #d32430; border-radius: 16px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto }
body[data-page=aboutus] .part.p5 .iscroll .course__item:after { content: ""; display: block; width: 6px; height: 6px; background-color: #d32430; border-radius: 6px; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto }
body[data-page=aboutus] .part.p5 .iscroll .jieduan:before { width: 0px; height: 0px; border: 0px solid #d32430; }
body[data-page=aboutus] .part.p5 .iscroll .jieduan:after { width: 0px; height: 0px; }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div { height: 260px }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div:nth-child(2) { padding-top: 50px }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour { width: 380px; white-space: normal }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) { font-family: bb; font-size: 42px; margin-bottom: 20px }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) i { font-size: 24px; margin: 0 0 0 5px }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(2) { font-size: 18px; line-height: 30px }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div .start { font-size: 46px; padding-top: 50px; font-weight: 500; }
body[data-page=aboutus] .part.p5 .iscroll .course__item>div .start>div:nth-child(2) { color: #d32430; margin-top: 15px }
body[data-page=aboutus] .part.p5 .controls { position: relative; text-align: right; padding: 0 0 60px; margin-top: 0px }
body[data-page=aboutus] .part.p5 .controls .swiper-next,body[data-page=aboutus] .part.p5 .controls .swiper-prev { cursor: pointer; display: inline-block; vertical-align: top; width: 52px; height: 52px; text-align: center; line-height: 52px; background-color: #6c6c6b; transition: all 300ms ease; margin: 0 0 0 25px }
body[data-page=aboutus] .part.p5 .controls .swiper-next:not(.swiper-button-disabled):hover,body[data-page=aboutus] .part.p5 .controls .swiper-prev:not(.swiper-button-disabled):hover { background-color: #ba1c27 }
body[data-page=aboutus] .part.p5 .controls .swiper-next.swiper-button-disabled,body[data-page=aboutus] .part.p5 .controls .swiper-prev.swiper-button-disabled { opacity: .6; cursor: not-allowed }
body[data-page=aboutus] .part.p4 { background: #fafafa url("../images/about-p4-bg.png") no-repeat center center; background-size: cover }
body[data-page=aboutus] .part.p4 .part__content .swiper-total { position: absolute; white-space: nowrap; line-height: 1; left: 0; top: 5px; font-family: br; font-size: 20px; color: #999 }
body[data-page=aboutus] .part.p4 .part__content .swiper-total span:nth-child(1) { font-size: 34px; font-family: bm; color: #1f1f1f }
body[data-page=aboutus] .part.p4 .part__content .swiper-total span:nth-child(2) { margin: 0 20px }
body[data-page=aboutus] .part.p4 .part__title { position: relative; padding: 0 20px }
body[data-page=aboutus] .part.p4 .part__body { overflow: hidden; max-width: 1580px }
body[data-page=aboutus] .part.p4 .card { width: 100%; height: 100%; line-height: 1; text-align: center; border-radius: 15px; box-shadow: 0 0 20px 0 rgba(0,0,0,.1) }
body[data-page=aboutus] .part.p4 .card img { width: 100%; height: auto }
body[data-page=aboutus] .part.p4 .card>div {
  position:absolute;font-size:30px left:0;top:0;width:100%;/*padding-top:80px;*/
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
body[data-page=aboutus] .part.p4 .card>div:nth-child(2)>div:nth-child(1) { font-size: 80px; font-family: bb; color: #d83535 }
body[data-page=aboutus] .part.p4 .card>div:nth-child(2)>div:nth-child(2) {font-size:60px;  font-family: bb; font-weight: bold; color: #d83535; line-height: 1.2; margin: 0 auto; margin-top: 15px; width: 80%; }
body[data-page=aboutus] .part.p4 .card>div:nth-child(2)>div:nth-child(3) { font-size: 30px; line-height: 1.5; margin: 0 auto; margin-top: 8px; width: 80%; }
body[data-page=aboutus] .part.p4 .swiper-container { margin-top: 60px; overflow: visible }
body[data-page=aboutus] .part.p4 .swiper-container .swiper-wrapper { *zoom: 1; height: auto!important }
body[data-page=aboutus] .part.p4 .swiper-container .swiper-wrapper:after { content: "\200B"; display: block; height: 0; clear: both }
body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide { height: auto!important; transition: all 300ms ease }
body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card { transition: all 300ms ease; transform: scale(0.75); transform-origin: bottom center }
/* body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide.swiper-slide-active + .swiper-slide .card { transform: scale(1) !important;} */
body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide:nth-child(2) .card{transform: scale(1) !important;}
body[data-page=aboutus] .part.p4 .controls { position: relative; text-align: right; padding: 0 0 60px; margin-top: 80px }
body[data-page=aboutus] .part.p4 .controls .swiper-next,body[data-page=aboutus] .part.p4 .controls .swiper-prev { cursor: pointer; display: inline-block; vertical-align: top; width: 52px; height: 52px; text-align: center; line-height: 52px; background-color: #6c6c6b; transition: all 300ms ease; margin: 0 0 0 25px }
body[data-page=aboutus] .part.p4 .controls .swiper-next:not(.swiper-button-disabled):hover,body[data-page=aboutus] .part.p4 .controls .swiper-prev:not(.swiper-button-disabled):hover { background-color: #ba1c27 }
body[data-page=aboutus] .part.p4 .controls .swiper-next.swiper-button-disabled,body[data-page=aboutus] .part.p4 .controls .swiper-prev.swiper-button-disabled { opacity: .6; cursor: not-allowed }
body[data-page=aboutus] .part.p3 .part__content { padding: 100px 0 120px; text-align: center }
body[data-page=aboutus] .part.p3 .part__content img { max-width: 100%; margin-bottom: 160px }
body[data-page=aboutus] .part.p3 .part__content img:last-child { margin-bottom: 0 }
body[data-page=aboutus] .part.p2 { position: relative; padding: 0; overflow: hidden }
body[data-page=aboutus] .part.p2 img { vertical-align: top; width: 100%; height: auto; transition: all 300ms ease }
body[data-page=aboutus] .part.p2:hover img { transform: scale(1.05) }
body[data-page=aboutus] .part.p2:before { content: ""; display: block; z-index: 1; width: 94px; height: 94px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url("../images/about-p2-2.png") no-repeat center center; background-size: contain }
body[data-page=aboutus] .part.p1 { position: relative; overflow: hidden; background: #f8f8f8 url("../images/about-p1-bg-2.jpg") no-repeat right top }
body[data-page=aboutus] .part.p1 .part__body { padding: 0px 0 80px }
body[data-page=aboutus] .part.p1 .name { line-height: 1; font-size: 52px; font-weight: 700; margin-bottom: 70px; position: relative }
body[data-page=aboutus] .part.p1 .name:after { background-color: #d32430; content: ""; display: inline-block; width: 30px; height: 3px; margin: 0 0 0 36px }
/*body[data-page=aboutus] .part.p1 .name:before{content: "SINCE 2006"; font-size: 66px; color: #e2e2e2; font-family: br; position: absolute; right: 0; top: 0}
 */
body[data-page=aboutus] .part.p1 .img { padding: 0 70px 0 30px }
body[data-page=aboutus] .part.p1 .img img { width: 480px }
body[data-page=aboutus] .part.p1 .content { color: #444; font-size: 18px; line-height: 40px; text-align: justify; }
body[data-page=aboutus] .part.p1 .content p { text-indent: 2em; margin-bottom: 14px }
@media screen and (max-width:1680px) {
  body[data-page=aboutus] .part__title { font-size: 30px; margin-top: 90px }
  body[data-page=aboutus] .part__title:after { width: 25px; margin: 20px 0 0 }
  body[data-page=aboutus] .part__title .swiper-total { font-size: 18px }
  body[data-page=aboutus] .part__title .swiper-total span:nth-child(1) { font-size: 30px }
  body[data-page=aboutus] .part__title .swiper-total span:nth-child(2) { margin: 0 15px }
  body[data-page=aboutus] .part.p3 .part__content { padding: 80px 0 100px }
  body[data-page=aboutus] .part.p3 .part__content img { margin-bottom: 140px }
  body[data-page=aboutus] .part.p1 .part__inner { padding: 120px 0 70px }
  body[data-page=aboutus] .part.p1 .name { font-size: 42px; margin-bottom: 50px }
  body[data-page=aboutus] .part.p1 .name:before { font-size: 50px }
  body[data-page=aboutus] .part.p1 .content { font-size: 16px; line-height: 34px }
  body[data-page=aboutus] .part.p2:before { width: 80px; height: 80px }
  body[data-page=aboutus] .part.p4 .controls { margin-top: 70px; padding: 0 0 50px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total { font-size: 18px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total span:nth-child(1) { font-size: 30px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total span:nth-child(2) { margin: 0 15px }
  body[data-page=aboutus] .part.p4 .controls .swiper-next,body[data-page=aboutus] .part.p4 .controls .swiper-prev { width: 46px; height: 46px; line-height: 46px }
  body[data-page=aboutus] .part.p4 .controls .swiper-next img,body[data-page=aboutus] .part.p4 .controls .swiper-prev img { width: 18px }
  body[data-page=aboutus] .part.p4 .swiper-container { margin-top: 50px }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(1) { font-size: 70px }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(2) { font-size: 50px; }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(2) { font-size: 32px; }
  body[data-page=aboutus] .part.p5 .controls { margin-top: 00px }
  body[data-page=aboutus] .part.p5 .controls .swiper-total { font-size: 18px }
  body[data-page=aboutus] .part.p5 .controls .swiper-total span:nth-child(1) { font-size: 30px }
  body[data-page=aboutus] .part.p5 .controls .swiper-total span:nth-child(2) { margin: 0 15px }
  body[data-page=aboutus] .part.p5 .controls .swiper-next,body[data-page=aboutus] .part.p5 .controls .swiper-prev { width: 46px; height: 46px; line-height: 46px }
  body[data-page=aboutus] .part.p5 .controls .swiper-next img,body[data-page=aboutus] .part.p5 .controls .swiper-prev img { width: 18px }
  body[data-page=aboutus] .part.p5 .course__tab ul li { font-size: 18px; line-height: 36px }
  body[data-page=aboutus] .part.p5:before { transform: translateY(-20px) }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .start { font-size: 40px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) { font-size: 36px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) i { font-size: 20px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(2) { font-size: 16px }
  body[data-page=aboutus] .part.p6 .business__item { padding-top: 100px; height: 650px }
  body[data-page=aboutus] .part.p6 .business__item__name { font-size: 28px }
  body[data-page=aboutus] .part.p6 .business__item__desc { font-size: 18px }
  body[data-page=aboutus] .part.p6 .business__item__bottom { font-size: 30px }
  body[data-page=aboutus] .part.p7 .culture__item>div:nth-child(1) { padding: 20px 80px }
  body[data-page=aboutus] .part.p7 .culture__item .t1 { font-size: 28px }
  body[data-page=aboutus] .part.p7 .culture__item .t2 { font-size: 18px }
  body[data-page=aboutus] .part.p7 .culture__item .t3 { font-size: 20px; line-height: 38px }
  body[data-page=aboutus] .part.p7 .culture__item .table { top: 50px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td { width: 792px; height: 549px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:before { left: 60px; top: 60px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:after { right: 60px; bottom: 60px }
  body[data-page=aboutus] .part.p7 .title { width: 1000px }
  body[data-page=aboutus] .part.p7 .title>div:nth-child(1) { font-size: 36px }
  body[data-page=aboutus] .part.p7 .title>div:nth-child(2) { font-size: 22px; line-height: 36px }
}
@media screen and (max-width:1600px) {
  body[data-page=aboutus] .part.p7 .culture__item { width: 680px }
}
@media screen and (max-width:1540px) {
  body[data-page=aboutus] .part.p7 .culture__item { width: 640px }
}
@media screen and (max-width:1495px) {
  body[data-page=aboutus] .part.p7 .culture__item { width: 600px }
}
@media screen and (max-width:1440px) {
  body[data-page=aboutus] .part.p4 .card>div:nth-child(2) { /*padding-top: 50px*/ }
  body[data-page=aboutus] .part.p7 .culture__item { width: 550px }
  body[data-page=aboutus] .part.p7 .culture__item>div:nth-child(1) { padding: 20px 80px }
  body[data-page=aboutus] .part.p7 .culture__item .t1 { font-size: 24px }
  body[data-page=aboutus] .part.p7 .culture__item .t2 { font-size: 16px }
  body[data-page=aboutus] .part.p7 .culture__item .t3 { font-size: 18px; line-height: 32px }
}
@media screen and (max-width:1388px) {
  body[data-page=aboutus] .part.p7 .culture__item { width: 490px }
}
@media screen and (max-width:1366px) {
  body[data-page=aboutus] .part__title { font-size: 24px; margin-top: 70px }
  body[data-page=aboutus] .part__title:after { width: 20px; margin: 15px 0 0 }
  body[data-page=aboutus] .part__title .swiper-total { font-size: 16px }
  body[data-page=aboutus] .part__title .swiper-total span:nth-child(1) { font-size: 26px }
  body[data-page=aboutus] .part__title .swiper-total span:nth-child(2) { margin: 0 10px }
  body[data-page=aboutus] .part.p3 .part__content { padding: 60px 0 80px }
  body[data-page=aboutus] .part.p3 .part__content img { margin-bottom: 100px }
  body[data-page=aboutus] .part.p1 .part__inner { padding: 100px 0 50px }
  body[data-page=aboutus] .part.p1 .img { padding: 0 50px 0 20px }
  body[data-page=aboutus] .part.p1 .img img { width: 360px }
  body[data-page=aboutus] .part.p1 .name { font-size: 32px; margin-bottom: 40px }
  body[data-page=aboutus] .part.p1 .name:before { font-size: 40px }
  body[data-page=aboutus] .part.p1 .content { font-size: 14px; line-height: 28px }
  body[data-page=aboutus] .part.p2:before { width: 70px; height: 70px }
  body[data-page=aboutus] .part.p4 .controls { margin-top: 50px; padding: 0 0 40px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total { font-size: 16px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total span:nth-child(1) { font-size: 26px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total span:nth-child(2) { margin: 0 10px }
  body[data-page=aboutus] .part.p4 .controls .swiper-next,body[data-page=aboutus] .part.p4 .controls .swiper-prev { width: 40px; height: 40px; line-height: 40px }
  body[data-page=aboutus] .part.p4 .controls .swiper-next img,body[data-page=aboutus] .part.p4 .controls .swiper-prev img { width: 18px }
  body[data-page=aboutus] .part.p4 .card>div:nth-child(2) { /*padding-top: 60px*/ }
  body[data-page=aboutus] .part.p4 .swiper-container { margin-top: 40px }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card { border-radius: 10px }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(1) { font-size: 60px }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(2) { font-size:40px; margin-top: 6px; }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(3) { font-size: 22px; margin-top: 6px; }
  body[data-page=aboutus] .part.p5 .controls { margin-top: 0px; padding: 0 0 40px }
  body[data-page=aboutus] .part.p5 .controls .swiper-total { font-size: 16px }
  body[data-page=aboutus] .part.p5 .controls .swiper-total span:nth-child(1) { font-size: 26px }
  body[data-page=aboutus] .part.p5 .controls .swiper-total span:nth-child(2) { margin: 0 10px }
  body[data-page=aboutus] .part.p5 .controls .swiper-next,body[data-page=aboutus] .part.p5 .controls .swiper-prev { width: 40px; height: 40px; line-height: 40px }
  body[data-page=aboutus] .part.p5 .controls .swiper-next img,body[data-page=aboutus] .part.p5 .controls .swiper-prev img { width: 18px }
  body[data-page=aboutus] .part.p5 .course__tab ul li { font-size: 16px; line-height: 32px }
  body[data-page=aboutus] .part.p5:before { transform: translateY(-105px) }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div { height: 200px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .start { font-size: 32px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) { font-size: 30px; margin-bottom: 10px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) i { font-size: 16px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(2) { font-size: 14px; line-height: 24px }
  body[data-page=aboutus] .part.p6 .business__item { padding-top: 60px; height: 500px }
  body[data-page=aboutus] .part.p6 .business__item__name { font-size: 22px }
  body[data-page=aboutus] .part.p6 .business__item__desc { font-size: 16px; width: 280px; padding-top: 30px; height: 220px }
  body[data-page=aboutus] .part.p6 .business__item__bottom { font-size: 26px }
  body[data-page=aboutus] .part.p6 .business:hover .business__item:hover .business__item__bottom { width: 280px }
  body[data-page=aboutus] .part.p6 .business__item__icon { height: 32px; line-height: 32px }
  body[data-page=aboutus] .part.p6 .business__item__icon img { width: 30px }
  body[data-page=aboutus] .part.p7 .part__body { max-width: 1180px }
  body[data-page=aboutus] .part.p7 .culture__item { width: 600px }
  body[data-page=aboutus] .part.p7 .culture__item>div:nth-child(1) { padding: 16px 60px }
  body[data-page=aboutus] .part.p7 .culture__item .t1 { font-size: 22px }
  body[data-page=aboutus] .part.p7 .culture__item .t2 { font-size: 14px }
  body[data-page=aboutus] .part.p7 .culture__item .t3 { font-size: 16px; line-height: 30px }
  body[data-page=aboutus] .part.p7 .culture__item .table { top: 40px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td { width: 616px; height: 427px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:before,body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:after { width: 30px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:before { left: 50px; top: 50px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:after { right: 50px; bottom: 50px }
  body[data-page=aboutus] .part.p7 .title { width: 800px }
  body[data-page=aboutus] .part.p7 .title>div:nth-child(1) { font-size: 30px }
  body[data-page=aboutus] .part.p7 .title>div:nth-child(2) { font-size: 18px; line-height: 30px }
}
@media screen and (max-width:1320px) {
  body[data-page=aboutus] .part.p7 .culture__item { width: 580px }
}
@media screen and (max-width:1290px) {
  body[data-page=aboutus] .part.p7 .culture__item { width: 540px }
}
@media screen and (max-width:1250px) {
  body[data-page=aboutus] .part.p7 .culture__item { width: 500px }
}
@media screen and (max-width:1024px) {
  body[data-page=aboutus] .table { display: block }
  body[data-page=aboutus] .table .tr { display: block }
  body[data-page=aboutus] .table .tr .td { display: block }
  body[data-page=aboutus] .part { padding: 0 20px }
  body[data-page=aboutus] .part__title { margin-top: 35px; font-weight: 700 }
  body[data-page=aboutus] .part__title:after { height: 2px; margin-top: 10px }
  body[data-page=aboutus] .part.p8 .news-card .tab { margin-top: 0 }
  body[data-page=aboutus] .part.p8 .swiper-total { display: none }
  body[data-page=aboutus] .part.p8 .part__content { padding: 0 }
  body[data-page=aboutus] .part.p7 { background-size: 150% auto }
  body[data-page=aboutus] .part.p7 .part__title:before { display: none }
  body[data-page=aboutus] .part.p7 .title { width: auto; margin: 40px 0 }
  body[data-page=aboutus] .part.p7 .title:before,body[data-page=aboutus] .part.p7 .title:after { width: 13px; height: 12px; background-size: contain }
  body[data-page=aboutus] .part.p7 .title>div:nth-child(1) { font-size: 21px }
  body[data-page=aboutus] .part.p7 .title>div:nth-child(2) { font-size: 13px; margin-top: 20px; line-height: 25px }
  body[data-page=aboutus] .part.p7 .culture { padding-bottom: 40px }
  body[data-page=aboutus] .part.p7 .culture__item { width: auto; margin-right: 15px }
  body[data-page=aboutus] .part.p7 .culture__item>div:nth-child(1) { padding: 15px 18px 25px; border-radius: 0 30px }
  body[data-page=aboutus] .part.p7 .culture__item .table { top: -15px; left: 15px; position: relative; height: 0; overflow: hidden; transition: all 300ms ease; animation: none!important }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td { width: 100%; padding-top: 60px; padding-bottom: 60px; height: auto; background-size: cover }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:before,body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:after { width: 20px; height: 20px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:before { left: 30px; top: 30px }
  body[data-page=aboutus] .part.p7 .culture__item .table .tr .td:after { right: 30px; bottom: 30px }
  body[data-page=aboutus] .part.p7 .culture__item .t1 { font-size: 16px }
  body[data-page=aboutus] .part.p7 .culture__item .t2 { font-size: 13px; margin-top: 10px }
  body[data-page=aboutus] .part.p7 .culture__item .t3 { font-size: 13px; line-height: 25px }
  body[data-page=aboutus] .part.p7 .culture__item.active .table { animation: none!important; height: auto }
  body[data-page=aboutus] .part.p6 .business { white-space: normal; display: flex; flex-wrap: nowrap; overflow-x: auto }
  body[data-page=aboutus] .part.p6 .business .business__item { flex: 0 0 41%; height: 330px }
  body[data-page=aboutus] .part.p6 .business .business__item:before { display: none }
  body[data-page=aboutus] .part.p6 .business .business__item__icon { height: 26px; line-height: 26px }
  body[data-page=aboutus] .part.p6 .business .business__item__icon img { width: 25px }
  body[data-page=aboutus] .part.p6 .business .business__item__name { font-size: 15px }
  body[data-page=aboutus] .part.p6 .business .business__item__name:before { height: 2px; width: 20px; margin: 15px auto 10px }
  body[data-page=aboutus] .part.p6 .business .business__item__desc { display: none }
  body[data-page=aboutus] .part.p6 .business .business__item__bottom { width: auto!important; font-size: 15px; padding: 0 25px; margin-top: 130px }
  body[data-page=aboutus] .part.p6 .business .business__item__bottom img { margin-top: 3px; width: 14px }
  body[data-page=aboutus] .part.p5 .part__title { margin-bottom: 60px }
  body[data-page=aboutus] .part.p5 .course__tab { top: calc(100% + 15px); right: auto; left: -20px; width: 100vw; overflow: auto }
  body[data-page=aboutus] .part.p5 .course__tab ul li { position: relative; font-size: 14px; line-height: 35px; padding: 0 12px }
  body[data-page=aboutus] .part.p5 .course__tab ul li:first-child { padding-left: 20px }
  body[data-page=aboutus] .part.p5 .course__tab ul li:last-child { padding-right: 20px }
  body[data-page=aboutus] .part.p5 .course__tab ul li:after { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; content: ""; display: block; width: 9px; height: 2px; border-radius: 2px; background-color: #d32430; opacity: 0; transition: all 300ms ease }
  body[data-page=aboutus] .part.p5 .course__tab ul li.active:after { opacity: 1 }
  body[data-page=aboutus] .part.p5 .iScrollHorizontalScrollbar { bottom: 35px!important; background-color: #ededed; height: 3px!important }
  body[data-page=aboutus] .part.p5 .iScrollHorizontalScrollbar .iScrollIndicator { height: 3px!important; border: 0!important; background-color: #d32430!important }
  body[data-page=aboutus] .part.p5:before { top: 317px; transform: translateY(0) }
  body[data-page=aboutus] .part.p5 .iscroll .course__item { width: 150px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div { height: 160px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div:nth-child(2) { padding-top: 20px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour { width: 260px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) { font-size: 24px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(1) i { font-size: 14px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .tour>div:nth-child(2) { font-size: 14px; line-height: 20px }
  body[data-page=aboutus] .part.p5 .part__content { padding: 30px 0 100px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .start { font-size: 22px }
  body[data-page=aboutus] .part.p5 .iscroll .course__item>div .start>div:nth-child(2) { margin-top: 10px; font-weight: 700 }
  body[data-page=aboutus] .part.p5 .controls { display: none }
  body[data-page=aboutus] .part.p4 { position: relative }
  body[data-page=aboutus] .part.p4 .part__title { position: static }
  body[data-page=aboutus] .part.p4 .part__body { overflow: visible }
  body[data-page=aboutus] .part.p4 .part__content { padding: 45px 0 40px }
  body[data-page=aboutus] .part.p4 .controls { margin: 45px 0 0; padding: 0 }
  body[data-page=aboutus] .part.p4 .controls .swiper-prev,body[data-page=aboutus] .part.p4 .controls .swiper-next { display: none }
  body[data-page=aboutus] .part.p4 .controls .swiper-total { position: static; top: auto; width: 100%; text-align: center }
  body[data-page=aboutus] .part.p4 .controls .swiper-total span:nth-child(1) { font-size: 21px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total span:nth-child(2) { font-size: 12px; margin: 0 10px }
  body[data-page=aboutus] .part.p4 .controls .swiper-total span:nth-child(3) { font-size: 12px }
  body[data-page=aboutus] .part.p4 .swiper-container { width: 240px; margin-top: 0 }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card { border-radius: 5px }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2) { /*padding-top: 35px*/ }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(1) { font-size: 35px }
  body[data-page=aboutus] .part.p4 .swiper-container .swiper-slide .card>div:nth-child(2)>div:nth-child(2) { font-size: 24px; line-height: 30px; margin-top: 10px }
  body[data-page=aboutus] .part.p3 .part__content { padding: 25px 20px 80px; overflow-x: auto; margin: 0 -20px }
  body[data-page=aboutus] .part.p3 .part__content img { width: 200%; max-width: fit-content }
  body[data-page=aboutus] .part.p2 { height: 230px }
  body[data-page=aboutus] .part.p2 img { height: 100%; width: 100%; object-fit: cover }
  body[data-page=aboutus] .part.p2:before { width: 46px; height: 46px }
  body[data-page=aboutus] .part.p1 { background: #f8f8f8 }
  body[data-page=aboutus] .part.p1 .part__body { padding: 30px 0 }
  body[data-page=aboutus] .part.p1 .name { font-size: 24px; margin-bottom: 25px }
  body[data-page=aboutus] .part.p1 .name:before { display: none }
  body[data-page=aboutus] .part.p1 .name:after { display: block; width: 20px; height: 2px; margin: 10px 0 0 }
  body[data-page=aboutus] .part.p1 .img { padding: 0; padding-top: 20px }
  body[data-page=aboutus] .part.p1 .img img { width: 100% }
  body[data-page=aboutus] .part.p1 .content { padding: 40px 0 0; font-size: 15px; line-height: 30px }
}
body[data-page=news] .second-nav { display: none }
body[data-page=news] .main { background: #fff url("../images/news-bg.jpg") left top no-repeat }
body[data-page=news] .main__content { padding: 20px 0 100px }
body[data-page=news-detail] .news-detail { padding: 0 70px }
body[data-page=news-detail] .news-detail__body { max-width: 1100px; margin: 0 auto }
body[data-page=news-detail] .news-detail__body .title { font-size: 42px; text-align: center; line-height: 1.4; padding: 70px 0 0 }
body[data-page=news-detail] .news-detail__body .info { text-align: center; padding: 30px 0; font-size: 14px; color: #5f6464; border-bottom: 1px solid #f1f1f1 }
body[data-page=news-detail] .news-detail__body .info span { display: inline-block; vertical-align: top; margin: 0 80px }
body[data-page=news-detail] .news-detail__body .content { padding: 20px 0 }
body[data-page=news-detail] .news-detail__body .content h2 { font-size: 24px; line-height: 2 }
body[data-page=news-detail] .news-detail__body .content p { text-align: justify; padding: 20px 0; text-indent: 2em; font-size: 20px; color: #5f6464; line-height: 2 }
body[data-page=news-detail] .news-detail__body .content p img { margin: 10px auto; max-width: 100%; display: block }
body[data-page=news-detail] .news-detail__body .content table,body[data-page=news-detail] .news-detail__body .content tr,body[data-page=news-detail] .news-detail__body .content td { border: #999 1px solid!important; padding: 8px!important; }
body[data-page=news-detail] .news-detail__body .content td p { text-indent: 0em!important; }
body[data-page=news-detail] .news-detail__body .back { padding: 20px 0 80px }
body[data-page=news-detail] .news-detail__body .back a { display: block; width: 106px; height: 106px; border-radius: 106px; margin: 0 auto; background-color: #f5f5f5; text-align: center; transition: all 300ms ease; padding: 25px 0 0 }
body[data-page=news-detail] .news-detail__body .back a span { font-size: 14px; color: #666; display: block }
body[data-page=news-detail] .news-detail__body .back a img { width: 30px; margin-bottom: 10px }
body[data-page=news-detail] .news-detail__body .back a:hover { background-color: #fff; box-shadow: 1.5px 2.598px 20px 0 rgba(0,0,0,.1); transform: scale(1.1) }
body[data-page=news-detail] .news-detail__body .recommend { border-top: 1px solid #f1f1f1; padding: 45px 0; font-size: 18px; color: #666; line-height: 1.6; *zoom: 1 }
body[data-page=news-detail] .news-detail__body .recommend:after { content: "\200B"; display: block; height: 0; clear: both }
body[data-page=news-detail] .news-detail__body .recommend a { display: block; position: relative; width: 50%; float: left; padding: 0 20px 0 70px }
body[data-page=news-detail] .news-detail__body .recommend a:last-child { text-align: right }
body[data-page=news-detail] .news-detail__body .recommend a span { display: block }
body[data-page=news-detail] .news-detail__body .recommend a span:first-child { position: absolute; left: 0; top: 0 }
body[data-page=news-detail] .news-detail__body .recommend a span:last-child { text-align: left }
@media screen and (max-width:1680px) {
  body[data-page=news-detail] .news-detail__body .title { font-size: 36px }
  body[data-page=news-detail] .news-detail__body .content h2 { font-size: 20px; }
  body[data-page=news-detail] .news-detail__body .content p { font-size: 16px; padding: 15px 0 }
  body[data-page=news-detail] .news-detail__body .back { padding: 20px 0 60px }
  body[data-page=news-detail] .news-detail__body .back a { width: 80px; height: 80px; padding-top: 18px }
  body[data-page=news-detail] .news-detail__body .back a img { width: 20px; margin-bottom: 5px }
  body[data-page=news-detail] .news-detail__body .back a span { font-size: 12px }
  body[data-page=news-detail] .news-detail__body .recommend { font-size: 16px }
}
@media screen and (max-width:1366px) {
  body[data-page=news-detail] .news-detail__body .title { font-size: 24px; padding-top: 50px }
  body[data-page=news-detail] .news-detail__body .info { font-size: 12px }
  body[data-page=news-detail] .news-detail__body .content h2 { font-size: 18px; }
  body[data-page=news-detail] .news-detail__body .content p { font-size: 14px; padding: 10px 0 }
  body[data-page=news-detail] .news-detail__body .back { padding: 10px 0 40px }
  body[data-page=news-detail] .news-detail__body .recommend { font-size: 14px }
}
@media screen and (max-width:1024px) {
  body[data-page=news] .table { display: block }
  body[data-page=news] .table .tr { display: block }
  body[data-page=news] .table .tr .td { display: block }
  body[data-page=news] .second-nav { display: block }
  body[data-page=news] .news-card .table .tr .td:nth-child(1),body[data-page=news] .news-card .tab { display: none }
  body[data-page=news] .main__content { padding: 20px 0 40px }
  body[data-page=news-detail] .news-detail { padding: 0 20px }
  body[data-page=news-detail] .news-detail__body .title { font-size: 21px; padding-top: 40px }
  body[data-page=news-detail] .news-detail__body .info { font-size: 12px; padding: 20px 0; *zoom: 1 }
  body[data-page=news-detail] .news-detail__body .info:after { content: "\200B"; display: block; height: 0; clear: both }
  body[data-page=news-detail] .news-detail__body .info span { display: block; width: 60%; float: left; margin: 0; text-align: left }
  body[data-page=news-detail] .news-detail__body .info span:nth-child(1),body[data-page=news-detail] .news-detail__body .info span:nth-child(3) { width: 40% }
  body[data-page=news-detail] .news-detail__body .content h2 { font-size: 16px; }
  body[data-page=news-detail] .news-detail__body .content p { font-size: 14px; padding: 10px 0 }
  body[data-page=news-detail] .news-detail__body .back { padding: 20px 0 40px }
  body[data-page=news-detail] .news-detail__body .back a { width: 80px; height: 80px; padding-top: 18px }
  body[data-page=news-detail] .news-detail__body .back a img { width: 20px; margin-bottom: 5px }
  body[data-page=news-detail] .news-detail__body .back a span { font-size: 12px }
  body[data-page=news-detail] .news-detail__body .recommend { font-size: 12px; padding: 20px 0 }
  body[data-page=news-detail] .news-detail__body .recommend a { width: auto; margin: 10px 0; padding-left: 50px }
}
body[data-page=search] .main { background: #fff url("../images/news-bg.jpg") left top no-repeat }
body[data-page=search] .main__content { padding-bottom: 120px }
body[data-page=search] .main .result { font-size: 24px; line-height: 2; width: 330px; padding-top: 40px }
body[data-page=search] .main .result span { display: inline-block }
body[data-page=search] .main .result i { color: #d32430 }
body[data-page=search] .second-banner .form { padding-top: 120px }
body[data-page=search] .second-banner .form__content { width: 580px; border-radius: 60px; box-shadow: 0 5px 20px 0 rgba(0,0,0,.2); margin: 0 auto; background-color: #fff; height: 60px; line-height: 60px }
body[data-page=search] .second-banner .form__content>div { float: left }
body[data-page=search] .second-banner .form__content>div:nth-child(1) { position: relative; width: 151px }
body[data-page=search] .second-banner .form__content>div:nth-child(1):after { display: block; content: ""; width: 1px; height: 18px; background-color: #cacaca; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transition: all 300ms ease }
body[data-page=search] .second-banner .form__content>div:nth-child(2) { width: 369px }
body[data-page=search] .second-banner .form__content>div:nth-child(3) { width: 60px; line-height: 1; padding: 10px }
body[data-page=search] .second-banner .form__content input,body[data-page=search] .second-banner .form__content select { appearance: none; -webkit-appearance: none; font-size: 16px; border: 0 }
body[data-page=search] .second-banner .form__content .select { color: #999; cursor: pointer; position: relative; padding-left: 30px }
body[data-page=search] .second-banner .form__content .select select { display: none }
body[data-page=search] .second-banner .form__content .select .arrow { width: 12px; margin: 0 0 0 30px; position: relative; top: -2px }
body[data-page=search] .second-banner .form__content .select .select-value { font-size: 16px; line-height: 1; display: inline-block }
body[data-page=search] .second-banner .form__content .select .select-items { z-index: 1; position: absolute; left: 0; right: 0; margin: auto; padding: 10px 0; top: calc(100% + 2px); font-size: 16px; line-height: 40px; background-color: #f0f0f0; color: #000; visibility: hidden; opacity: 0; transition: all 300ms ease }
body[data-page=search] .second-banner .form__content .select .select-items>div { padding: 0 30px; cursor: pointer }
body[data-page=search] .second-banner .form__content .select .select-items>div:hover { background-color: #d32430; color: #fff }
body[data-page=search] .second-banner .form__content .select.focus .select-items { visibility: visible; opacity: 1 }
body[data-page=search] .second-banner .form__content input { padding: 0; width: 100% }
body[data-page=search] .second-banner .form__content>div { padding: 0 15px }
body[data-page=search] .second-banner .form__content button { display: block; appearance: none; -webkit-appearance: none; border: 0; background-color: transparent; padding: 0; margin: 0; width: 40px; height: 40px; border-radius: 40px; background-color: #ececec; cursor: pointer; transition: all 300ms ease }
body[data-page=search] .second-banner .form__content button img { width: 18px }
body[data-page=search] .second-banner .form__content button img:nth-child(2) { display: none }
body[data-page=search] .second-banner .form__content:hover>div:nth-child(1):after { background-color: #959595; height: 30px }
body[data-page=search] .second-banner .form__content:hover button { background-color: #d32430 }
body[data-page=search] .second-banner .form__content:hover button img:nth-child(1) { display: none }
body[data-page=search] .second-banner .form__content:hover button img:nth-child(2) { display: inline }
@media screen and (max-width:1680px) {
  body[data-page=search] .main__content { padding-bottom: 100px }
  body[data-page=search] .main .result { font-size: 20px; width: 300px; padding-top: 30px }
}
@media screen and (max-width:1366px) {
  body[data-page=search] .main__content { padding-bottom: 80px }
  body[data-page=search] .main .result { font-size: 18px; width: 280px; padding-top: 15px }
}
@media screen and (max-width:1024px) {
  body[data-page=search] .main__content { padding-bottom: 40px }
  body[data-page=search] .main .result { font-size: 15px; width: auto; text-align: center; padding-top: 10px; line-height: 1.4 }
  body[data-page=search] .main .result>div { display: inline-block }
  body[data-page=search] .table { display: block }
  body[data-page=search] .table .tr { display: block }
  body[data-page=search] .table .tr .td { display: block }
  body[data-page=search] .second-banner .form { display: none }
}
body[data-page=joinus] .main { background: #fff url("../images/news-bg.jpg") left top no-repeat }
body[data-page=joinus] .news-card .list { width: 1150px }
body[data-page=joinus] .second-nav { display: none }
body[data-page=joinus] .main__body { padding-bottom: 100px }
body[data-page=joinus] .qrcodes { font-size: 0; margin-bottom: 50px }
body[data-page=joinus] .qrcodes .qrcode { background-color: #f9f9f9; display: inline-block; vertical-align: top; border-radius: 5px; padding: 24px; color: #000; border-radius: 10px; text-align: center; line-height: 1; margin: 0 18px 18px 0 }
body[data-page=joinus] .qrcodes .qrcode__title { font-size: 18px; text-align: left; }
body[data-page=joinus] .qrcodes .qrcode__desc { font-size: 15px; color: #d32430; margin: 10px 0 15px; text-align: left; }
body[data-page=joinus] .qrcodes .qrcode__img img { width: 162px; vertical-align: top }
body[data-page=joinus] .main .map { float: right; width: 58.33vw; max-width: 1120px; position: relative }
body[data-page=joinus] .main .map__content { position: relative; background-color: #f1f1f1; padding-bottom: 50% }
body[data-page=joinus] .main .map__box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px 10px 0 }
body[data-page=joinus] .main .map__box iframe { width: 100%; height: 100%; object-fit: cover }
body[data-page=joinus] .main .map__info { padding: 30px 0; font-size: 18px }
body[data-page=joinus] .main .map__info .table { width: 100% }
body[data-page=joinus] .main .map__info .td { padding: 10px 0; }
body[data-page=joinus] .main .map__info .td:last-child { text-align: right }
body[data-page=joinus] .main .map__info img { margin: 0 5px 0 0; vertical-align: middle; position: relative; top: -2px }
body[data-page=joinus] .main .map__button { position: absolute; right: 0; bottom: 0; line-height: 60px; background-color: #d32430; font-size: 18px; display: block; padding: 0 80px 0 30px; transition: all 300ms ease; color: #fff }
body[data-page=joinus] .main .map__button i { position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 0; width: 50px; height: 100%; background-color: #ce0816; text-align: center; transition: all 300ms ease }
body[data-page=joinus] .main .map__button:hover { padding: 0 77px 0 33px }
body[data-page=joinus] .main .map__button:hover i { width: 44px }
body[data-page=joinus] .second-banner .buttons { margin-top: 120px; font-size: 0; text-align: center }
body[data-page=joinus] .second-banner .buttons .button { width: 360px; padding: 40px 0; border-radius: 10px; background-color: #fff; font-size: 24px; color: #d32430; display: inline-block; vertical-align: top; text-align: center; line-height: 1; margin: 0 40px; transition: all 300ms ease }
body[data-page=joinus] .second-banner .buttons .button img { margin: 0 25px 0 0 }
body[data-page=joinus] .second-banner .buttons .button--red { color: #fff; background-color: #d32430 }
body[data-page=joinus] .second-banner .buttons .button:hover { transform: scale(1.05) }
@media screen and (max-width:1680px) {
  body[data-page=joinus] .qrcodes .qrcode { padding: 16px }
  body[data-page=joinus] .qrcodes .qrcode__img img { width: 145px }
  body[data-page=joinus] .news-card .list { width: 1000px }
  body[data-page=joinus] .main__body { padding-bottom: 80px }
  body[data-page=joinus] .main .map__button { line-height: 55px; font-size: 16px }
  body[data-page=joinus] .main .map__info { font-size: 16px; padding: 25px 0 }
  body[data-page=joinus] .main .map__info img { width: 17px }
  body[data-page=joinus] .second-banner .buttons { margin-top: 100px }
  body[data-page=joinus] .second-banner .buttons .button { width: 320px; border-radius: 8px; padding: 30px 0 }
}
@media screen and (max-width:1366px) {
  body[data-page=joinus] .qrcodes .qrcode { padding: 16px; margin: 0 14px 14px 0 }
  body[data-page=joinus] .qrcodes .qrcode__title { font-size: 16px }
  body[data-page=joinus] .qrcodes .qrcode__desc { font-size: 14px; margin-bottom: 10px }
  body[data-page=joinus] .qrcodes .qrcode__img img { width: 130px }
  body[data-page=joinus] .news-card .list { width: 900px }
  body[data-page=joinus] .main .map__button { line-height: 50px }
  body[data-page=joinus] .main .map__info { font-size: 14px }
  body[data-page=joinus] .main .map__info img { width: 14px }
  body[data-page=joinus] .second-banner .buttons { margin-top: 70px }
  body[data-page=joinus] .second-banner .buttons .button { width: 260px; border-radius: 5px; padding: 20px 0; font-size: 20px }
  body[data-page=joinus] .second-banner .buttons .button img { width: 26px; margin-right: 10px }
}
@media screen and (max-width:1024px) {
  body[data-page=joinus] .table { display: block }
  body[data-page=joinus] .table .tr { display: block }
  body[data-page=joinus] .table .tr .td { display: block }
  body[data-page=joinus] .news-card .list { width: auto; padding: 30px 20px 0; text-align: center }
  body[data-page=joinus] .news-card .list .qrcodes { margin-bottom: 30px }
  body[data-page=joinus] .news-card .list .qrcodes .qrcode { margin: 0 10px 20px; text-align: left }
  body[data-page=joinus] .news-card .list .qrcodes .qrcode__title { font-size: 15px }
  body[data-page=joinus] .news-card .list .qrcodes .qrcode__desc { font-size: 11px; margin-top: 5px }
  body[data-page=joinus] .news-card .list .qrcodes .qrcode:nth-child(odd) { margin-left: 0 }
  body[data-page=joinus] .news-card .list .qrcodes .qrcode:nth-child(even) { margin-right: 0 }
  body[data-page=joinus] .main .map { padding-top: 280px; position: relative; width: 100%; float: none }
  body[data-page=joinus] .main .map__content { padding-bottom: 74.66% }
  body[data-page=joinus] .main .map__button { right: 20px; top: -25px; bottom: auto }
  body[data-page=joinus] .main .map__info { position: absolute; left: 0; top: 0; padding: 50px 20px 0; font-size: 15px }
  body[data-page=joinus] .main .map__info img { top: -1px; margin-right: 10px }
  body[data-page=joinus] .main .map__info .td { position: relative; margin: 10px 0; padding: 0 0 0 130px }
  body[data-page=joinus] .main .map__info .td span:nth-child(1) { position: absolute; left: 0; top: 0 }
  body[data-page=joinus] .main .map__info .td:last-child { text-align: left }
  body[data-page=joinus] .main__body { padding-bottom: 0; margin: 0 -20px }
  body[data-page=joinus] .main .news-card>.table>.tr>.td:nth-child(1) { display: none }
  body[data-page=joinus] .second-nav { display: block }
  body[data-page=joinus] .second-banner .buttons { margin-top: 70px }
  body[data-page=joinus] .second-banner .buttons .button { width: 130px; border-radius: 4px; padding: 15px 0; font-size: 15px; margin: 0 15px }
  body[data-page=joinus] .second-banner .buttons .button img { width: 20px; margin-right: 5px }
}
body[data-page=enterprise] .main { background: url("../images/news-bg.jpg") left top no-repeat; background-size: 300px auto; margin: 0; overflow: hidden; padding: 0 0 120px }
body[data-page=enterprise] .part { position: relative }
body[data-page=enterprise] .part:nth-child(even) .part__content .imgs .iScrollHorizontalScrollbar { right: auto!important; left: 0!important }
body[data-page=enterprise] .part:nth-child(even):before { left: auto; right: 0 }
body[data-page=enterprise] .part:last-child:after { display: none }
body[data-page=enterprise] .part:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 300px; width: 70vw; background-color: #fbfbfb; pointer-events: none }
body[data-page=enterprise] .part:after { content: ""; z-index: -1; display: block; background: url("../images/news-bg.jpg") right center no-repeat; background-size: contain; position: absolute; right: 0; width: 300px; height: 300px; bottom: -200px; pointer-events: none; transform: rotateY(180deg) }
body[data-page=enterprise] .part__body { padding: 0 70px }
body[data-page=enterprise] .part__content { position: relative; padding: 110px 0; max-width: 1540px; margin: 0 auto; line-height: 1 }
body[data-page=enterprise] .part__content .table .tr .td { vertical-align: top }
body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) { width: 520px }
body[data-page=enterprise] .part__content .t1 img { width: 110px; height: 110px; object-fit: contain; }
body[data-page=enterprise] .part__content .t2 { font-size: 58px; font-family: br; color: rgba(0,0,0,.2); padding: 40px 0 }
body[data-page=enterprise] .part__content .t2 span:nth-child(1) { margin: 0 50px 0 0 }
body[data-page=enterprise] .part__content .t3 { font-size: 24px; line-height: 48px }
body[data-page=enterprise] .part__content .t4 { padding: 30px 0 }
body[data-page=enterprise] .part__content .t5 { padding-bottom: 60px; }
body[data-page=enterprise] .part__content .t5 .button { display: inline-block; vertical-align: top; position: relative; line-height: 60px; background-color: #d32430; font-size: 18px; padding: 0 80px 0 30px; transition: all 300ms ease; text-align: center; color: #fff }
body[data-page=enterprise] .part__content .t5 .button i { position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 0; width: 50px; height: 100%; background-color: #ce0816; text-align: center; transition: all 300ms ease }
body[data-page=enterprise] .part__content .t5 .button:hover { padding: 0 77px 0 33px }
body[data-page=enterprise] .part__content .t5 .button:hover i { width: 44px }
body[data-page=enterprise] .part__content .t6 { font-size: 52px; margin-bottom: 50px; font-weight: 600; }
body[data-page=enterprise] .part__content .t6:after { content: ""; display: inline-block; margin: 0 0 0 20px; height: 3px; width: 30px; background-color: #d32430 }
body[data-page=enterprise] .part__content .t7 { color: #444; padding-bottom: 40px }
body[data-page=enterprise] .part__content .t7 p { line-height: 36px; font-size: 18px; margin-bottom: 30px; text-indent: 2; text-align: justify; }
body[data-page=enterprise] .part__content .t7 .contactinfo span { display: block; }
body[data-page=enterprise] .part__content .t7 .contactinfo { line-height: 36px; font-size: 18px; margin-bottom: 30px; }
body[data-page=enterprise] .part__content .t7 .contactinfo .lxfs { font-size: 20px; font-weight: 600; }
body[data-page=enterprise] .part__content .t7 .contactinfo span a { color: #235cff }
body[data-page=enterprise] .part__content .t7 .contactinfo span a:hover { color: #d32430 }
body[data-page=enterprise] .part__content .imgs { white-space: nowrap; font-size: 0 }
body[data-page=enterprise] .part__content .imgs .iScrollHorizontalScrollbar { right: 0!important; bottom: 10px!important; background-color: #ededed; left: auto!important; height: 2px!important; width: 200px!important }
body[data-page=enterprise] .part__content .imgs .iScrollHorizontalScrollbar .iScrollIndicator { height: 2px!important; border: 0!important; background-color: #d32430!important }
body[data-page=enterprise] .part__content .imgs .img {
  display:inline-block;vertical-align:top;background-color:#FFF;box-shadow:4.104px 11.276px 38px 0 rgba(129,129,129,.19);margin:0 50px 0 0;overflow:hidden;/*width:600px;*/
  height:350px
}
body[data-page=enterprise] .part__content .imgs .img img { width: auto; height: 100%; vertical-align: top; transition: all 300ms ease }
body[data-page=enterprise] .part__content .imgs .img:hover img { transform: scale(1.05) }
@media screen and (max-width:1680px) {
  body[data-page=enterprise] .main { padding: 0 0 100px }
  body[data-page=enterprise] .part__content { padding: 90px 0 }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) { width: 460px }
  body[data-page=enterprise] .part .t2 { font-size: 48px }
  body[data-page=enterprise] .part .t2 span:nth-child(1) { margin-right: 40px }
  body[data-page=enterprise] .part .t3 { font-size: 20px; line-height: 40px }
  body[data-page=enterprise] .part .t4 img { width: 150px }
  body[data-page=enterprise] .part .t5 .button { line-height: 55px; font-size: 16px }
  body[data-page=enterprise] .part .t6 { font-size: 42px; margin-bottom: 40px }
  body[data-page=enterprise] .part .t7 { padding-bottom: 60px }
  body[data-page=enterprise] .part .t7 p { font-size: 16px; line-height: 32px; margin-bottom: 20px }
  body[data-page=enterprise] .part .t7 .contactinfo .lxfs { font-size: 18px; }
  body[data-page=enterprise] .part .t7 .contactinfo { font-size: 16px; line-height: 32px; margin-bottom: 20px }
  body[data-page=enterprise] .part .imgs .img {
    /*width:500px;*/
    height:290px;margin-right:40px
  }
}
@media screen and (max-width:1366px) {
  body[data-page=enterprise] .main { padding: 0 0 80px }
  body[data-page=enterprise] .part__content { padding: 80px 0 }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) { width: 360px }
  body[data-page=enterprise] .part .t2 { font-size: 38px }
  body[data-page=enterprise] .part .t2 span:nth-child(1) { margin-right: 30px }
  body[data-page=enterprise] .part .t3 { font-size: 18px; line-height: 32px }
  body[data-page=enterprise] .part .t4 img { width: 140px }
  body[data-page=enterprise] .part .t5 .button { line-height: 50px }
  body[data-page=enterprise] .part .t6 { font-size: 32px; margin-bottom: 30px }
  body[data-page=enterprise] .part .t7 { padding-bottom: 50px }
  body[data-page=enterprise] .part .t7 p { font-size: 14px; line-height: 28px; margin-bottom: 15px }
  body[data-page=enterprise] .part .t7 .contactinfo .lxfs { font-size: 16px; }
  body[data-page=enterprise] .part .t7 .contactinfo { font-size: 14px; line-height: 28px; margin-bottom: 15px }
  body[data-page=enterprise] .part .imgs .img {
    /*width:400px;*/
    height:230px;margin-right:30px
  }
}
@media screen and (max-width:1024px) {
  body[data-page=enterprise] .main { padding: 0 0 60px }
  body[data-page=enterprise] .part:before,body[data-page=enterprise] .part:after { display: none }
  body[data-page=enterprise] .part .table { display: block }
  body[data-page=enterprise] .part .table .tr { display: block }
  body[data-page=enterprise] .part .table .tr .td { display: block }
  body[data-page=enterprise] .part__body { padding: 0 20px }
  body[data-page=enterprise] .part__content { padding: 30px 0 50px }
  body[data-page=enterprise] .part__content .t5 { padding-bottom: 0px; min-height: 45px; }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) { display: flex; flex-wrap: wrap; position: relative; width: auto }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1)>div { flex: 0 0 50% }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t2 { font-size: 30px; text-align: right; padding: 0; display: flex; align-items: flex-end; justify-content: flex-end }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t2 span:nth-child(1) { margin-right: 20px }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t3 { flex: 0 0 100%; font-size: 13px; line-height: 20px; margin-top: 30px; min-height: 28px; padding-right: 30% }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t4 { position: absolute; right: 0; bottom: 0; flex: 0 0 100%; padding: 0 }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t4 img { width: 100px }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t5 { flex: 0 0 100% }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t5 .button { line-height: 32px; font-size: 12px; padding: 0 45px 0 15px; margin-top: 25px }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t5 .button i { width: 30px }
  body[data-page=enterprise] .part__content .table .tr .td:nth-child(1) .t5 .button i img { width: 15px }
  body[data-page=enterprise] .part__content .t6 { font-size: 24px; margin-bottom: 25px; padding-top: 40px }
  body[data-page=enterprise] .part__content .t6:after { height: 2px; width: 20px; display: block; margin: 10px 0 0 }
  body[data-page=enterprise] .part__content .t7 { padding-bottom: 30px }
  body[data-page=enterprise] .part__content .t7 p { font-size: 15px; line-height: 30px }
  body[data-page=enterprise] .part__content .t7 .contactinfo .lxfs { font-size: 17px; }
  body[data-page=enterprise] .part__content .t7 .contactinfo { font-size: 15px; line-height: 30px }
  body[data-page=enterprise] .part__content .imgs .img {
    margin-right:20px;/*width:238px;*/
    height:138px;box-shadow:4px 11px 20px 0 rgba(129,129,129,.1)
  }
  body[data-page=enterprise] .part__content .imgs .img:last-child { margin-right: 0 }
}
body[data-page=esg] .main { background: #fff url("../images/news-bg.jpg") left top no-repeat }
body[data-page=esg] .parts { overflow: hidden; line-height: 1 }
body[data-page=esg] .part { padding: 0 70px }
body[data-page=esg] .part__body { max-width: 1540px; margin: 0 auto; border-top: 1px solid transparent }
body[data-page=esg] .part__title { font-size: 34px; margin-top: 105px; position: relative; font-weight: 600; }
body[data-page=esg] .part__title:after { display: block; content: ""; width: 30px; height: 3px; background-color: #d32430; margin: 25px 0 0 }
body[data-page=esg] .part__content .controls { position: relative; text-align: right; margin-top: 80px; padding-bottom: 60px }
body[data-page=esg] .part__content .controls .swiper-total { position: absolute; white-space: nowrap; line-height: 1; left: 0; top: 5px; font-family: br; font-size: 20px; color: #999 }
body[data-page=esg] .part__content .controls .swiper-total span:nth-child(1) { font-size: 34px; font-family: bm; color: #1f1f1f }
body[data-page=esg] .part__content .controls .swiper-total span:nth-child(2) { margin: 0 20px }
body[data-page=esg] .part__content .controls .swiper-prev,body[data-page=esg] .part__content .controls .swiper-next { cursor: pointer; display: inline-block; vertical-align: top; width: 52px; height: 52px; text-align: center; line-height: 52px; background-color: #6c6c6b; transition: all 300ms ease; margin: 0 0 0 25px }
body[data-page=esg] .part__content .controls .swiper-prev:not(.swiper-button-disabled):hover,body[data-page=esg] .part__content .controls .swiper-next:not(.swiper-button-disabled):hover { background-color: #ba1c27 }
body[data-page=esg] .part__content .controls .swiper-prev.swiper-button-disabled,body[data-page=esg] .part__content .controls .swiper-next.swiper-button-disabled { opacity: .6; cursor: not-allowed }
body[data-page=esg] .p4 .items { margin: 0 -40px; padding: 120px 0; *zoom: 1 }
body[data-page=esg] .p4 .items:after { content: "\200B"; display: block; height: 0; clear: both }
body[data-page=esg] .p4 .item { position: relative; width: 44%; margin: 0 3% 3%; padding: 55px 190px 55px 155px; font-size: 24px; line-height: 1; display: block; background-color: #fafafa; transition: all 300ms ease; float: left }
body[data-page=esg] .p4 .item .t1 { position: absolute; left: 58px; top: 35px }
body[data-page=esg] .p4 .item .t2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
body[data-page=esg] .p4 .item .t3 { position: absolute; right: 50px; height: 30px; line-height: 30px; top: 0; bottom: 0; margin: auto }
body[data-page=esg] .p4 .item:after { display: block; overflow: hidden; content: "PDF"; font-size: 110px; font-weight: 700; font-family: Arial,Helvetica,sans-serif; opacity: .02; position: absolute; right: 20px; bottom: 0; line-height: 60px }
body[data-page=esg] .p4 .item:before { content: ""; display: block; width: 35px; height: 13px; background-color: #d32430; position: absolute; right: -11px; top: 19px }
body[data-page=esg] .p4 .item:hover { background-color: #fff; box-shadow: 0 5px 15px 0 rgba(37,57,98,.2) }
body[data-page=esg] .p3 { background: url("../images/esg-p3-bg.jpg") no-repeat center center }
body[data-page=esg] .p3 .swiper-container { padding-top: 80px }
body[data-page=esg] .p3 .swiper-container .swiper-wrapper { *zoom: 1; height: auto!important }
body[data-page=esg] .p3 .swiper-container .swiper-wrapper:after { content: "\200B"; display: block; height: 0; clear: both }
body[data-page=esg] .p3 .swiper-container .swiper-slide { height: auto!important; padding: 0; box-sizing: border-box }
body[data-page=esg] .p3 .swiper-container .swiper-slide .card { position: relative }
body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t1 { box-shadow: 14.5px 25.115px 40px 0 rgba(117,117,117,.11); overflow: hidden }
body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t1 img { vertical-align: top; width: 100%; height: auto }
body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t2 { position: absolute; font-weight: 700; top: 33%; left: 0; width: 100%; font-size: 24px; line-height: 1.3; color: #094220; text-align: center }
body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t3 { text-align: center; position: absolute; top: 79%; width: 100%; left: 0; font-size: 26px; line-height: 1.2; color: #b5a66a }
body[data-page=esg] .p2 { background: url("../images/esg-p2-bg.jpg") no-repeat bottom center; background-size: 100% auto }
body[data-page=esg] .p2 .swiper-container { margin: 0 -40px; padding-top: 60px }
body[data-page=esg] .p2 .swiper-container .swiper-wrapper { height: auto!important }
body[data-page=esg] .p2 .swiper-container .swiper-slide { height: auto!important }
body[data-page=esg] .p2 .swiper-container .swiper-slide .card { padding: 0 40px }
body[data-page=esg] .p2 .swiper-container .swiper-slide .card .t1 { box-shadow: 0 0 20px 0 rgba(117,117,117,.11); transition: all 300ms ease }
body[data-page=esg] .p2 .swiper-container .swiper-slide .card .t1 img { max-width: 100%; height: auto }
body[data-page=esg] .p2 .swiper-container .swiper-slide .card .t2 { font-size: 22px; line-height: 1; padding: 30px 0 0; transition: all 300ms ease; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
body[data-page=esg] .p2 .swiper-container .swiper-slide .card:hover .t1 { transform: scale(1.05) }
body[data-page=esg] .p2 .swiper-container .swiper-slide .card:hover .t2 { color: rgba(211,36,48,.9) }
body[data-page=esg] .p1 { padding-bottom: 60px; background-color: #fff }
body[data-page=esg] .p1 .desc { position: relative; width: 1290px; margin: 0 auto; font-size: 20px; line-height: 34px; text-align: center; margin: 90px auto; padding: 10px 100px }
body[data-page=esg] .p1 .desc:after,body[data-page=esg] .p1 .desc:before { content: ""; width: 13px; height: 21px; display: block; background: url("../images/about-p7-1.png") center center no-repeat; background-size: contain }
body[data-page=esg] .p1 .desc:before { position: absolute; left: 0; top: 0 }
body[data-page=esg] .p1 .desc:after { position: absolute; right: 0; bottom: 0; transform: rotate(180deg) }
body[data-page=esg] .p1 .swiper-container { margin: 0; overflow: visible; max-width: 1410px }
body[data-page=esg] .p1 .item { position: relative; width: 430px; height: 250px; display: inline-block; vertical-align: top; overflow: hidden }
body[data-page=esg] .p1 .item .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
body[data-page=esg] .p1 .item .img>div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; transition: all 300ms ease }
body[data-page=esg] .p1 .item .t2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(211,36,48,.9); padding: 40px; white-space: normal; color: #fff; transition: all 300ms ease; opacity: 0; visibility: hidden }
body[data-page=esg] .p1 .item .t2>div:nth-child(1) { font-size: 22px; line-height: 40px }
body[data-page=esg] .p1 .item .t2>div:nth-child(2) { text-align: right; font-size: 18px; margin-top: 30px }
body[data-page=esg] .p1 .item:hover .t2 { opacity: 1; visibility: visible }
body[data-page=esg] .p1 .item:hover .img>div { transform: scale(1.05) }
body[data-page=esg] .p0 { padding-bottom: 60px; background-color: #fbfbfb }
body[data-page=esg] .p0 .part__content { position: relative }
body[data-page=esg] .p0 .part__content .controls { margin-top: 36px }
body[data-page=esg] .p0 .swiper-pagination { display: none }
body[data-page=esg] .p0 .desc { padding: 0 70px 0 350px; margin-top: 120px; padding-bottom: 90px }
body[data-page=esg] .p0 .desc .t1 { font-size: 58px; text-align: center; margin-bottom: 60px; font-weight: 600; }
body[data-page=esg] .p0 .desc .t2 { position: absolute; left: 70px; top: 0 }
body[data-page=esg] .p0 .desc .t3 { font-size: 20px; line-height: 2.4; font-weight: 500; text-indent: 2em; }
body[data-page=esg] .p0 .desc .t4 { font-size: 20px; line-height: 2.4 }
body[data-page=esg] .p0 .swiper-container { margin: 0 }
body[data-page=esg] .p0 .item { position: relative; height: 482px }
body[data-page=esg] .p0 .item .img { position: absolute; width: 100%; height: 100%; overflow: hidden }
body[data-page=esg] .p0 .item .img>div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; transition: all 300ms ease }
body[data-page=esg] .p0 .item .t0 { position: absolute; right: 0; top: 0; width: 50%; height: 100%; padding: 70px 40px 40px 80px; background-color: rgba(0,0,0,.5); color: #fff }
body[data-page=esg] .p0 .item .t0 .t1 { font-size: 32px; padding-bottom: 30px }
body[data-page=esg] .p0 .item .t0 .t2 { position: relative; font-size: 18px; line-height: 36px; height: 310px; overflow: hidden; padding-right: 30px }
body[data-page=esg] .p0 .item .t0 .t2 p { text-indent: 2em; margin-bottom: 15px; }
body[data-page=esg] .p0 .item .t0 .t2 .iScrollVerticalScrollbar { background-color: rgba(255,255,255,.5); width: 2px!important; right: 0!important; top: 0!important; bottom: 0!important }
body[data-page=esg] .p0 .item .t0 .t2 .iScrollVerticalScrollbar .iScrollIndicator { border: 0!important; background-color: #d32430!important }
@media screen and (max-width:1680px) {
  body[data-page=esg] .part__title { font-size: 30px; margin-top: 90px }
  body[data-page=esg] .part__title:after { width: 25px; margin: 20px 0 0 }
  body[data-page=esg] .part__content .controls { margin-top: 70px; padding-bottom: 50px }
  body[data-page=esg] .part__content .controls .swiper-total { font-size: 18px }
  body[data-page=esg] .part__content .controls .swiper-total span:nth-child(1) { font-size: 30px }
  body[data-page=esg] .part__content .controls .swiper-total span:nth-child(2) { margin: 0 15px }
  body[data-page=esg] .part__content .controls .swiper-next,body[data-page=esg] .part__content .controls .swiper-prev { width: 46px; height: 46px; line-height: 46px }
  body[data-page=esg] .part__content .controls .swiper-next img,body[data-page=esg] .part__content .controls .swiper-prev img { width: 18px }
  body[data-page=esg] .p4 .items { padding: 100px 0 }
  body[data-page=esg] .p4 .item { padding: 50px 150px 50px 140px; font-size: 22px }
  body[data-page=esg] .p4 .item .t1 { left: 48px; top: 30px }
  body[data-page=esg] .p4 .item .t3 { right: 40px }
  body[data-page=esg] .p3 .swiper-container { padding-top: 70px }
  body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t2 { font-size: 22px; top: 33.5% }
  body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t3 { top: 80%; font-size: 24px }
  body[data-page=esg] .p2 .swiper-container { padding-top: 50px; margin: 0 -30px }
  body[data-page=esg] .p2 .swiper-container .swiper-slide .card { padding: 0 30px }
  body[data-page=esg] .p2 .swiper-container .swiper-slide .card .t2 { font-size: 20px; padding: 25px 0 0 }
  body[data-page=esg] .p1 .desc { width: 1100px; font-size: 18px; line-height: 30px; margin: 80px auto; padding: 10px 90px }
  body[data-page=esg] .p1 .desc:after,body[data-page=esg] .p1 .desc:before { width: 24px; height: 24px }
  body[data-page=esg] .p1 .swiper-container { max-width: 1281px }
  body[data-page=esg] .p1 .item { width: 387px; height: 225px }
  body[data-page=esg] .p1 .item .t2 { padding: 30px }
  body[data-page=esg] .p1 .item .t2>div:nth-child(1) { font-size: 20px; line-height: 36px }
  body[data-page=esg] .p1 .item .t2>div:nth-child(2) { font-size: 16px }
  body[data-page=esg] .p0 .desc { padding-bottom: 120px }
  body[data-page=esg] .p0 .desc .t1 { font-size: 44px; margin-bottom: 50px }
  body[data-page=esg] .p0 .desc .t3 { font-size: 18px }
  body[data-page=esg] .p0 .desc .t4 { font-size: 18px }
  body[data-page=esg] .p0 .item { height: 460px }
  body[data-page=esg] .p0 .item .t0 { padding: 60px 30px 30px 70px }
  body[data-page=esg] .p0 .item .t0 .t1 { font-size: 28px }
  body[data-page=esg] .p0 .item .t0 .t2 { font-size: 16px; line-height: 32px }
}
@media screen and (max-width:1366px) {
  body[data-page=esg] .part__title { font-size: 24px; margin-top: 70px }
  body[data-page=esg] .part__title:after { width: 20px; margin: 15px 0 0 }
  body[data-page=esg] .part__content .controls { margin-top: 40px; padding-bottom: 40px }
  body[data-page=esg] .part__content .controls .swiper-total { font-size: 16px }
  body[data-page=esg] .part__content .controls .swiper-total span:nth-child(1) { font-size: 26px }
  body[data-page=esg] .part__content .controls .swiper-total span:nth-child(2) { margin: 0 10px }
  body[data-page=esg] .part__content .controls .swiper-next,body[data-page=esg] .part__content .controls .swiper-prev { width: 40px; height: 40px; line-height: 40px }
  body[data-page=esg] .part__content .controls .swiper-next img,body[data-page=esg] .part__content .controls .swiper-prev img { width: 18px }
  body[data-page=esg] .p4 .items { padding: 80px 0 }
  body[data-page=esg] .p4 .item { padding: 40px 130px 40px 100px; font-size: 20px }
  body[data-page=esg] .p4 .item .t1 { left: 30px; top: 25px }
  body[data-page=esg] .p4 .item .t1 img { width: 40px }
  body[data-page=esg] .p4 .item .t3 { right: 30px }
  body[data-page=esg] .p3 .swiper-container { padding-top: 60px }
  body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t2 { font-size: 16px }
  body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t3 { font-size: 18px }
  body[data-page=esg] .p2 .swiper-container { padding-top: 40px; margin: 0 -20px }
  body[data-page=esg] .p2 .swiper-container .swiper-slide .card { padding: 40px 20px 0 }
  body[data-page=esg] .p2 .swiper-container .swiper-slide .card .t2 { font-size: 18px; padding: 20px 0 0 }
  body[data-page=esg] .p1 .desc { width: 1000px; font-size: 16px; line-height: 26px; margin: 80px auto; padding: 10px 70px }
  body[data-page=esg] .p1 .desc:after,body[data-page=esg] .p1 .desc:before { width: 10px; height: 16px }
  body[data-page=esg] .p1 .swiper-container { max-width: 1152px }
  body[data-page=esg] .p1 .item { width: 344px; height: 200px }
  body[data-page=esg] .p1 .item .t2 { padding: 20px }
  body[data-page=esg] .p1 .item .t2>div:nth-child(1) { font-size: 18px; line-height: 30px }
  body[data-page=esg] .p1 .item .t2>div:nth-child(2) { font-size: 14px }
  body[data-page=esg] .p0 .desc { padding-bottom: 100px }
  body[data-page=esg] .p0 .desc .t1 { font-size: 38px; margin-bottom: 40px }
  body[data-page=esg] .p0 .desc .t2 img { width: 170px }
  body[data-page=esg] .p0 .desc .t3 { font-size: 16px !important }
  body[data-page=esg] .p0 .desc .t4 { font-size: 16px }
  body[data-page=esg] .p0 .item { height: 400px }
  body[data-page=esg] .p0 .item .t0 { padding: 40px 30px 30px 50px }
  body[data-page=esg] .p0 .item .t0 .t1 { font-size: 26px }
  body[data-page=esg] .p0 .item .t0 .t2 { font-size: 14px; line-height: 30px; height: 270px }
}
@media screen and (max-width:1024px) {
  body[data-page=esg] .part { padding: 0 20px }
  body[data-page=esg] .part__title { margin-top: 35px; font-weight: 700 }
  body[data-page=esg] .part__title:after { height: 2px; margin-top: 10px }
  body[data-page=esg] .p4 .items { padding: 30px 0 60px; margin: 0 }
  body[data-page=esg] .p4 .items .item { width: 100%; margin: 0 0 20px; padding: 25px 25px 25px 60px }
  body[data-page=esg] .p4 .items .item:before { width: 19px; height: 6px; top: 10px; right: -5px }
  body[data-page=esg] .p4 .items .item .t1 { left: 18px; top: 18px }
  body[data-page=esg] .p4 .items .item .t1 img { width: 26px }
  body[data-page=esg] .p4 .items .item .t2 { font-size: 16px }
  body[data-page=esg] .p4 .items .item .t3 { display: none }
  body[data-page=esg] .p3 { background: 0 0; }
  body[data-page=esg] .p3 .controls { padding-bottom: 40px; margin-top: 0 }
  body[data-page=esg] .p3 .controls .swiper-prev,body[data-page=esg] .p3 .controls .swiper-next { display: none }
  body[data-page=esg] .p3 .controls .swiper-total { position: static; top: auto; width: 100%; text-align: center }
  body[data-page=esg] .p3 .controls .swiper-total span:nth-child(1) { font-size: 21px }
  body[data-page=esg] .p3 .controls .swiper-total span:nth-child(2) { font-size: 12px; margin: 0 10px }
  body[data-page=esg] .p3 .controls .swiper-total span:nth-child(3) { font-size: 12px }
  body[data-page=esg] .p3 .part__body { position: relative }
  body[data-page=esg] .p3 .swiper-container { overflow: visible; padding-top: 35px; padding-bottom: 40px; width: 210px; margin: 0 auto }
  body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t2 { font-size: 13px; top: 33% }
  body[data-page=esg] .p3 .swiper-container .swiper-slide .card .t3 { font-size: 13px; top: 79.5% }
  body[data-page=esg] .p2 { background: #fbfbfb }
  body[data-page=esg] .p2 .swiper-total { display: none }
  body[data-page=esg] .p2 .controls { display: none }
  body[data-page=esg] .p2 .swiper-container { margin: 0 -20px }
  body[data-page=esg] .p2 .swiper-container .swiper-wrapper { display: block; white-space: nowrap; padding-left: 20px }
  body[data-page=esg] .p2 .swiper-container .swiper-slide { width: 188px; float: none; display: inline-block; margin-right: 50px }
  body[data-page=esg] .p2 .swiper-container .swiper-slide .card { padding: 0 }
  body[data-page=esg] .p2 .swiper-container .swiper-slide .card .t2 { font-size: 13px }
  body[data-page=esg] .p2 .swiper-container .swiper-slide .card:hover .t1 { transform: scale(1) }
  body[data-page=esg] .p2 .swiper-container .swiper-slide:last-child { margin-right: 0 }
  body[data-page=esg] .p2 .iScrollHorizontalScrollbar { position: relative!important; left: 0!important; right: 0!important; top: 0!important; width: auto!important; margin: 30px 20px 40px; background-color: #ededed; height: 2px!important }
  body[data-page=esg] .p2 .iScrollHorizontalScrollbar .iScrollIndicator { height: 2px!important; border: 0!important; background-color: #d32430!important }
  body[data-page=esg] .p1 .desc { width: auto; margin: 0; padding: 35px 0; text-align: left; text-indent: 2em; font-size: 12px; line-height: 21px }
  body[data-page=esg] .p1 .desc:before,body[data-page=esg] .p1 .desc:after { display: none }
  body[data-page=esg] .p1 .controls { display: none }
  body[data-page=esg] .p1 .swiper-container { overflow: auto; margin: 0 -20px 30px -20px; padding-bottom: 30px }
  body[data-page=esg] .p1 .swiper-container::-webkit-scrollbar-thumb { width: 50px; background-color: #d32430; border-radius: 10px; transition: all 300ms ease }
  body[data-page=esg] .p1 .swiper-container::-webkit-scrollbar-thumb:hover { width: 50px; background-color: #d32430; border-radius: 8px }
  body[data-page=esg] .p1 .swiper-container::-webkit-scrollbar { width: 2px; height: 2px }
  body[data-page=esg] .p1 .swiper-container::-webkit-scrollbar-track-piece { background-color: #ededed; border-radius: 0; margin: 0 20px }
  body[data-page=esg] .p1 .swiper-container .swiper-wrapper .swiper-slide { width: 216px; margin-right: 25px }
  body[data-page=esg] .p1 .swiper-container .swiper-wrapper .swiper-slide:first-child { margin-left: 25px }
  body[data-page=esg] .p1 .swiper-container .swiper-wrapper .swiper-slide { width: 216px; margin-right: 25px }
  body[data-page=esg] .p1 .swiper-container .swiper-wrapper .swiper-slide:last-child { margin-right: 0 }
  body[data-page=esg] .p1 .item { width: 216px; height: 125px; margin-right: 25px }
  body[data-page=esg] .p1 .item .t2 { padding: 15px }
  body[data-page=esg] .p1 .item .t2>div:nth-child(1) { font-size: 14px; line-height: 24px }
  body[data-page=esg] .p1 .item .t2>div:nth-child(2) { font-size: 12px }
  body[data-page=esg] .p1 .iScrollHorizontalScrollbar { position: relative!important; left: 0!important; top: 0!important; margin: 30px 0; background-color: #ededed; height: 2px!important }
  body[data-page=esg] .p1 .iScrollHorizontalScrollbar .iScrollIndicator { height: 2px!important; border: 0!important; background-color: #d32430!important }
  body[data-page=esg] .p0 .desc { padding: 0; margin-top: 30px; margin-bottom: 30px }
  body[data-page=esg] .p0 .desc .t1 { font-size: 28px; margin: 0; font-weight: 700 }
  body[data-page=esg] .p0 .desc .t2 { position: static; text-align: center; padding: 25px 0 15px }
  body[data-page=esg] .p0 .desc .t2 img { width: 107px; height: auto; vertical-align: top }
  body[data-page=esg] .p0 .desc .t3 { font-size: 14px; font-weight: 700; line-height: 1.8 }
  body[data-page=esg] .p0 .desc .t4 { font-size: 14px; line-height: 1.8 }
  body[data-page=esg] .p0 .controls { display: none }
  body[data-page=esg] .p0 { margin-bottom: 80px }
  body[data-page=esg] .p0 .swiper-pagination { display: block; position: absolute; left: 0; width: 100%; bottom: -35px }
  body[data-page=esg] .p0 .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; margin: 0 10px; background-color: #e6e6e6; opacity: 1 }
  body[data-page=esg] .p0 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #d32430 }
  body[data-page=esg] .p0 .desc { padding: 0; margin-top: 30px; margin-bottom: 30px }
  body[data-page=esg] .p0 .desc .t1 { font-size: 28px; margin: 0; font-weight: 700 }
  body[data-page=esg] .p0 .desc .t2 { position: static; text-align: center; padding: 25px 0 15px }
  body[data-page=esg] .p0 .desc .t2 img { width: 107px; height: auto; vertical-align: top }
  body[data-page=esg] .p0 .desc .t3 { font-size: 14px; font-weight: 700; line-height: 1.8 }
  body[data-page=esg] .p0 .desc .t4 { font-size: 14px; line-height: 1.8 }
  body[data-page=esg] .p0 .controls { display: none }
  body[data-page=esg] .p0 .swiper-container { background-color: #e7e7e7 }
  body[data-page=esg] .p0 .swiper-container .swiper-wrapper .swiper-slide { height: 100% }
  body[data-page=esg] .p0 .item { height: auto }
  body[data-page=esg] .p0 .item .img { position: relative; height: 106px }
  body[data-page=esg] .p0 .item .t0 { position: relative; width: 100%; padding: 25px 20px 40px; background-color: transparent; color: #000 }
  body[data-page=esg] .p0 .item .t0 .t1 { padding-bottom: 15px }
  body[data-page=esg] .p0 .item .t0 .t2 { height: auto; padding: 0; line-height: 24px }
}
/*首页专栏*/
.dangjian { width: 274px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 999; padding: 0px; display: none; }
.dangjian-img { width: 100%; }
.dangjian-img2 img { width: 100%; }
.dangjian-close { background: rgba(0,0,0,.4) url("../images/icon-close-white_50b6b42.png") no-repeat center center; background-size: 10px 10px; opacity: .4; display: block; width: 18px; height: 18px; border-radius: 18px; line-height: 18px; text-align: center; cursor: pointer; color: #fff; z-index: 10; margin: 0 auto; margin-top: 10px; }
@media screen and (max-width:1366px) {
  .dangjian { width: 230px }
}
@media screen and (max-width:1024px) {
  .dangjian { width: 180px }
}
/*# sourceMappingURL=/css/style.css.map*/
/* ----2025-09-14---- */
/*英文版语言切换文字*/
.search-box .lang { font-size: 20px; color: #fff; position: absolute; left: 36px; bottom: 45px; width: auto; height: auto }
.search-box .lang a { color: #fff; }
.search-box .lang a:hover { opacity: 0.7 }
body[data-page=esg] .part.p1 .desc{background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 19.45%, rgba(255, 255, 255, 0.3) 77.77%, rgba(255, 255, 255, 1) 100%), rgba(250, 250, 250, 1);}
body[data-page=esg] .part.p1 .desc:before{width: 55px; height: 46px; background: url(250821gm_icon1.png) no-repeat center;}
body[data-page=esg] .part.p1 .desc:after{width: 55px; transform: inherit; height: 46px; background: url(250821gm_icon2.png) no-repeat center;}
body[data-page=esg] .p1 .desc{padding: 30px 100px;}
body[data-page=esg] .p4 .item:after{display: none !important;}
body[data-page=esg] .p4 .item span{position: absolute; height: 100px; background-size: auto 100%; bottom: 0px; right: 40px;}
body[data-page=esg] .p4 .item span img{height: 100%;}
body[data-page=esg] .p4 .item .t2{position: relative; z-index: 9;}
@media screen and (max-width:1680px) {
  .search-box .lang { font-size: 18px; left: 30px; bottom: 37px; }
  body[data-page=esg] .p4 .item span{height: 70px; right: 24px;}
}
@media screen and (max-width:1366px) {
  .search-box .lang { font-size: 16px; left: 26px; bottom: 27px; }
}
@media screen and (max-width:1680px){.search-box .lang{font-size:18px;left:30px;bottom:37px;}.business-modal__content{max-width:1200px;}}
@media screen and (max-width:1366px){.search-box .lang{font-size:16px;left:26px;bottom:27px;}.business-modal__content{max-width:1000px;}}
body[data-page=joinus] .main .map__info .table span { display: inline-block; float: left; }
body[data-page=joinus] .main .map__info .table span:nth-child(1) { margin-bottom: 10px; }

@media screen and (min-width:0\0) {
  body[data-page=index] .parts .p5.part .video .video-element video,body[data-page=index] .parts .p5.part .video .video-element object { width: inherit; }
  BODY[data-page=index] .parts .p4.part .table .swiper-container { height: 540px; overflow: hidden; }
  body[data-page=index] .parts .p5.part .video .video-element { width: auto; }
  body[data-page=index] .banner .swiper-container .swiper-slide .video .video-element video,body[data-page=index] .banner .swiper-container .swiper-slide .video .video-element object { width: inherit; }
  body[data-page=index] .banner .swiper-container .swiper-slide .video .video-element { right: 0px; width: auto; }
  body[data-page=aboutus] .p4.part .swiper-container .swiper-slide .card>div { padding-top: 40px; }
  .second-banner .video .video-element video,.second-banner .video .video-element object { width: inherit; }
  .second-banner .video .video-element video,.second-banner .video .video-element { right: 0px; width: auto; }
  body[data-page=esg] .p0 .t2 .swiper-wrapper { height: 482px; overflow: hidden; }
  /* IE9+ */
  
}
@media \0screen {
  BODY[data-page=index] { overflow: inherit; }
  .fixed.header { background: #000; }
  .header .search { top: 0px; left: inherit; text-align: center; right: 0px; width: 90px; height: 90px; line-height: 90px; }
  .header .search IMG { left: 50%; top: 50%; margin-top: -11px; margin-left: -11px; }
  .part.p1 { display: none; }
  .part.p1,.part.p2,.part.p3,.part.p4,.part.p5 { padding: 50px 0px; }
  BODY[data-page=index] .parts .p3.part .swiper-container { white-space: nowrap; }
  BODY[data-page=index] .parts .p3.part .swiper-container .swiper-slide .title { padding-top: 10%; }
  BODY[data-page=index] .parts .p3.part .swiper-container .swiper-slide { width: 25%; }
  .part-pagination__content { display: none; }
  BODY[data-page=index] .parts .p3.part .swiper-container .swiper-slide .desc { white-space: normal; }
  BODY[data-page=index] .parts .p3 .module__content { overflow: hidden; height: 500px !important; }
  BODY[data-page=index] .module__content .arrow { display: none; }
  BODY[data-page=index] .parts .p4.part .table .swiper-container .swiper-wrapper { overflow: hidden; height: 450px !important; }
  BODY[data-page=index] .parts .p4.part .table .swiper-container .swiper-slide .title { font-size: 20px; color: #000; }
  BODY[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title { background: #f9f9f9; padding: 20px; }
  BODY[data-page=index] .parts .part.p4 .table .swiper-container .swiper-slide .title div:first-child { display: none; }
  BODY[data-page=index] .parts .p4.part .table .news__item { padding: 20px; margin-left: 30px; line-height: 40px; font-size: 20px; }
  BODY[data-page=index] .parts .p4.part .table .news__item div:first-child { display: none; }
  BODY[data-page=index] .parts .p5.part .swiper-container .swiper-wrapper { overflow: hidden; height: 450px !important; }
  .second-banner .text>div:first-child { font-size: 46px; font-weight: 500; }
  BODY[data-page=aboutus] .p4.part .swiper-container .swiper-wrapper { white-space: nowrap; overflow: hidden; }
  BODY[data-page=aboutus] .p4.part .swiper-container .swiper-slide { display: inline-block; width: 23%; margin: 1%; }
  body[data-page=aboutus] .part.p4 .card>div { top: 30%; font-size: 30px; line-height: 1.5; }
  body[data-page=aboutus] .part.p7 .title>div:first-child { margin-bottom: 30px; }
  body[data-page=esg] .p0 .t2 .swiper-wrapper { height: 482px; overflow: hidden; }
  .news-card .list .item { width: 40%; }
  .news-card .list .items { overflow: auto; }
  body[data-page=esg] .p3 .swiper-container .swiper-slide { width: 23%; margin: 1%; }
  body[data-page=esg] .p4 .item:after { display: none; }
  body[data-page=esg] .p2 .swiper-container .swiper-slide { width: 25%; margin-bottom: 32px; }
  .search-box .lang{bottom: 10px;}
  /* 仅IE8 */
  
}
@media screen and (max-width:1660px) {
body[data-page=index] .parts .part.p2 .table .tr .td{padding-top: 20px;}
body[data-page=index] .parts .part.p2 .numbers>div{padding: 24px 0px;}
body[data-page=index] .parts .part.p2 .table .tr .td .content .title{margin-bottom: 20px;}
body[data-page=index] .parts .part.p2 .table .tr .td .content .desc{font-size: 16px; line-height: 1.3;}
body[data-page=index] .parts .part.p5 .table{width: 100% !important;}
body[data-page=index] .module__content{padding-left: 100px !important;}
}

@media screen and (max-width:1440px) {
  .footer .inner__info .right .focus__icon__tooltip .qrcode{padding: 10px;}
  .qrcode__img img{height:130px;}
  .footer .inner__info .right .focus__icon__tooltip .qrcode__desc{margin-bottom: 6px;}
  
}
@media screen and (max-width:1025px) {
body[data-page=index] .module__more svg, body[data-page=index] .module__more img{width: 40px;}
.list.iscroll.touch-action-none>div{transform: inherit !important; overflow: inherit;}
.news-card .list{overflow: inherit;}
.news-card .list .item{width: 100%;}
.news-card .list{width: 100%;}
body[data-page=aboutus] .part.p4 .swiper-container .swiper-wrapper{width: 100% !important;}
.active-bar{display: none;}
body[data-page=joinus] .main .map__info{right: 0px;}
body[data-page=joinus] .main .map__info .td{height: 50px;}
body[data-page=index] .parts .part.p5 .table{width: 100%;}
body[data-page=joinus] .main .map__info .td{padding-left: 70px;}
 body[data-page=esg] .p4 .item span{height: 50px; right: 24px;}
 body[data-page=esg] .p1 .desc{padding: 20px;}
 body[data-page=index] .parts .part.p2 .numbers{display: block;}
}

@media screen and (max-width: 1024px){
  body[data-page=index] .module__content{padding-left: 0 !important;}
}