@charset "utf-8";



body,

html,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

ol,

li,

dl,

dt,

dd,

th,

td,

form,

object,

iframe,

blockquote,

pre,

a,

abbr,

address,

code,

img,

fieldset,

form,

label,

figure {

    margin: 0;

    padding: 0

}



body,

html,

input,

button,

textarea {

    color: #666;

    font: 12px/1.8 Arial, Tahoma, Verdana, Helvetica, sans-serif

}



article,

aside,

figcaption,

figure,

footer,

header,

main,

nav,

section {

    display: block

}



body {

    background: #FFFFFF

}



h1 {

    font-size: 18px

}



h2 {

    font-size: 16px

}



h3,

h4,

h5 {

    font-size: 14px

}



img {

    border: none;

    vertical-align: middle

}



li {

    list-style: none

}



i,

em {

    font-style: normal

}



a {

    color: #666;

    text-decoration: none

}



a:focus {

    outline: none

}



a:hover {

    color: #000;

    text-decoration: none

}



input[type="text"]:focus {

    outline: none

}



input[type="button"],

input[type="reset"],

input[type="submit"] {

    cursor: pointer

}



input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"]>input[type="button"]::-moz-focus-inner {

    border: none;

    padding: 0

}



input[type="text"],

input[type="password"],

input[type="button"],

input[type="reset"],

input[type="submit"],

select,

textarea {

    -webkit-appearance: none;

    appearance: none;

    border-radius: 0

}



button,

input,

select,

textarea {

    font-size: 100%;

    margin: 0;

    vertical-align: baseline;

    *vertical-align: middle

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0

}



::-moz-selection {

    background-color: #000;

    color: #fff

}



::selection {

    background-color: #000;

    color: #fff

}



.owl-dots .owl-dot,

.owl-prev,

.owl-next {

    cursor: pointer

}



@font-face {

    font-family: 'Oswald';

    src: url("fonts/Oswald/Oswald-Bold.ttf");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'Oswald-Medium';

    src: url("fonts/Oswald/Oswald-Medium.ttf");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'Oswald-Regular';

    src: url("fonts/Oswald/Oswald-Regular.ttf");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'OpenSans-Bold';

    src: url("fonts/Oswald/OpenSans-Bold.ttf");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'OpenSans-Regular';

    src: url("fonts/Oswald/OpenSans-Regular.ttf");

    font-weight: normal;

    font-style: normal

}



.head-search-wrap:after,

.about-cont:after,

.about-more-info:after,

.clearfix:after,

.layout:after,

.topbar:after,

.header:after,

.product-intro:after,

.product-summary .product-meta:after,

.product-summary .price-bar:after,

.product-summary .product-buy:after,

.product-shop dl:after,

.color-list:after,

.product-summary .size-list:after,

.product-summary .check-item:after,

#respond:after,

.goods-related .related-list ul:after,

.head-wrapper:after,

.blog-widget .foot-blog-item:after,

.products-scroll-list li:after,

.main1-tit-bar:after,

.main1-banner:after,

.blog-list .blog-item:after,

.index-discover ul li:after,

.exhibition-tit-bar:after,

.detail-tabs:after,

.index-info-wrap:after,

.foot-contact li:after,

.footer:after,

.index-sv-items ul:after,

.slide-banners .slides:after,

.blog-cont:after,

.certificate-list ul:after,

.sv-item:after,

.head-search:after,

.slides:after {

    content: "";

    display: block;

    clear: both;

    visibility: hidden;

    height: 0

}



.head-search-wrap,

.about-cont,

.about-more-info,

.clearfix,

.layout,

.topbar,

.header,

.product-intro,

.product-summary .product-meta,

.product-summary .price-bar,

.product-summary .product-buy,

.product-shop dl,

.color-list,

.product-summary .size-list,

.product-summary .check-item,

#respond,

.goods-related .related-list ul,

.head-wrapper,

.blog-widget .foot-blog-item,

.products-scroll-list li,

.main1-tit-bar,

.main1-banner,

.blog-list .blog-item,

.index-discover ul li,

.exhibition-tit-bar,

.detail-tabs,

.index-info-wrap,

.foot-contact li,

.footer,

.index-sv-items ul,

.slide-banners .slides,

.blog-cont,

.certificate-list ul,

.sv-item,

.head-search,

.slides {

    *zoom: 1

}



.clear {

    clear: both

}



@font-face {

    font-family: 'Open Sans';

    src: url('fonts/OPEN/OPENSANS-REGULAR.TTF')

}



@font-face {

    font-family: 'Open-Ext';

    src: url('fonts/OPEN/OPENSANS-EXTRABOLD.TTF')

}



@font-face {

    font-family: 'fontawesome';

    src: url('fonts/Font-Awesome/fontawesome-webfont.woff2')

}



@font-face {

    font-family: 'OPENSANS-BOLD';

    src: url('fonts/OPEN/OPENSANS-BOLD.TTF')

}



@font-face {

    font-family: 'Kanit-Medium';

    src: url('fonts/Kanit/Kanit-Medium.ttf')
    font-display: fallback;
}



@font-face {

    font-family: 'Kanit-Bold';

    src: url('fonts/Kanit/Kanit-Bold.ttf')

}



@font-face {

    font-family: 'Kanit-Regular';

    src: url('fonts/Kanit/Kanit-Regular.ttf')

}



.layout,

.index-info-wrap .index-info,

.path-bar .path-nav,

.footer,

.index-about {

    width: 1400px;

    margin: 0 auto;

    position: relative

}



.z9999 {

    z-index: 9999 !important

}



.layout_difl {

    display: flex;

    justify-content: space-between;

    height: 100%;

    align-items: center

}



.layout_difl1 {

    display: flex;

    justify-content: space-between;

    flex-direction: row-reverse;

    height: 100%;

    align-items: center

}



.layout_difl1:after {

    display: none

}



body {

    width: 100%;

    min-width: 1080px;

    position: absolute;

    left: 0;

    top: 0

}



.container {

    position: relative;

    display: block;

    width: 100%;

    min-width: 1080px;

    background-color: #f1f1f1

}



.shopcart-title .goods-num,

.head-login-info h4,

.cate-menu li a.hover,

.product-item .pd-price b,

.blog-widget .foot-blog-item .blog-cont p a.more,

.cate-menu li a:hover,

.head-cartlist dl a:hover,

.narrow-by li li a:hover,

.narrow-by li li a.selected,

.service-items .service-item li a:hover,

.blog-list .blog-item .readmore,

.blog-list .blog-item .readmore a,

.sort-by ul li.selected a,

.sort-by ul li.selected a:hover,

.goods-may-like .goods-item .goods-price b,

.product-summary .price-bar .special-price,

.product-summary .discount,

.total-price .price,

.goods-related .related-list ul .pd-name a:hover,

.path-bar li:hover a,

.index-sv-items .readmore a:hover,

.foot-wrapper a:hover,

.foot-wrapper .foot-items a:hover {

    color: #000

}



.product-slides .product-item .pd-name,

.product-slides .product-item .pd-name a {

    color: #444

}



.product-slides .product-item:hover .pd-shadow:before {

    background-color: #000

}



.head-shopcart .ico-cart,

.slide-banners .owl-prev,

.slide-banners .owl-next,

.product-slides .owl-prev,

.product-slides .owl-next,

.blog-widget .owl-prev,

.blog-widget .owl-next,

.narrow-by li li a,

.narrow-by li a.with-ul-tit b,

.sort-by ul li .arrow-down,

.sort-by ul li .arrow-up,

.path-bar .path-nav li .ico-home b,

.product-intro .add-to-cart,

.product-intro .add-to-wishlist,

.change-currency .arrow,

.goods-related .icon-add,

.product-summary .ico-tick {

    background-image: url(img/sprites.png);

    background-repeat: no-repeat;

    background-color: transparent

}



.hide-cate .cate-nav-btn:after,

.product-summary .btn-add-to-cart:after,

.color-list li.checked .color-small-img:after,

.select-box .select-value:after,

.size-list li.checked span.size-value:after {

    background-image: url(img/sprites.png);

    background-repeat: no-repeat;

    background-color: transparent

}



.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: #007aff

}



.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000

}



.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    -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, 0.25);

    position: absolute

}



.swiper-pagination-progress .swiper-pagination-progressbar {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    -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, 0.5)

}



.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

    background: #fff

}



.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

    background: #000

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    -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, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-container-coverflow .swiper-wrapper,

.swiper-container-flip .swiper-wrapper {

    -ms-perspective: 1200px

}



.swiper-container-cube,

.swiper-container-flip {

    overflow: visible

}



.swiper-container-cube .swiper-slide,

.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    -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, 0.1)

}



.swiper-container-horizontal>.swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%

}



.swiper-container-vertical>.swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, 0.5);

    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)

    }

}



.product-view .swiper-button-next.swiper-button-white {

    background-size: 40%

}



.product-view .swiper-button-prev.swiper-button-white {

    background-size: 40%

}



.comment-form .form-item input[type="submit"],

.goods-related .buy-together {

    display: inline-block;

    height: 28px;

    line-height: 28px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    color: #fff;

    font-size: 14px;

    padding: 0 18px;

    background: #bd362f;

    background: -webkit-linear-gradient(center top, #ee5f5b, #bd362f);

    background: -moz-linear-gradient(center top, #ee5f5b, #bd362f);

    background: -ms-linear-gradient(top, #ee5f5b, #bd362f);

    background: -o-linear-gradient(center top, #ee5f5b, #bd362f);

    background: linear-gradient(top, #ee5f5b, #bd362f);

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)

}



.comment-form .form-item input[type="submit"]:hover,

.goods-related .buy-together:hover,

.ass:hover {

    opacity: .8;

    -moz-opacity: 80;

    filter: alpha(opacity=80)

}



.index-sv-items .readmore a:before {

    -moz-transition: all .2s ease-in-out;

    -webkit-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out

}



.slide-banners .owl-nav,

.foot-social li a,

.gotop,

.blog-list .blog-item img,

.product-item:hover .pd-img img,

.product-item:hover .pd-img .img-hover,

.arr-item:hover .pd-img img,

.arr-item:hover .pd-img .img-hover,

.goods-may-like .goods-item img,

.topbar .currency-cur b,

.head-social li img,

.slide-banners-wrap .slide-prev,

.slide-banners-wrap .slide-next,

.nav ul,

.nav-bar .nav li a,

.foot-contact .inq-buttom a,

.main1-banner .slide-prev,

.main1-banner .slide-next,

#nodes a,

.index-products .product-slides .owl-nav,

.index-products .goods-items .owl-nav,

.about-banner-wrap .about-cont .about-more,

.product-item .pd-img,

.nav li:after,

.products-tabs h2:after,

.foot-social li,

.product-item .item-wrap,

.product-slides .product-item,

.mobile-serve .mobile-head-hide,

.pd-shadow,

.product-slides .pd-shadow:before,

.product-slides .pd-shadow:after,

.foot-inquiry .subscribe-form .subscribe-btn,

.foot-wrapper .foot-items a,

.nav-bar .nav li .nav-ico,

.index-sv-items .sv-ico,

.about-more,

.head-search .search-ipt,

.index-sv-items .sv-ico img,

.head-social li a,

.nav-bar .nav li .nav-ico,

.language .language-info .language-cont,

.nav-bar .nav li a:before,

.head-social li img,

.index-sv-items .sv-item,

.index-sv-items .readmore a,

.about-detail .about-more:after,

.product-slides-wrap .product-slides .owl-prev,

.product-slides-wrap .product-slides .owl-next,

.foot-blog-item .blog-cont-pic,

.side-cate ul li a:before {

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out

}



.product-item .pd-shadow-wrap .pd-shadow,

.index-sv-items .sv-tit:before,

.slide-banners .flex-direction-nav a,

.product-item .pd-img:before {

    -moz-transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.product-item .pd-shadow-wrap,

.product-item .pd-shadow-wrap .pd-ico {

    -moz-transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

    -ms-transition: all .8s ease-in-out;

    -o-transition: all .8s ease-in-out;

    transition: all .8s ease-in-out

}



.pc-nav ul,

.language .language-info .language-cont {

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px)

}



.mobile-serve .mobile-head-hide {

    -moz-transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -o-transform: translateY(-30px);

    transform: translateY(-30px)

}



.nav ul.bl-ul,

.language .language-info .language-cont.language-cont-hover,

.mobile-serve .mobile-head-show {

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0)

}



@font-face {

    font-family: 'icomoon';

    src: url('fonts/icomoon.eot?-l21epb');

    src: url('fonts/icomoon.eot?#iefix-l21epb') format('embedded-opentype'), url('fonts/icomoon.woff?-l21epb') format('woff'), url('fonts/icomoon.ttf?-l21epb') format('truetype'), url('fonts/icomoon.svg?-l21epb#icomoon') format('svg');

    font-weight: normal;

    font-style: normal

}



[class^="icon-"],

[class*=" icon-"],

a.with-child:after,

.widget-cates li a.with-ul-tit:before,

.widget-cates li.with-ul-hide a.with-ul-tit:before,

.tit-ico:before,

.btn-inquiry:before,

.nav>li.ico-home:before,

.product-item .pd-shadow-wrap .pd-ico:before,

.mobile-foot-contact .head-phone span:before,

.mobile-foot-contact .head-email span:before,

.side-tit-ico:before {

    font-family: 'icomoon';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.head-wrapper {

    position: relative;

    z-index: 9999;

    width: 100%;

    background: #181414

}



.topbar {

    position: relative;

    background-color: #222222;

    border-bottom: #222222;

    height: 50px

}



.topbar .head-contact {

    display: inline;

    font-size: 16px

}



.topbar .head-contact,

.topbar .head-contact a {

    color: #fff

}



.transall,

.language {

    position: relative;

    float: right

}



.language {

    padding-top: 0;

    height: 100%;

    display: flex;

    align-items: center

}



.language .language-label {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    padding-right: 5px;

    *display: inline;

    *float: left

}



.language .language-title {

    display: inline-block;

    margin-top: 5px;

    padding-left: 10px

}



.topbar .head-contact,

.topbar .head-contact a {

    color: #fff

}



.topbar .head-contact b {

    font-weight: normal

}



.topbar .head-contact .head-email {

    margin-right: 32px

}



.topbar .head-contact .head-phone,

.topbar .head-contact .head-email {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    line-height: 32px;

    float: right;

    display: flex;

    align-items: center

}



.topbar .head-contact .head-phone .yxiang_dao {

    background-color: #fff;

    width: 18px;

    height: 17px;

    margin-right: 9px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 3px

}



.topbar .head-contact .head-phone .yxiang_dao:before {

    content: "";

    color: #fff;

    font-family: 'icomoon';

    width: 18px;

    height: 18px;

    padding-right: 10px;

    display: block;

    background: url(img/xin73/tel.png)

}



.topbar .head-contact .head-email .yxiang_dao {

    background-color: #fff;

    width: 18px;

    height: 17px;

    margin-right: 9px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 3px

}



.topbar .head-contact .head-email .yxiang_dao:before {

    content: "";

    color: #fff;

    font-family: 'icomoon';

    width: 18px;

    height: 18px;

    padding-right: 10px;

    display: block;

    background: url(img/xin73/Email.png)

}



.head-social {

    display: flex;

    align-items: center

}



.head-social li {

    overflow: hidden;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    top: -12px;

    padding: 5px;

    margin-left: 0px

}



.head-social li a {

    display: block;

    padding: 0 5px

}



.head-social li a img {

    max-width: 24px;

    max-height: 24px

}



.head-social li,

.head-social li:hover a:before,

.head-social li:hover {

    -webkit-transition: .3s ease 0s;

    -moz-transition: .3s ease 0s;

    -ms-transition: .3s ease 0s;

    -o-transition: .3s ease 0s;

    transition: .3s ease 0s

}



.footer .head-social {

    display: block;

    float: left;

    top: -30px

}



.head-social li:hover a .head-social_1 {

    display: none

}



.head-social li a .head-social_2 {

    display: none

}



.head-social li:hover a .head-social_2 {

    display: block

}



.header {

    position: relative;

    background-color: #181414;

    z-index: 10;

    height: 122px

}



.foot-wrapper {

    position: relative;

    width: 100%;

    overflow: hidden;

    background-color: #232323

}



.foot-wrapper,

.foot-wrapper a {

    color: #999

}



.foot-wrapper,

.foot-wrapper a:hover {

    color: #0C9EE3;

    padding-top: 411px

}



.foot-wrapper .foot-items,

.foot-wrapper .foot-items a {

    color: #fff

}



.foot-wrapper .foot-items a:hover {

    color: #fff;

    text-decoration: underline

}



.foot-wrapper .foot-items {

    padding: 40px 0 63px;

    border-bottom: 1px solid #606060;

    color: #fff

}



.foot-wrapper .layout {

    position: relative

}



.foot-items {

    position: relative;

    background-color: #232323

}



.foot-items .foot-item {

    display: inline-block;

    vertical-align: top

}



.foot-items .foot-item .foot-tit {

    position: relative;

    height: 22px;

    line-height: 22px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: normal;

    margin: 0 auto 35px;

    border-bottom: 1px solid #222;

    padding: 0 0 8px

}



.foot-items .foot-item .foot-tit,

.foot-items .foot-item .foot-tit a {

    color: #ccc

}



.foot-items .foot-item .foot-cont {

    position: relative

}



.foot-contact {

    position: relative;

    width: 270px;

    float: left;

    margin: 0 90px 0 0

}



.foot-inquiry {

    _display: inline;

    position: relative;

    width: 290px;

    float: left;

    margin: 0 90px 0 0

}



.foot-inquiry p {

    padding-bottom: 15px;

    line-height: 1.3;

    font-size: 13px

}



.foot-contact li {

    line-height: 2em;

    padding: 0;

    font-size: 13px;

    position: relative;

    margin: 0

}



.foot-contact li:before {

    content: '';

    width: 20px;

    height: 20px;

    display: inline-block;

    margin-right: 10px;

    float: left

}



.foot-contact li p {

    width: 237px

}



.foot-contact li {

    display: table;

    width: 100%;

    padding-bottom: 8px

}



.foot-contact li:before,

.foot-contact-tb li p {

    display: table-cell;

    vertical-align: top;

    text-align: left;

    font-weight: normal;

    margin: 0

}



.foot-contact li.foot-addr:before {

    content: "\e947";

    font-family: 'icomoon';

    font-size: 20px;

    line-height: 34px;

    color: #fff

}



.foot-contact li.foot-phone:before {

    content: "\e942";

    font-family: 'icomoon';

    font-size: 20px;

    line-height: 34px;

    color: #fff

}



.foot-contact li.foot-email:before {

    content: "\e619";

    font-family: 'icomoon';

    font-size: 20px;

    line-height: 34px;

    color: #fff

}



.foot-contact li.foot-fax:before {

    content: "\e945";

    font-family: 'icomoon';

    font-size: 20px;

    line-height: 34px;

    color: #fff

}



.foot-contact li.foot-sky:before {

    content: "\eac6";

    font-family: 'icomoon';

    font-size: 20px;

    line-height: 34px;

    color: #fff

}



.subscribe-form {

    position: relative;

    width: 100%;

    display: block

}



.foot-inquiry .subscribe-form .subscribe-ipt {

    display: block;

    width: 100%;

    text-indent: 8px;

    border: 0;

    color: #fafafa;

    background-color: #2b2b2d;

    height: 28px;

    line-height: 28px;

    font-style: italic;

    color: #5d5d5d

}



.foot-inquiry .subscribe-form .subscribe-btn {

    display: inline-block;

    height: 28px;

    line-height: 28px;

    background-color: #0C9EE3;

    border: 0;

    cursor: pointer;

    font-size: 14px;

    padding: 0 12px;

    margin-top: 12px;

    color: #fff;

    text-transform: uppercase

}



.foot-inquiry .subscribe-form .subscribe-btn:hover {

    background: #07c3e1;

    color: #000

}



.foot-blog {

    position: relative;

    width: 340px;

    float: right

}



.blog-slides {

    position: relative;

    z-index: 0

}



.blog-slides ul {

    position: relative;

    display: block;

    overflow: hidden

}



.blog-slides ul li {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0 0 15px

}



.foot-blog-item .blog-cont .blog-cont-pic {

    float: left;

    width: 85px;

    overflow: hidden;

    margin: 0 20px 0 0;

    position: relative;

    padding: 3px;

    background-color: #454545

}



.foot-blog-item .blog-cont .blog-cont-pic:hover {

    background-color: #000

}



.foot-blog-item .blog-cont img {

    width: 100%

}



.foot-blog-item .blog-cont-title {

    height: 54px;

    line-height: 18px;

    overflow: hidden;

    font-weight: normal;

    font-size: 13px;

    margin-top: 8px

}



.foot-blog-item .blog-cont-time {

    display: block;

    position: relative;

    font-style: italic;

    line-height: 1.3;

    font-size: 13px;

    padding-bottom: 3px

}



.blog-slides .owl-dots {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 20px;

    position: static

}



.blog-slides .owl-dots .owl-dot {

    display: inline-block;

    width: 4px;

    height: 4px;

    background: none;

    cursor: pointer;

    text-indent: -9999px;

    margin: 0 4px 0 0;

    background: #5d5d5d

}



.blog-slides .owl-dots .active {

    background: #0C9EE3

}



.blog-slides .blog-cont-text {

    margin-top: 12px;

    line-height: 18px;

    color: #fff

}



.blog-slides .owl-carousel .owl-controls {

    height: auto;

    text-align: left;

    clear: both

}



.blog-slides .owl-carousel .owl-controls .owl-prev,

.blog-slides .owl-carousel .owl-controls .owl-next {

    position: static;

    width: 16px;

    height: 16px;

    text-align: left;

    margin-right: 3px;

    background-image: url(img/ico-small-arrows.png)

}



.blog-slides .owl-prev,

.blog-slides .owl-next {

    background-position: center center;

    background-repeat: no-repeat;

    display: inline-block;

    text-indent: -9999px;

    overflow: hidden

}



.blog-slides .owl-prev {

    background-position: -1px -2px

}



.blog-slides .owl-prev:hover {

    background-position: -1px -22px

}



.blog-slides .owl-next {

    background-position: -20px -2px

}



.blog-slides .owl-next:hover {

    background-position: -20px -22px

}



.footer {

    padding: 20px 0

}



.footer .foot-nav,

.footer .copyright {

    float: left

}



.footer .foot-nav {

    display: block;

    text-transform: uppercase;

    font-size: 11px;

    float: right

}



.footer .foot-nav li {

    display: inline-block;

    vertical-align: top;

    line-height: 30px;

    padding: 0 0 0 8px

}



.footer .foot-nav li {

    *display: inline

}



.footer .foot-nav li:first-child a:before {

    display: none

}



.footer .foot-nav li.current {

    font-weight: bold

}



.footer .foot-nav li.current,

.footer .foot-nav li.current a {

    color: #0C9EE3

}



.foot-nav li a {

    display: inline-block

}



.foot-nav li a:before {

    content: '|';

    padding: 0 8px 0 0

}



.foot-nav li a:hover {

    opacity: .8;

    filter: alpha(opacity=80)

}



.footer .foot-logo {

    display: inline;

    float: left;

    margin: 0 50px 0 0

}



.footer .copyright {

    line-height: 36px;

    font-size: 11px;

    color: #999

}



.gotop {

    display: block;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    background-color: #818c90;

    background-image: url(img/ico_top.png);

    background-position: center;

    background-repeat: no-repeat;

    position: fixed;

    right: 20px;

    bottom: 40px;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    cursor: pointer;

    text-indent: -9999px;

    overflow: hidden;

    z-index: 100000;

    border-radius: 4px

}



.gotop:hover {

    -moz-transform: translateY(-6px);

    -webkit-transform: translateY(-6px);

    -ms-transform: translateY(-6px);

    -o-transform: translateY(-6px);

    transform: translateY(-6px);

    background-color: rgba(0, 0, 0, 0.8)

}



.owl-carousel {

    position: relative;

    width: 100%

}



.owl-carousel .owl-item {

    float: left;

    min-height: 1px;

    position: relative;

    overflow: hidden

}



.owl-carousel .owl-stage-outer {

    overflow: hidden;

    position: relative

}



.owl-carousel .owl-controls {

    height: 0;

    overflow: visible

}



.owl-stage {

    position: relative

}



.owl-loaded .slide-item {

    display: block

}



.slide-banners-wrap {

    margin: 0 auto;

    position: relative

}



.slide-banners {

    width: 100%;

    margin: 0 auto;

    position: relative;

    overflow: hidden

}



.slide-banners .slide-item {

    position: relative;

    overflow: hidden;

    display: none;

    width: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    float: left

}



.slide-banners-wrap .slide-banners .slide-item img {

    display: none

}



.slide-banners-wrap .slide-banners .flex-active-slide img {

    display: block

}



.slide-banners .slide-item a {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    text-align: center

}



.slide-banners .slide-item img {

    display: block;

    margin: 0 auto

}



.slide-banners .slide-item b {

    display: block;

    width: 2em;

    height: 2em;

    border-radius: 50%;

    line-height: 2em;

    text-align: center;

    color: #fff;

    background: #ff9600;

    position: absolute;

    right: 2px;

    top: 2px;

    font-weight: normal;

    font-family: Arial

}



.main1 .slide-banners .slide-item a {

    width: 100%;

    margin-left: 0;

    left: auto

}



.main1 .slide-banners .slide-item img {

    width: 100%;

    height: auto

}



.slide-banners .flex-direction-nav {

    *height: 0

}



.slide-banners .flex-direction-nav a {

    display: block;

    width: 50px;

    height: 70px;

    position: absolute;

    z-index: 9999;

    top: 50%;

    margin-top: -36px;

    text-indent: -9999em;

    overflow: hidden;

    cursor: pointer;

    background-repeat: no-repeat;

    background-position: center center;

    background-color: rgba(255, 255, 255, 0);

    opacity: .8;

    filter: alpha(opacity=80)

}



.slide-banners .flex-direction-nav .flex-prev {

    background-image: url(img/slide-prev.png);

    left: 54px

}



.slide-banners .flex-direction-nav .flex-next {

    background-image: url(img/slide-next.png);

    right: 52px

}



.slide-banners:hover .flex-direction-nav a {

    opacity: .5

}



.slide-banners:hover .flex-direction-nav .flex-prev {

    left: 54px

}



.slide-banners:hover .flex-direction-nav .flex-next {

    right: 52px

}



.slide-banners .flex-direction-nav .flex-prev:hover,

.slide-banners .flex-direction-nav .flex-next:hover {

    opacity: 1;

    filter: alpha(opacity=100)

}



.main1-banner .flex-direction-nav {

    display: none

}



.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: 20px;

    text-align: center;

    z-index: 99

}



.flex-control-nav li {

    display: inline;

    padding: 0 5px

}



.flex-control-paging li a {

    width: 8px;

    height: 8px;

    font-size: 2px;

    display: inline-block;

    background-color: rgba(255, 255, 255, 0.49);

    cursor: pointer;

    text-indent: -9999px;

    border-radius: 2px

}



.flex-control-paging li a {

    *display: inline

}



.flex-control-paging li a.flex-active {

    background-color: #fff

}



.page-layout {

    position: relative;

    padding: 0 0 40px

}



@font-face {

    font-family: swiper-icons;

    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');

    font-weight: 400;

    font-style: normal

}



:root {

    --swiper-theme-color: #2b343f

}



:host {

    position: relative;

    display: block;

    margin-left: auto;

    margin-right: auto;

    z-index: 1

}



.swiper {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    overflow: clip;

    list-style: none;

    padding: 0;

    z-index: 1;

    display: block

}



.swiper-vertical>.swiper-wrapper {

    flex-direction: column

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: flex;

    transition-property: transform;

    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);

    box-sizing: content-box

}



.swiper-android .swiper-slide,

.swiper-ios .swiper-slide,

.swiper-wrapper {

    transform: translate3d(0, 0, 0)

}



.swiper-horizontal {

    touch-action: pan-y

}



.swiper-vertical {

    touch-action: pan-x

}



.swiper-slide {

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    transition-property: transform;

    display: block

}



.swiper-slide-invisible-blank {

    visibility: hidden

}



.swiper-autoheight,

.swiper-autoheight .swiper-slide {

    height: auto

}



.swiper-autoheight .swiper-wrapper {

    align-items: flex-start;

    transition-property: transform, height

}



.swiper-backface-hidden .swiper-slide {

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-3d.swiper-css-mode .swiper-wrapper {

    perspective: 1200px

}



.swiper-3d .swiper-wrapper {

    transform-style: preserve-3d

}



.swiper-3d {

    perspective: 1200px

}



.swiper-3d .swiper-cube-shadow,

.swiper-3d .swiper-slide {

    transform-style: preserve-3d

}



.swiper-css-mode>.swiper-wrapper {

    overflow: auto;

    scrollbar-width: none;

    -ms-overflow-style: none

}



.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {

    display: none

}



.swiper-css-mode>.swiper-wrapper>.swiper-slide {

    scroll-snap-align: start start

}



.swiper-css-mode.swiper-horizontal>.swiper-wrapper {

    scroll-snap-type: x mandatory

}



.swiper-css-mode.swiper-vertical>.swiper-wrapper {

    scroll-snap-type: y mandatory

}



.swiper-css-mode.swiper-free-mode>.swiper-wrapper {

    scroll-snap-type: none

}



.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {

    scroll-snap-align: none

}



.swiper-css-mode.swiper-centered>.swiper-wrapper::before {

    content: '';

    flex-shrink: 0;

    order: 9999

}



.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {

    scroll-snap-align: center center;

    scroll-snap-stop: always

}



.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {

    margin-inline-start: var(--swiper-centered-offset-before)

}



.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {

    height: 100%;

    min-height: 1px;

    width: var(--swiper-centered-offset-after)

}



.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {

    margin-block-start: var(--swiper-centered-offset-before)

}



.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {

    width: 100%;

    min-width: 1px;

    height: var(--swiper-centered-offset-after)

}



.swiper-3d .swiper-slide-shadow,

.swiper-3d .swiper-slide-shadow-bottom,

.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right,

.swiper-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10

}



.swiper-3d .swiper-slide-shadow {

    background: rgba(0, 0, 0, 0.15)

}



.swiper-3d .swiper-slide-shadow-left {

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-3d .swiper-slide-shadow-right {

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-3d .swiper-slide-shadow-top {

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-3d .swiper-slide-shadow-bottom {

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    transform-origin: 50%;

    box-sizing: border-box;

    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

    border-radius: 50%;

    border-top-color: transparent

}



.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {

    animation: swiper-preloader-spin 1s infinite linear

}



.swiper-lazy-preloader-white {

    --swiper-preloader-color: #fff

}



.swiper-lazy-preloader-black {

    --swiper-preloader-color: #000

}



@keyframes swiper-preloader-spin {

    0% {

        transform: rotate(0deg)

    }



    100% {

        transform: rotate(360deg)

    }

}



.swiper-virtual .swiper-slide {

    -webkit-backface-visibility: hidden;

    transform: translateZ(0)

}



.swiper-virtual.swiper-css-mode .swiper-wrapper::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none

}



.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {

    height: 1px;

    width: var(--swiper-virtual-size)

}



.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {

    width: 1px;

    height: var(--swiper-virtual-size)

}



:root {

    --swiper-navigation-size: 44px

}



.swiper-button-next,

.swiper-button-prev {

    position: absolute;

    top: var(--swiper-navigation-top-offset, 50%);

    width: calc(var(--swiper-navigation-size)/44 * 27);

    height: var(--swiper-navigation-size);

    margin-top: calc(0 - (var(--swiper-navigation-size)/2));

    z-index: 10;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--swiper-navigation-color, var(--swiper-theme-color))

}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none

}



.swiper-button-next.swiper-button-hidden,

.swiper-button-prev.swiper-button-hidden {

    opacity: 0;

    cursor: auto;

    pointer-events: none

}



.swiper-navigation-disabled .swiper-button-next,

.swiper-navigation-disabled .swiper-button-prev {

    display: none !important

}



.swiper-button-next svg,

.swiper-button-prev svg {

    width: 100%;

    height: 100%;

    object-fit: contain;

    transform-origin: center

}



.swiper-rtl .swiper-button-next svg,

.swiper-rtl .swiper-button-prev svg {

    transform: rotate(180deg)

}



.swiper-button-prev,

.swiper-rtl .swiper-button-next {

    left: var(--swiper-navigation-sides-offset, 10px);

    right: auto

}



.swiper-button-next,

.swiper-rtl .swiper-button-prev {

    right: var(--swiper-navigation-sides-offset, 10px);

    left: auto

}



.swiper-button-lock {

    display: none

}



.swiper-button-next:after,

.swiper-button-prev:after {

    font-family: swiper-icons;

    font-size: var(--swiper-navigation-size);

    text-transform: none !important;

    letter-spacing: 0;

    font-variant: initial;

    line-height: 1

}



.swiper-button-prev:after,

.swiper-rtl .swiper-button-next:after {

    content: 'prev'

}



.swiper-button-next,

.swiper-rtl .swiper-button-prev {

    right: var(--swiper-navigation-sides-offset, 10px);

    left: auto

}



.swiper-button-next:after,

.swiper-rtl .swiper-button-prev:after {

    content: 'next'

}



.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-disabled>.swiper-pagination,

.swiper-pagination.swiper-pagination-disabled {

    display: none !important

}



.swiper-horizontal>.swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: var(--swiper-pagination-bottom, 8px);

    top: var(--swiper-pagination-top, auto);

    left: 0;

    width: 100%

}



.swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transform: scale(.33);

    position: relative

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    transform: scale(.33)

}



.swiper-pagination-bullet {

    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));

    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));

    display: inline-block;

    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);

    background: var(--swiper-pagination-bullet-inactive-color, #000);

    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)

}



button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    box-shadow: none;

    -webkit-appearance: none;

    appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-bullet:only-child {

    display: none !important

}



.swiper-pagination-bullet-active {

    opacity: var(--swiper-pagination-bullet-opacity, 1);

    background: var(--swiper-pagination-color, var(--swiper-theme-color))

}



.swiper-pagination-vertical.swiper-pagination-bullets,

.swiper-vertical>.swiper-pagination-bullets {

    right: var(--swiper-pagination-right, 8px);

    left: var(--swiper-pagination-left, auto);

    top: 50%;

    transform: translate3d(0, -50%, 0)

}



.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;

    display: block

}



.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    transform: translateY(-50%);

    width: 8px

}



.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    transition: .2s transform, .2s top

}



.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)

}



.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    transform: translateX(-50%);

    white-space: nowrap

}



.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transition: .2s transform, .2s left

}



.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transition: .2s transform, .2s right

}



.swiper-pagination-fraction {

    color: var(--swiper-pagination-fraction-color, inherit)

}



.swiper-pagination-progressbar {

    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));

    position: absolute

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: var(--swiper-pagination-color, var(--swiper-theme-color));

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transform: scale(0);

    transform-origin: left top

}



.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    transform-origin: right top

}



.swiper-horizontal>.swiper-pagination-progressbar,

.swiper-pagination-progressbar.swiper-pagination-horizontal,

.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,

.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 100%;

    height: var(--swiper-pagination-progressbar-size, 4px);

    left: 0;

    top: 0

}



.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-vertical,

.swiper-vertical>.swiper-pagination-progressbar {

    width: var(--swiper-pagination-progressbar-size, 4px);

    height: 100%;

    left: 0;

    top: 0

}



.swiper-pagination-lock {

    display: none

}



.swiper-scrollbar {

    border-radius: var(--swiper-scrollbar-border-radius, 10px);

    position: relative;

    touch-action: none;

    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))

}



.swiper-scrollbar-disabled>.swiper-scrollbar,

.swiper-scrollbar.swiper-scrollbar-disabled {

    display: none !important

}



.swiper-horizontal>.swiper-scrollbar,

.swiper-scrollbar.swiper-scrollbar-horizontal {

    position: absolute;

    left: var(--swiper-scrollbar-sides-offset, 1%);

    bottom: var(--swiper-scrollbar-bottom, 4px);

    top: var(--swiper-scrollbar-top, auto);

    z-index: 50;

    height: var(--swiper-scrollbar-size, 4px);

    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))

}



.swiper-scrollbar.swiper-scrollbar-vertical,

.swiper-vertical>.swiper-scrollbar {

    position: absolute;

    left: var(--swiper-scrollbar-left, auto);

    right: var(--swiper-scrollbar-right, 4px);

    top: var(--swiper-scrollbar-sides-offset, 1%);

    z-index: 50;

    width: var(--swiper-scrollbar-size, 4px);

    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));

    border-radius: var(--swiper-scrollbar-border-radius, 10px);

    left: 0;

    top: 0

}



.swiper-scrollbar-cursor-drag {

    cursor: move

}



.swiper-scrollbar-lock {

    display: none

}



.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: 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-slide-zoomed {

    cursor: move;

    touch-action: none

}



.swiper .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000

}



.swiper-free-mode>.swiper-wrapper {

    transition-timing-function: ease-out;

    margin: 0 auto

}



.swiper-grid>.swiper-wrapper {

    flex-wrap: wrap

}



.swiper-grid-column>.swiper-wrapper {

    flex-wrap: wrap;

    flex-direction: column

}



.swiper-fade.swiper-free-mode .swiper-slide {

    transition-timing-function: ease-out

}



.swiper-fade .swiper-slide {

    pointer-events: none;

    transition-property: opacity

}



.swiper-fade .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-fade .swiper-slide-active {

    pointer-events: auto

}



.swiper-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-cube {

    overflow: visible

}



.swiper-cube .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

    visibility: hidden;

    transform-origin: 0 0;

    width: 100%;

    height: 100%

}



.swiper-cube .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-cube.swiper-rtl .swiper-slide {

    transform-origin: 100% 0

}



.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-next,

.swiper-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible

}



.swiper-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0px;

    width: 100%;

    height: 100%;

    opacity: .6;

    z-index: 0

}



.swiper-cube .swiper-cube-shadow:before {

    content: '';

    background: #000;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    filter: blur(50px)

}



.swiper-cube .swiper-slide-next+.swiper-slide {

    pointer-events: auto;

    visibility: visible

}



.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-flip {

    overflow: visible

}



.swiper-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1

}



.swiper-flip .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-flip .swiper-slide-active,

.swiper-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-creative .swiper-slide {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    overflow: hidden;

    transition-property: transform, opacity, height

}



.swiper-cards {

    overflow: visible

}



.swiper-cards .swiper-slide {

    transform-origin: center bottom;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    overflow: hidden

}



.index-info-wrap .index-info ul {

    position: relative;

    width: 105%

}



.index-info-wrap .index-info ul .index-info-list {

    position: relative;

    display: inline-block;

    vertical-align: text-bottom;

    *display: inline;

    *zoom: 1;

    width: 338px;

    height: auto;

    margin: 0 33px 0 0

}



.index-info-wrap .index-info ul .index-info-list .info-pic {

    position: relative;

    width: 100%;

    border-bottom: 5px solid #1BD0B1

}



.index-info-wrap .index-info ul .index-info-list .info-pic img {

    position: relative;

    width: 100%

}



.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-title {

    padding: 25px 0 15px

}



.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-detail {

    font-size: 14px;

    line-height: 25px;

    color: #646466

}



.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-more {

    font-weight: bold;

    font-size: 14px;

    display: block;

    margin: 20px 0

}



.index-tit-bar {

    position: relative;

    margin: 0 auto 20px;

    text-align: left

}



.index-tit-bar .title,

.index-tit-bar .title a {

    color: #333;

    text-transform: uppercase

}



.index-tit-bar .title {

    display: block;

    z-index: 9;

    font-size: 30px;

    line-height: 3em;

    font-weight: normal;

    position: relative

}



.index-tit-bar .title:after {

    content: "";

    width: 800px;

    height: 1px;

    display: block;

    margin: auto;

    background-color: #c8c8c8;

    float: right;

    margin-top: 50px

}



.index-product {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 50px 0

}



.product-slides-wrap {

    position: relative;

    width: 1080px;

    margin: 0 auto

}



.product-slides-wrap .product-slides {

    position: relative;

    width: 100%

}



.index-arr-product {

    margin-top: 0;

    padding-top: 0px

}



.index-sv-items {

    position: relative;

    overflow: hidden

}



.index-sv-items ul {

    width: 100%;

    margin: 0 auto

}



.index-sv-items .sv-item {

    width: 50%;

    float: left;

    text-align: center

}



.index-sv-items .sv-item img {

    width: 100%;

    max-width: 540px;

    -webkit-filter: sepia(1);

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray !important;

    -webkit-transition: -webkit-filter .3s ease-out;

    -moz-transition: -moz-filter .3s ease-out;

    -ms-transition: -ms-filter .3s ease-out;

    -o-transition: -o-filter .3s ease-out;

    transition: filter .3s ease-out;

    -webkit-transform: translateZ(0)

}



.index-sv-items .sv-item img:hover {

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0);

    -o-filter: grayscale(0);

    filter: grayscale(0);

    filter: gray !important

}



.index-sv-items .sv-tit,

.index-sv-items .sv-tit a {

    color: #333

}



.index-sv-items .sv-tit {

    position: relative;

    padding: 0 0 20px;

    border-bottom: 1px solid #eee;

    line-height: 1.2em;

    font-size: 18px;

    font-weight: normal;

    text-transform: uppercase

}



.index-sv-items .sv-desc {

    font-size: 14px;

    line-height: 1.8;

    padding: 18px 10px 20px

}



.index-sv-items .readmore {

    display: block;

    text-transform: uppercase

}



.index-sv-items .readmore a {

    display: inline-block;

    background-color: #ededed;

    line-height: 38px;

    padding: 0 25px 0 25px;

    border-radius: 3px

}



.index-sv-items .readmore a {

    *display: inline

}



.index-sv-items .readmore a:hover {

    background-color: #0bb1ed;

    color: #fff

}



.index-sv-items .readmore a:before {

    content: '';

    display: inline-block;

    width: 9px;

    height: 11px;

    background-image: url(img/ico-arrow-more.png);

    background-position: 0 0;

    margin-right: 8px;

    vertical-align: middle;

    position: relative;

    top: -2px

}



.index-sv-items .readmore a:before {

    *display: inline

}



.index-sv-items .readmore a:hover:before {

    background-position: 0 -19px

}



.index-about {

    position: relative;

    width: 100%;

    margin-top: 70px

}



.index-about .layout {

    padding: 0 0 70px

}



.about-tit-bar {

    padding-bottom: 25px

}



.about-tit-bar .title {

    font-size: 36px;

    font-weight: normal;

    line-height: 1.1;

    text-align: left

}



.about-tit-bar .title:after {

    content: "";

    width: 800px;

    height: 1px;

    display: block;

    margin: auto;

    background-color: #c8c8c8;

    float: right;

    margin-top: 30px

}



.about-tit-bar .title,

.about-tit-bar .title a {

    color: #000;

    font-size: 36px;

    font-family: 'Myriad Pro';

    letter-spacing: 8px;

    text-transform: uppercase

}



.about-banner {

    position: relative;

    float: right;

    width: 540px

}



.about-banner li.slide-item,

.about-banner li.slide-item img {

    position: relative;

    max-width: 540px

}



.about-cont {

    position: relative

}



.about-detail {

    font-size: 18px;

    line-height: 1.7;

    width: 500px;

    float: left

}



.about-detail,

.about-detail a {

    color: #444

}



.about-detail p {

    padding-bottom: 8px;

    font-size: 14px

}



.about-detail .about-more {

    display: inline-block;

    border: 2px solid #fff;

    background-color: #0C9EE3;

    border-radius: 5px;

    padding: 3px 30px;

    font-size: 18px;

    color: #fff;

    *display: inline;

    text-transform: uppercase;

    position: relative

}



.about-more-info {

    display: table;

    margin-top: 30px;

    border-radius: 5px;

    float: left

}



@media screen and (min-width:769px) {

    .about-detail .about-more:hover {

        background-color: #000 \9;

        padding: 3px 40px 3px 20px;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset

    }



    .about-detail .about-more:after {

        content: '>>';

        display: inline-block;

        width: 10px;

        height: 10px;

        margin-left: 8px;

        opacity: 0;

        position: absolute;

        right: 20px

    }



    .about-detail .about-more:hover:after {

        width: 10px;

        opacity: 1;

        right: 17px

    }

}



.about-banner .flex-direction-nav {

    display: none

}



.about-banner .flex-control-nav {

    bottom: -25px;

    position: static;

    padding-top: 10px;

    line-height: 1

}



.about-banner .flex-control-paging li {

    padding: 0 2px

}



.about-banner .flex-control-paging li a {

    width: 5px;

    height: 5px;

    border-radius: 0;

    background-color: #fff;

    opacity: 1;

    filter: alpha(opacity=100);

    border: 1px solid #000

}



.about-banner .flex-control-paging li a.flex-active {

    background-color: #000

}



.full-bg-banner {

    width: 100%;

    height: 230px;

    background: #eee url(img/demo/banner-bg.jpg) fixed no-repeat center 0

}



.product-slides {

    display: none

}



.product-slides .product-item {

    width: 215px;

    margin: 0 auto;

    position: relative;

    background-color: #fff;

    border: 1px #c6c6c6 solid

}



.product-slides .product-item .pd-img,

.product-slides .product-item .pd-img img,

.product-slides .product-item .pd-shadow {

    display: block;

    width: 215px;

    height: 215px;

    overflow: hidden

}



.product-slides .product-item .pd-img {

    position: relative;

    margin: 0 auto

}



.product-slides .product-item .pd-shadow {

    z-index: 9;

    position: absolute;

    left: 0;

    top: 0;

    display: block

}



.product-slides .product-item .pd-shadow:before {

    content: '';

    display: block;

    position: absolute;

    left: 36%;

    top: 36%;

    right: 0;

    bottom: 0;

    background-color: #0C9EE3;

    opacity: 0;

    width: 60px;

    height: 60px

}



.product-slides .product-item .pd-shadow:after {

    display: inline-block;

    content: '';

    width: 50px;

    height: 50px;

    background: url(img/ico-zoom.png) center no-repeat;

    position: absolute;

    left: 50%;

    margin-left: -25px;

    top: 50%;

    margin-top: -45px;

    z-index: 10;

    opacity: 0;

    filter: alpha(opacity=0)

}



.product-slides .product-item:hover .pd-shadow:before {

    margin-left: 0top: 50%;

    margin-top: 0;

    background-color: #0C9EE3;

    opacity: .7;

    -moz-transform: scale(6);

    -webkit-transform: scale(6);

    -ms-transform: scale(6);

    -o-transform: scale(6);

    transform: scale(6)

}



.product-slides .product-item:hover img {

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2)

}



.product-slides .product-item:hover .pd-shadow:after {

    margin-top: -25px;

    opacity: .9;

    filter: alpha(opacity=90)

}



.product-slides .product-item .pd-name {

    padding: 0 5px 15px;

    font-size: 16px

}



.product-slides .product-item .pd-name a {

    display: block;

    width: 100%;

    padding: 8px 0 0;

    height: 2.8em;

    line-height: 1.4em;

    overflow: hidden;

    text-align: center;

    font-size: 14px;

    font-weight: normal;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    -ms-box-sizing: content-box;

    -o-box-sizing: content-box;

    box-sizing: content-box

}



.product-slides .product-item .pd-name a:hover {

    text-decoration: underline

}



.owl-loaded {

    display: block

}



@-webkit-keyframes bounce {



    0%,

    100%,

    20%,

    50%,

    80% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    40% {

        -webkit-transform: translateY(-12px);

        transform: translateY(-12px)

    }



    60% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }

}



@keyframes bounce {



    0%,

    100%,

    20%,

    50%,

    80% {

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }



    40% {

        -webkit-transform: translateY(-12px);

        -ms-transform: translateY(-12px);

        transform: translateY(-12px)

    }



    60% {

        -webkit-transform: translateY(-6px);

        -ms-transform: translateY(-6px);

        transform: translateY(-6px)

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce

}



.product-slides {

    display: none

}



.product-slides .arr-item {

    width: 215px;

    margin: 0 auto;

    position: relative;

    border: 1px #c6c6c6 solid;

    background-color: #fff

}



.product-slides .arr-item .pd-img,

.product-slides .arr-item .pd-img img,

.product-slides .arr-item .pd-shadow {

    display: block;

    width: 215px;

    height: 215px;

    overflow: hidden

}



.product-slides .arr-item .pd-img {

    position: relative;

    margin: 0 auto

}



.product-slides .arr-item .pd-shadow {

    z-index: 9;

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    overflow: hidden

}



.product-slides .arr-item .pd-shadow:before {

    content: '';

    display: block;

    position: absolute;

    left: 36%;

    top: 36%;

    right: 0;

    bottom: 0;

    background-color: #0C9EE3;

    opacity: 0;

    width: 60px;

    height: 60px

}



.product-slides .arr-item .pd-shadow:after {

    display: inline-block;

    content: '';

    width: 50px;

    height: 50px;

    background: url(img/ico-zoom.png) center no-repeat;

    position: absolute;

    left: 50%;

    margin-left: -25px;

    top: 50%;

    margin-top: -45px;

    z-index: 10;

    opacity: 0;

    filter: alpha(opacity=0)

}



.product-slides .arr-item:hover .pd-shadow:before {

    margin-left: 0top: 50%;

    margin-top: 0;

    background-color: #0C9EE3;

    opacity: .7;

    -moz-transform: scale(6);

    -webkit-transform: scale(6);

    -ms-transform: scale(6);

    -o-transform: scale(6);

    transform: scale(6)

}



.product-slides .arr-item:hover .pd-shadow:after {

    margin-top: -25px;

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    opacity: .9;

    filter: alpha(opacity=90)

}



.product-slides .arr-item:hover img {

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2)

}



.product-slides .arr-item .pd-name {

    padding: 0 5px 15px;

    font-size: 16px

}



.product-slides .arr-item .pd-name a {

    display: block;

    width: 100%;

    padding: 8px 0 0;

    height: 2.8em;

    line-height: 1.4em;

    overflow: hidden;

    text-align: center;

    font-size: 14px;

    font-weight: normal;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    -ms-box-sizing: content-box;

    -o-box-sizing: content-box;

    box-sizing: content-box

}



.product-slides .arr-item .pd-name a:hover {

    text-decoration: underline

}



.owl-loaded {

    display: block

}



.product-slides-wrap .product-slides .owl-prev,

.product-slides-wrap .product-slides .owl-next {

    display: inline-block;

    width: 40px;

    height: 13px;

    background-position: center;

    background-repeat: no-repeat;

    *display: inline;

    text-indent: -9999px;

    overflow: hidden;

    position: absolute;

    top: -90px;

    z-index: 100

}



.product-slides-wrap .product-slides .owl-next {

    background-image: url(img/pd-nav-icos.png);

    right: 0;

    background-position: -30px -4px;

    background-repeat: no-repeat;

    width: 25px;

    height: 25px

}



.product-slides-wrap .product-slides .owl-prev {

    background-image: url(img/pd-nav-icos.png);

    right: 30px;

    background-position: -2px -4px;

    background-repeat: no-repeat;

    width: 25px;

    height: 25px

}



.product-slides-wrap .product-slides .owl-next:hover {

    background-image: url(img/pd-nav-icos.png);

    background-position: -30px -32px;

    border: 1px #0C9EE3 solid;

    border-radius: 5px

}



.product-slides-wrap .product-slides .owl-prev:hover {

    background-image: url(img/pd-nav-icos.png);

    background-position: -2px -32px;

    border: 1px #0C9EE3 solid;

    border-radius: 5px

}



.goods-may-like .owl-nav {

    position: absolute;

    right: 0;

    top: -52px;

    height: auto;

    padding-left: 10px

}



.goods-may-like .owl-prev,

.goods-may-like .owl-next {

    display: inline-block;

    width: 12px;

    height: 25px;

    background-image: url(img/pd-nav-icos.png);

    background-repeat: no-repeat;

    *display: inline;

    text-indent: -9999px;

    overflow: hidden

}



.goods-may-like .owl-prev {

    background-position: -8px -4px

}



.goods-may-like .owl-next {

    background-position: -40px -4px;

    margin-left: 8px

}



.goods-may-like .owl-prev:hover {

    background-position: -8px -32px

}



.goods-may-like .owl-next:hover {

    background-position: -40px -32px

}



.goods-may-like .owl-prev.disabled:hover,

.goods-may-like .owl-next.disabled:hover,

.goods-may-like .owl-prev.disabled,

.goods-may-like .owl-next.disabled {

    background-color: transparent;

    cursor: default;

    filter: alpha(opacity=0);

    opacity: 0

}



.main1 .product-item {

    position: relative;

    width: 249px;

    height: auto;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1

}



.main1 .product-item .item-wrap {

    position: relative;

    background: #fff;

    padding: 10px

}



.main1 .product-item .pd-img {

    position: relative;

    width: 100%;

    overflow: hidden

}



.main1 .product-item .pd-img img {

    position: relative;

    width: 100%

}



.main1 .product-item .pd-img .pd-shadow {

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    overflow: hidden;

    width: 100%;

    height: 100%;

    opacity: 0;

    -moz-opacity: 0;

    filter: alpha(opacity=0);

    background-color: rgba(0, 0, 0, 0.2);

    z-index: 9

}



.main1 .product-item:hover .pd-img .pd-shadow {

    opacity: 1;

    -moz-opacity: 100;

    filter: alpha(opacity=100)

}



.main1 .product-item .pd-info {

    position: relative;

    display: block;

    line-height: 18px

}



.product-list .product-item .pd-info .pd-name {

    padding: 0 5px 5px

}



.main1 .product-item .pd-info .pd-name a {

    display: block;

    height: 36px;

    overflow: hidden;

    padding: 15px 5px 0;

    font-weight: normal;

    text-align: center

}



.main1 .product-item {

    clear: left

}



.path-bar {

    position: relative;

    line-height: 31px;

    font-size: 13px;

    margin: 20px 0 60px;

    padding: 9px 0;

    background-color: #b8b8b8;

    text-transform: uppercase

}



.path-bar li {

    display: inline-block;

    vertical-align: top;

    position: relative;

    *display: inline;

    padding-right: 8px

}



.path-bar li:after {

    display: inline;

    content: '/';

    padding-left: 8px

}



.path-bar li:last-child:after {

    display: none

}



.path-bar li,

.path-bar li a {

    color: #fff

}



.path-bar li:first-child {

    padding-left: 0

}



.path-bar li:first-child a:before {

    display: none

}



.path-bar li a:hover,

.path-bar li:hover a {

    color: #ccc

}



.aside {

    float: left;

    width: 230px

}



.side-tit-bar {

    position: relative;

    padding: 0 0 12px

}



.side-tit-bar .side-tit {

    position: relative;

    font-size: 18px;

    line-height: 1.3;

    font-weight: normal;

    color: #333

}



.side-tit-bar:before {

    content: '';

    display: block;

    width: 80px;

    height: 3px;

    background-color: #000;

    position: absolute;

    top: -10px

}



.side-widget {

    margin: 0 0 20px 0;

    padding: 0

}



.products-scroll-list-wrap {

    position: relative;

    padding: 15px 0

}



.products-scroll-list {

    position: relative;

    margin-top: 20px

}



.products-scroll-list li {

    padding: 0 0 35px;

    display: block;

    overflow: hidden

}



.products-scroll-list li img {

    width: 60px;

    float: left;

    padding: 0 20px 0 0

}



.products-scroll-list li .pd-info {

    max-height: 60px;

    line-height: 20px;

    overflow: hidden

}



.side-widget .disabled {

    cursor: default

}



.products-scroll-btn-prev {

    width: 100%;

    height: 19px;

    display: block;

    background: url(img/icons-prev.png) no-repeat center center

}



.products-scroll-btn-next {

    width: 100%;

    height: 19px;

    display: block;

    background: url(img/icons-next.png) no-repeat center center

}



.side-bn {

    max-width: 100%;

    margin: 0 0 25px 0

}



.side-bn img {

    max-width: 100%

}



.side-contact {

    border-bottom: 1px solid #E8E8E8

}



.side-contact .side-pic {

    position: relative;

    width: 100%;

    margin: 0 0 5px 0

}



.side-contact .side-pic img {

    position: relative;

    width: 100%

}



.side-contact ul {

    padding: 0 8px

}



.side-contact ul li {

    padding: 6px 0 6px 17px;

    background: url(img/icons12.png) no-repeat left 12px;

    border-bottom: 1px solid #E8E8E8;

    line-height: 20px

}



.side-contact ul li:last-child {

    border-bottom: none

}



.side-contact ul li span {

    font-weight: bold

}



.main1 {

    position: relative;

    width: 830px;

    display: block;

    overflow: hidden;

    float: right

}



.main1-tit-bar {

    line-height: 28px;

    border-bottom: 1px solid #e5e5e5;

    position: relative;

    padding-bottom: 5px

}



.main1-tit-bar .title {

    font-size: 20px;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    position: relative;

    color: #333;

    font-weight: normal

}



.main1-tit-bar .share-this {

    display: inline;

    float: right;

    margin: 0 10px 0 0

}



.main1-banner {

    position: relative;

    display: block

}



.main1-banner-cont {

    border-top: none;

    padding: 5px 0 20px;

    display: block;

    overflow: hidden

}



.main1-banner .slide-banners {

    height: auto;

    margin: 0 0 8px 0;

    width: 100%

}



.main1-banner .slide-banners .slide-item {

    height: auto

}



.main1-banner .slide-banners .slide-item img {

    width: 100%;

    max-height: 320px

}



.goods-summary {

    font-size: 14px;

    line-height: 22px;

    padding: 5px 0 10px

}



.main1-banner .flex-control-nav {

    bottom: 15px;

    line-height: 8px

}



.main1-banner .flex-control-paging li a {

    width: 6px;

    height: 6px;

    border-width: 1px

}



.product-list,

.certificate-list,

.video-list,

.download-list,

.faq-list {

    position: relative;

    overflow: hidden;

    margin: 20px 0 0

}



.product-list ul,

.certificate-list ul,

.video-list ul {

    position: relative;

    width: 115%

}



.product-list ul .product-item,

.video-list ul .product-item,

.goods-items .product-item {

    width: 248px;

    margin: 0 43px 40px 0

}



.certificate-list ul .product-item {

    width: 185px;

    margin: 0 25px 20px 0

}



.download-list ul li {

    position: relative;

    display: block;

    overflow: hidden;

    line-height: 30px;

    padding: 30px 0 10px;

    border-bottom: 1px solid #E9E9E9

}



.download-list ul li .download-cont {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    float: left;

    padding-right: 160px

}



.download-list ul li .download-cont .download-pic {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    width: 25px;

    height: 25px;

    overflow: hidden

}



.download-list ul li .download-cont .download-pic img {

    max-width: 25px;

    max-height: 25px

}



.download-list ul li .download-cont .download-detail {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    font-size: 16px;

    margin: 0 15px

}



.download-list ul li .download-button {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    float: right;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    border-width: 1px;

    border-style: solid;

    border-left-color: #C1C1C1;

    border-right-color: #C1C1C1;

    border-top-color: #C9C9C9;

    border-bottom-color: #A5A5A5;

    border-radius: 5px;

    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');

    background: -moz-linear-gradient(top, #F1F1F1, #DADADA);

    background: -o-linear-gradient(top, #F1F1F1, #DADADA);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));

    position: absolute;

    right: 0;

    bottom: 10px

}



.download-list ul li .download-button a {

    position: relative;

    display: block;

    padding: 0 12px 0 40px;

    color: #0A0A0A;

    background-image: url(img/icons08.png);

    background-repeat: no-repeat;

    background-position: 15px 8px

}



.faq-list ul li {

    position: relative;

    display: block;

    overflow: hidden;

    line-height: 24px;

    border-bottom: 1px solid #E9E9E9;

    color: #3D3D3D

}



.faq-list ul li .faq-title {

    position: relative;

    padding: 20px 0 16px 42px;

    height: 24px;

    line-height: 24px;

    cursor: pointer

}



.faq-list ul li .faq-title b {

    position: absolute;

    left: 1px;

    top: 20px;

    width: 24px;

    height: 24px;

    display: block;

    overflow: hidden

}



.faq-list ul li .faq-title b.faq-down {

    background: url(img/icons10.png) no-repeat center center

}



.faq-list ul li .faq-title b.faq-up {

    background: url(img/icons09.png) no-repeat center center

}



.faq-list ul li .faq-title h2 {

    font-weight: normal;

    font-size: 16px;

    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3)

}



.faq-list ul li .faq-cont {

    position: relative;

    padding: 0 0 30px 42px;

    font-size: 14px

}



.page-bar .pages {

    display: block;

    padding: 10px;

    margin: 20px 0 30px;

    text-align: center;

    font-size: 12px

}



.pages a,

.pages span {

    display: inline-block;

    height: 26px;

    line-height: 26px;

    padding: 0 10px;

    margin: 0 4px;

    vertical-align: middle

}



.pages span,

.pages span a {

    text-transform: uppercase

}



.pages span {

    margin: 0 10px

}



.pages .page-prev {

    margin: 0 10px 0 10px

}



.pages .page-next {

    margin: 0 0 0 15px

}



.pages a.current,

.pages a:hover {

    color: #FFF;

    background-color: #000;

    border-color: #000

}



.pages a:hover {

    text-decoration: none

}



.product-intro {

    position: relative;

    display: block

}



.product-view {

    width: 321px;

    float: left;

    position: relative;

    padding: 0 0 10px;

    background: #fff;

    text-align: center

}



.product-view .text-tips {

    clear: both;

    color: #666;

    padding: 15px 0;

    line-height: 1.5em

}



.product-view .product-img {

    display: table-cell;

    width: 319px;

    height: 319px;

    text-align: center;

    border: 1px solid #eee;

    overflow: hidden;

    cursor: pointer;

    vertical-align: middle

}



.product-view .product-img img {

    max-width: 319px;

    max-height: 319px;

    position: relative

}



.product-view .share-this {

    display: inline-block

}



.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden

}



.small-img-scroll {

    position: relative;

    overflow: hidden;

    margin: 20px auto 0

}



.small-img-scroll li {

    margin: 0 2px;

    display: inline

}



.small-img-scroll li.disabled {

    display: block

}



.small-img-wrap {

    padding: 0 15px;

    position: relative

}



.small-img-wrap .small-img-slide {

    padding: 0 30px;

    width: auto

}



.small-img-wrap .small-img-item,

.small-img-wrap .small-img-item img {

    width: 62px;

    height: 62px

}



.small-img-wrap .small-img-item {

    display: block;

    text-align: center;

    margin: 0 10px;

    cursor: pointer;

    border-width: 2px;

    border-style: solid;

    border-color: transparent;

    overflow: hidden

}



.small-img-wrap .small-img-item img {

    display: block;

    vertical-align: middle

}



.small-img-wrap .current .small-img-item {

    border-color: #000

}



.small-img-wrap .small-btn-prev,

.small-img-wrap .small-btn-next {

    display: block;

    width: 14px;

    position: absolute;

    top: 0;

    bottom: 0;

    text-indent: -9999em;

    overflow: hidden;

    background-image: url(img/img_scroll_btns.png);

    background-repeat: no-repeat;

    background-color: transparent;

    cursor: pointer

}



.small-img-wrap .small-btn-prev {

    background-position: 0 center;

    left: 0

}



.small-img-wrap .small-btn-next {

    background-position: right center;

    right: 0

}



.small-img-wrap .small-btn-prev.disabled:hover,

.small-img-wrap .small-btn-next.disabled:hover,

.small-img-wrap a.disabled {

    background-color: transparent;

    cursor: default;

    filter: alpha(opacity=20);

    opacity: .2

}



.container {

    position: relative;

    background-color: #ffffff

}



.photos-gallery {

    width: 800px;

    border: 1px solid rgba(0, 0, 0, 0.5);

    border-radius: 5px;

    overflow: hidden;

    background: #fff;

    z-index: 999999;

    display: none

}



.photos-gallery .close-gallery {

    display: block;

    width: 25px;

    height: 25px;

    background: url(img/close_pop.png) center center no-repeat;

    position: absolute;

    right: 10px;

    top: 10px;

    filter: alpha(opacity=50);

    opacity: .5;

    cursor: pointer

}



.photos-gallery .close-gallery:hover {

    opacity: 1

}



.photos-gallery .gallery-main {

    overflow: hidden;

    position: relative;

    background: #eee

}



.photos-gallery .gallery-photo {

    float: left;

    width: 490px;

    padding: 15px 50px 1000px;

    margin-bottom: -970px;

    position: relative;

    background: #fff

}



.photos-gallery .gallery-photo img {

    max-width: 100%;

    _width: 100%;

    height: auto

}



.gallery-small-imgs {

    width: 200px;

    float: right;

    padding: 15px 5px 15px 5px

}



.gallery-small-imgs li {

    width: 32%;

    text-align: center;

    padding: 5px 0;

    display: inline-block;

    vertical-align: top

}



.gallery-small-imgs li a {

    display: inline-block;

    border-width: 2px;

    border-style: solid;

    border-color: transparent

}



.gallery-small-imgs li a:hover,

.gallery-small-imgs li.current a {

    border-color: #ed532f

}



.gallery-small-imgs li a:hover {

    padding: 1px;

    border-width: 1px;

    background: #fff

}



.gallery-small-imgs li.current a:hover {

    padding: 0;

    border-width: 2px

}



.gallery-small-imgs li.disabled {

    display: block

}



.gallery-small-imgs li img {

    width: 100%

}



.gallery-body-mask {

    display: none;

    width: 100%;

    height: 100%;

    background: #000;

    filter: alpha(opacity=40);

    opacity: .4;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 99999

}



.photos-gallery .gallery-photo-title {

    padding: 8px 20px;

    border-bottom: 1px solid #eee;

    color: #333

}



.photos-gallery .photo-box {

    position: relative;

    background: url(img/loading.gif) center center no-repeat;

    text-align: center

}



.photos-gallery .photo-prev,

.photos-gallery .photo-next {

    position: absolute;

    top: 50%;

    margin-top: -20px;

    display: block;

    width: 22px;

    height: 40px;

    background-image: url(img/gallery_btns.png);

    background-repeat: no-repeat;

    background-color: transparent;

    text-indent: -9999em;

    overflow: hidden;

    border-radius: 3px;

    cursor: pointer

}



.photos-gallery .photo-prev:hover,

.photos-gallery .photo-next:hover {

    background-color: #999

}



.photos-gallery .photo-prev {

    background-position: 4px 5px;

    left: -40px

}



.photos-gallery .photo-next {

    background-position: -14px 5px;

    right: -40px

}



.photos-gallery .photo-prev:hover {

    background-position: 4px -30px

}



.photos-gallery .photo-next:hover {

    background-position: -14px -30px

}



.product-title {

    color: #312F32;

    font-size: 24px;

    border-bottom: 1px solid #ddd;

    padding: 0 0 10px 0;

    margin: 0 0 20px 0;

    line-height: 1.2;

    font-weight: normal

}



.product-summary {

    width: 490px;

    float: right

}



.product-summary .inquiry-tit {

    color: #0082CA;

    font-size: 18px;

    font-weight: normal;

    padding: 0 0 15px

}



.product-summary .share-this {

    padding: 30px 0 0;

    float: right

}



.product-detail {

    position: relative;

    overflow: visible;

    margin: 60px 0 0

}



.detail-tabs {

    position: relative

}



.detail-tabs h2 {

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    position: relative;

    font-size: 14px;

    line-height: 34px;

    padding: 0 30px;

    cursor: pointer;

    margin: 0 5px 0 0;

    color: #333;

    font-weight: normal

}



.detail-tabs h2:hover {

    color: #000;

    background-color: #fcfcfc

}



.detail-tabs h2.current {

    background-color: #000;

    color: #fff

}



.product-detail .detail-panel {

    padding-top: 30px

}



.product-detail .disabled {

    display: none

}



.goods-tbar {

    position: relative;

    line-height: 30px;

    padding-bottom: 5px;

    border-bottom: 1px solid #ddd

}



.goods-tbar .title {

    display: inline-block;

    position: relative;

    z-index: 9;

    background-color: #fff;

    font-size: 18px;

    font-weight: normal;

    padding: 0 15px 0 0;

    color: #333

}



.goods-may-like {

    position: relative;

    margin: 40px 0 0

}



.goods-items-wrap {

    position: relative;

    width: 828px

}



.goods-items {

    position: relative;

    width: 100%;

    margin: 20px 0 0

}



.goods-items .owl-nav {

    display: inline;

    position: absolute;

    top: -53px;

    right: -2px

}



.goods-items .owl-nav .owl-next {

    margin-left: 10px

}



.blog-list {

    background: #fff;

    padding: 0 0 50px;

    margin: 0 auto

}



.blog-list .blog-item {

    padding: 20px 20px;

    position: relative;

    margin: 0 auto 3px

}



.blog-list .blog-item .blog-img {

    float: left;

    width: 200px;

    height: auto;

    margin: 0 20px 8px 0

}



.blog-list .blog-item .blog-tit {

    font-size: 16px

}



.blog-list .blog-item .blog-meta {

    display: block;

    color: #aaa

}



.blog-list .blog-item .blog-meta span {

    display: inline;

    padding: 0 15px 0 0

}



.blog-list .blog-item .blog-summary {

    padding: 8px 0;

    color: #999

}



.blog-list .blog-item .readmore {

    display: block;

    text-align: right;

    font-size: 14px

}



.blog-list .blog-item .readmore:hover a {

    color: #000

}



.blog-list .blog-item .readmore i {

    font-size: 14px

}



.blog-list .blog-item:hover {

    background: #fafafa

}



.blog-list .blog-item:hover img {

    opacity: .8

}



.blog-list .blog-item:before {

    content: "";

    height: 1px;

    font-size: 1px;

    overflow: hidden;

    border-top: 1px solid #aaa;

    border-bottom: 1px solid #aaa;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -3px

}



.blog-list .blog-item:hover:before {

    border-top-color: #333;

    border-bottom-color: #333

}



.jquery-lightbox-button-close,

.jquery-lightbox-button-left,

.jquery-lightbox-button-right,

.slide-banners .flex-prev,

.slide-banners .flex-next,

.about-banner-wrap .owl-prev,

.about-banner-wrap .owl-next,

.history-foot .site-name {

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out

}



.jquery-lightbox-overlay {

    background: #000

}



.jquery-lightbox-navigator {

    display: none;

    height: 0 !important

}



.jquery-lightbox {

    padding: 0;

    background: #fff url(img/loading.gif) center center no-repeat;

    border: 6px solid #333;

    border-radius: 10px

}



.jquery-lightbox-background img {

    display: block;

    max-width: 100%

}



.jquery-lightbox-button-close,

.jquery-lightbox-button-left,

.jquery-lightbox-button-right {

    background-image: url(img/lightbox_sprites.png);

    background-repeat: no-repeat;

    background-color: transparent;

    filter: alpha(opacity=40);

    opacity: .4

}



.jquery-lightbox:hover .jquery-lightbox-button-close,

.jquery-lightbox:hover .jquery-lightbox-button-left,

.jquery-lightbox:hover .jquery-lightbox-button-right {

    filter: alpha(opacity=100);

    opacity: 1;

    z-index: 9000

}



.jquery-lightbox-button-close {

    display: block;

    width: 28px;

    height: 28px;

    background-position: -56px 0;

    position: absolute;

    right: 6px;

    top: 6px;

    text-indent: -9999em;

    overflow: hidden

}



.jquery-lightbox-buttons {

    width: 56px;

    position: absolute;

    left: 0;

    top: 45%;

    width: 100%

}



.jquery-lightbox-button-left,

.jquery-lightbox-button-right {

    display: block;

    width: 28px;

    height: 36px;

    text-indent: -9999em;

    overflow: hidden;

    position: relative;

    position: absolute

}



.jquery-lightbox-button-left {

    background-position: 0 0;

    left: 6px

}



.jquery-lightbox-button-right {

    background-position: -28px 0;

    right: 6px

}



.jquery-lightbox-button-max {

    display: none !important

}



.jquery-lightbox-mode-html .jquery-lightbox-background {

    display: none

}



.jquery-lightbox-mode-image .jquery-lightbox-html {

    display: none

}



.lightbox-html .jquery-lightbox-overlay {

    background: #fff

}



.lightbox-html .jquery-lightbox {

    border: 1px solid #999;

    border-radius: 8px;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);

    text-align: center

}



.lightbox-html embed {

    border-radius: 0 0 8px 8px

}



.lightbox-html .jquery-lightbox {

    padding: 35px 15px 15px

}



.lightbox-html .jquery-lightbox-button-close {

    display: block;

    width: 30px;

    height: 30px;

    background-image: url(img/lightbox_close.png);

    background-position: center center;

    background-repeat: no-repeat;

    position: absolute;

    right: 5px;

    top: 5px;

    text-indent: -9999em;

    overflow: hidden

}



.inquiry-form-wrap {

    position: relative;

    width: 100%;

    background: url(img/inq01.png) repeat left top

}



.inquiry-form {

    position: relative;

    padding: 25px 7% 35px;

    border: 1px solid #F4F4F4

}



.inquiry-form:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 5px;

    display: block;

    overflow: hidden;

    background: url(img/inq02.png) repeat-x left top

}



.inquiry-form .inquiry-form-ico {

    position: absolute;

    right: 20px;

    top: 27px;

    width: 75px;

    display: block;

    overflow: hidden

}



.inquiry-form .inquiry-form-ico img {

    position: relative;

    width: 100%

}



.inquiry-form .inquiry-form-title {

    font-size: 14px;

    font-weight: normal;

    line-height: 20px

}



.inquiry-form .form-item {

    position: relative;

    display: block

}



.inquiry-form .form-input,

.inquiry-form input[type="text"] {

    position: relative;

    border: 1px solid #E3E3E3;

    width: 50%;

    height: 31px;

    line-height: 31px;

    margin: 18px 0 0;

    color: #000;

    padding: 0 0 0 15px

}



.inquiry-form .form-text,

.inquiry-form textarea {

    position: relative;

    border: 1px solid #E3E3E3;

    width: 90%;

    height: 112px;

    line-height: 31px;

    margin: 18px 0 0;

    color: #000;

    padding: 0 0 0 15px

}



.inquiry-form .form-text:focus,

.inquiry-form textarea:focus {

    outline: none

}



.inquiry-form .form-input-name,

.inquiry-form input[type="text"].form-input-name {

    padding: 0 0 0 28px;

    background: url(img/inq04.png) no-repeat 8px 9px

}



.inquiry-form .form-input-email,

.inquiry-form input[type="text"].form-input-email {

    padding: 0 0 0 28px;

    background: url(img/inq05.png) no-repeat 8px 11px

}



.inquiry-form .form-input-phone,

.inquiry-form input[type="text"].form-input-phone {

    padding: 0 0 0 28px;

    background: url(img/inq06.png) no-repeat 8px 11px

}



.inquiry-form .form-btn-wrap {

    position: absolute;

    bottom: 65px;

    left: 7%;

    width: 83%;

    height: 0;

    display: block

}



.inquiry-form .form-btn-wrap .form-btn-submit {

    position: absolute;

    top: 0;

    right: 0;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    height: 30px;

    line-height: 30px;

    padding: 0 16px;

    font-size: 14px;

    border-width: 1px;

    border-style: solid;

    border-left-color: #ECC75C;

    border-right-color: #ECC75C;

    border-top-color: #F4D67E;

    border-bottom-color: #E1AF32;

    border-radius: 5px;

    color: #4C4C4E;

    text-shadow: 0 0 1PX rgba(0, 0, 0, 0.3);

    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1', endColorStr='#FCE26B', gradientType='0');

    background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);

    background: -o-linear-gradient(top, #FFF5D1, #FCE26B);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B))

}



.inquiry-form .Validform_checktip {

    display: block;

    width: 93%;

    margin: 0 auto;

    _display: none

}



.inquiry-form .Validform_wrong {

    font-size: 12px;

    font-weight: bold;

    color: #da3439;

    _display: block

}



.entry {

    padding: 15px 0

}



.entry {

    color: #666

}



.entry a {

    color: #0030FF

}



.entry p {

    margin: 0;

    padding: 8px 0;

    font-size: 13px;

    line-height: 1.8

}



.entry table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    margin-bottom: 20px

}



.entry th,

.entry td {

    height: 30px;

    border: 1px solid #ccc;

    text-align: left;

    line-height: 1.5;

    font-size: 12px;

    color: #666;

    background: #fbfbfb;

    padding: 0 15px

}



.entry th {

    font-size: 12px;

    background: #eee

}



.entry td p,

.entry th p,

.pd-panel .entry td p,

.pd-panel .entry th p {

    margin: 0;

    padding: 5px;

    color: #666;

    font-size: 12px;

    line-height: 1.3

}



.entry td.amts {

    color: #cb2027

}



.entry th#cartDelete {

    text-align: center

}



.entry .button {

    margin: 15px 10px 0 0;

    background: #dfdfdf;

    padding: 8px 15px;

    border: 0;

    cursor: pointer;

    line-height: 1.2;

    color: #777;

    font-weight: bold;

    text-transform: Capitalize

}



.entry .button:hover {

    background: #cb2027;

    color: #fff

}



.entry .deletecartitem {

    width: 50px;

    text-align: center

}



.entry .deletecartitem label {

    display: none

}



.entry .stotal td.amts {

    font-size: 18px;

    font-weight: bold

}



.entry img.alignleft {

    float: left;

    margin: 20px 15px 0 0

}



.entry img.alignright {

    float: right;

    margin: 20px 0 0 15px

}



.entry img.alignleftnopad {

    float: left;

    margin-left: 0

}



.entry img.alignrightnopad {

    float: right;

    margin-right: 0

}



.entry img.aligncenter {

    text-align: center;

    display: block;

    margin: 20px auto 0 auto

}



.entry img {

    max-width: 100%

}



.cartitem a {

    color: #292929;

    font-weight: bold

}



.inquiry-form ul li {

    background: none

}



.entry .inquiry-form-wrap {

    margin: 20px 0 0

}



.contact-form {

    padding: 15px 20px 50px

}



.contact-form .form-item {

    width: auto;

    padding: 6px 0 6px 90px;

    _width: 600px

}



.contact-form .form-label {

    width: 85px

}



.contact-form .form-btn-wrap {

    position: relative;

    display: block;

    padding: 15px 0 0 90px;

    bottom: auto;

    right: auto

}



.contact-form .form-btn-wrap .form-btn-submit {

    padding: 5px 40px;

    text-align: center;

    font-size: 14px;

    background: -moz-linear-gradient(top, #fff, #ddd);

    background: -webkit-linear-gradient(top, #fff, #ddd);

    background: -ms-linear-gradient(top, #fff, #ddd);

    background: -o-linear-gradient(top, #fff, #ddd);

    background: linear-gradient(top, #fff, #ddd);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);

    border-radius: 3px

}



.contact-form .form-btn-wrap .form-btn-submit:hover {

    border: 1px solid #aaa;

    color: #333;

    box-shadow: 0 0 3px #ddd inset

}



.top-category {

    padding-bottom: 10px

}



.top-category .titl {

    padding: 5px;

    line-height: 12px;

    border: 1px solid #cccccc

}



.pagenavi {

    padding: 10px 5px 30px 20px

}



.pagenavi span,

.pagenavi a {

    padding: 5px;

    border: 1px solid #ccc;

    margin-right: 5px

}



.post-ratings {

    width: 100%;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1

}



.post-ratings-loading {

    display: none;

    height: 16px;

    text-align: left

}



.post-ratings-image {

    border: 0px

}



.post-ratings IMG,

.post-ratings-loading IMG,

.post-ratings-image IMG {

    border: 0px;

    padding: 0px;

    margin: 0px

}



.post-ratings-comment-author {

    font-weight: normal;

    font-style: italic

}



.model {

    width: 100%;

    overflow: hidden;

    font-size: 13px

}



.info-title {

    max-height: 110px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block

}



.info-con {

    display: block;

    margin-left: 20px

}



.info-con-title {

    font-size: 15px;

    color: #FF3300

}



.info-con span {

    display: block

}



.info-left {

    float: left;

    width: 120px;

    max-height: 370px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 123px

}



.info-middle {

    float: left;

    display: block;

    overflow: hidden;

    padding: 0 10px

}



.info-right {

    float: left;

    width: 120px

}



.info-right div:first-child {

    height: 160px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 11px

}



.info-right div:nth-child(2) {

    height: 166px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 13px

}



.info-right div:nth-child(3) {

    height: 148px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    display: block;

    margin-top: 9px

}



.size-table td {

    text-align: center

}



.main1 {

    overflow: hidden

}



.main1 .item-head {

    padding: 10px 0;

    border-top: 1px dashed #c0c0c0;

    clear: both;

    font-size: 14px;

    font-weight: bold

}



.main1 .color-show li {

    width: 70px;

    height: 90px;

    float: left;

    text-align: center

}



.main1 .color-show li img {

    width: 51px;

    height: 51px

}



.main1 .color-show li span {

    display: block;

    padding: 5px 0 0

}



.main1 .color-show li.show-big {

    width: 220px;

    min-height: 300px;

    _height: 300px;

    _overflow: visible;

    float: left

}



.main1 .color-show li.show-big img {

    width: 160px;

    height: auto;

    margin: 15px auto 0

}



.selected {

    cursor: pointer

}



.ico ul li {

    padding: 5px 0

}



.ico ul li a {

    color: #FFC000;

    font-weight: bold

}



.sub-tbar {

    line-height: 30px;

    background: url(img/tit_bg_line.png) repeat-x scroll 0 15px;

    text-align: center;

    margin-bottom: 15px

}



.sub-tbar h3 {

    display: inline-block;

    padding: 0 10px;

    background: #fff;

    font-size: 18px;

    font-weight: normal

}



.sub-tbar h3 {

    *display: inline

}



.handmade li {

    float: left;

    width: 257px;

    height: 280px;

    padding: 0 10px

}



.handmade li .img,

.handmade li .img img {

    display: block;

    width: 250px;

    height: 138px

}



.handmade li .tit {

    display: block;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    padding: 5px 0 0;

    font-size: 12px

}



.handmade li .tit,

.handmade li .tit a {

    color: #333

}



.handmade li .summary {

    height: 80px;

    line-height: 20px;

    overflow: hidden

}



.shippingdate {

    padding: 2px 0 0;

    border-top: 1px dashed #ddd;

    border-bottom: 1px dashed #ddd;

    margin: 10px 0 0

}



.detail {

    float: right;

    width: 350px;

    padding: 2px 0 0 20px;

    border-top: 1px dashed #ddd;

    border-left: 1px dashed #ddd;

    border-bottom: 1px dashed #ddd;

    margin: 10px 0 0

}



.detail ul {

    overflow: hidden

}



.detail ul li {

    float: left;

    width: 160px

}



.size {

    margin-top: 0px;

    padding-left: 60px

}



.size table {

    border: 1px solid #efefef;

    margin-top: 20px

}



.size ul li {

    float: left;

    padding: 0 18px

}



.size table td {

    text-align: center

}



.size table tr {

    text-align: center

}



.size table th {

    text-align: center;

    color: #FFC000;

    font-weight: bold

}



.size-pro table {

    border: 1px solid #efefef;

    margin-top: 20px;

    text-align: center

}



.size-pro ul li {

    float: left;

    padding: 0 18px

}



.size-pro table td {

    text-align: center

}



.size-pro table tr {

    text-align: center;

    color: #FFC000;

    font-weight: bold

}



.size-pro table th {

    text-align: center;

    color: #FFC000;

    font-weight: bold

}



.attachment-100x100 {

    max-width: 120px

}



.topbar .change-currency {

    display: inline;

    float: right;

    margin: 0 0 0 10px

}



.topbar .change-currency a:hover {

    text-decoration: none

}



.topbar .change-currency a.USD,

.change-currency a.EUR,

.topbar .change-currency a.CAD,

.topbar .change-currency a.GBP,

.topbar .change-currency a.AUD,

.topbar .change-currency a.HK,

.topbar .change-currency a.JPY,

.topbar .change-currency a.RUB,

.topbar .change-currency a.CHF,

.topbar .change-currency a.MXN,

.topbar .change-currency a.NOK,

.topbar .change-currency a.CZK,

.topbar .change-currency a.BRL,

.topbar .change-currency a.ARS {

    padding: 0 0 0 26px;

    background-image: url(img/currency-icons.png);

    background-repeat: no-repeat

}



.topbar .change-currency a.USD {

    background-position: 2px 4px

}



.topbar .change-currency a.EUR {

    background-position: 2px -22px

}



.topbar .change-currency a.CAD {

    background-position: 2px -50px

}



.topbar .change-currency a.GBP {

    background-position: 2px -75px

}



.topbar .change-currency a.AUD {

    background-position: 2px -100px

}



.topbar .change-currency a.HK {

    background-position: 2px -125px

}



.topbar .change-currency a.JPY {

    background-position: 2px -150px

}



.topbar .change-currency a.RUB {

    background-position: 2px -177px

}



.topbar .change-currency a.CHF {

    background-position: 2px -202px

}



.topbar .change-currency a.MXN {

    background-position: 2px -227px

}



.topbar .change-currency a.NOK {

    background-position: 2px -252px

}



.topbar .change-currency a.CZK {

    background-position: 2px -278px

}



.topbar .change-currency a.BRL {

    background-position: 2px -303px

}



.topbar .change-currency a.ARS {

    background-position: 2px -329px

}



.dropdown {

    display: inline-block;

    float: left;

    margin-right: 5px;

    position: relative;

    padding-top: 1px

}



.dropdown .submenu {

    width: 90px;

    display: none;

    position: absolute;

    left: 0;

    top: 44px;

    border-radius: 0 3px 3px 3px;

    border: 1px solid #bbb;

    text-align: left;

    padding: 5px;

    z-index: 99999;

    background: #fff

}



.dropdown .submenu a {

    display: block;

    border-top: 1px solid #eee

}



.over .submenu {

    display: block

}



.currency_cur {

    width: 90px;

    padding: 0 5px;

    border: 1px solid #bbb

}



.currency_text {

    float: left

}



.totalall {

    font-size: 18px;

    font-weight: bold

}



@-moz-keyframes fadeInUp {

    0% {

        opacity: 0;

        -moz-transform: translate3d(0, 40px, 0);

        transform: translate3d(0, 40px, 0)

    }



    100% {

        opacity: 1;

        -moz-transform: none;

        transform: none

    }

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 40px, 0);

        transform: translate3d(0, 40px, 0)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@-ms-keyframes fadeInUp {

    0% {

        opacity: 0;

        -ms-transform: translate3d(0, 40px, 0);

        transform: translate3d(0, 40px, 0)

    }



    100% {

        opacity: 1;

        -ms-transform: none;

        transform: none

    }

}



@-o-keyframes fadeInUp {

    0% {

        opacity: 0;

        -o-transform: translate3d(0, 40px, 0);

        transform: translate3d(0, 40px, 0)

    }



    100% {

        opacity: 1;

        -o-transform: none;

        transform: none

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translate3d(0, 40px, 0)

    }



    100% {

        opacity: 1;

        transform: none

    }

}



.index-sv-items .sv-item:nth-child(1),

.index-sv-items .sv-item:nth-child(2),

.index-sv-items .sv-item:nth-child(3),

.index-sv-items .sv-item:nth-child(4) {

    opacity: 0

}



.index-sv-items .sv-item:nth-child(1),

.index-sv-items .sv-item:nth-child(2),

.index-sv-items .sv-item:nth-child(3),

.index-sv-items .sv-item:nth-child(4) {

    opacity: 1\9

}



.fadeInUp .sv-item:nth-child(1) {

    -webkit-animation: fadeInUp .5s linear forwards;

    -moz-animation: fadeInUp .5s linear forwards;

    -ms-animation: fadeInUp .5s linear forwards;

    -o-animation: fadeInUp .5s linear forwards;

    animation: fadeInUp .5s linear forwards

}



.fadeInUp .sv-item:nth-child(2) {

    -webkit-animation: fadeInUp .5s linear .4s forwards;

    -moz-animation: fadeInUp .5s linear .4s forwards;

    -ms-animation: fadeInUp .5s linear .4s forwards;

    -o-animation: fadeInUp .5s linear .4s forwards;

    animation: fadeInUp .5s linear .4s forwards

}



.fadeInUp .sv-item:nth-child(3) {

    -webkit-animation: fadeInUp .5s linear .8s forwards;

    -moz-animation: fadeInUp .5s linear .8s forwards;

    -ms-animation: fadeInUp .5s linear .8s forwards;

    -o-animation: fadeInUp .5s linear .8s forwards;

    animation: fadeInUp .5s linear .8s forwards

}



.fadeInUp .sv-item:nth-child(4) {

    -webkit-animation: fadeInUp .5s linear 1.2s forwards;

    -moz-animation: fadeInUp .5s linear 1.2s forwards;

    -ms-animation: fadeInUp .5s linear 1.2s forwards;

    -o-animation: fadeInUp .5s linear 1.2s forwards;

    animation: fadeInUp .5s linear 1.2s forwards

}



@media \0screen\,screen\9 {



    .nav-bar,

    .head-wrapper-fix .header {

        background-color: #eee

    }



    .product-slides-wrap .product-slides .owl-prev,

    .product-slides-wrap .product-slides .owl-next {

        background-color: #666

    }



    .slide-banners .flex-direction-nav .flex-prev,

    .slide-banners .flex-direction-nav .flex-next {

        background-color: #000

    }



    .slide-banners:hover .flex-direction-nav .flex-prev,

    .slide-banners:hover .flex-direction-nav .flex-next {

        filter: alpha(opacity=80)

    }



    .head-wrapper-fix .header {

        border-bottom: 3px solid #eee

    }



    .main1 .product-item .pd-img .pd-shadow {

        background-color: #fff

    }



    .product-slides .product-item .pd-shadow,

    .main1 .product-item .pd-img:hover .pd-shadow {

        filter: alpha(opacity=10);

        display: block

    }

}



.language .language-info .language-title .language-flag a b {

    border-radius: 50%

}



.sj_img .logo img {

    width: 50px;

    height: 50px;

    min-width: 50px;

    margin-top: 5px

}



.sy_banner {

    width: 100%;

    height: auto

}



.sy_chanpin {

    width: 100%;

    height: auto;

    padding-top: 64px;

    padding-bottom: 51px

}



.sy_chanpin_title {

    font-family: Oswald;

    font-weight: bold;

    font-size: 48px;

    color: #1A1B1B;

    text-align: center

}



.sy_chanpin_title2 {

    font-family: Open Sans;

    font-weight: 400;

    font-size: 16px;

    color: #1A1B1B;

    line-height: 24px;

    opacity: .69;

    text-align: center;

    margin-top: 5px

}



.sy_tuijianchan {

    width: 100%;

    height: auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.sy_tuijianchan1 {

    width: 65%

}



.sy_tuijianchan1_fen {

    width: 100%;

    height: auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.sy_tuijianchan1_fen_xiag {

    width: 49%;

    margin-top: 50px

}



.sy_tuijianchan1_fen_xiag_img {

    width: 100%;

    height: auto;

    position: relative;

    padding-bottom: 66%

}



.sy_tuijianchan1_fen_xiag_img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover

}



.sy_tuijianchan1_fen_xiag_text a {

    font-family: Open-Ext;

    font-weight: 800;

    font-size: 24px;

    color: #1A1B1B;

    line-height: 50px;

    text-align: center;

    width: 100%;

    display: block;

    padding: 7px 0;

    transition: all .4S

}



.sy_tuijianchan1_fen_xiag:hover .sy_tuijianchan1_fen_xiag_text a {

    background: #0C9EE3;

    color: #fff

}



.sy_tuijianchan2 {

    width: calc(100% - 64% - 33px);

    margin-top: 50px

}



.sy_tuijianchan2_all {

    width: 100%;

    height: 100%

}



.sy_tuijianchan2_all_img {

    width: 100%;

    height: auto;

    position: relative;

    padding-bottom: 148%

}



.sy_tuijianchan2_all_img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover

}



.sy_tuijianchan2_all_text a {

    width: 100%;

    display: block;

    text-align: center;

    margin: auto;

    transition: all 1s;

    font-family: Open-Ext;

    font-weight: 800;

    font-size: 24px;

    color: #1A1B1B;

    line-height: 50px

}



.sy_tuijianchan2:hover .sy_tuijianchan2_all .sy_tuijianchan2_all_text a {

    background: #0C9EE3;

    color: #fff

}



@media only screen and (max-width:950px) {

    .sy_chanpin {

        padding-top: 40px;

        padding-bottom: 0

    }



    .sy_chanpin_title {

        font-family: Oswald;

        font-weight: bold;

        font-size: 36px;

        color: #1A1B1B;

        margin-top: 0

    }



    .sy_tuijianchan1 {

        width: 100%

    }



    .sy_tuijianchan1_fen_xiag {

        width: 100%

    }



    .sy_tuijianchan2 {

        width: 100%

    }



    .sy_tuijianchan1_fen_xiag .sy_tuijianchan1_fen_xiag_text a {

        background: #0C9EE3;

        color: #fff

    }



    .sy_tuijianchan1_fen_xiag {

        margin-top: 32px

    }

}



.sy_Products {

    width: 100%;

    height: auto;

    padding: 0;

    background: #F2F2F2;

    padding-top: 60px;

    padding-bottom: 100px

}



.sy_xProducts {

    margin-top: 60px;

    width: 100%;

    padding-bottom: 50px

}



.chan_container_all {

    width: 100%;

    height: auto;

    padding: 22px 22px 40px 22px;

    background: #fff;

    transition: all 1s;

    box-sizing: border-box

}



.chan_container_img {

    width: 100%;

    height: auto;

    position: relative;

    padding-bottom: 92%;

    transition: all 1s

}



.chan_container_img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 1s;

    object-fit: cover

}



.chan_container_text {

    font-family: Open Sans;

    font-weight: 600;

    font-size: 18px;

    color: #1A1B1B;

    text-align: center;

    margin-top: 30px;

    height: 80px

}



.chan_container_ann {

    font-family: Open Sans;

    font-weight: 400;

    font-size: 18px;

    color: #0267B3;

    text-decoration-line: underline;

    text-align: center;

    margin-top: 5px

}



.chan_container_all:hover {

    background: #0C9EE3

}



.chan_container_all:hover .chan_container_text {

    color: #fff

}



.chan_container_all:hover .chan_container_ann {

    color: #fff

}



.sy_xProducts .swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: -46px

}



.View_More_Products {

    width: 339px;

    height: 58px;

    background: #0C9EE3;

    border-radius: 2px;

    margin: 0 auto

}



.View_More_Products a {

    width: 100%;

    height: 100%;

    display: block;

    font-family: Open Sans;

    font-weight: 400;

    font-size: 18px;

    color: #FFFFFF;

    line-height: 24px;

    text-align: center;

    line-height: 58px

}



.View_More_Products:hover a {

    color: #fff;

    opacity: .6

}



@media only screen and (max-width:950px) {

    .chan_container_all {

        background: #0C9EE3

    }



    .chan_container_all .chan_container_text {

        color: #fff

    }



    .chan_container_all .chan_container_ann {

        color: #fff

    }



    .sy_Products {

        padding-top: 40px;

        padding-bottom: 74px

    }



    .sy_xProducts {

        margin-top: 28px

    }



    .sy_tuijianchan2 .sy_tuijianchan2_all .sy_tuijianchan2_all_text a {

        background: #0C9EE3;

        color: #fff

    }



    .View_More_Products {

        display: none

    }

}



@media only screen and (max-width:950px) {

    .sy_Products {

        padding-bottom: 34px;

        background: none

    }

}



.sy_about {

    width: 100%;

    height: auto;

    display: flex;

    margin-top: 100px;

    align-items: center;

    flex-wrap: wrap

}



.sy_about_shuz {

    width: 31%

}



.sy_about_shuz_all {

    width: 100%;

    height: auto;

    display: flex

}



.sy_about_shuz_sha {

    width: 59.5%;

    height: auto;

    padding: 74px 0 55px 0;

    background: #222222;

    border: 1px solid

}



.sy_about_shuz_sha_shuz {

    font-family: Arvo;

    font-weight: 400;

    font-size: 60px;

    color: #FFFFFF;

    line-height: 66px;

    opacity: .29;

    text-align: center

}



.sy_about_shuz_sha_text {

    font-family: Open Sans;

    font-weight: 400;

    font-size: 16px;

    color: #FFFFFF;

    line-height: 23px;

    text-align: center

}



.sy_about_about {

    width: 50%;

    padding: 60px 0 110px;

    background: #ffffff;

    height: 440px

}



.sy_about_about_biao {

    font-family: Oswald;

    font-weight: 600;

    font-size: 48px;

    color: #1A1B1B;

    margin-bottom: 20px;

    text-align: center

}



.sy_about_about_txet {

    font-family: Open Sans;

    font-weight: 400;

    font-size: 16px;

    color: #1A1B1B;

    line-height: 24px;

    opacity: .69;

    padding: 0 47px 0 47px;

    margin-bottom: 40px

}



.sy_about_about_ann {

    width: 256px;

    height: 43px;

    background: #0C9EE3;

    border-radius: 2px;

    margin: 0 auto

}



.sy_about_about_ann a {

    width: 100%;

    height: 100%;

    display: block;

    font-family: Open Sans;

    font-weight: 600;

    font-size: 18px;

    color: #FFFFFF;

    text-align: center;

    line-height: 43px

}



.sy_about_about_ann:hover a {

    color: #fff;

    opacity: .6

}



.sy_about_img {

    width: 50%;

    position: relative;

    height: 440px

}



.sy_about_img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover

}



.sy_about_about1 {

    display: none

}



@media only screen and (max-width:1200px) {

    .sy_about_about_biao {

        font-size: 38px

    }



    .sy_about_about {

        padding: 65px 0 51px

    }

}



@media only screen and (max-width:950px) {

    .sy_about_shuz {

        width: 100%

    }



    .sy_about_about {

        width: 100%

    }



    .sy_about_img {

        width: 100%;

        height: 380px

    }



    .sy_about_about2 {

        display: none

    }



    .sy_about_about1 {

        display: block

    }

}



@media only screen and (max-width:500px) {

    .sy_about {

        background-color: #fff

    }



    .sy_about {

        margin-top: 0px

    }



    .sy_about_img {

        width: 100%;

        height: 248px

    }



    .sy_about_about_biao {

        font-family: Oswald;

        font-weight: bold;

        font-size: 36px;

        color: #1A1B1B

    }



    .sy_about_about_txet {

        padding: 0 20px 0 20px

    }



    .sy_about_about2 {

        display: none

    }



    .sy_about_about1 {

        display: block;

        padding: 0px 0 40px

    }



    .sy_about_shuz_sha {

        padding: 53px 0 53px 0

    }



    .sy_about_shuz_sha_shuz {

        font-family: Arvo;

        font-weight: 400;

        font-size: 60px;

        color: #FFFFFF;

        opacity: .29

    }

}



.sy_Applications {

    width: 100%;

    height: auto;

    padding: 60px 0 130px 0

}



.sy_Applications_banner {

    width: 768px;

    padding-top: 50px;

    margin: 0 auto

}



.swiper_img {

    width: 100%;

    height: auto;

    position: relative;

    padding-bottom: 100%

}



.swiper_img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover

}



.swiper_text {

    font-family: OPENSANS-BOLD;

    font-weight: bold;

    font-size: 24px;

    color: #1A1B1B;

    text-align: center;

    margin-top: 15px

}



.sy_Applications .swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: -45px

}



.sy_Applications .swiper-button-next {

    right: var(--swiper-navigation-sides-offset, -114px)

}



.sy_Applications .swiper-button-prev {

    left: var(--swiper-navigation-sides-offset, -114px)

}



.sy_Applications .swiper-button-next,

.sy_Applications .swiper-button-prev {

    background-image: none

}



.sy_Applications .swiper-pagination-bullet-active {

    background: #0C9EE3

}



@media only screen and (max-width:1030px) {

    .sy_Applications .swiper-button-next {

        right: var(--swiper-navigation-sides-offset, -34px)

    }



    .sy_Applications .swiper-button-prev {

        left: var(--swiper-navigation-sides-offset, -34px)

    }

}



@media only screen and (max-width:950px) {

    .sy_Applications .swiper-button-next {

        display: none

    }



    .sy_Applications .swiper-button-prev {

        display: none

    }



    .sy_Applications_banner {

        padding-top: 40px

    }



    .sy_Applications_banner {

        width: 80%

    }



    .sy_Applications {

        padding: 30px 0 106px 0

    }

}



@media only screen and (max-width:500px) {

    .sy_Applications_banner {

        width: 100%

    }



    .sy_Applications_banner {

        padding-top: 30px

    }



    .sy_Applications {

        padding: 0px 0 69px 0

    }

}



.Latest_News {

    width: 100%;

    height: auto;

    background: #F2F2F2;

    border-radius: 2px;

    padding-top: 47px;

    padding-bottom: 50px

}



.Latest_News .news_biao {

    width: 100%;

    height: auto;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.Latest_News .news_biao .news_biao_1 {

    width: 60%;

    height: auto;

    font-family: 'Poppins-Medium';

    font-weight: 500;

    font-size: 60px;

    color: #138C4C;

    line-height: 53px

}



.Latest_News .news_biao .news_ann {

    width: 156px;

    height: 46px;

    background: #138C4C

}



.Latest_News .news_biao .news_ann a {

    width: 100%;

    height: 100%;

    display: flex;

    font-family: 'Poppins-Regular';

    font-weight: 400;

    font-size: 20px;

    color: #FFFFFF;

    justify-content: center;

    align-items: center;

    transition: 1s all

}



.Latest_News .news_all {

    width: 100%;

    height: auto;

    margin-top: 50px

}



.news_all .news_img_all .swiper-slide {

    background: #FFFFFF;

    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.11);

    margin-bottom: 20px

}



.news_all .news_img_all .news_img {

    width: 100%;

    height: auto;

    position: relative;

    padding-bottom: 66%;

    z-index: 5;

    overflow: hidden

}



.news_all .news_img_all .news_img img {

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    width: 100%;

    height: 100%;

    transition: all 1s

}



.news_all .news_img_all .swiper-slide:hover .news_img img {

    transform: scale(1.2)

}



.news_all .news_img_all .swiper-slide:hover .news_ann {

    color: #0C9EE3

}



.news_all .news_img_all .rqi {

    line-height: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    z-index: 10;

    position: sticky;

    font-family: Open Sans;

    font-weight: 400;

    font-size: 16px;

    color: #122658;

    opacity: .69;

    padding-top: 24px;

    width: 90%;

    margin: 0 auto

}



.news_all .news_img_all .rqi:before {

    content: "";

    width: 22px;

    height: 24px;

    background: url(img/xin73/time.png) no-repeat center;

    display: block;

    margin-right: 16px

}



.news_all .news_img_all .news_biao {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    height: 108px;

    font-family: Open Sans;

    font-weight: bold;

    font-size: 24px;

    color: #1A1B1B;

    width: 90%;

    margin: 20px auto 5px

}



.news_all .news_img_all .news_nr {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    width: 90%;

    margin: 0 auto;

    font-family: Open Sans;

    font-weight: 400;

    font-size: 16px;

    color: #122658;

    line-height: 26px;

    height: 86px;

    opacity: .69;

    padding-bottom: 41px;

    border-bottom: 1px solid #c2cbe0

}



.news_all .news_img_all .news_xian {

    width: 65%;

    height: 1px;

    background: #B3B3B3;

    opacity: .37;

    margin-top: 40px;

    margin-left: 16px

}



.news_all .news_img_all .news_ann {

    display: flex;

    align-items: center;

    transition: 1s all;

    font-family: Open Sans;

    font-weight: 400;

    font-size: 18px;

    color: #1A1B1B;

    width: 90%;

    margin: 0 auto;

    padding: 32px 0 20px 0

}



.news_all .news_img_all .news_ann::after {

    content: '';

    width: 16px;

    height: 9px;

    background-size: 100%;

    display: -webkit-inline-box;

    margin-left: 15px;

    transition: 1s all

}



.news_all .swiper-button-next,

.news_all .swiper-button-prev {

    display: none

}



.news_all .news_img_all .swiper-slide:hover .news_ann::after {

    transform: scale(1.5)

}



@media screen and (max-width:1090px) {

    .Latest_News .news_biao .news_biao_1 {

        width: 60%;

        height: auto;

        font-family: 'Poppins-Medium';

        font-weight: 500;

        font-size: 43px;

        color: #138C4C;

        line-height: 49px

    }



    .Latest_News {

        width: 100%;

        height: auto;

        margin: 89px 0 82px

    }

}



@media screen and (max-width:950px) {

    .news_biao {

        flex-wrap: wrap

    }



    .Latest_News {

        width: 100%;

        height: auto;

        margin: 0px 0 0px

    }



    .Latest_News .news_biao .news_biao_1 {

        width: 173px;

        height: auto;

        font-family: 'Poppins-Medium';

        font-weight: 500;

        font-size: 28px;

        color: #138C4C;

        line-height: 34px

    }



    .Latest_News .news_biao .news_ann {

        width: 104px;

        height: 31px

    }



    .Latest_News .news_biao .news_ann a {

        font-size: 16px

    }



    .Latest_News .news_biao .news_ann:hover a {

        font-size: 17px !important

    }



    .Latest_News .news_all {

        width: 100%;

        height: auto;

        margin-top: 24px

    }



    .news_all .swiper-button-next,

    .news_all .swiper-button-prev {

        display: block;

        opacity: 1;

        top: 103%

    }



    .news_all .news_img_all .news_ann {

        margin: 0px 0 10px 16px;

        font-family: 'Poppins';

        font-size: 20px;

        color: #000000;

        font-weight: bold;

        display: flex;

        align-items: center

    }



    .news_all .news_img_all .news_xian {

        width: 65%;

        height: 1px;

        background: #B3B3B3;

        opacity: .37;

        margin-top: 10px;

        margin-left: 16px

    }



    .news_all .news_img_all .news_nr {

        display: none

    }



    .news_all .swiper-button-next::before,

    .news_all .swiper-button-next::after {

        display: none

    }



    .news_all .swiper-button-prev::before,

    .news_all .swiper-button-prev::after {

        display: none

    }



    .news_all .news_img_all .news_biao {

        -webkit-line-clamp: 4;

        height: 76px

    }



    .Latest_News {

        padding-bottom: 50px

    }

}



@media screen and (max-width:500px) {

    .news_all .news_img_all .news_ann {

        display: none

    }



    .news_all .news_img_all .news_biao {

        margin: 10px auto

    }



    .Latest_News {

        padding-bottom: 20px

    }

}



.sy_biaodan {

    width: 100%;

    height: auto;

    margin-bottom: -365px;

    z-index: 10;

    position: sticky

}



.sy_biaodan.special {

    margin-bottom: 0

}



.sy_biaodan.special .sy_chanpin_title {

    margin-top: 50px

}



.sy_xuany {

    width: 100%;

    height: auto;

    display: flex;

    flex-wrap: wrap;

    margin-top: 37px;

    justify-content: space-between

}



.sy_xuany_img {

    width: 19%;

    height: auto;

    position: relative;

    padding-bottom: 6%;

    margin-top: 15px;

    overflow: hidden

}



.sy_xuany_img img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: contain;

    transition: all 1s

}



.sy_xuany_img:hover img {

    transform: scale(1.1)

}



@media screen and (max-width:1300px) {

    .sy_xuany_img {

        width: 24%

    }

}



@media screen and (max-width:950px) {

    .sy_xuany_img {

        width: 33%

    }



    .sy_xuany_img {

        padding-bottom: 10%

    }

}



@media screen and (max-width:500px) {

    .sy_xuany_img {

        width: 48%;

        padding-bottom: 17%

    }

}



.biao_form {

    width: 100%;

    height: auto;

    margin-top: 90px

}



.biao_form_all {

    width: 100%;

    height: auto;

    padding: 0 110px 0 66px;

    display: flex;

    background: #0C9EE3;

    box-sizing: border-box;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap

}



.biao_form_zbian {

    width: 60%

}



.biao_form_zbian_biao {

    font-family: Oswald;

    font-weight: bold;

    font-size: 36px;

    color: #FFFFFF;

    line-height: 48px

}



.biao_form_zbian_text {

    width: 500px;

    font-family: Open Sans;

    font-weight: 400;

    font-size: 16px;

    color: #FFFFFF;

    line-height: 30px;

    opacity: .69;

    margin-top: 30px;

    padding-bottom: 40px;

    border-bottom: 1px solid #fff;

    margin-bottom: 37px

}



.biao_form_zbian_lianxi {

    width: 100%;

    height: auto;

    margin-bottom: 30px

}



.biao_form_zbian_yx,

.biao_form_zbian_dianh,

.biao_form_zbian_wz {

    display: flex;

    align-items: center

}



.biao_form_zbian_yx:before {

    content: "";

    width: 26px;

    height: 26px;

    background: url(img/xin73/font_yx.webp) no-repeat center;

    display: block;

    margin-right: 15px

}



.biao_form_zbian_yx a,

.biao_form_zbian_wz a,

.biao_form_zbian_dianh a {

    font-family: Open Sans;

    font-weight: 400;

    font-size: 16px;

    color: #FFFFFF;

    transition: all 1s

}



.biao_form_zbian_yx a:hover {

    opacity: .8

}



.biao_form_zbian_dianh:before {

    display: block;

    content: "";

    width: 26px;

    height: 26px;

    margin-right: 15px;

    background: url(img/xin73/font-dinah.webp) no-repeat center

}



.biao_form_zbian_wz:before {

    display: block;

    content: "";

    width: 26px;

    height: 26px;

    margin-right: 15px;

    background: url(img/xin73/font_wzhi.webp) no-repeat center

}



.biao_form_zbian_dianh a:hover {

    opacity: .8

}



.biao_form_zbian_wz a:hover {

    opacity: .6;

    color: #fff !important

}



.biao_form_ybian {

    width: 35.5%;

    padding: 47px 30px;

    background: #FFF

}



.biao_form_ybian {

    font-family: Montserrat-Bold;

    font-weight: 700;

    font-size: 24px;

    text-align: center;

    color: #222;

    line-height: 1;

    margin-bottom: 37px

}



.biao_form_ybian li {

    width: 100%;

    border-radius: 3px;

    padding: 0px 20px;

    border: 1px solid rgba(34, 34, 34, 0.19);

    box-sizing: border-box;

    position: relative

}



.biao_form_ybian {

    margin: 55px 0 50px

}



.biao_form_ybian input,

.biao_form_ybian textarea {

    flex: 1;

    border: 0;

    padding: 0 !important;

    width: 100%;

    height: 48px;

    font-size: 16px

}



.biao_form_ybian textarea {

    height: 95px;

    resize: none

}



.biao_form_ybian li:before {

    content: '*';

    color: #FF0000;

    font-size: 16px;

    position: absolute;

    top: 14px;

    left: 10px

}



.biao_form_ybian li:nth-child(4):before {

    top: 6px

}



.biao_form_zbian_dianh a:hover {

    opacity: .6;

    color: #fff !important

}



.biao_form_zbian_wz a:hover {

    opacity: .6;

    color: #fff !important

}



.biao_form_zbian_yx a:hover {

    opacity: .6;

    color: #fff !important

}



.sub_btn {

    width: 398px;

    height: 48px;

    padding: 0 !important;

    line-height: 48px !important;

    background: #0267B3 !important;

    border-radius: 3px !important;

    font-family: Lato !important;

    font-weight: 700 !important;

    font-size: 16px !important;

    color: #FFF !important;

    border: 0 !important;

    transition: all .3s ease !important

}



.index_get_right_tit {

    font-family: OpenSans-Bold;

    font-weight: 700;

    font-size: 24px;

    text-align: center;

    color: #222;

    line-height: 1;

    margin-bottom: 37px

}



input[type="button"],

input[type="reset"],

input[type="submit"] {

    cursor: pointer

}



.flex {

    display: flex;

    align-items: center

}



.index_get_form_li {

    margin-bottom: 15px

}



.index_get_form_li input::placeholder,

.index_get_form_li textarea::placeholder {

    font-family: Lato;

    font-weight: 400;

    font-size: 16px;

    color: #222;

    opacity: .69

}



.index_get_form .submit_btn {

    width: 100%;

    height: 48px;

    line-height: 48px;

    background-color: #0C9EE3;

    color: #fff;

    font-size: 16px

}



@media only screen and (max-width:950px) {

    .biao_form_zbian {

        width: 100%;

        margin-top: 40px;

        z-index: 1

    }



    .biao_form_all {

        padding: 0 40px 0 40px

    }



    .biao_form_ybian {

        width: 100%;

        z-index: 1

    }



    .biao_form {

        width: 100%;

        height: auto;

        margin-top: 50px

    }



    .index_get_form li,

    .sub_btn {

        width: 100%

    }



    .index_get_form li,

    .sub_btn {

        width: 100%

    }



    .biao_form_all {

        padding: 0 40px 0 40px;

        position: relative;

        background: none

    }



    .biao_form_zbian_lianxi {

        margin-bottom: 18px

    }



    .biao_form_all::after {

        content: "";

        width: 100%;

        height: 76%;

        background-color: #0C9EE3;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 0

    }

}



@media only screen and (max-width:600px) {

    .biao_form_zbian_text {

        width: 100%

    }



    .biao_form_ybian {

        margin: 8px 0 0px

    }



    .biao_form_zbian_text {

        padding-bottom: 25px;

        margin-top: 18px

    }



    .biao_form_all {

        padding: 0 15px 0 15px

    }

}



.footer_box {

    padding-top: 437px;

    background: #222

}



.foot_server {

    justify-content: space-between;

    padding-bottom: 65px;

    align-items: flex-start

}



.flex {

    display: flex

}



.foot_ul1 {

    width: 23.6%

}



.foot-logo img {

    width: 90px

}



.foot_desc {

    font-family: OpenSans-Regular;

    font-weight: 400;

    font-size: 16px;

    color: #FFF;

    line-height: 24px;

    opacity: .49;

    margin: 25px 0 50px

}



.foot_sns {

    font-family: Montserrat-Regular;

    font-weight: 400;

    font-size: 16px;

    color: rgba(255, 255, 255, 0.49);

    line-height: 24px

}



.foot_ul2 {

    width: 14%;

    padding-top: 14px

}



.foot_ul_title {

    font-family: Oswald-Medium;

    font-weight: 500;

    font-size: 24px;

    color: #FFF;

    margin-bottom: 20px;

    text-transform: capitalize

}



.foot_ul_list a,

.foot_ul_list {

    font-family: OpenSans-Regular;

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: rgba(255, 255, 255, 0.49);

    display: block

}



.foot_ul_list a,

.foot_ul_list li {

    margin: 20px 0

}



.foot_ul3 {

    padding-top: 14px;

    width: 15%

}



.foot_ul_title {

    font-family: Oswald-Medium;

    font-weight: 500;

    font-size: 24px;

    color: #FFF;

    margin-bottom: 20px;

    text-transform: capitalize

}



.foot_ul_title a {

    color: #fff

}



.foot_ul4 {

    padding-top: 14px;

    width: 23%

}



.copy_box {

    line-height: 75px;

    border-top: 1px solid #fff;

    font-family: Montserrat-Regular;

    font-weight: 400;

    font-size: 14px;

    color: #FFF;

    text-align: center

}



.copy_box a {

    font-family: Montserrat-Regular;

    font-weight: 400;

    font-size: 14px;

    color: #FFF;

    line-height: 75px;

    display: inline

}



.phone_foot img {

    width: 100%;

    max-width: 90px

}



.phone_foot,

.phone_copy_box,

.phone_bottom_icon {

    display: none

}



.foot_sns_ul li img:nth-child(2) {

    display: none

}



.foot_sns_ul li:hover img:nth-child(2) {

    display: block

}



.foot_sns_ul li:hover img:nth-child(1) {

    display: none

}



.foot_sns_ul img {

    width: 24px;

    margin-left: 9px

}



@media only screen and (max-width:950px) {

    .footer_box {

        padding-top: 383px

    }



    .foot_server,

    .copy_box {

        display: none

    }



    .foot_server,

    .copy_box {

        display: none

    }



    .phone_projects_div_big,

    .phone_foot,

    .phone_copy_box {

        display: block

    }



    .phone_foot_logo {

        width: 89px

    }



    .phone_foot_desc {

        font-family: Montserrat-Regular;

        font-weight: 400;

        font-size: 16px;

        color: #FFF;

        line-height: 24px;

        opacity: .49;

        margin: 23px 0 28px

    }



    .phone_foot_ul_box {

        padding-bottom: 52px

    }



    .phone_foot_ul_tit {

        font-family: Montserrat-SemiBold;

        font-weight: 600;

        font-size: 30px;

        color: #FFF;

        padding: 15px 0;

        border-bottom: 1px solid #fff;

        justify-content: space-between;

        padding-right: 7px

    }



    .phone_foot_ul_div_act b {

        transform: rotate(0)

    }



    .phone_foot_ul_div .phone_foot_ul {

        display: none

    }



    .phone_foot_ul_div_act .phone_foot_ul {

        display: block

    }



    .phone_foot_ul {

        margin-top: 20px;

        padding-bottom: 20px;

        border-bottom: 1px solid #fff

    }



    .phone_foot_ul a {

        font-family: Montserrat-Regular;

        font-weight: 400;

        font-size: 22px;

        color: #FFF;

        line-height: 55px;

        opacity: .49;

        padding: 0 30px

    }



    .phone_foot_ul_tit {

        font-family: Montserrat-SemiBold;

        font-weight: 600;

        font-size: 30px;

        color: #FFF;

        padding: 15px 0;

        border-bottom: 1px solid #fff;

        justify-content: space-between;

        padding-right: 7px

    }



    .phone_foot_ul_div .phone_foot_ul {

        display: none

    }



    .phone_foot_ul {

        margin-top: 20px;

        padding-bottom: 20px;

        border-bottom: 1px solid #fff

    }



    .phone_foot_ul_tit {

        font-family: Montserrat-SemiBold;

        font-weight: 600;

        font-size: 24px;

        color: #FFF;

        padding: 15px 0;

        border-bottom: 1px solid #fff;

        justify-content: space-between;

        padding-right: 7px

    }



    .phone_foot_ul_div2 .phone_foot_ul_tit {

        border-bottom: 0

    }



    .phone_sns li {

        width: 36px;

        height: 36px;

        margin-right: 11px;

        background: rgba(255, 255, 255, 0.49);

        border-radius: 50%;

        overflow: hidden;

        padding: 6px

    }



    .phone_sns img {

        width: 100%

    }



    .phone_copy_box,

    .phone_copy_box a {

        text-align: center;

        font-family: Montserrat;

        font-weight: 400;

        font-size: 16px;

        color: #E8E8E8;

        line-height: 24px

    }



    .phone_copy_box {

        border-top: 1px solid #fff;

        padding: 23px 0 108px

    }



    .phone_projects_div_big,

    .phone_foot,

    .phone_copy_box {

        display: block

    }



    .phone_foot_ul2 li,

    .phone_foot_ul2 a {

        font-family: Montserrat-Regular;

        font-weight: 400;

        font-size: 18px;

        color: rgba(255, 255, 255, 0.69)

    }



    .phone_foot_ul2 li {

        margin-bottom: 16px;

        font-size: 18px

    }



    .phone_foot_ul_tit b:after {

        content: '\f107';

        font-family: 'fontawesome';

        font-size: 20px;

        color: #fff

    }

}



@media only screen and (max-width:950px) {

    .layout {

        width: 100%;

        padding-left: 10px;

        padding-right: 10px

    }

}



@media only screen and (max-width:950px) {

    .phone_bottom_icon {

        display: flex

    }



    .phone_bottom_icon {

        background: #333;

        width: 100%;

        height: 66px;

        position: fixed;

        z-index: 666;

        bottom: 0;

        left: 0;

        justify-content: space-between

    }



    .phone_bottom_icon>div {

        width: calc((100% - 2px) / 3);

        height: 66px;

        background: #E4C624;

        display: flex;

        align-items: center;

        justify-content: center

    }



    .phone_bottom_icon img {

        width: 32px

    }

}



.rightBox {

    position: fixed;

    right: 23px;

    top: 50%;

    z-index: 999;

    transform: translateY(-50%);

    background: #1a1b1b;

    border-radius: 25px;

    width: 49px

}



.rightBox a {

    display: block;

    width: 40px;

    height: 40px;

    margin: 0 auto 7px

}



@media only screen and (max-width:950px) {

    .rightBox {

        display: none

    }



    .biao_form_zbian_biao {

        font-size: 26px

    }



    .sy_biaodan.special {

        margin-bottom: 30px

    }



    .news_all .news_img_all .news_biao {

        font-size: 18px

    }

}



.yans_cb {

    background: #0C9EE3;

    border-radius: 50%

}



.message {

    display: none

}



.change-language-cont li {

    width: 100%

}



.change-language-cont {

    display: flex;

    flex-wrap: wrap

}



.language--img {

    background: url(img/leg.jpg) no-repeat center center;

    display: inline-block;

    width: 18px;

    height: 12px;

    margin-right: 6px

}



.language-en {

    background-position: 0 -218px

}



.language-af {

    background-position: 0 -1px

}



.language-sq {

    background-position: 0 -940px

}



.language-am {

    background-position: 0 -9px

}



.language-be {

    background-position: 0 -48px

}



.language-eu {

    background-position: 0 -252px

}



.language-az {

    background-position: 0 -36px

}



.language-hy {

    background-position: 0 -456px

}



.language-ar {

    background-position: 0 -24px

}



.language-am {

    background-position: 0 -12px

}



.language-fy {

    background-position: 0 -300px

}



.language-fr {

    background-position: 0 -288px

}



.language-fi {

    background-position: 0 -276px

}



.language-et {

    background-position: 0 -240px

}



.language-eo {

    background-position: 0 -192px

}



.language-en {

    background-position: 0 -216px

}



.language-da {

    background-position: 0 -168px

}



.language-cs {

    background-position: 0 -144px

}



.language-hr {

    background-position: 0 -420px

}



.language-co {

    background-position: 0 -132px

}



.language-ceb {

    background-position: 0 -108px

}



.language-ca {

    background-position: 0 -96px

}



.language-bg {

    background-position: 0 -448px

}



.language-bs {

    background-position: 0 -84px

}



.language-bn {

    background-position: 0 -72px

}



.language-be {

    background-position: 0 -48px

}



.language-is {

    background-position: 0 -492px

}



.language-sm {

    background-position: 0 -972px

}



.language-ro {

    background-position: 0 -888px

}



.language-pa {

    background-position: 0 -840px

}



.language-pt {

    background-position: 0 -876px

}



.language-pl {

    background-position: 0 -852px

}



.language-fa {

    background-position: 0 -264px

}



.language-ps {

    background-position: 0 -264px

}



.language-or {

    background-position: 0 -827px

}



.language-no {

    background-position: 0 -780px

}



.language-ne {

    background-position: 0 -792px

}



.language-my {

    background-position: 0 -768px

}



.language-mn {

    background-position: 0 -720px

}



.language-mr {

    background-position: 0 -732px

}



.language-mi {

    background-position: 0 -684px

}



.language-mt {

    background-position: 0 -756px

}



.language-ml {

    background-position: 0 -708px

}



.language-ms {

    background-position: 0 -744px

}



.language-mg {

    background-position: 0 -672px

}



.language-mk {

    background-position: 0 -696px

}



.language-lb {

    background-position: 0 -624px

}



.language-lt {

    background-position: 0 -648px

}



.language-lv {

    background-position: 0 -660px

}



.language-la {

    background-position: 0 -613px

}



.language-lo {

    background-position: 0 -636px

}



.language-ky {

    background-position: 0 -600px

}



.language-ku {

    background-position: 0 -120px

}



.language-ko {

    background-position: 0 -588px

}



.language-rw {

    background-position: 0 -912px

}



.language-km {

    background-position: 0 -564px

}



.language-kk {

    background-position: 0 -552px

}



.language-kn {

    background-position: 0 -576px

}



.language-jv {

    background-position: 0 -528px

}



.language-ja {

    background-position: 0 -516px

}



.language-it {

    background-position: 0 -504px

}



.language-ga {

    background-position: 0 -312px

}



.language-id {

    background-position: 0 -467px

}



.language-ig {

    background-position: 0 -480px

}



.language-hu {

    background-position: 0 -443px

}



.language-hmn {

    background-position: 0 -408px

}



.language-hi {

    background-position: 0 -397px

}



.language-he {

    background-position: 0 -384px

}



.language-haw {

    background-position: 0 -300px

}



.language-ha {

    background-position: 0 -1079px

}



.language-ht {

    background-position: 0 -432px

}



.language-gu {

    background-position: 0 -348px

}



.language-el {

    background-position: 0 -204px

}



.language-de {

    background-position: 0 -180px

}



.language-ka {

    background-position: 0 -540px

}



.language-gl {

    background-position: 0 -336px

}



.language-ru {

    background-position: 0 -900px

}



.language-gd {

    background-position: 0 -324px

}



.language-sr {

    background-position: 0 -1006px

}



.language-st {

    background-position: 0 -1017px

}



.language-sn {

    background-position: 0 -984px

}



.language-sd {

    background-position: 0 -984px

}



.language-si {

    background-position: 0 -1271px

}



.language-sk {

    background-position: 0 -1223px

}



.language-sl {

    background-position: 0 -960px

}



.language-so {

    background-position: 0 -994px

}



.language-es {

    background-position: 0 -227px

}



.language-su {

    background-position: 0 -1031px

}



.language-sw {

    background-position: 0 -1055px

}



.language-sv {

    background-position: 0 -1043px

}



.language-tl {

    background-position: 0 -1115px

}



.language-tg {

    background-position: 0 -1091px

}



.language-ta {

    background-position: 0 -1067px

}



.language-tt {

    background-position: 0 -1151px

}



.language-te {

    background-position: 0 -1079px

}



.language-th {

    background-position: 0 -1103px

}



.language-tr {

    background-position: 0 -1138px

}



.language-tk {

    background-position: 0 -1115px

}



.language-uk {

    background-position: 0 -1175px

}



.language-ur {

    background-position: 0 -1187px

}



.language-ug {

    background-position: 0 -1163px

}



.language-uz {

    background-position: 0 -1175px

}



.language-vi {

    background-position: 0 -1211px

}



.language-cy {

    background-position: 0 -156px

}



.language-xh {

    background-position: 0 -1223px

}



.language-yi {

    background-position: 0 -1235px

}



.language-yo {

    background-position: 0 -1247px

}



.language-zu {

    background-position: 0 -1259px

}



.language-zh {

    background-position: 0 -1282px

}



.language-zh-TW {

    background-position: 0 -1282px

}



@media only screen and (max-width:500px) {

    .phone_foot_ul_tit {

        font-size: 18px

    }

}



@media (max-width:1025px) {

    .logo {

        height: 55px

    }



    .logo img {

        height: 100%

    }



    .layout_difl {

        align-items: center;

        justify-content: normal

    }



    .nav {

        margin-left: 73px

    }



    .nav>li {

        padding: 0 5px

    }



    .head-search-wrap {

        margin-left: 30px

    }



    .language {

        margin-left: 32px

    }

}



img {

    transition: all .3s ease-out

}



.scale {

    overflow: hidden

}



.scale:hover img {

    transform: scale(1.1)

}