/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');*/

@charset "UTF-8";
@font-face{
    font-family: "SairaCondensed-SemiBold";
    src: url("../fonts/SairaCondensed-SemiBold.ttf") format("truetype");
}
@font-face{
    font-family: "ITCAvantGardeStd-XLt";
    src: url("../fonts/ITCAvantGardeStd-XLt.otf") format("opentype");
}
@font-face{
    font-family: "ITCAvantGardeStd-Md";
    src: url("../fonts/ITCAvantGardeStd-Md.otf") format("opentype");
}
@font-face {
    font-family: 'icon';
    src:  url('../fonts/icon.eot?jd4iux');
    src:  url('../fonts/icon.eot?jd4iux#iefix') format('embedded-opentype'),
    url('../fonts/icon.ttf?jd4iux') format('truetype'),
    url('../fonts/icon.woff?jd4iux') format('woff'),
    url('../fonts/icon.svg?jd4iux#icon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
  content: "\e90a";
}
.icon-qq:before {
  content: "\e900";
}
.icon-left:before {
  content: "\e901";
}
.icon-right:before {
  content: "\e902";
}
.icon-down:before {
  content: "\e903";
}
.icon-arrow-right:before {
  content: "\e904";
}
.icon-mouse:before {
  content: "\e905";
}
.icon-search:before {
  content: "\e906";
}
.icon-weibo:before {
  content: "\e907";
}
.icon-wechat:before {
  content: "\e908";
}
.icon-download:before {
  content: "\e909";
}


:root {
    --swiper-theme-color:#007aff;
    --swiper-navigation-size:44px
}
@-ms-viewport {
    width: device-width;
}
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
}
body{
    font-family: 'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;
    color: #333;
    font-weight: 400;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
address {
    font-style: normal;
    line-height: inherit;
}
b, strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
pre, code, kbd, samp {
    font-family: monospace;
    font-size: 1em;
}
summary {
    display: list-item;
}
fieldset {
    min-width: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #868e96;
    text-align: left;
    caption-side: bottom;
}
ul, ol, dl {
    list-style: none;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
a {
    outline: none;
    color: #333333;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: linear .15s color;
    -o-transition: linear .15s color;
    transition: linear .15s color;
    -webkit-text-decoration-skip: objects;
}
a:hover{
    color: #999999;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}
img,video {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}
svg:not(:root) {
    overflow: hidden;
}
a, area, button, [role="button"], input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
input, button, select, optgroup, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0;
}
button, input {
    overflow: hidden;
    border:1px solid #dcdcdc;
    background:none;
}
button, select {
    text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox;
}
textarea {
    overflow: auto;
    resize: vertical;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
[role="button"]{
    outline: none;
    cursor: pointer;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
template,[hidden] {
    display: none !important;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: inherit;
    line-height: 1;
    color: inherit;
}
h1, .h1 {
    font-size: 2.8rem;
}
h2, .h2 {
    font-size: 2.6rem;
}
h3, .h3 {
    font-size: 2.4rem;
}
h4, .h4 {
    font-size: 2.2rem;
}
h5, .h5 {
    font-size: 2rem;
}
h6, .h6 {
    font-size: 1.8rem;
}

::selection {
    background: #04263C;
    color: #fff;
}
::-moz-selection {
    background: #04263C;
    color: #fff;
}
::-webkit-selection {
    background: #04263C;
    color: #fff;
}
body::-webkit-scrollbar-track {
  width: 0px;
  display: none;
}
body::-webkit-scrollbar {
  width: 0px;
}
body::-webkit-scrollbar-thumb {
  width: 0px;
}

.loading{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background-color: #003e6d;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading>div{
    background-image: url(../images/loading.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 200px;
    padding: 20px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 20px 5px #002a4a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.relative{
    position: relative;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-width: 1600px;
}
.warp{
    max-width: 100%;
    padding: 0 15px;
    margin-right: auto;
    margin-left: auto;
}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
.container:before,
.clearfix:before,
.row:before,
.warp:before{
    content: '';
    clear: both;
}
.container:after,
.clearfix:after,
.row:after,
.warp:after{
    content: '';
    display: table;
    clear: both;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.flex-center {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 100%;
    height: 100%;
}
[class^="paragraph-limit-"]{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.paragraph-limit{
    -webkit-box-flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.paragraph-limit-2{
    -webkit-line-clamp: 2;
}
.paragraph-limit-3{
    -webkit-line-clamp: 3;
}
.paragraph-limit-4{
    -webkit-line-clamp: 4;
}
.paragraph-limit-7{
    -webkit-line-clamp: 7;
}
.full-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/**
 * Swiper style
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;will-change:transform;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-timing-function:cubic-bezier(.77,0,.175,1);-o-transition-timing-function:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1);}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.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-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-container-fade .swiper-slide{pointer-events:none;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}

/*fancybox style*/

body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>script,.fancybox-slide>style{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);color:#ccc;transition:color .3s ease;cursor:pointer}.fancybox-button[disabled]{cursor:default;opacity:.6}.fancybox-button:hover:not([disabled]){color:#fff}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2),.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);text-align:center;font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:3px;background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#888}.fancybox-share_button:hover{box-shadow:0 1px 2px rgba(0,0,0,.5);text-decoration:none;color:#555}.fancybox-share_button svg{margin-right:5px;width:23px;height:23px;vertical-align:top}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}

header{
    width: 100%;
    height: 80px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .logo{
    height: 32px;
}
header .logo a{
    display: inline-block;
    font-size: 0;
}
.main-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
.main-bg .bg-slide{
    height: 100vh;
    width: 100%;
}
.main-bg .bg-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.main-bg .swiper-pagination-block{
    width: 100%;
    padding-left: 470px;
    padding-right: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    z-index: 1;
}
.main-bg .swiper-pagination-block .link-more{
    font-size: 16px;
    color: #6F6F6F;
}
.main-bg .swiper-pagination-block .swiper-pagination{
    text-align: left;
    margin-left: 50px;
    position: relative;
}
.main-bg .swiper-pagination-block .swiper-pagination span{
    margin: 0 30px;
    position: relative;
}
/*.main-bg .swiper-pagination-block .swiper-pagination span:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/767326534.svg);
}
*/
.main-bg .swiper-pagination-block .swiper-pagination span.swiper-pagination-bullet-active:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #007AFF;
}


.main-nav li a{
    opacity: 0.7;
    transition: ease all .3s;
    color: inherit;
}
.main-nav li a i{
    font-style: normal;
    font-weight: 700;
}
.main-nav li a:hover{
    opacity: 1;
}
.logo{
    position: fixed;
    top: 40px;
    left: 75px;
    z-index: 990;
}

.swiper-main-nav{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0068B7;
    padding: 40px 30px 30px 90px;
}
.swiper-main-nav .slide-content{
    padding-left: 40px;
}
.swiper-main-nav .slide-content .content-title{
    font-size: 30px;
    position: relative;
}
.swiper-main-nav .slide-content .content-title:after{
    content: '';
    display: block;
    position: absolute;
    border-top: 2px solid #fff;
    width: 25px;
    left: -40px;
    top: 22px;
}
.swiper-main-nav .slide-content p{
    font-size: 16px;
    font-weight: 300;
    color: #9fd6ff;
    margin-top: 15px;
    transform: translateY(50px);
}
.swiper-slide-active .slide-content p{
    transition: ease all 1s;
    transform: translateY(0px);
}
.swiper-main-nav .swiper-pagination{
    position: relative;
    text-align: left;
    padding-left: 40px;
    margin-top: 20px;
}
.swiper-main-nav .swiper-pagination span{
    margin-right: 20px;
    position: relative;
    background: none;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
}
.swiper-main-nav .swiper-pagination span:after{
    content: attr(data-num);
    font-size: 16px;
}

.scroll-wrapper{
    z-index: 1;
    pointer-events: none;
    padding-left: 470px;
}
.scroll-wrapper:before{
    content: '';
    height: 100vh;
    width: 100%;
    display: block;
}
.scroll-wrapper .main{
    background-color: #ffffff;
    pointer-events: auto;
    padding-top: 110px;
}
section{
}

.m0{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.m0-slideUp{
    opacity:0;
    transform: translateY(10px);
}
.m0-blurIn.animated,
.swiper-slide-active .m0-blurIn{
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-name: blurIn;
    animation-name: blurIn;
    /*transform: translateX(-235px);*/
}
.m0-slideUp.animated,
.swiper-slide-active .m0-slideUp{
    opacity: 1;
    transition: ease all .7s;
    transform: translateY(0px);
}
@-webkit-keyframes blurIn {
    from {
        opacity:0;
        filter:blur(20px);
        transform:scale(1.3)
    }
    to {
        opacity:1;
        filter:blur(0);
        transform:none
    }
}
@keyframes blurIn {
    from {
        opacity:0;
        filter:blur(20px);
        transform:scale(1.3)
    }
    to {
        opacity:1;
        filter:blur(0);
        transform:none
    }
}
.m0-title{
    color: #fff;
    font-size: calc(15.71429px + 1.82857vw);
    line-height: 1;
    text-align: center;
    padding: 0 10px;
    font-weight: 700;
}
.m0-title i{
        font-style: normal;
    font-weight: 700;
}
.m0-title p{
    padding: 0 10px;
    line-height: 1.5;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 300;
}
.products-review{
    width: 100%;
    display: block;
    max-width: 500px;
}
.products-review ul{
    width: 100%;
    margin-top: 100px;
    height: 180px;
    position: relative;
}
.products-review ul li{
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-color: #0068B7;
    border-radius: 50%;
    transition: ease all 1s;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M938.516%20597.183H85.484C38.528%20597.183%200%20559.257%200%20511.699c0-46.956%2037.926-85.484%2085.484-85.484h853.032c46.956%200%2085.484%2037.926%2085.484%2085.484%200%2047.558-37.926%2085.484-85.484%2085.484zM512.301%201024c-46.956%200-85.484-37.926-85.484-85.484V85.484C426.817%2037.926%20464.743%200%20512.301%200c46.956%200%2085.484%2037.926%2085.484%2085.484v853.634C597.183%20985.472%20559.257%201024%20512.3%201024z%20m0%200%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}
.products-review ul li:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    box-shadow: 0 0 0px 5px rgb(0,126,222,40%);
    bottom: 0;
    z-index: 0;
    transition: ease all .5s;
}
.products-review ul li:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    box-shadow: 0 0 0px 20px rgb(0,126,222,40%);
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    transition: ease all .5s .1s;
}
.products-review ul li .products-review-grid{
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0px 12px rgb(0,126,222,40%);
    overflow: hidden;
    transform: translate(-50%,-50%)scale(0);
    display: flex;
    align-items: center;
    justify-content: center;
}
.products-review ul li .products-review-grid a{
    display: block;
}
.products-review ul li:hover:before,
.products-review ul li:hover:after{
    transform: scale(0);
}
.products-review ul li:hover .products-review-grid{
    transition: cubic-bezier(0.67, -0.18, 0, 1.52) transform 1s .1s;
    transform: translate(-50%,-50%)scale(1);
}
.swiper-slide:nth-child(1) .products-review ul li{
    bottom: 50px;
    left: 28px;
}
.swiper-slide:nth-child(2) .products-review ul li{
    bottom: 0;
    left: 25%;
}
.swiper-slide:nth-child(3) .products-review ul li{
    bottom: 50px;
    left: 45%;
}
.swiper-slide:nth-child(4) .products-review ul li{
    bottom: 0;
    left: 65%;
}
.swiper-slide:nth-child(5) .products-review ul li{
    bottom: 80px;
    left: 85%;
}

.product-detail-top{
    display: flex;
}
.product-detail-main{
    margin-top: 55px;
    padding-top: 55px;
    border-top: 1px solid #dedede;
}
.product-detail-thumbs{
    width: 30%;
    flex-shrink: 0;
}
.product-detail-description{
    width: 70%;
    padding-left: 80px;
}
.product-detail-description .back-all{
    float: right;
}
.product-detail-description .contact-btns{
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
}
.product-detail-description .contact-btns a{
    display: inline-block;
    padding: 15px;
    width: 220px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 14px;
}
.product-detail-description .contact-btns a:first-child{
    background-color: #184B8A;
}
.product-detail-description .contact-btns a:last-child{
    background-color: #282828;
}
.product-type{
    font-size: 28px;
    color: #184B8A;
    font-weight: 500;
}
.product-name{
    font-size: 24px;
    font-weight: 500;
}

.product-detail-thumbs .swiper-container{
    padding-bottom: 60px;
}
.product-detail-thumbs .swiper-pagination{
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 0;
}
.product-detail-content{
    padding-top: 30px;
    margin-top: 80px;
    border-top: 1px solid #dedede;
}
.product-detail-content .edit-block{
    line-height: 2;
    font-size: 14px;
    color: #454545;
}
.product-detail-content .edit-block *{
    white-space: normal!important;
    max-width: 100%!important;
}

.wrapper{
    margin: 0 130px;
}

.an-title{
    color: #2C2C2C;
    font-size: calc(15.71429px + 1.82857vw);
    font-weight: 700;
}

.an-title i{
    font-style: normal;
    font-weight: 900;
}
.s-an-title{
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
}
.m1{
    display: flex;
    justify-content: space-between;
}
.m1>div{
    width: 45%;
}
.m1 .desription{
    margin-top: 80px;
    font-size: 14px;
    color: #797C80;
    line-height: 2.5;
}
.m1 .map-pic{
    position: relative;
    min-height: 200px;
    pointer-events: none;
}
.m1 .map-pic a{
    position: absolute;
    bottom: 50px;
    left: 0;
}
.num-group{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.num-group li{
    display: flex;
    align-items: flex-end;
    padding-right: 20px;
    margin-bottom: 20px;
}
.num-group span{
    font-size: 32px;
    color: #2D3137;
    vertical-align: text-bottom;
    display: inline-block;
    line-height: 0.85;
    font-family: "SairaCondensed-SemiBold";
}

.m1 .num-group{
    transform: translateY(80px);
}

a.link-btn{
    display: inline-block;
    border: 1px solid #D6D8DB;
    color: #333;
    padding: 15px 60px;
    font-size: 14px;
    transition: ease all .3s;
    position: relative;
}
a.link-btn:hover{
    background-color: #0068B7;
    border-color: #0068B7;
    color: #ffffff;
}
a.link-btn:before{
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    left: -1px;
    height: 20px;
    border-left: 2px solid #0068B7;
    transition: ease all .3s;
}
a.link-btn:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    border-bottom: 1px solid #D6D8DB;
    transition: ease all .3s;
}
a.link-btn:hover:before{
    top: 0;
    height: 100%;
    border-color: #00355d;
}
a.link-btn:hover:after{
    width: 20px;
    right: 15px;
}
.m1>div.company-pic-group{
    padding-right: 130px;
    width: 50%;
    max-width: 700px;
    overflow: hidden;
}
.m1>div.company-pic-group .swiper-container{
    overflow: unset;
}
.company-pic-block{
    position: relative;
    margin-right: 40px;
    overflow: hidden;
}
/*.company-pic-block:after{
    content: '';
    display: block;
    height: 200px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    transition: ease all .3s;
}
.company-pic-group .swiper-slide-active .company-pic-block:after{
    height: 0;
}*/

.company-pic-block img{
    cursor: pointer;
    width: 100%;
    filter:brightness(0.8);
    max-width: 500px;
    transform: translateY(110px);
    transition: cubic-bezier(.77,0,.175,1) all 1s;
}
.company-pic-group .swiper-slide-active .company-pic-block img{
        filter:brightness(1);
    transform: translateY(0px);
}
.company-pic-group .swiper-pagination{
    margin-top: 50px;
    position: relative;
    padding: 20px 10px;
    text-align: left;
}
.company-pic-group .swiper-pagination span{
    margin-right: 30px;
    position: relative;
}
.company-pic-group .swiper-pagination span.swiper-pagination-bullet-active:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #007AFF;
}

.m1-about,
.m2-products,
.m3-technology{
    /*padding-left: calc(6vw + 50px);*/
    padding-left: 130px;
    margin-bottom: 100px;
}
.m2-products-main,
.m3-technology{
    position: relative;
}
.m2-products-main{
    margin-top: 80px;
    display: flex;
}
.m2-products-main .left,
.m2-products-main .right{
    float: left;
}
.m2-products-main .left{
    width: 330px;
}
.m2-products-main .right{
    display: flex;
    width: calc(100% - 330px);
    background-color: #F8F8F9;
}
.m2-products-main .right .right-pics{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.m2-products-main .right .right-pics a:first-child{
    transform: translateY(-50%);
}
.m2-products-main-detail-list{
    padding: 50px 45px;
    width: 290px;
}
.m2-products-main-detail-list li{
    margin-bottom: 50px;
    color: #797C80;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.75;
}
.m2-products-main-detail-list li:nth-child(2){
    width: 300px;
    transform: translateX(80%);
}
.m2-products-main-detail-list li p{
    color: #C3C7CF;
    font-family: "ITCAvantGardeStd-XLt";
    font-size: 18px;

}
.m2-products-main-detail-list li h4{
    color: #2C2C2C;
    font-weight: 500;
    margin: 10px 0;
}
.m2-products-main .left .link{
    margin-top: 110px;
    margin-bottom: 50px;
}
.m2-products-main{
    position: relative;
    z-index: 1;
}
.m3-technology:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/20201229100056.gif);
    opacity: 0.15;
}
.m3-technology-main{
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-right: 270px;
}
.footer{
    padding: 54px 0;
    background-color: #F9F9F9;
}
.footer-wrapper{
    /*padding-left: calc(6vw + 50px);
    padding-right: 100px;*/
    padding: 0 130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-wrapper .items{
    width: 33.333333%;
    padding-right: 10px;
}
.footer-wrapper .items h2{
    font-size: 20px;
    color: #111;
    font-weight: 700;
    margin-bottom: 20px;
}
.footer-wrapper .items h4{
    font-size: 14px;
}
.footer-wrapper .items p{
    margin-bottom: 15px;
    font-size: 14px;
}
.footer-wrapper .items a{
    color: #020202;
    font-size: 16px;
    font-weight: 700;
    font-family: "ITCAvantGardeStd-XLt";
}
.footer-wrapper .items a:hover{
    color: #0068B7;
}
.ft-social{
    text-align: right;
}
.ft-social ul{
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}
.ft-social ul li{
    margin-left: 20px;
}
.ft-social ul li>a{
    display: block;
    text-align: center;
    line-height: 41px;
    font-size: 16px!important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
}
.ft-social ul li>a:hover{
    border-color: #0068B7;
}
.copyright{
    width: 100%;
    line-height: 1.75;
    text-align: right;
    font-size: 14px;
    margin-top: 20px;
    color: #777777;
}
.copyright a{
    color: #777777;
}
.copyright a:hover{
    color: #184B8A
}
.copyright span{
    display: inline-block;
    white-space: nowrap;
    padding-left: 20px;
}
.m3-technology-overview{
    position: relative;
    padding: 80px 0 100px 0;
}
.m3-technology-overview .swiper-pagination{
    position: relative;
    width: 100%;
    text-align: right;
    font-size: 16px;
    margin-bottom: 45px;
    line-height: 1;
}
.m3-technology-overview .swiper-pagination span{
    display: inline-block;
    font-family: "ITCAvantGardeStd-Md";
}
.m3-technology-overview .swiper-pagination span.swiper-pagination-current{
    font-size: 24px;
}
.m3-technology-swiper{
    overflow: unset;
}
.m3-technology-swiper .slide-content{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.m3-technology-swiper .slide-content .pic{
    width: 55%;
}
.m3-technology-swiper .slide-content .info{
    width: 45%;
    padding: 0 90px 0 45px;
    color: #797C80;
    line-height: 2;
    font-size: 14px;
}
.m3-technology-swiper .slide-content .info h4{
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 50px;
    color: #1B1B1B;
}
.m3-technology-list ul{
    display: flex;
    position: relative;
}
.m3-technology-list ul:after{
    content: '';
    width: 100%;
    left: 100%;
    top: 50%;
    transform: translateY(50%);
    position: absolute;
    border-top: 1px solid #ddd;
}
.m3-technology-list ul li{
    width: 25%;
    font-size: 18px;
    color: #C3C7CF;
    transition: ease all .3s;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.m3-technology-list ul li:before{
    content: '';
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
}
.m3-technology-list ul li span{
    padding: 0 20px 0 60px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
.m3-technology-list ul li span:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ddd;
    display: block;
    position: absolute;
    left: 30px;
    top: 10px;
    transition: ease all .3s;
}
.m3-technology-list ul li:hover span:before,
.m3-technology-list ul li.on span:before{
    background-color: #067ED9;
}
.m3-technology-list ul li span:after{
    content: attr(num);
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    color: #0068B7;
    opacity: 0;
    transform: translateY(-50%);
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    font-family: "ITCAvantGardeStd-Md";
    opacity: 0;
    transition: ease all 1s;
}
.m3-technology-list ul li.on span:after{
    opacity: 0.1;
}
.m3-technology-list ul li:hover,
.m3-technology-list ul li.on{
    color: #181818;
    font-weight: 700;
}
.main-top-nav-fixed{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #ffffff;
    margin-left: 470px;
    z-index: 2;
    transform: translateY(-100%);
}
.main-top-nav-fixed.scrolled{
    transition: ease all .3s;
    transform: translateY(0%);
}

.main-top-nav ul{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    overflow-x: auto;
    overflow-y: hidden;
}
.main-top-nav ul li{
    padding: 31px 20px;
    white-space: nowrap;
    color: #8F949C;
    font-size: 18px;
    position: relative;
}
.main-top-nav ul li.on{
    color: #2C2C2C;
    font-weight: 500;
}
.main-top-nav ul li.on:after{
    content: '';
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    border-bottom: 2px solid #0068B7;
}
.main-top-nav ul li a{
    color: inherit;
}
.main-top-nav ul li a:hover{
    color: #2C2C2C;
}


.page-content{
    margin-top: 100px;
    margin-bottom: 100px;
}
.a2 .desription,
.a1 .desription{
    margin: 80px 0;
    font-size: 14px;
    color: #797C80;
    line-height: 2.5;
}
.a2 .desription{
    max-width: 840px;
}

.company-overflow-swiper{
    margin-top: 80px;
}
.company-overflow-swiper .swiper-pagination{
    position: relative;
    width: 100%;
    text-align: right;
    padding: 0 5px;
    margin-bottom: 40px;
}
.company-overflow-swiper .swiper-pagination span{
    margin-left: 30px;
    position: relative;
}
.company-overflow-swiper .swiper-pagination span.swiper-pagination-bullet-active:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #007AFF;
}
.company-overflow-swiper-mian{
    padding: 0 80px;
    position: relative;
}
.company-overflow-swiper-mian .swiper-btn-next,
.company-overflow-swiper-mian .swiper-btn-prev{
    position: absolute;
    width: 42px;
    height: 42px;
    border: 1px solid #C6C6C6;
    color: #C6C6C6;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    transition: ease all .2s;
    top: 50%;
    transform: translateY(-50%);
}
.company-overflow-swiper-mian .swiper-btn-next:hover,
.company-overflow-swiper-mian .swiper-btn-prev:hover{
    background-color: #184B8A;
    color: #fff;
    border-color: #184B8A;
}

.company-overflow-swiper-mian .swiper-btn-next{
    right: 5px;
}
.company-overflow-swiper-mian .swiper-btn-prev{
    left: 5px;
}

.a2-row{
    display: flex;
    justify-content: space-between;
}
.a2-h2{
    flex-shrink: 0;
    white-space: nowrap;
    margin: 80px 0;
    font-size: 32px;
    font-weight: 700;
    color: #2C2C2C;
}

.technology-all-block{
    display: flex;
}
.factory-overflow-swiper{
    max-width: 840px;
    float: left;
}
.technology-overflow-swiper{
    width: 100%;
}
.factory-overflow-swiper .slide-content{
    overflow: hidden;
    cursor: pointer;
}
.factory-overflow-swiper .slide-content img{
    width: 100%;
    transform-origin: center bottom;
    transition: cubic-bezier(1, 0, 0.25, 1) all 1s;
}
.factory-overflow-swiper .slide-content:hover img{
    transform: scale(1.1);
}
.factory-overflow-swiper-control-btns{
    float: left;
    display: flex;
    justify-content: center;
    width: 200px;
}
.technology-overflow-swiper-control-btns{
    float: left;
    display: flex;
    width: 400px;
}
.technology-overflow-swiper-control-btns .swiper-btn-prev,
.technology-overflow-swiper-control-btns .swiper-btn-next,
.factory-overflow-swiper-control-btns .swiper-btn-prev,
.factory-overflow-swiper-control-btns .swiper-btn-next{
    width: 42px;
    height: 42px;
    border: 1px solid #C6C6C6;
    color: #C6C6C6;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    transition: ease all .2s;
}
.technology-overflow-swiper-control-btns .swiper-btn-prev:hover,
.technology-overflow-swiper-control-btns .swiper-btn-next:hover,
.factory-overflow-swiper-control-btns .swiper-btn-prev:hover,
.factory-overflow-swiper-control-btns .swiper-btn-next:hover{
    background-color: #184B8A;
    color: #fff;
    border-color: #184B8A;
}

.join-top,
.culture-top,
.solutions-top,
.products-top,
.technology-top{
    display: flex;
    justify-content: space-between;
}
.join-title,
.partner-title,
.member-title,
.culture-title,
.solutions-title,
.honor-title,
.technology-title{
    font-size: calc(12.71429px + 1.62857vw);
    width: 40%;
    font-weight: 400;
}

.products-title{
    width: 65%;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 28px;
}

.join-title span,
.partner-title span,
.member-title span,
.culture-title span,
.solutions-title span,
.honor-title span,
.products-title span,
.technology-title span{
    color: #184B8A;
}
.join-desription,
.culture-desription{
    width: 50%;
    font-size: 14px;
    color: #797C80;
    line-height: 2;
}
.products-recommend,
.solutions-list{
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.products-title{
    padding: 0 20px;
}
.products-wrapper .row{
    margin: 0 -20px;
}
.products-list{
    display: flex;
    flex-wrap: wrap;
}

.solve-link{
    margin-top: 50px;
    display: flex;
    float: left;
    font-size: 14px;
    line-height: 40px;
}
.solve-link span{
    display: block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #DCDFE4;
    color: #184B8A;
    font-size: 16px;
    text-align: center;
    transition: ease all .3s;
}
.solve-link:hover span{
    color: #fff;
    background-color: #184B8A;
}
/*.products-recommend,
.products-list{
    margin: 0 -20px;
}*/
.products-recommend .product-grid{
    width: 50%;
}
.products-list .product-grid{
    width: 25%;
}
.product-grid{
    display: block;
    margin-top: 70px;
    padding: 0 20px;
}
.product-grid img{
    transition: ease all 1s;
}
.product-grid img:hover{
    box-shadow: 0 0 14px #c5c5c5;
}
.product-grid>div {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 20px 0;
    color: inherit;
    border-bottom: 1px solid #ddd;
    transition: ease all .7s;
}
.product-grid a {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.product-grid a>span{
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background-color: #dedede;
    transition: ease all .3s;
}
.product-grid a:hover {
    color: #0068B7;
}
.product-grid a:hover>span{
    color: #ffffff;
    background-color: #0068B7;
}


.culture-block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.solutions-list .fancybox-grid,
.honor-list .fancybox-grid,
.culture-block .fancybox-grid{
    display: block;
    margin-top: 70px;
}
.honor-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.honor-list .fancybox-grid{
    width: 30%;
}
.solutions-list .fancybox-grid>div,
.honor-list .fancybox-grid>div{
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 20px 0;
    color: inherit;
    border-bottom: 1px solid #ddd;
    transition: ease all .7s
}
.solutions-list .fancybox-grid a,
.honor-list .fancybox-grid a{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.solutions-list .fancybox-grid a:hover,
.honor-list .fancybox-grid a:hover{
    color: #0068B7;
}
.culture-block p{
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    color: inherit;
}
.fancybox-grid a[data-fancybox]:hover img{
    transition: ease all 1s
}
.fancybox-grid a[data-fancybox]:hover img{
    box-shadow: 0 0 14px #c5c5c5;
}
.list-tabs{
    float: left;
    font-size: 16px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
}
.list-tabs a{
    padding-left: 50px;
    margin-top: 17px;
    position: relative;
    display: inline-block;
}
.list-tabs a:before{
    content: '';
    position: absolute;
    display: block;
    border-top: 1px solid #184B8A;
    top: 50%;
    left: 0;
    width: 0;
    transition: ease width .7s
}
.list-tabs a.on:before{
    
    width: 40px;
}
.list-tabs a.on,
.list-tabs a:hover{
    color: #184B8A;
}

.history-top{
    height: 280px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px;
    display: flex;
    align-items: center;
    font-size: 36px;
    color: #ffffff;
}
.history-main{
    margin-top: 110px;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.history-infos{
    position: relative;
    width: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 2;
    margin-top: 50px;
}
.history-infos h2{
    font-family: "SairaCondensed-SemiBold";
    font-size: 36px;
    margin-bottom: 36px;
}
.history-main ul>li{
    padding: 20px 0;
}
.history-main ul>li span{
    background-color: #ffffff;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border-radius: 50%;
    border: 1px solid #dedede;
}
.history-main ul li:nth-child(1) span{
    transform: translateY(30px);
}
.history-main ul li:nth-child(2) span{
    transform: translateY(6px);
}
.history-main ul li:nth-child(3) span{
    transform: translateY(-6px);
}
.history-main ul li:nth-child(4) span{
    transform: translateY(-15px);
}
.history-main ul li:nth-child(5) span{
    transform: translateY(-20px);
}
.history-main ul li:nth-child(6) span{
    transform: translateY(-20px);
}
.history-main ul li:nth-child(7) span{
    transform: translateY(-15px);
}
.history-main ul li:nth-child(8) span{
    transform: translateY(-6px);
}
.history-main ul li:nth-child(9) span{
    transform: translateY(6px);
}
.history-main ul>li.swiper-slide-active span{
    border-color: #184B8A;
}
.history-circle-box{
    position: relative;
    width: 100%;
    height: 100px;
}
.history-infos .swiper-btn-next,
.history-infos .swiper-btn-prev{
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    bottom: 50px;
    cursor: pointer;
    z-index: 99;
    font-size: 20px;
}
.history-infos .swiper-btn-next i,
.history-infos .swiper-btn-prev i{
    transition: ease all .2s;
}
.history-infos .swiper-btn-next:hover i{
    transform: translateX(5px);
}
.history-infos .swiper-btn-prev:hover i{
    transform: translateX(-5px);
}
.history-infos .swiper-btn-next:hover,
.history-infos .swiper-btn-prev:hover{
    color: #184B8A;
}
.history-infos .swiper-btn-next{
    right: -20px;
}
.history-infos .swiper-btn-prev{
    left: -20px;
}
.history-circle-box .swiper-container{
    height: 100%;
}
.history-circle-backgorund-line{
    position: absolute;
    top: 20px;
    left: 0;
    z-index: -1;
}
.history-circle-backgorund-line img{
    max-width: unset;
    position: absolute;
    top: 0;
    left: 0;
}
.history-circle-box li{
    text-align: center;
    font-family: "SairaCondensed-SemiBold";
    font-size: 17px;
    cursor: pointer;
}
.history-circle-box li.swiper-slide-active{
    color: #184B8A
}

.member-main{
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}
.member-main .member-map{
    position: relative;
}
.member-main .member-map span{
    position: absolute;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    background-color: #0068B7;
    cursor: pointer;
}
.member-main .member-map span i{
    font-style: normal;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 150%;
    text-align: center;
    white-space: nowrap;
    color: #535353;
    font-size: 14px;
    line-height: 1;
}
.member-main .member-map span:first-child{
    top: 37%;
    left: 79%;
}
.member-main .member-map span:nth-child(2){
    top: 30%;
    left: 49%;
}
.member-main .member-map span:nth-child(3){
    top: 33%;
    left: 21%;
}
.member-main .member-map span:before{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    display: block;
    top: 50%;
    left: 50%;
    margin: -50% -50%;
    border-radius: 50%;
    z-index: 1;
    background-color: rgb(0,104,183,30%);

    -webkit-animation-name: pulseInOut;
    -moz-animation-name: pulseInOut;
    -o-animation-name: pulseInOut;
    animation-name: pulseInOut;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.member-main .member-map span:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    display: block;
    top: 50%;
    left: 50%;
    z-index: 2;
    border-radius: 50%;
    margin: -50% -50%;
    background-color: rgb(0,104,183,30%);


    -webkit-animation-name: pulseInOut;
    -moz-animation-name: pulseInOut;
    -o-animation-name: pulseInOut;
    animation-name: pulseInOut;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulseInOut {
    0% {
        opacity: 0.3;
        transform: scale(.7);
    }
    50% {
        opacity: 1;
        transform: scale(2);
    }
    100% {
        opacity: 0.3;
        transform: scale(.7);
    }
}

@-moz-keyframes pulseInOut {
    0% {
        opacity: 0.3;
        transform: scale(.7);
    }
    50% {
        opacity: 1;
        transform: scale(2);
    }
    100% {
        opacity: 0.3;
        transform: scale(.7);
    }
}

@-o-keyframes pulseInOut {
    0% {
        opacity: 0.3;
        transform: scale(.7);
    }
    50% {
        opacity: 1;
        transform: scale(2);
    }
    100% {
        opacity: 0.3;
        transform: scale(.7);
    }
}

@keyframes pulseInOut {
    0% {
        opacity: 0.3;
        transform: scale(.7);
    }
    50% {
        opacity: 1;
        transform: scale(2);
    }
    100% {
        opacity: 0.3;
        transform: scale(.7);
    }
}




.member-main .member-list{
    width: 40%;
    max-height: 500px;
    padding: 0 20px;
    transform: translateY(-100px);
}
.member-main .member-list ul{
    height: 100%;
    overflow: auto;
    padding: 40px;
    box-shadow: 0px 1px 15px 0px rgba(21, 20, 20, 0.05);
}
.member-main .member-list ul::-webkit-scrollbar-track {
  width: 4px;
}
.member-main .member-list ul::-webkit-scrollbar {
  width: 4px;
  background-color: #ffffff;
}
.member-main .member-list ul::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #294A9E;
}
.member-main .member-list ul li{
    position: relative;
    padding: 25px 0;
    font-size: 16px;
    color: #979797;
    cursor: auto;
    border-bottom: 1px solid #F0F0F0;
}
.member-main .member-list ul li:first-child{
    padding-top: 0;
}
.member-main .member-list ul li span{
    margin-right: 20px;
    font-family: "SairaCondensed-SemiBold";
}
.member-main .member-list ul li:hover{
    color: #000000;
}


.partner-main{
    margin-top: 100px;
    padding: 0 50px;
}

.partner-logo{
    padding: 20px;
}
.partner-logo div{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    height: 100px;
    box-shadow: 0 0 0 1px #ddd;
    border: 1px solid transparent;
    transition: ease all .3s;
        filter: grayscale(1);
}
.partner-logo div:hover{
        filter: grayscale(0);
    border: 1px solid #184B8A;
}

.page-bg{
    background-image: url(../images/76435734675.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

.news-main{
    margin-top: 80px;
}
.news-grid{
    padding: 20px;
    display: flex;
    transition: ease all .3s;
}
.news-grid:hover{
box-shadow: 12px 3px 49px 0px rgba(35, 35, 35, 0.15);
}
.news-pic{
    width: 350px;
    max-width: 100%;
    overflow: hidden;
}
.news-pic img{
    object-fit: cover;
    transform-origin: center bottom;
    transition: ease all 1s;
}
.news-pic img:hover{
    transform: scale(1.05);
}
.news-grid-main{
    width: 100%;
    padding-left: 60px;
    padding-right: 20px;
}
.news-grid-main h2{
    margin: 5px 0 20px 0;
    font-weight: 500;
    font-size: 22px;
    color: inherit;
}
.news-grid-main a:hover{
    color: #184B8A;
}
.news-grid-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news-grid-footer a{
    display: inline-block;
    position: relative;
    height: auto;
}
.news-grid-footer a:before{
    content: '';
    width: 0;
    height: 1px;
    display: inline-block;
    border-top: 1px solid #184B8A;
    transition: ease all .3s;
    transform: translateY(-3px);
}
.news-grid-footer a:hover:before{
    width: 14px;
}
.news-description{
    margin-bottom: 20px;
    line-height: 2;
    font-size: 14px;
    color: #7D7D7D;
}
.news-grid-footer .news-date{
    line-height: 0;
    font-family: "SairaCondensed-SemiBold";
    font-size: 22px;
}
.news-detail .news-title{
    font-size: 36px;
    color: #184B8A;
    font-weight: 500;
    margin: 10px 0;
}
.news-detail .news-date{
    font-family: "SairaCondensed-SemiBold";
    font-size: 22px;
}

.news-detail-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #E9E9E9;
}
.news-detail-edit{
    margin-top: 60px;
    font-size: 14px;
    line-height: 2;
    color: #656565;
}
.back-all{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #184B8A;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}
.back-all a{
    color: #ffffff;
}

.contact-top-map{
    height: 280px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 36px;
    color: #ffffff;
    position: relative;
}
.contact-top-map .map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.anchorBL{
    display: none!important;
}
.map-in-box{
    padding: 15px 20px;
    background-color: #ffffff;
    width: 100%;
    display: flex;
    align-items: flex-start;
    color: #333333;
    line-height: 1.7;
}
.BMap_shadow{
    display: none;
}
/*.map-in-box:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -1px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #ffffff;
}*/
.map-in-box div{
    margin-left: 20px;
}
.map-in-box h4{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.map-in-box p{
    line-height: 1.8;
    font-size: 15px;
}

.contact-block{
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}
.contact-block .contact-form{
    width: 40%;
}
.contact-infos{
    line-height: 1.7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact-infos h2{
    margin-bottom: 20px;
    font-weight: 700;
    color: #184B8A;
    font-size: 32px;
}
.contact-infos p{
    font-size: 18px;
}
.contact-infos p>a{
    font-family: "ITCAvantGardeStd-Md";
    color: #184B8A;
    padding-left: 5px;
}
.contact-form h3{
    font-size: 18px;
    font-weight: 500;
}
.contact-form form{
    display: flex;
    flex-wrap: wrap;
}
.contact-form .form-item{
    width: 50%;
    padding-right: 50px;
    margin-top: 40px;
}
.contact-form .form-item-full{
    width: 100%;
}
.contact-form .form-item input:not([type="button"]){
    padding-bottom: 20px;
    font-size: 14px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #D5D5D5;
}
.contact-form .form-item input[type="button"]{
    background-color: #184B8A;
    border: 1px solid #184B8A;
    letter-spacing: 1px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
    width: 180px;

    transition: ease all .2s;
}
.contact-form .form-item input[type="button"]:hover{
    border-color: #0068b7;
    background-color: #0068b7;
}
.join-main{
    padding: 80px 0;
}
.join-main ul {
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.join-main ul.head{
    font-size: 16px
}
.join-main ul:not(.head){
    cursor: pointer;
    flex-wrap: wrap;
}
.join-main ul>li{
    padding: 20px 30px;
}
.join-main ul>li{
    width: 100%;
}
.join-main ul>li.fold{
    display: block;
    transform-origin: center top;
    /*position: absolute;*/
    width: 100%;
    padding: 0;
    border: 1px solid #145294;
    z-index: 2;
    height: 0;
    transform: scaleY(0);
    overflow: hidden;
    transition: ease all .3s;
}
.join-main ul:nth-child(2n){
    background-color: #F7F7F7;
}
.join-main ul>li.fold.showed{
    height: auto;
    transform: scaleY(1);
}

.join-main ul>li.fold .top{
    color: #fff;
    padding: 20px 30px;
    background-color: #145294;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.join-main ul>li.fold .mid{
    padding: 60px 68px;
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.join-main ul>li.fold .item{
    width: 50%;
    font-size: 14px;
    color: #4F4F4F;
    line-height: 1.7;
    margin-bottom: 50px;
}
.join-main ul>li.fold .item h4{
    color: #1C1C1C;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 35px;
}
.page-menu{
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 12px 10px;
    background-color: #ffffff;
    color: #0068B7;
    z-index: 9;
    font-size: 16px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.page-menu a{
    display: block;
    margin: 0 8px;
    color: #0068B7;
    line-height: 1;
}
.page-menu a:hover{
    color: #2490e2;
}
.page-menu a svg{
    vertical-align: middle;
    display: inline-block;
}

.svg-logo{
    width: 188px;
    height: 50px;
}
#svg-logo{
    fill: #ffffff;
    transition: ease all .3s;
}
.main-nav{
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}
.nav-bar{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    transform: translateY(-5vh);
    height: 50vh;
}

@media (min-width: 1700px){
    .main-nav {
        width: 470px;
        padding-left: 75px;
        font-size: 20px;
        color: #fff;
        font-weight: 400;
    }
}
@media (max-width: 1699px){
    .main-nav{
        width: 270px;
        font-size: 18px;
        background-color: #ffffff;
        padding-left: 40px;
        border-right: 1px solid #eee;
        transition: ease all .5s;
        transform: translateX(-100%);
    }
    .main-nav.opended{
        transform: translateX(0%);
    }
    .swiper-main-nav{
        display: none;
    }
    .logo {
        width: 270px;
        padding: 15px 0;
        top: 0px;
        left: 0px;

        display: flex;
        justify-content: center;
        background-color: #ffffff;
    }


    .main-top-nav-fixed{
        margin-left: 320px;
    }

    .scroll-wrapper .main{
        padding-top: 83px;
    }

    .toggle-menu-btn{
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 100%;
        width: 50px;
        height: 100%;
        background-color: #f7f7f7;
        display: flex;
        align-items: center;
        justify-content: center;
    }   

    .toggle-menu-btn span{
        display: inline-block;
        width: 20px;
        position: relative;
        border-top: 1px solid #0068B7;
        transition: transform cubic-bezier(.55,.055,.675,.19) .3s,ease-in width .32s;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
    }
    .toggle-menu-btn span::before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -6px;
        width: 18px;
        border-top: inherit;
        transition: top .1s .34s ease-in,ease-in width .32s;
    }
    .toggle-menu-btn span::after{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 16px;
        border-top: inherit;
        transition: bottom .1s .34s ease-in,ease-in width .32s,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .34s ease-in,ease-in width .32s,transform .3s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .34s ease-in,ease-in width .32s,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)
    }

    .toggle-menu-btn.is-active span::before,
    .toggle-menu-btn.is-active span::after,
    .toggle-menu-btn:hover span::before,
    .toggle-menu-btn:hover span::after{
        width: 100%;
    }
    .menu-fixed-target.is-active span,
    .menu-fixed-target:hover span{
        color: #C21277;
    }

    .toggle-menu-btn.is-active span{
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        transition: transform cubic-bezier(.215,.61,.355,1) .3s .14s;
        background-color: #00936F;
    }
    .toggle-menu-btn.is-active span::before {
        width: 100%;
        top:0;
        opacity:0;
        transition:top .1s ease-out,opacity .1s .14s ease-out
    }
    .toggle-menu-btn.is-active span::after {
        width: 100%;
        bottom:0;
        -webkit-transform:rotate(-90deg);
        transform: rotate(-90deg);
        transition: bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
        transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);
        transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
        background-color: #00936F;
    }

    .toggle-menu-btn span:before{
        content: '';
        display: block;
        border-top: 1px solid #0068B7;
        position: absolute;
        top: -5px;
        left: 0;
        width: 100%;
    }
    .toggle-menu-btn span:after{
        content: '';
        display: block;
        border-top: 1px solid #0068B7;
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
    }

    #svg-logo{
        fill: #333
    }

    .scroll-wrapper{
        padding-left: 0;
    }

    .main-bg .swiper-pagination-block{
        height: 70px;
    }
}

@media (max-width: 1366px){

    .m2-products-main-detail-list li:nth-child(2){
        transform: translateX(0);
    }

    .footer-wrapper{
        padding: 0 50px;
    }
    .m1-about, .m2-products, .m3-technology{
        padding-left: 50px;
    }

    .main-top-nav ul li{
        font-size: 15px;
    }

    .wrapper{
        margin:0 50px;
    }

    .a2 .desription,
    .a1 .desription{
        margin: 50px 0;
    }
    .factory-overflow-swiper-control-btns{
        margin-top: 20px;
    }
    .join-title,
    .partner-title,
    .member-title,
    .culture-title,
    .solutions-title,
    .honor-title,
    .products-title,
    .technology-title{
        width: 100%;
    }

}
@media (max-width: 1099px){
    .a2-row{
        flex-direction: row-reverse;
    }
    .a2-row .desription{
        padding-left: 50px;
    }

    .contact-block{
        flex-wrap: wrap;
    }
    .contact-infos,
    .contact-block .contact-form{
        width: 100%;
        margin-bottom: 20px;
}

@media (max-width: 1024px){
    .scroll-wrapper .main{
        padding-top: 50px;
    }
    .m1{
        flex-wrap: wrap;
    }
    .m1-about, .m2-products, .m3-technology{
        padding: 0 50px;
    }
    .m1>div,
    .m1>div.company-pic-group{
        width: 100%;
        max-width: 100%;
    }
    .company-pic-block{
        margin-right: 0;
        max-height: 400px;
        overflow: hidden;
    }
    .company-pic-block img{
        max-width: 100%;
    }
    .m1>div.company-pic-group{
        padding-right: 0;
    }
    .m1>div.company-pic-group .swiper-container{
        overflow: hidden;
    }

    .m2-products-main{
        flex-wrap: wrap;
        position: relative;
        padding-bottom: 100px;
    }
    .m2-products-main .left,
    .m2-products-main .right,
    .m2-products-main-detail-list{
        width: 100%;
    }
    .m2-products-main .left{
        height: 200px;
    }
    .m2-products-main .left .link{
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
    }
    .m2-products-main .right .right-pics a:first-child{
        transform: translateY(0);
    }
    .m3-technology-main{
        padding-right: 0;
    }
    .m3-technology-swiper .slide-content .info{
        padding-right: 20px;
    }
    .main-bg .swiper-pagination-block{
        display: none;
    }

    .join-top, .culture-top, .solutions-top, .products-top, .technology-top{
        flex-flow: wrap;
    }
    .products-recommend, .solutions-list, .honor-list{
        width: 100%;
    }
    .solutions-list{
        justify-content: center;
        padding-top: 20px;
    }
    .solutions-list .fancybox-grid{
        margin: 0 10px;
    }


    .culture-top .culture-title,
    .join-top .join-title{
        margin-bottom: 20px;
    }

    .member-main{
        flex-wrap: wrap;
    }
    .join-desription,
    .culture-desription,
    .member-main .member-map,
    .member-main .member-list{
        width: 100%;
    }




}
@media (max-width: 899px){
    .main-top-nav-fixed{
        display: none;
    }
    .join-main{
        padding: 20px 0;
    }
    .join-main ul>li.fold .mid{
        padding: 40px 20px;
    }
    .join-main ul>li{
        font-size: 16px;
    }
}
@media (max-width: 767px){
    .footer-wrapper,
    .m1-about, .m2-products, .m3-technology{
        padding: 0 20px;
    }
    .m3-technology-overview{
        padding: 50px 0;
    }
    .m3-technology-swiper .slide-content .info{
        font-size: 12px;
    }
    .m3-technology-swiper .slide-content .info h4{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .m3-technology-list ul li{
        font-size: 16px;
    }
    .m3-technology-list ul li:before,
    .m3-technology-list ul li:after{
        display: none;
    }
    .wrapper{
        margin: 0 20px;
    }
    .a2 .desription, .a1 .desription{
        line-height: 1.75
    }
    .products-list .product-grid{
        width: 33.33333333%;
    }
    .product-detail-top{
        flex-wrap: wrap;
    }
    .product-detail-thumbs{
        width: 100%;
        text-align: center;
    }
    .product-detail-description{
        width: 100%;
        padding: 0;
    }

    .technology-all-block{
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .technology-overflow-swiper{
        margin-top: 20px;
    }

    .news-grid{
        padding-left: 0;
        padding-right: 0;
    }
    .news-grid-main h2{
        font-size: 17px;
    }
    .news-description{
        line-height: 1.75
    }

    .news-detail .news-title{
        font-size: 22px;
    }

    .news-detail-top{
        flex-wrap: wrap;
    }
    .news-detail-top>div:not(.back-all){
        width: 100%;
        margin-bottom: 10px;
    }

    .history-main{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .history-circle-box,
    .history-infos{
        margin-bottom: 20px;
        padding-left: 0;
        width: 100%;
    }

}
@media (max-width: 599px){
    .m3-technology-list ul{
        flex-wrap: wrap;
    }
    .m3-technology-list ul li{
        width: 34%;
        margin-bottom: 10px;
        justify-content: flex-start;
    }
    .footer-wrapper .items{
        width: 100%;padding-right: 0;
        margin-bottom: 10px;
    }
    .copyright,
    .ft-social{
        text-align: left;
    }
    .ft-social ul{
        justify-content: flex-start;
    }
    .news-main{
        margin-top: 20px;
    }
    .news-grid{
        flex-flow: wrap;
    }
    .news-pic{
        margin-bottom: 20px;
    }
    .news-grid-main{
        padding: 0;
    }
    .contact-infos h2{
        font-size: 23px;
    }
    .member-main .member-list ul li{
        font-size: 14px;
        padding: 15px 0;
    }
    .partner-main{
        padding: 0;
        margin-top: 20px;
    }
    .partner-logo{
        padding: 10px;
    }
}
@media (max-width: 499px){

    .logo{
        width: 100%;
    }
    .main-nav{
        width: 100%;
        border-right: none;
    }
    .svg-logo{
        height: 47px;
        width: 170px;
    }
    .toggle-menu-btn{
        left: unset;
        right: 0;
    }

    .m2-products-main-detail-list{
        padding: 42px 20px;
    }
    .m2-products-main-detail-list li{
        margin-bottom: 20px;
    }

    .company-pic-group .swiper-pagination{
        margin-top: 20px;
    }

    .m3-technology-swiper .slide-content .pic,
    .m3-technology-swiper .slide-content .info{
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .m3-technology-swiper .slide-content{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .num-group li{
        width: 100%;
        justify-content: center;
    }

    .a2-row{
        flex-wrap: wrap;
    }
    .a2-row .desription{
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }

    .products-list .product-grid{
        width: 50%;
    }
}