@charset "utf-8";.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;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -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;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -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)
}

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

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -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 {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

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

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

.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;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    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;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-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: none;
    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: #2b92ea
}

.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);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

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

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

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

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

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-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;
    -moz-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;
    -moz-transform-style: preserve-3d;
    -ms-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(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

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

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

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

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

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

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-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;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

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

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

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

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

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

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-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: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

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

.swiper-scrollbar {
    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%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-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%;
    -webkit-background-size: 100%;
    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% {
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: iconfont;
    font-display: swap;
    src: url(../fonts/iconfont.eot);
    src: url(../fonts/iconfont.eot#iefix) format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype'),url(../fonts/iconfont.svg#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-gouwuche:before {
    content: "\e611"
}

.icon-xiazai:before {
    content: "\e6ba"
}

.icon-yanjing:before {
    content: "\e603"
}

.icon-rili:before {
    content: "\e6c5"
}

.icon-chanpin:before {
    content: "\e6a5"
}

.icon-fasong:before {
    content: "\e678"
}

.icon-miaoshu:before {
    content: "\e775"
}

.icon-ai-home:before {
    content: "\e60e"
}

.icon-dizhi1:before {
    content: "\e612"
}

.icon-shouhou:before {
    content: "\e69c"
}

.icon-xiaoliangyuce:before {
    content: "\e88e"
}

.icon-CArenzheng:before { 
	before{content:url(/theme/TF000075/images/hzshyl-our2.png)}
}

.icon-qiyefazhan:before {
    content: "\e651"
}

.icon-right-s:before {
    content: "\e627"
}

.icon-below-s:before {
    content: "\e628"
}

.icon-search:before {
    content: "\e610"
}

.icon-shouji1:before {
    content: "\e6c7"
}

.icon-youtube:before {
    content: "\e660"
}

.icon-skype:before {
    content: "\ec02"
}

.icon-shouji2:before {
    content: "\e618"
}

.icon-email:before {
    content: "\e638"
}

.icon-arrow-r:before {
    content: "\e64d"
}

.icon-phone:before {
    content: "\e63d"
}

.icon-facebook:before {
    content: "\e63a"
}

.icon-close:before {
    content: "\e650"
}

.icon-twitter:before {
    content: "\e726"
}

.icon-linkedin:before {
    content: "\e696"
}

.icon-arrow-l:before {
    content: "\e606"
}

.icon-gp:before {
    content: "\e65d"
}

.icon-youxiang:before {
    content: "\e65e"
}

.icon-dizhi:before {
    content: "\e644"
}

.icon-whatsapp:before {
    content: "\e933"
}

.icon-liaotian:before {
    content: "\e6db"
}

.icon-ins:before {
    content: "\e664"
}

.icon-arrow-long-r:before {
    content: "\e92e"
}

.icon-youtube1:before {
    content: "\e7b2"
}

.icon-home:before {
    content: "\e821"
}

.icon-shouji:before {
    content: "\e692"
}

.icon-arrow-b:before {
    content: "\e60c"
}

.icon-arrow-t:before {
    content: "\e60d"
}

.icon-dianhua:before {
    content: "\e661"
}

.icon-pinterest:before {
    content: "\e685"
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

a,a:hover {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

button,input,textarea {
    outline: 0;
    border: none;
    font: inherit;
    -webkit-appearance: none;
    border-radius: 0
}

button {
    cursor: pointer
}

i {
    vertical-align: middle
}

img:not(#bmap img) {
    max-width: 100%;
    max-height: 100%;
    border: none;
    transition: all .3s ease-in-out;
    height: auto
}

input::placeholder,textarea::placeholder {
    font-family: inherit
}

li,ul {
    list-style: none
}

.clearfix {
    zoom:1}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: 400
}

.clearfix::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.flex {
    display: flex;
    flex-wrap: wrap
}

.flex-ai-c {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.flex-ai-fs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.flex-ai-fe {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.flex-jc-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.flex-jc-sb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.flex-jc-sa {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.flex-jc-fe {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.flex-jc-fs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.flex-jc-ai-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.flex-jc-ai-sb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

table {
    border-collapse: collapse
}

.table td,.table th {
    border: 1px solid #E5E5E5;
    padding: 6px 16px
}

.table-bottom td,.table-bottom th {
    border-bottom: 1px solid #E5E5E5;
    padding: 8px
}

body {
    font-family: '微软雅黑', Microsoft Yahei, Tahoma, Arial, Helvetica, sans-serif;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 1.5;
    overflow-x: hidden
}

.body-layer {
    overflow-y: hidden
}

.bodylay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    display: none
}

html {
    font-size: 13.3333vw
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.lazy-lodding {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fcfcfc
}

.lazy-lodding::before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s linear infinite;
    border-left: 4px solid #000;
    border-bottom: 4px solid #000;
    border-right: 4px solid #000;
    border-radius: 50%;
    border-top: 4px solid transparent
}

img.lazy {
    opacity: 0;
    position: absolute
}

img.error,img.initial,img.loaded {
    opacity: 1;
    position: static
}

.lazy-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 0;
    padding-bottom: 50%
}

.lazy-loaded .lazy-lodding {
    display: none
}

.lazy-loaded {
    height: auto;
    padding-bottom: 0
}

.inquiry-form .input-error {
    border-color: #2b92ea
}

#li_Menu101_MainHome,#lidownloads .submenu,#lidownloads i,#lifaqs .submenu,#lifaqs i,#liprojects .submenu,#liprojects i,#livideos .submenu,#livideos i {
    display: none
}

.products-add-inquirl,.project-name {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

/*! index  */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.head-b,.head-t {
    position: relative
}

.head-t .container {
    padding-top: 13px;
    padding-bottom: 13px;
    align-items: center
}

.head-wel {
    color: #fff
}

.hcontact {
    color: #fff;
    font-size: 13px
}

.hcontact a:hover {
    color: #fff
}

.hcontact p {
    margin-right: 20px
}

.head-b {
    height: 60px
}

.head-b>.container {
    transition: max-width .2s ease-in-out
}

.head-box {
    background: #FFF;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    height: 100%
}

.logo {
    display: flex;
    max-width: 20%;
    max-height: 100%;
    align-items: center;
    justify-content: center
}

.logo img {
    max-height: 100%
}

.mobheadnav {
    display: flex;
    align-items: center
}

.headsearch {
    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/headbg.png);
    padding-left: 5%;
    background-size: cover;
    border-radius: 0 30px 30px 0
}

.searchicon {
    color: #FFF;
    padding: 6px 10px;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px
}

.searchicon:hover {
    color: #2b92ea
}

.search-box {
    position: absolute;
    right: 0;
    left: 0;
    top: -50px;
    overflow: hidden;
    border-radius: 0;
    padding: 150px 0 60px;
    background-color: rgba(247,247,247,.8);
    box-shadow: 0 30px 30px -30px rgb(0 1 0 / 7%);
    display: none;
    z-index: -1
}

.search-box .container {
    border-bottom: 1px solid #aaa;
    display: flex
}

.search-box #txtSearch {
    height: 40px;
    width: calc(100% - 48px);
    padding-left: 20px;
    color: #333;
    background: 0 0
}

.search-box #txtSearch::placeholder {
    color: #333
}

.search-box #btnSearch {
    text-align: center;
    width: 38px;
    height: 40px;
    background: 0 0
}

.search-box #btnSearch i {
    color: #333;
    font-weight: 400
}

.fixhead .head-b .head-box {
    border-radius: 0
}

.fixhead .head-b .headsearch {
/*    background-color: #2b92ea;*/
    border-radius: 0
}

.nav {
    display: flex;
    justify-content: space-between
}

.nav .submenu {
    width: 260px;
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .4s ease-in-out;
    z-index: 10;
    background: #FFF;
    transform-origin: top;
    transform: rotateX(90deg)
}

.nav a {
    display: block;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.nav>li:not(.liproducts-diff) {
    position: relative
}

.nav>li>a {
    padding: 0 18px;
	 font-size:16px;
    line-height: 60px;
    text-transform: capitalize
}

.nav .submenu a {
    padding: 10px 18px
}

.nav .inmenu_1,.nav .submenu a:hover,.nav>li:hover>a {
    color: #2b92ea
}

.nav>li:hover .submenu {
    transform: rotateX(0)
}

.nav>li>a i {
    font-size: 12px;
    margin-left: 6px
}

.noscroll {
    overflow-Y: hidden
}

@media(min-width: 769px) {
    .logo {
        border-radius:30px 0 0 30px;
        overflow: hidden
    }

    .fixhead .head-b>.container {
        max-width: 1920px;
        box-shadow: 0 0 10px #ccc
    }
}

#swiper-banner img {
    width: 100%;
    display: block
}

#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: #FFF;
    text-align: center;
    line-height: 50px;
    transition: all .2s ease-in-out;
    margin-top: -25px;
    border-radius: 50%
}

#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover {
    background-color: #2b92ea
}

#swiper-banner .swiper-button-next {
    right: 2%
}

#swiper-banner .swiper-button-prev {
    left: 2%
}

#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i {
    font-size: 24px;
    color: #2b92ea;
    font-weight: 400
}

#swiper-banner .swiper-button-next:hover i,#swiper-banner .swiper-button-prev:hover i {
    color: #FFF
}

.swiper-pagination-bullet {
    background: #FFF;
    opacity: 1;
    width: 10px;
    height: 10px;
    margin: 0 8px
}

.swiper-pagination-bullet-active {
    background: #2b92ea
}

.about {
    padding: 4.5% 0;
    position: relative
}

.about::before {
    content: '';
    display: block;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f7f7f7;
    z-index: -1
}

.about-l {
    width: 43.75%
}

.about-l img {
    display: block;
    width: 100%
}

.about-l img:hover {
    transform: scale(1.05)
}

.about-l-l {
    width: 47.6%;
    margin: 20px 0;
    background: #2b92ea;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.about-l-r {
    width: 52.4%
}

.about-r {
    width: 56.25%;
    padding-left: 3.5%
}

.about-l-l-txt {
    line-height: 1.8;
    padding: 20px
}

.about-l-l .about-l-l-txt p {
    color: #FFF;
    font-size: 16px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 87px
}

.home-tit {
    font-size: 36px;
/*    font-weight: bold;*/
    color: #2a2a2a;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-align: center
}

.about .home-tit {
    text-align: left;
    margin-bottom: 10px
}

.about-r-txt1 {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
    margin-bottom: 20px
}

.about-r-txt2 {
    color: #666;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    max-height: 162px
}

.viewmore {
    display: block;
    width: 150px;
    background: #048b00;
    border-radius: 20px;
    text-align: center;
    padding: 10px 0;
    color: #FFF;
    font-size: 12px;
    line-height: 1.7;
    margin: 30px auto 0;
    transition: background .2s ease-in-out;
    text-transform: capitalize
}

.viewmore:hover {
    background: #2b92ea;
    color: #FFF
}

.about-r .viewmore {
    margin-left: 0
}

.our {
    padding: 4.5% 0
}

.our-list li {
    width: 22%;
    text-align: center
}

.our-icon {
    width: 140px;
    height: 140px;
    border: 1px solid #2b92ea;
    border-radius: 50%;
    transition: all .2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.our-icon i {
    font-size: 38px;
    color: #999
}

.our-item-name {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    transition: color .2s ease-in-out;
    margin: 16px 0 12px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 53px;
    line-height: 1.3
}

.our-item-bref {
    color: #666;
    line-height: 1.7;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 70px
}

.our-list li:hover .our-icon {
    background: #fff;
    border-color: transparent
	border: 1px solid #1e971a;
}

.our-list li:hover .our-icon i {
    color: #FFF
	border: 1px solid #1e971a;
}

.our-list li:hover .our-item-name {
    color: #048b00
}

.newpro {
    background-color: #f7f7f7;
    padding: 4% 0
}

.newpro-list li {
    width: 49%;
    background-color: #FFF;
    margin-bottom: 30px
}

.newpro-item-l,.newpro-item-r {
    width: 50%;
    overflow: hidden
}

.newpro-item-l {
    position: relative;
    overflow: hidden
}

.newpro-name {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: left .3s ease-in-out
}

.newpro-name a {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 77px
}

.newpro-icon {
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid #333;
    text-align: center;
    line-height: 23px;
    border-radius: 50%;
    font-size: 20px
}

.newpro-bref {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    background: #2b92ea;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFF;
    padding: 20px;
    transition: left .3s ease-in-out
}

.newpro-bref:hover {
    color: #FFF
}

.newpro-bref p {
    text-align: center;
    margin-bottom: 30px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    max-height: 104px;
    width: 100%
}

.newpro-bref .newpro-icon {
    border-color: #FFF
}

.newpro-item-r img {
    width: 100%
}

.newpro-item-r a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    background-color: rgba(0,57,99,.7);
    transition: left .3s ease-in-out
}

.newpro-list li:hover .newpro-item-r a::before {
    left: 0
}

.newpro-list li:hover .newpro-name {
    left: 100%
}

.newpro-list li:hover .newpro-bref {
    left: 0
}

.repro {
    padding: 4.5% 0;
    overflow: hidden
}

.repro-boxl {
    width: 27%;
    padding-right: 4%
}

.repro-boxl-name {
    font-size: 26px;
    font-weight: 400;
    color: #333;
    line-height: 1.3
}

.repro-boxl-bref {
    color: #666;
    margin: 20px 0
}

.repro-boxl .viewmore {
    margin-left: 0
}

.repro-boxr {
    width: 73%
}

.repro-boxr li {
    width: 23%
}

.repro-item-img {
    overflow: hidden
}

.repro-item-img img {
    width: 100%
}

.repro-item-cont {
    padding-left: 10px
}

.repro-name {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin: 16px 0 6px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 47px;
    transition: color .2s ease-in-out;
    line-height: 1.3
}

.repro-bref {
    color: #666;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 42px
}

.repro-boxr li:hover .repro-name {
    color: #048b00
}

.repro-boxr li:hover .repro-item-img img {
    transform: scale(1.1)
}

.news {
    padding: 3.5% 0;
    background-color: #f7f7f7
}

.news-list li {
    width: 49%;
    margin-bottom: 30px;
    display: flex;
    background: #FFF
}

.news-date {
    width: 100px;
    background: #2b92ea;
    color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: background .2s ease-in-out
}

.news-cont {
    width: calc(100% - 100px);
    padding: 20px 30px
}

.news-date-day {
    font-size: 36px;
    font-weight: 400;
    border-bottom: 2px solid #FFF;
    line-height: 1.2;
    margin-bottom: 4px
}

.news-date-yearsmonth {
    font-size: 12px
}

.new-name {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .2s ease-in-out
}

.news-bref {
    color: #666;
    margin-top: 6px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 63px
}

.news-list li:hover .new-name {
    color: #048b00
}

.news-list li:hover .news-date {
    background-color: #048b00
}

footer,footer a {
    color: #FFF
}

.foot-t {
    background: #2b92ea;
    padding: 3.5% 0;
    overflow: hidden
}

.footitem1 {
    width: 22%
}

.footitem2 {
    width: 70%
}

.footitem3 {
    width: 36%
}

.foottit {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase
}

.fnav li a,.fpronav li a {
    display: block;
    margin-bottom: 6px;
    transition: color .2s ease-in-out;
    position: relative
}

.fnav li a::before,.fpronav li a::before {
    content: '>';
    margin-right: 4px
}

.fcontact a:hover,.fnav li a:hover,.fpronav li a:hover {
    color: #048b00
}

.fcontact a {
    display: block;
    transition: color .2s ease-in-out
}

.fcontact li {
    display: flex;
    margin-bottom: 16px
}

.fcontact li p {
    flex: 1
}

.fcontact li>i {
    margin-right: 10px;
    font-size: 20px;
    line-height: 1.1
}

.foot-b {
    background: #2b92ea;
    padding: 10px 0;
    overflow: hidden
}

.copy {
    text-align: center
}

.gotop {
    position: fixed;
    bottom: 25px;
    right: 65px;
    width: 30px;
    height: 30px;
    background: #FFF;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    display: none;
    z-index: 10
}

.gotop i {
    color: #2b92ea;
    font-size: 20px
}

.mob-menu {
    display: none;
    cursor: pointer;
    margin-left: 30px;
    position: relative
}

.mob-menu span {
    position: absolute;
    left: 0;
    display: block;
    height: 4px;
    background: #2b92ea;
    border-radius: 2px;
    transition: all .2s ease-in-out
}

.mob-menu span:nth-child(1) {
    width: 80%;
    top: 0
}

.mob-menu span:nth-child(2) {
    width: 65%;
    top: 50%;
    margin-top: -2px
}

.mob-menu span:nth-child(3) {
    width: 48%;
    top: auto;
    bottom: 0
}

.mob-search {
    display: none
}

.mobact span {
    height: 3px
}

.mobact span:first-child {
    transform: rotate(45deg);
    top: 46%
}

.mobact span:nth-child(2) {
    opacity: 0
}

.mobact span:nth-child(3) {
    width: 80%;
    transform: rotate(-45deg);
    top: 46%
}

.mobile-bottom {
    background: #2b92ea;
    color: #FFF;
    display: flex;
    opacity: 0;
    transition: all .3s ease-in-out;
    height: 1.2rem;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: -1.2rem;
    width: 100%;
    z-index: 997;
    overflow: hidden;
    padding: 4px 0
}

.mobile-bottom-item {
    text-align: center;
    width: 33.33%;
    font-size: .24rem;
    text-transform: uppercase
}

.mobile-bottom-item i {
    display: block;
    font-size: .45rem;
    margin-bottom: 4px
}

.page-box {
    padding: 2.5% 0
}

.inner-banner {
    position: relative
}

.inner-banner img {
    display: block
}

.crumbs {
    width: 100%;
    color: #666;
    text-transform: capitalize;
    background: #f7f7f7;
    padding: 12px 0
}

.crumbs a {
    color: #666
}

.crumbs span,.crumbs span a {
    color: #2b92ea
}

.crumbs i {
    color: #2b92ea;
    margin-right: 6px;
    font-size: 14px;
    vertical-align: baseline
}

.page-l {
    float: left;
    width: 340px
}

.page-r {
    width: calc(100% - 390px);
    float: right
}

.page-tit {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 400;
    color: #2b92ea;
    text-align: center;
    margin-bottom: 20px
}

/*! about  */
.aboutus-nav li {
    font-size: 18px;
    color: #333;
    padding: 10px 30px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    cursor: pointer
}

.aboutus-nav li::after {
    content: '';
    width: 100%;
    height: 4px;
    background: #2b92ea;
    position: absolute;
    bottom: -2px;
    left: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.aboutus-nav li.aboutusact::after,.aboutus-nav li:hover::after {
    opacity: 1
}

.aboutustab {
    padding-top: 30px;
    display: none;
    opacity: 0
}

.aboutustab h6 {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    margin-bottom: 16px
}

.aboutustab p {
    color: #999;
    margin-bottom: 18px;
    line-height: 1.7
}

.aboutustab .about-l {
    float: left;
    margin-right: 3%
}

.aboutus-content>.aboutustab:first-child {
    display: block;
    opacity: 1
}

.contactsec1-l {
    width: 44%;
    padding-right: 4%;
    color: #666
}

.contactsec1-r {
    width: 56%
}

.contactsec1-r h1 {
    text-align: left
}

.contactus {
    max-width: 300px
}

.contactus li {
    display: flex;
    margin-top: 10px
}

.contactus li a:hover {
    color: #2b92ea
}

.contactus li i {
    margin-right: 6px;
    vertical-align: baseline;
    font-size: 20px;
    line-height: 1.1
}

/*! pro  */
#feedbackForm span.xh,.feedbackForm #feedbackForm .atextarea,.feedbackForm #feedbackForm .fsbtn,.feedbackForm #feedbackForm .lable,.feedbackForm #feedbackForm .submita,.feedbackForm #feedbackForm .text,.feedbackForm #feedbackForm table,.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt {
    max-width: none;
    padding: 0;
    margin: auto;
    border: 0;
    height: auto;
    font-size: auto;
    line-height: 1.5;
    font-family: Arial;
    color: #333;
    background: 0 0;
    text-align: left
}

.feedbackForm {
    max-width: 800px;
    margin: 0px auto;
    padding-bottom: 50px
}

.feedbackForm table {
    width: 100%
}

.feed-title {
    font-size: 14px;
    color: #2c2c2c;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    font-weight: 400;
    text-transform: uppercase
}

.feedbackForm #feedbackForm td {
    border: 0;
    height: 48px;
    padding: 0;
    width: auto;
    margin-left: 10px
}

.lable {
    white-space: nowrap
}

.feedbackForm #feedbackForm tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.feedbackForm #feedbackForm tr {
    border-radius: 2px;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 14px;
    color: #727272;
    background: #f7f7f7
}

.feedbackForm #feedbackForm tr:nth-child(-n+4) {
    width: 49%;
    flex-basis: 49%
}

.feedbackForm #feedbackForm tr:nth-child(-n+5) {
    display: flex;
    justify-content: flex-start
}

.feedbackForm #feedbackForm tr:nth-child(-n+5) td:first-child {
    display: flex;
    align-items: center;
    padding: 0 5px
}

.feedbackForm #feedbackForm tr:nth-child(-n+5) td:last-child {
    width: 100%;
    flex-basis: 100%;
    display: block
}

.feedbackForm #feedbackForm tr:nth-child(-n+5) input {
    width: 100%;
    height: 100%;
    outline: 0
}

.feedbackForm #feedbackForm tr:nth-child(5) {
    width: 100%;
    flex-basis: 100%
}

.feedbackForm #feedbackForm tr:nth-child(6) {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.feedbackForm #feedbackForm tr:nth-child(7) {
    width: 100%;
    height: 0;
    border: 0;
    padding: 0
}

#feedbackForm input,.feedbackForm #feedbackForm #SubmitContent {
    border: 0;
    font-size: 14px;
    color: #000;
    padding-left: 5px;
    box-sizing: border-box
}

.feedbackForm #feedbackForm #SubmitContent {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    box-sizing: border-box
}

.feedbackForm #feedbackForm .submita {
    color: #FFF;
    font-size: 16px;
    padding: 10px 35px;
    border: none;
    background-color: #2b92ea;
    text-transform: uppercase;
    cursor: pointer
}

#feedbackForm input::-webkit-input-placeholder {
    font-size: 14px;
    color: #666
}

#feedbackForm input:-ms-input-placeholder {
    font-size: 14px;
    color: #666
}

#feedbackForm input::placeholder {
    font-size: 14px;
    color: #666
}

#feedbackForm input {
    color: #666
}

.feedbackForm #feedbackForm tr:nth-child(6) td {
    height: auto;
    padding: 0 5px;
    display: block
}

.feedbackForm #feedbackForm tr:nth-child(6) textarea {
    outline: 0;
    text-indent: 15px
}

.feedbackForm #feedbackForm .xh {
    color: red
}

.smtcss {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -30px
}

.categories {
    margin-bottom: 20px
}

.aside-tit {
    width: 100%;
    font-size: 22px;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    background: #2b92ea
}

.sf-menu a {
    color: #999;
    display: block;
    padding: 15px 26px 15px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.sf-menu li {
    position: relative
}

.sf-menu .LiLevel1 {
    border-bottom: 1px solid #E5E5E5
}

.sf-menu .LiLevel1>a {
    font-size: 16px
}

.sf-menu .LiLevel1:last-child {
    border: none
}

.sf-menu>li i {
    position: absolute;
    right: 10px;
    top: 18px;
    z-index: 1;
    cursor: pointer;
    transition: transform .2s ease-in-out;
    color: #999;
    font-weight: 400
}

.sf-menu ul {
    display: none
}

.sf-menu>li>ul {
    padding-bottom: 16px
}

.sf-menu ul a {
    font-size: 14px;
    padding: 4px 20px
}

.sf-menu .currentProType,.sf-menu a:hover {
    color: #2b92ea
}

.sub-menu>li i {
    top: 4px
}

.sub-menu ul a {
    padding: 4px 30px;
    font-size: 14px
}

.sf-menu li:hover>i {
    transform: rotate(90deg)
}

.sf-menu li:hover>ul {
    display: block
}

.relatedpro-list li {
    width: 100%;
    margin-top: 20px
}

.relatedpro-img {
    overflow: hidden;
    border: 1px solid #eaeaea;
    width: 120px;
    display: block
}

.relatedpro-img img {
    width: 100%;
    display: block
}

.relatedpro-box {
    width: calc(100% - 120px);
    padding-left: 14px
}

.relatedpro-name {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    line-height: 1.2;
    transition: all .2s ease-in-out;
    max-height: 44px
}

.relatedpro-bref {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999;
    max-height: 42px;
    margin-top: 4px
}

.relatedpro-list>li:hover .relatedpro-name {
    color: #2b92ea
}

.relatedpro-list>li:hover img {
    transform: scale(1.1)
}

.asidecon {
    margin: 50px 0
}

.asidecon-list {
    padding: 10px 20px
}

.asidecon-list li {
    display: flex;
    color: #999;
    margin-top: 10px
}

.asidecon-list li a:hover {
    color: #2b92ea
}

.asidecon-list li i {
    font-size: 20px;
    line-height: 1.1;
    margin-right: 6px
}

.asidecon-list li p {
    white-space: pre-line;
    flex: 1
}

.page-r .page-tit {
    text-align: left
}

.products-ninelist-1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.products-ninelist-1 li {
    width: calc(33.33% - 20px);
    margin: 0 30px 30px 0
}

.products-ninelist-1 li:nth-child(3n) {
    margin-right: 0
}

.products-ninelist-1 li .products-list-img {
    overflow: hidden;
    border: 1px solid #eaeaea
}

.products-list-img img {
    display: block;
    width: 100%;
    max-height: 400px
}

.products-item-name {
    font-size: 18px;
    color: #333;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 47px;
    margin: 10px 0;
    transition: color .2s ease-in-out;
    line-height: 1.3
}

.products-item-bref {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 10px 0 20px;
    max-height: 42px;
    color: #666
}

.products-add-inquirl {
    width: 31px;
    height: 31px;
    border: 1px solid #2b92ea;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b92ea
}

.products-ninelist-1 li:hover .products-list-img img {
    transform: scale(1.1)
}

.pro-item-checked .products-item-name,.products-ninelist-1 li:hover .products-item-name {
    color: #2b92ea
}

.pro-item-checked .products-add-inquirl {
    background-color: #2b92ea;
    color: #FFF
}

.products-list-box .viewmore {
    font-size: 14px;
    width: 120px;
    padding: 6px 0
}

.products-ninelist-0 .products-list-box .viewmore {
    margin-left: 0
}

.products-ninelist-1 li .products-list-box {
    text-align: center
}

.products-ninelist-1 li .products-add-inquirl {
    margin: 14px 6px
}

.products-ninelist-0>li {
    border: 1px solid #EFEFEF;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
    transition: all .3s ease-in-out
}

.products-ninelist-0>li .products-list-img {
    width: 25%
}

.products-ninelist-0>li .products-list-img img {
    height: 100%;
    object-fit: cover
}

.products-ninelist-0>li .products-list-box {
    width: 75%;
    padding: 10px 3%
}

.products-ninelist-0>li .products-item-name {
    margin: 0
}

.products-ninelist-0 {
    margin-bottom: 70px
}

.products-ninelist-0>li:hover {
    transform: translateY(-6px);
    box-shadow: 0 3px 10px 0 #eee
}

.products-ninelist-0>li:hover .products-item-name {
    color: #2b92ea
}

.procateword {
    background: #fcfcfc;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.6
}

.protype-text {
    padding-top: 4px
}

.keywords.proCateTags a {
    display: inline-block;
    border-radius: 20px;
    padding: 2px 14px 4px;
    margin: 6px 8px 6px 0;
    font-size: 12px;
    background: #2b92ea;
    transition: all .2s ease-in-out;
    color: #FFF
}

.keywords.proCateTags a:hover {
    background-color: #048b00
}

.tips {
    background: orange;
    width: 240px;
    padding: 10px;
    font-size: 14px;
    color: #FFF;
    line-height: 1.6;
    position: fixed;
    top: 20%;
    left: 50%;
    border-radius: 6px;
    margin: -32px 0 0 -120px
}

.pages {
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 30px;
    font-size: 16px
}

.pages a,.pages span {
    display: inline-block;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    padding: 0 20px;
    transition: all .2s ease-in-out;
    border-right: none
}

.pages a:last-child,.pages span:last-child {
    border-right: 1px solid #eaeaea;
    margin-right: 20px
}

.pages a {
    color: #333
}

.pages span {
    color: #999
}

.pages .ctxt,.pages a:hover {
    background: #2b92ea;
    color: #048b00
}

.vPlay {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    bottom: 0;
    background: url(vPlay.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    z-index: 9
}

.pdshow-l {
    width: 500px
}

.preview-container {
    position: relative;
    width: 100%
}

.small-box {
    width: 100%;
    height: 500px;
    border: 1px solid #eaeaea;
    position: relative;
    background: #FFF;
    overflow: hidden
}

.preview-container .small-box img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.preview-container .small-box .hover {
    position: absolute;
    width: 180px;
    height: 180px;
    background-color: hsla(0,0%,80%,.6);
    border: 1px solid #eee;
    display: none;
    cursor: move
}

.preview-container .thumbnail-box {
    margin-top: 20px;
    position: relative;
    width: 100%
}

.preview-container .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    color: #2b92ea;
    line-height: 1
}

.preview-container .thumbnail-box .btn i {
    font-size: 28px;
    font-weight: 600
}

.preview-container .thumbnail-box .btn-prev {
    left: 10px
}

.preview-container .thumbnail-box .btn-next {
    right: 10px
}

.preview-container .thumbnail-box .btn_next_disabled,.preview-container .thumbnail-box .btn_prev_disabled {
    opacity: .5;
    cursor: not-allowed
}

.preview-container .thumbnail-box .list {
    overflow: hidden;
    width: calc(100% - 80px);
    margin: 0px auto;
    position: relative
}

.preview-container .thumbnail-box .list .swiper-pagination {
    display: none
}

.preview-container .thumbnail-box .list ul .item {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    border: 1px solid #eaeaea;
    font-size: 0;
    cursor: pointer;
    overflow: hidden
}

.preview-container .thumbnail-box .list ul .item img {
    width: 100%
}

.preview-container .thumbnail-box .list ul .item-cur {
    border-color: #2b92ea
}

.preview-container .thumbnail-box .list .banner-page {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 13.3333333333vw;
    border-radius: 5.3333333333vw;
    background: #2b92ea;
    bottom: 1.3333333333vw;
    right: 1.3333333333vw;
    z-index: 999
}

.preview-container .thumbnail-box .list .banner-page span {
    color: #FFF;
    font-size: 4vw;
    margin: 0 2px
}

.preview-container .big-box {
    display: none;
    overflow: hidden;
    top: 0;
    left: calc(100% - 1px);
    border: 1px solid #EFEFEF;
    position: absolute;
    width: 100%;
    height: 500px;
    background: #FFF;
    z-index: 20
}

.preview-container .big-box img {
    display: block;
    max-width: none!important;
    max-height: none!important;
    width: 150%
}

.pdshow-r {
    width: calc(100% - 500px);
    padding: 20px 0 0 40px
}

.pdshow-r h1 {
    font-size: 24px;
    line-height: 1.3;
    color: #333
}

.pdshow-r-text {
    line-height: 1.6;
    margin: 20px 0;
    color: #666;
    font-size: 16px
}

.pdshow-r-btn {
    margin: 10% 0 0;
    display: flex
}

.pdshow-r-btn a {
    margin: 0 10px 10px 0;
    display: block;
    width: 180px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    padding: 13px 0;
    background: #2b92ea;
    border-radius: 25px;
    transition: background .2s ease-in-out
}

.pdshow-r-btn a i {
    margin-left: 8px;
    font-size: 18px;
    vertical-align: bottom
}

.pdshow-r-btn a:hover {
    background-color: #048b00
}

.prodetails-box {
    margin-top: 6%
}

.details-tit {
    font-size: 20px;
    font-weight: 400;
    color: #2b92ea;
    text-transform: uppercase;
    padding-bottom: 4px
}

.prodetails-box-cont .details-tit {
    border-bottom: 1px solid #EFEFEF
}

.details-tit i {
    font-size: 20px;
    margin-right: 4px;
    vertical-align: baseline
}

.page-r video {
    max-width: 100%;
    max-height: 100%
}

.prodetails-bref {
    color: #666;
    padding: 10px 0
}

.prodetails-bref strong {
    font-weight: 400
}

.prodetails-bref p {
    margin-bottom: 10px
}

.productsTags {
    color: #333;
    margin-top: 20px
}

.table-responsive {
    margin: 20px 0;
    overflow-x: auto
}

.prodetails-bref table {
    max-width: 100%;
    overflow-x: auto;
    width: 100%
}

.prodetails-bref table p {
    margin-bottom: 0
}

.hottag {
    color: #666
}

.hottag-share {
    margin: 10px 0 0
}

.pages-list {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.pages-list>div {
    width: 50%;
    color: #666;
    display: flex;
    justify-content: center;
    background: #f7f7f7;
    border: 1px solid #eaeaea;
    min-height: 60px;
    font-size: 16px;
    padding: 10px;
    line-height: 1.3;
    text-align: center;
    align-items: center
}

.pages-list>div span {
    display: block;
    width: 100%
}

.pages-list>div:hover {
    border-color: #2b92ea
}

.pages-list>div:hover a {
    color: #2b92ea
}

.pd-inquirl {
    margin-top: 50px
}

.pd-inquirl .feedbackForm {
    margin-top: 20px;
    margin-left: 0
}

.maybe {
    margin-top: 50px
}

.maybe-list li {
    width: 19%;
    margin-top: 20px
}

.maybe-img {
    border: 1px solid #EFEFEF;
    overflow: hidden;
    transition: border-color .2s ease-in-out
}

.maybe-name {
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 42px;
    line-height: 1.3
}

.maybe-list li:hover .maybe-name {
    color: #2b92ea
}

.maybe-list li:hover .maybe-img {
    border-color: #2b92ea
}

.inquiry-pro-list {
    margin: 50px 0;
    display: none;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 8%
}

.inquiry-pro-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.inquiry-pro-item:last-child {
    border: none
}

.pro-item-name {
    width: 50%
}

.pro-item-img img {
    max-height: 100px
}

.pro-item-name p {
    margin-top: 6px
}

.pro-item-name p a {
    max-width: 100%;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 40px;
    word-break: break-word;
    max-height: 39px
}

.pro-item-del {
    cursor: pointer;
    padding: 10px
}

.pro-item-del i {
    font-size: 20px
}

/*! news */
.newspage-ninelist-1 {
    display: flex;
    flex-wrap: wrap
}

.newspage-ninelist-1 li {
    width: calc(33.33% - 14px);
    margin: 0 20px 20px 0
}

.newspage-ninelist-1 li:nth-child(3n) {
    margin-right: 0
}

.newspage-box {
    padding: 10px
}

.newspage-date {
    color: #999
}

.newspage-date i {
    font-size: 14px;
    margin-right: 6px;
    vertical-align: baseline
}

.newspage-img {
    overflow: hidden
}

.newspage-img img,.video-img img {
    display: block;
    width: 100%
}

.newspage-tit {
    display: block;
    font-size: 18px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    transition: all .2s ease-in-out;
    margin: 6px 0 2px
}

.newspage-text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999;
    max-height: 42px
}

.newspage-ninelist-1 li:hover .newspage-tit {
    color: #2b92ea
}

.newspage-ninelist-1 li:hover .newspage-img img {
    transform: scale(1.1)
}

.newspage-ninelist-0>li {
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
    border: 1px solid #f2f2f2
}

.newspage-item-date {
    width: 100px;
    background: #2b92ea;
    color: #fefefe;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 31px 10px;
    transition: background .2s ease-in-out
}

.newspage-item-date p:nth-child(1) {
    font-size: 36px;
    border-bottom: 2px solid #fefefe;
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-weight: 400;
    line-height: 1
}

.newspage-item-date p:nth-child(2) {
    font-size: 12px
}

.newspage-item-box {
    width: calc(100% - 100px);
    padding: 0 3.5%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.newspage-item-tit {
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400
}

.newspage-item-text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #666;
    max-height: 42px
}

.newspage-ninelist-0>li:hover {
    box-shadow: 0 4px 10px #eee;
    transform: translateY(-8px)
}

.newspage-ninelist-0>li:hover .newspage-item-date {
    background-color: #048b00
}

.newspage-ninelist-0>li:hover .newspage-item-tit {
    color: #048b00
}

.newspage-ninelist-0 {
    margin-bottom: 70px
}

.relatednews-list {
    padding: 20px 20px 0
}

.relatednews-list li {
    margin-bottom: 20px
}

.relatednews-list li:last-child {
    margin-bottom: 0
}

.relatednews-img {
    overflow: hidden;
    display: block;
    width: 100%
}

.relatednews-img img {
    width: 100%
}

.relatednews-date {
    color: #999
}

.relatednews-date i {
    font-size: 14px;
    margin-right: 6px
}

.relatednews-box {
    padding: 10px
}

.relatednews-name {
    display: block;
    font-weight: 400;
    color: #666;
    font-size: 16px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 39px;
    line-height: 1.2;
    margin: 8px 0 4px
}

.relatednews-bref {
    color: #999;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 42px
}

.relatednews-list li:hover .relatednews-name {
    color: #2b92ea
}

.relatednews-list li:hover .relatednews-img img {
    transform: scale(1.1)
}

.article-name {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 16px
}

.article-date {
    display: flex;
    justify-content: center;
    color: #999
}

.article-date i {
    font-size: 14px;
    margin-right: 8px;
    vertical-align: baseline
}

.article-view {
    margin-left: 30px
}

.newsdetails-cont {
    color: #666;
    margin: 20px 0 50px
}

.newsdetails-cont p {
    margin-bottom: 20px;
    word-break: break-word
}

.foot-t .container,.newpro .container,.news .container,.our .container,.repro .container {
    overflow: hidden
}

.footkey {
    margin-top: 4px;
    font-size: 12px
}

.footlinks {
    text-align: center;
    font-size: 12px;
    background: #2b92ea;
    color: #FFF;
    border-top: 1px solid #2b92ea
}

#bmap {
    width: 100%;
    max-width: 1920px;
    height: 440px
}

.feed-page article {
    text-align: center
}

.feed-page .feedbackForm {
    margin-top: 50px
}

@media(max-width: 1620px) {
    .gotop {
        right:15px
    }
}

@media(max-width: 1441px) {
    .container {
        padding-left:15px;
        padding-right: 15px
    }

    .headsearch {
        width: 160px
    }

    .head-b>.container {
        padding: 0
    }
}

@media(max-width: 1367px) {
    .nav>li>a {
        padding:0 12px
    }

    .pdshow-l {
        width: 400px
    }

    .preview-container .big-box,.small-box {
        height: 400px
    }

    .pdshow-r {
        width: calc(100% - 400px)
    }

    .preview-container .thumbnail-box .list {
        width: calc(100% - 69px)
    }

    .preview-container .thumbnail-box .list ul .item {
        width: 100px;
        height: 100px;
        margin: 0 5px
    }

    .preview-container .thumbnail-box .btn-prev {
        left: 0
    }

    .preview-container .thumbnail-box .btn-next {
        right: 0
    }
}

@media(max-width: 1281px) {
    .headsearch {
        width:140px
    }

    .nav>li>a {
        padding: 0 10px
    }
}

@media(max-width: 1024px) {
    .newpro-name a,.repro-boxl-name {
        font-size:20px
    }

    .about-r-txt1 {
        font-size: 16px
    }

    .headsearch {
        width: 120px;
        padding-left: 6%
    }

    .nav>li>a {
        font-size: 14px
    }

    .nav .submenu {
        width: 250px
    }

    .search-box {
        padding: 130px 0 30px
    }

    .about-l {
        align-items: flex-start
    }

    .newpro-name a {
        max-height: 60px
    }

    .page-l {
        display: none
    }

    .page-r {
        width: 100%
    }
}

@media(max-width: 768px) {
    .search-box #btnSearch i {
        font-size:.28rem;
        font-weight: 400
    }

    .container {
        padding-left: .3rem;
        padding-right: .3rem
    }

    body {
       /* padding-top: 1rem*/
    }

    .logo {
        max-width: 45%
    }

    header {
        top: 0!important;
        background: #FFF;
        box-shadow: 0 0 4px #E5E5E5
    }

    .head-t,.headsearch {
        display: none;
        height: 0
    }

    .head-b {
        height: 1rem
    }

    .mob-menu {
        display: block;
        width: .46rem;
        height: .3rem
    }

    .mobheadnav {
        position: fixed;
        width: 100%;
        height: 0;
        top: 1rem;
        left: 0;
        background: rgba(255,255,255,.95);
        display: block;
        overflow: hidden;
        transition: height .3s ease-in-out
    }

    .mobhead .mobheadnav {
        height: calc(100% - 1rem)
    }

    .head-box {
        border-radius: 0;
        align-items: center
    }

    .head-b>.container {
        padding-left: .3rem;
        padding-right: .3rem;
        height: 100%
    }

    .footitem2>div.footitem2-one,.nav .submenu.nav2 .item-info,nav .nav>li .nav1 i {
        display: none
    }

    nav {
        padding: 0 .3rem;
        height: calc(100% - 1rem - 34px);
        overflow-y: auto
    }

    .nav {
        display: block
    }

    .nav>li>a {
        font-size: 18px;
        line-height: 3
    }

    .nav>li>a i {
        position: absolute;
        right: 0;
        font-size: 22px;
        font-weight: 400;
        z-index: 10;
        margin: 0;
        line-height: 1;
        top: 12px;
        padding: 5px
    }

    .liproducts-diff {
        position: relative
    }

    .nav .inmenu_1,.nav .submenu a:hover {
        background: 0 0;
        color: #2b92ea
    }

    .nav .submenu,.nav>li:hover .submenu {
        transform: rotateX(0);
        position: static;
        display: none;
        transition: none;
        width: 100%;
        background: 0 0
    }

    .nav>li ul a {
        font-size: 16px;
        line-height: 2
    }

    .actnavi {
        transform: rotate(90deg)
    }

    .search-box {
        display: block;
        position: static;
        width: 100%;
        margin-bottom: .2rem;
        padding: 0;
        box-shadow: none
    }

    .search-box #btnSearch,.search-box #txtSearch {
        height: .8rem;
        font-size: 18px
    }

    .about {
        padding-bottom: 0
    }

    .about .home-tit {
        text-align: center
    }

    .about-l {
        width: 100%;
        align-items: inherit;
        margin-top: 2%
    }

    .about::before {
        height: 62%
    }

    .about-r-txt1 {
        margin-bottom: 10px
    }

    .about-r {
        width: 100%;
        padding: 6% 0 0;
        text-align: center
    }

    .about-r .viewmore,.repro-boxl .viewmore {
        margin-left: auto
    }

    .our-list li {
        width: 48%;
        margin-bottom: 20px
    }

    .our-item-name {
        margin: 16px 0 6px
    }

    .home-tit {
        margin-bottom: 20px
    }

    .newpro-list li,.news-list li,.repro-boxr {
        width: 100%
    }

    .repro-boxl {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
        text-align: center
    }

    .repro-boxl-bref {
        margin: 6px
    }

    .viewmore {
        margin-top: 20px
    }

    .repro-boxr li {
        width: 48%;
        margin-bottom: 20px
    }

    .newpro,.news,.our,.repro {
        padding: 6% 0
    }

    .foot-t .container {
        flex-direction: column-reverse
    }

    .footitem1,.footitem2 {
        width: 100%
    }

    .flogo {
        display: none
    }

    .foottit {
        margin-bottom: 10px
    }

    .footitem2>div {
        width: 100%;
        margin-bottom: 20px
    }

    .fnav,.fpronav {
        display: flex;
        flex-wrap: wrap
    }

    .fnav li,.fpronav li {
        margin-right: 30px
    }

    .mobbotact {
        bottom: 0;
        opacity: 1
    }

    .mobactfoot {
        margin-bottom: 1.2rem
    }

    .gotop {
        bottom: 2rem
    }

    .mobile-bottom-item a {
        color: #FFF
    }

    .preview-container .thumbnail-box .btn,.preview-container .thumbnail-box .list .swiper-pagination,.prodetails-page .crumbs,.prodetails-page .inner-banner,.small-box {
        display: none
    }

    .pdshow-l {
        width: 100%
    }

    .prodetails-page .page-box {
        padding-top: 0
    }

    .preview-container .thumbnail-box .list {
        width: 100%
    }

    .preview-container .thumbnail-box .list ul .item-cur {
        border: none
    }

    .preview-container .thumbnail-box .list ul .item {
        width: 100%;
        height: auto;
        border: none;
        margin: 0
    }

    .preview-container .thumbnail-box .list .banner-page {
        display: flex
    }

    .pdshow-r {
        padding-left: 0;
        width: 100%;
        border-top: 1px solid #eaeaea
    }

    .preview-container .thumbnail-box {
        margin-top: 0
    }

    .pdshow-r-btn {
        margin-top: 20px
    }

    .mobmedia {
        position: absolute;
        left: 0;
        top: 30px;
        width: 100%;
        height: calc(100% - 30px)!important;
        z-index: 9;
        background: #000
    }

    .mobflag {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        width: 30px;
        height: 30px;
        font-size: 24px
    }

    .mobflag::after,.mobflag::before {
        content: '';
        display: block;
        position: absolute;
        width: 20px;
        height: 2px;
        background: #000;
        top: 14px;
        left: 6px
    }

    .mobflag::before {
        transform: rotate(45deg)
    }

    .mobflag::after {
        transform: rotate(-45deg)
    }

    .aboutustab .about-l {
        margin-bottom: 20px
    }

    .products-ninelist-1 li {
        width: 48%;
        margin: 0 4% 20px 0
    }

    .products-ninelist-1 li:nth-child(3n) {
        margin-right: 4%
    }

    .products-ninelist-1 li:nth-child(2n) {
        margin-right: 0
    }

    .products-ninelist-0>li:hover {
        transform: translateY(0)
    }

    .products-ninelist-0>li:hover .products-item-name {
        color: inherit
    }

    .newspage-ninelist-1 li {
        width: 49%;
        margin-right: 2%
    }

    .newspage-ninelist-1 li:nth-child(3n) {
        margin-right: 2%
    }

    .newspage-ninelist-1 li:nth-child(2n) {
        margin-right: 0
    }

    .pdshow-r-btn a {
        width: 100%;
        border-radius: 0;
        margin-right: 0
    }

    .pages-list>div,.pdown1,.pdown2,.pdown3 {
        width: 100%
    }

    .pages-list>div {
        margin-bottom: 10px;
        font-size: 14px
    }

    .page-r .page-tit {
        text-align: center
    }

    .newspage-box,.video-name {
        padding: 10px 0
    }

    .contactsec1-l {
        width: 100%;
        padding: 0
    }

    .contactsec1-r {
        width: 100%;
        margin-top: 30px
    }

    .repro-item-cont {
        padding: 0
    }

    .products-ninelist-0>li .products-list-img {
        width: 35%
    }

    .products-ninelist-0>li .products-list-box {
        width: 65%
    }

    .search-box #txtSearch {
        padding-left: 10px
    }

    .footlinks {
        transform: translateY(-1.2rem)
    }

    .feedbackForm #feedbackForm tr:nth-child(-n+4) {
        width: 100%;
        flex-basis: 100%
    }

    .fcontact li {
        margin-bottom: 10px
    }

    .feedbackForm #feedbackForm td {
        height: 40px
    }

    .feedbackForm #feedbackForm .submita {
        padding: 6px 35px
    }
}

@media(max-width: 540px) {
    .about::before {
        height:54%
    }

    .aboutus-nav li {
        font-size: 16px;
        padding: 10px
    }

    .aboutustab h6 {
        margin-bottom: 10px
    }
}

@media(max-width: 415px) {
    .page-tit {
        font-size:22px
    }

    #swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i,.aboutustab h6 {
        font-size: 20px
    }

    .details-tit {
        font-size: 18px
    }

    .article-name,.pdshow-r h1,.repro-boxl-name {
        font-size: 18px
    }

    .new-name,.newpro-name a,.newspage-tit,.our-item-name,.products-item-name,.repro-name {
        font-size: 16px
    }

    .pdshow-r-text {
        font-size: 14px
    }

    .copy {
        font-size: 12px
    }

    .head-b,header {
        height: 60px
    }

    body {
        padding-top: 60px
    }

    .mobheadnav {
        top: 60px
    }

    .mobhead .mobheadnav {
        height: calc(100% - 60px)
    }

    .mob-menu {
        width: 28px;
        height: 18px
    }

    .mob-menu span {
        height: 3px
    }

    .search-box #btnSearch,.search-box #txtSearch {
        height: 50px;
        font-size: 16px
    }

    .nav>li>a {
        line-height: 3
    }

    .nav>li ul a {
        line-height: 2
    }

    .nav .submenu a {
        padding: 2px 18px
    }

    .about-l-l-txt {
        font-size: 14px;
        padding: 10px
    }

    #swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev {
        width: 30px;
        height: 30px;
        line-height: 28px
    }

    .newpro-bref,.newpro-name,.news-cont {
        padding: 10px
    }

    .newpro-name a {
        margin-bottom: 6px
    }

    .repro-name {
        max-height: 42px;
        margin: 10px 0 4px
    }

    .home-tit {
        line-height: 1.2;
        font-size: 24px
    }

    .newpro-bref p {
        margin-bottom: 10px
    }

    .our-item-bref {
        line-height: 1.4;
        max-height: 58px
    }

    .about-l-l .about-l-l-txt p {
        max-height: 75px;
        font-size: 14px
    }

    .about::before {
        height: 45%
    }

    .fnav li,.fpronav li {
        margin-right: 20px
    }

    .footitem2>div {
        margin-bottom: 14px
    }

    .products-inquirl-btn {
        width: 16px;
        height: 16px;
        margin-left: 6px
    }

    .products-inquirl-btn::after {
        background-size: 18px;
        margin: -4px 0 0 2px
    }

    .products-item-name {
        max-height: 48px
    }

    .pages a,.pages span {
        padding: 0;
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        min-width: 40px
    }

    .products-ninelist-0>li .products-item-name {
        -webkit-line-clamp: 1;
        max-height: 24px
    }

    .products-ninelist-0>li .products-item-bref {
        margin: 2px 0 10px
    }

    .pdshow-r-text {
        margin: 10px 0 20px
    }

    .maybe-list li {
        width: 48%
    }

    .newspage-ninelist-0>li,.products-ninelist-0>li {
        margin-bottom: 20px
    }

    .page-box {
        padding: 30px 0
    }

    .maybe,.pd-inquirl {
        margin-top: 30px
    }
}

@media(max-width: 376px) {
    .newpro-name a,.repro-boxl-name {
        font-size:16px
    }

    .aboutus-nav li {
        font-size: 14px
    }
}

@media(max-width: 321px) {
    .our-list li {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .pdshow-r-text {
        display:none
    }

    .prodetails-bref p {
        font-size: 18px;
        line-height: 2
    }

    .article-name {
        font-size: 20px;
        text-align: left
    }

    .article-date {
        justify-content: flex-start;
        font-size: 12px
    }

    .article-date i {
        display: none
    }

    .newsdetails-cont p {
        font-size: 18px;
        line-height: 2;
        color: #444;
    }

    .mobile-bottom {
        height: auto;
        min-height: 1.2rem;
        padding-bottom: calc(4px + constant(safe-area-inset-bottom));
        padding-bottom: calc(4px + env(safe-area-inset-bottom))
    }

    .mobactfoot {
        margin-bottom: calc(1.2rem + constant(safe-area-inset-bottom));
        margin-bottom: calc(1.2rem + env(safe-area-inset-bottom))
    }

    .footlinks {
        transform: translateY(calc(-1.2rem - constant(safe-area-inset-bottom)));
        transform: translateY(calc(-1.2rem - env(safe-area-inset-bottom)))
    }
}

.footlinks {
    padding: 10px 0
}