@charset "utf-8";

html {
	font-size: 625%;
}


body {
	font-size: 16px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
}

a,
abbr,
address,
blockquote,
body,
code,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
label,
li,
object,
ol,
p,
pre,
td,
th,
ul {
	margin: 0;
	padding: 0
}

body,
button,
html,
input,
textarea {
	color: #333;
	font-family: Work_Sans_M, Arial, Helvetica, sans-serif;
	line-height: 1.5
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block
}

h1 {
	font-size: 20px
}

h2 {
	font-size: 18px
}

h3 {
	font-size: 16px
}

h4,
h5 {
	font-size: 14px
}

img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

li {
	list-style: none
}

em,
i {
	font-style: normal
}

a {
	color: #333;
	text-decoration: none
}

a:focus {
	outline: 0
}

a:hover {
	color: #355E40;
	text-decoration: none
}

input[type=text]:focus {
	outline: 0
}

input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer
}

input[type=button]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
	border: none;
	padding: 0
}

input::-webkit-input-placeholder {
	color: #999;
}

input::-moz-placeholder {
	color: #999;
	opacity: 1
}

input:-ms-input-placeholder {
	color: #999;
}

input:-moz-placeholder {
	color: #999;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px dashed #c1c1c1;
	margin: 15px 0
}

a:active,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent;
	outline: 0 !important
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

.cate_items ul:after,
.clearfix:after,
.detail-tabs:after,
.nav_wrap .head_nav:after,
.product-intro:after,
.web_head .logo:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.clear {
	clear: both;
}

.clearf {
	clear: both;
	overflow: hidden;
}

.layout,
body {
	margin: 0 auto;
}

.layout {
	width: 90%;
	;
	max-width: 1440px;
	position: relative;
	margin: 0 auto;
}

.z9999 {
	z-index: 9999 !important;
}

.hide {
	display: none;
}

/* img */
.pubPic {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}

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

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

.flexColumn {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

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

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

.flexWrap {
	flex-wrap: wrap;
	-webkit-box-flex: wrap;
	-webkit-flex-wrap: wrap;
	-moz-box-flex: wrap;
	-ms-flex-wrap: wrap;
}

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

.alignBottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-moz-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* rightBox -- start */
.rightBox {
	position: fixed;
	top: 36%;
	right: 3px;
	z-index: 9999;
	display: none;
}

.rightBox>div {
	cursor: pointer;
	width: 54px;
	border-radius: 2px;
	height: 54px;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	position: relative;
	transition: all .5s ease-in-out;
	border-radius: 8px;
}

.rightBox>div:last-child {
	background: #2329C5;
}

.rightBox>div>img {
	width: 70%;
	height: auto;
}

.rightBox>div:hover .showBox {
	display: block;
}

.showBox {
	position: absolute;
	background-color: #000;
	padding: 6px 6px;
	border-radius: 8px;
	right: 0px;
	top: 50%;
	transition: all ease-in-out .5s;
	transform: translate(-56px, -50%);
	display: none;
}

.showBox a {
	font-size: 16px;
	color: #fff;
	white-space: nowrap;
}

.showBox img {
	width: 140px;
	max-width: none;
}

/* rightBox -- end */
/* foot-btn -- start */
.foot-btn {
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 9999;
	display: none;
}

.foot-btn a {
	width: 25%;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	background-color: #71D8D5;
}

.foot-btn a:nth-child(odd) {
	background: #1A605E;
}

.foot-btn a:last-child {
	border-right: 0;
}

.foot-btn img {
	width: 28px;
	margin: 0 auto;
}

/* foot-btn --end */
/* transtion */
.ad_item figure figcaption .item_more,
.blog-item:after,
.change-language .change-language-title a:after,
.foot_item a,
.foot_sns li img,
.gotop,
.head_nav b:after,
.head_nav li a,
.head_sns li img,
.mobile-head-item .middle-show-content-wrap,
.nav_wrap .head_nav li li>a:before,
.nav_wrap .head_nav li li a,
.nav_wrap .head_nav li ul,
.newsletter .button,
.pages a,
.product-btn-wrap a,
.product-item .item-img img,
.product_item,
.product_item .item_img:after,
.product_item .item_img a,
.product_item .item_img a:after,
.product_item .item_img a:before,
.product_item .item_img img,
.product_item figure,
.product_item figure figcaption,
.side-product-items .btn-next,
.side-product-items .btn-prev,
.side_product_item .add-friend,
.side_product_item .add-friend:after,
.web_head,
.web_head .btn--search,
.web_head .btn--search:before {
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.head_txt a::before,
.change-language .change-language-title,
.nav_wrap .head_nav>li>a:after,
.foot_icon li a img,
.head_search_btn div,
.mobile-head-item.mobile-head-language .title:after,
.search_close_btn {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.head-search .search-btn,
.head_nav>li>a:before,
.icon-cate,
.language-flag span::after {
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.language-flag span::after,
.nav_wrap .head_nav>li>a>b:after,
.foot_right_form input.sub::before,
.company_item .video_icon::before,
.mobile-head-nav .title:before,
.mobile-head-language .title::before,
.mobile-head-language .title::after,
.head_nav>li:after,
.head_nav>li>b::before,
.swiper-button-prev:before,
.swiper-button-next:before,
.search_close_btn::before {
	font-family: fontawesome;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
}

a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

/* a:hover */
a:hover {
	color: #71D8D5;
}

header .title {
	font-family: Gilroy-Bold;
}

.img_warp {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
}

.img_warp img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

/* web_head */
.web_head {
	width: 100%;
	z-index: 100;
	position: fixed;
	top: 0;
}

.head_layer .layout {
	display: flex;
	position: relative;
	width: 95%;
	box-sizing: border-box;
}

.head_layer .layout .right {
	display: flex;
	align-items: center;
	position: relative;
}

.head_layer .layout .right::after {
	content: ' ';
	position: absolute;
	left: 45%;
	transform: translateX(-50%);
	display: block;
	width: 1px;
	background-color: #fff;
	height: 16px;
}

.web_head .logo {
	margin: 0 20px 0 0;
	display: flex;
	align-items: center;
}

.web_head .logo img {
	max-height: 74px;
	width: 100%;
	min-width: 140px;
}

.head_layer .head_top {
	padding: 20px 0;
}

.head_layer .head_top,
.head_layer .head_bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}

.head_layer .left_info {
	display: flex;
}

.head_layer a {
	color: #fff;
	font-size: clamp(16px, 1.2vw, 20px);
}

/* .head_layer a:hover{text-decoration: underline;} */
.head_layer .left_info a:first-child {
	margin-right: 40px;
}

.head_layer .left_info a {
	display: flex;
	justify-content: start;
	align-items: center;
}

.head_layer .left_info a.phone::before {
	content: ' ';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/head_phone.webp) no-repeat center/cover;
	margin-right: 15px;
}

.head_layer .left_info a.email::before {
	content: ' ';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/head_email.webp) no-repeat center/cover;
	margin-right: 15px;
}

.head_layer .right_nav a {
	margin-right: 20px;
	text-transform: capitalize;
}

.head_layer .right_nav a:last-child {
	margin-right: 0;
}

.fixed_logo {
	display: none;
}

.navigation {
	display: flex;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 3%;
}

.navigation a {
	font-family: 'R_B';
	font-size: 16px;
	display: flex;
	align-items: center;
}

.navigation a::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 14px;
	background: url(../images/next.webp) no-repeat center/cover;
	margin: 0 10px;
}

.navigation a:first-child::before {
	content: '';
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background: url(../images/temp/home.png) no-repeat center/cover;
	margin-top: -6px;
}

.navigation a:last-child::after {
	display: none;
}

.navigation a:last-child {
	pointer-events: none;
}


.head_layer .nav_wrap {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 30px;
}

.nav_wrap .head_nav {
	white-space: nowrap;
	justify-content: flex-end;
	display: flex;
	z-index: 2;
	flex: 1;
}

.nav_wrap .head_nav,
.nav_wrap .head_nav a {
	color: #fff;
}

.nav_wrap .head_nav:after {
	display: none;
}

.nav_wrap .head_nav>li {
	display: inline-block;
	line-height: 60px;
	font-size: 18px;
	perspective: 1500px;
	vertical-align: middle;
	margin: 0 22px;
}

.nav_wrap .head_nav>li.product {
	perspective: initial;
}

.nav_wrap .head_nav>li:first-child {
	margin-left: 0;
}

.nav_wrap .head_nav>li>a {
	position: relative;
	display: inline-block;
	padding: 6px 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	white-space: nowrap;
	text-transform: capitalize;
}

.nav_wrap .head_nav>li.nav_current>a {
	color: #71D8D5;
	font-weight: 600;
	position: relative;
}

.nav_wrap .head_nav>li.nav_current>a:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #71D8D5;
	position: absolute;
	bottom: 18px;
}

/* .nav_wrap .head_nav>li>b {display: inline-block;margin-left: 5px;}
.nav_wrap .head_nav>li>b:after {content: '';width: 12px;height: 12px;display: block;background: url(../images/head_jt.webp) no-repeat center;} */
.nav_wrap .head_nav>li>a:hover {
	color: #71D8D5;
}

.nav_wrap .head_nav>li>a:hover:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #71D8D5;
	position: absolute;
	bottom: 18px;
}

.nav_wrap .head_nav>li:hover {
	z-index: 2;
}

.nav_wrap .head_nav>li:hover>a>b:after {
	border-top-color: #fff;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.nav_wrap .head_nav li ul {
	width: 260px;
	padding: 0 0;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 999;
	-webkit-transform: translateY(8%);
	-ms-transform: translateY(8%);
	-o-transform: translateY(8%);
	transform: translateY(8%);
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	box-shadow: 4px 4px 14px rgba(0, 0, 0, .04);
}

.nav_wrap .head_nav>li ul ul {
	left: 102%;
	top: 0;
}

.nav_wrap .head_nav li:hover>ul {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
}

.nav_wrap .head_nav li.menu_left ul {
	left: auto;
	right: 0;
}

.nav_wrap .head_nav li.menu_left ul ul {
	right: 102%;
}

.nav_wrap .head_nav>li li {
	position: relative;
	text-align: left;
	padding: 0;
	white-space: normal;
}

.nav_wrap .head_nav>li li a {
	display: block;
	line-height: 1.4em;
	padding: 11px 24px 11px 18px;
	font-size: 16px;
	position: relative;
	overflow: hidden;
	color: #333;
}

.nav_wrap .head_nav>li li:hover>a:before,
.nav_wrap .head_nav>li li a:before {
	content: "";
	display: block;
	width: 4px;
	height: 30%;
	position: absolute;
	left: 0;
	top: 40%;
	opacity: 0;
}

.nav_wrap .head_nav>li li:hover>a:before,
.nav_wrap .head_nav>li li a:hover:before {
	top: 50%;
	margin-top: -11px;
	height: 22px;
	opacity: 1;
	background-color: #71D8D5;
	color: #71D8D5;
}

.nav_wrap .head_nav>li li>a b:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
	border-left: 6px solid #71D8D5;
	border-right: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.nav_wrap .head_nav>li li:last-child>a {
	border-bottom: 0;
}

.nav_wrap .nav_down {
	position: absolute;
	left: 0;
	top: 100%;
	max-height: 80vh;
	width: 100%;
	display: block;
	background-color: #fff;
	border-radius: 0 0 30px 30px;
	color: #71D8D5;
	overflow: hidden;
	height: 0;
	transition: all .5s;
}

.nav_wrap .nav_down .flex {
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding: 2% 0;
}

.nav_wrap .nav_down a {
	color: #71D8D5;
}

.nav_wrap .nav_down .title {
	font-family: WorkSans_S;
	white-space: initial;
}

.nav_wrap .nav_down .left {
	width: 28%;
}

.nav_wrap .nav_down .left a {
	display: block;
	padding: 10px 20px;
	line-height: 1.4;
}

.nav_wrap .nav_down .left a.active {
	background-color: #71D8D5;
	color: #fff;
}

.nav_wrap .nav_down .left a:hover {
	background-color: #71D8D5;
	color: #fff;
}

.nav_wrap .nav_down .right {
	width: 70%;
	padding: 0 20px;
	overflow-y: auto;
	max-height: 75vh;
	margin: 0 20px;
}

.nav_wrap .nav_down .right::-webkit-scrollbar {
	width: 2px;
}

.nav_wrap .nav_down .right::-webkit-scrollbar-track {
	background-color: rgba(246, 246, 246, 1);
}

.nav_wrap .nav_down .right::-webkit-scrollbar-thumb {
	background-color: #71D8D5;
}

.nav_wrap .nav_down .product_class {
	display: none;
}

.nav_wrap .nav_down .product_class .title {
	margin-bottom: 15px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}

.nav_wrap .application .product_class .title {
	display: none;
}

.nav_wrap .product_l {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.nav_wrap .product_l .product_d {
	width: 50%;
	margin: 20px;
}

.nav_wrap .product_l .img_warp {
	padding-bottom: 64%;
}

.nav_wrap .product_l .product_d:hover img {
	transform: scale(1.1);
}

.nav_wrap .product_l .product_d .info {
	margin: 20px 0;
	white-space: initial;
	line-height: 1.4;
}

.nav_wrap .product_l .product_d .title {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

.nav_wrap .product_l .product_d .desc {
	font-size: 16px;
	color: #333;
	text-align: center;
}

.nav_wrap .head_nav>li.product:hover .nav_down {
	height: 800px;
	box-shadow: 0 0 11px 8px rgb(0 0 0 / 10%);
}

.nav_wrap .head_nav>li li:hover>a {
	color: #fff;
	background-color: #71D8D5;
}

.nav_wrap .head_nav>li li:hover>a b:after {
	border-left-color: #fff;
}



.fixed-nav .head_layer {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 1;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 1px 0 1px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.11);
}

.fixed-nav .head_top {
	display: none;
}

.fixed-nav .head_layer .nav_wrap {
	border-color: transparent;
}

.fixed-nav .fixed_logo {
	display: block;
}

.fixed-nav .nav_wrap .head_nav>li.nav_current>a {
	color: #71D8D5;
	font-weight: 600;
}


.fixed-nav .head_nav>li>a {
	padding: 4px 0;
}

.fixed-nav .head_nav>li.nav_current>a:after,
.fixed-nav .head_nav>li>a:after {
	bottom: 20px;
}

.fixed-nav .nav_wrap .head_nav a {
	color: #333;
}

.fixed-nav .change-language .change-language-title .language-flag span {
	color: #333;
}

.fixed-nav .head_layer .layout .right::after {
	background-color: #333;
}

.fixed-nav .head_search_btn .search_btn {
	background: url(../images/Frame.png) no-repeat center/cover;
	cursor: pointer;
}

.fixed-nav .change-language .change-language-cont {
	top: 47px;
	background-color: hsla(0, 0%, 100%, .95)
}

.fixed-nav-active .head_layer {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	opacity: 1;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	z-index: 100;
}

.fixed-nav-active .nav_wrap:before {
	opacity: 1;
	height: 100%;
}

.fixed-nav-active .head_layer .sheader {
	display: none;
}



/* head_touch */
.head_touch {
	margin: 0 0 0 1.2%;
}

/* head_tel */
.head_tel {
	margin-left: 1.2%;
}

.head_tel .tel {
	text-align: center;
	position: relative;
	display: block;
	height: 50px;
	padding-left: 60px;
}

.head_tel .tel::before {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #71D8D5;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

.head_tel .tel .icon_tel {
	width: 50px;
	height: 50px;
	padding: 13px;
	position: absolute;
	left: 0;
	top: 0;
}

.head_tel .tel span {
	color: #666;
	display: block;
}

.head_tel .tel b {
	font-weight: bold;
	font-family: 'Roboto-Bold';
}

.head_tel .tel:hover .icon_tel {
	animation: swing 0.5s;
}

/* head_search */
.head_search {
	position: relative;
	padding: 0 10px;
}

.head_search_btn {
	width: 25px;
	height: 25px;
	overflow: hidden;
}

.head_search_btn .search_btn {
	width: 100%;
	height: 100%;
	background: url(../images/search.webp) no-repeat center/cover;
	cursor: pointer;
}

.web_search {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: auto;
	box-shadow: 0 0 6px 3px rgba(0, 0, 0, .2);
	background: rgba(255, 255, 255, 0.96);
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	height: 0;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.search_open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	height: auto;
}

.search_close_btn {
	width: 36px;
	height: 36px;
	position: relative;
	background: url(../images/search_btn_close.png) no-repeat center/ 14px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	margin-left: 5%;
	cursor: pointer;
	margin-bottom: 20px;
}

.search_close_btn:hover {
	background-color: #71D8D5;
	transform: rotate(90deg);
}

.search_form {
	flex: 1;
	overflow: hidden;
	margin: 50px 0;
}

.search_tip {
	text-align: right;
	color: #666;
	padding: 5px 0 0;
	clear: both;
	margin-right: 150px;
}

.search-ipt {
	border: 0;
	background: 0 0;
	border-radius: 0;
	-webkit-appearance: none;
	border-bottom: 1px solid #999;
	-moz-transform: scale3d(0, 1, 1);
	-webkit-transform: scale3d(0, 1, 1);
	-ms-transform: scale3d(0, 1, 1);
	-o-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-moz-transform-origin: 0% 50%;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-moz-transition: transform .3s;
	-webkit-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	opacity: 0;
}

.search_open .search-ipt {
	opacity: 1;
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.search_form .search-ipt {
	line-height: 60px;
	padding: 0 20px 0 0;
	width: calc(100% - 150px);
	float: left;
	font-size: 26px;
}

.search_form .search_submit {
	background: url(../images/search_btn.webp) no-repeat 18% center/ auto 35%;
	background-color: #71D8D5;
	float: right;
	width: 150px;
	height: 50px;
	margin: 0;
	border: none;
	padding: 0;
	color: #fff;
	border-radius: 25px;
	padding: 0 0 0 24px;
	font-size: 16px;
	margin-top: 5px;
}

.search_form .search_submit:hover {
	opacity: 0.9;
}



.inquiry-pop-bd {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -275px;
	margin-top: -220px;
	width: 550px;
	height: 440px;
	background: #FFF;
	box-shadow: 0 0 10px rgba(255, 255, 255, .5);
	display: none;
	z-index: 2000;
}

.inquiry-pop-bd:before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	z-index: -1;
}

.inquiry-pop-bd .inquiry-pop {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 22px;
	z-index: 1;
	background: #FFF;
	-webkit-animation: fadeInDownA .4s ease;
	-o-animation: fadeInDownA .4s ease;
	animation: fadeInDownA .4s ease;
}

.inquiry-pop-bd .inquiry-pop .ico-close-pop {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 30px;
	height: 30px;
	background: url(../images/fancy_close.png) no-repeat center center;
	cursor: pointer;
	z-index: 1;
}

.inquiry-form-wrap {
	position: relative;
	height: 420px;
	width: 100.5%;
}

.ad_prompt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	line-height: 40px;
	margin: -20px 0 0;
	text-align: center;
	color: #036db7;
	font-size: 20px;
	-webkit-animation: twinkling 1s infinite ease-in-out;
	animation: twinkling 1s infinite ease-in-out;
	display: none;
}

.content-wrap.form .ch_form_wrap {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.content-wrap.form .ch_form_wrap .title {
	/* background:#013e5a; */
	width: 100%;
	/* height:55px; */
	/* line-height:55px; */
	/* color:#fff; */
	margin: 0;
	padding: 0;
	font-size: 16px;
	padding: 0 20px;
	font-weight: normal;
}

.content-wrap.form .ch_form_wrap .title em {
	font-style: normal
}

.content-wrap.form .ch_form_wrap .title svg {
	display: none
}

.content-wrap.form .ch_form_wrap form {
	position: relative;
}

.content-wrap.form .ch_form_wrap ul {
	padding: 20px 20px 5px;
}

.content-wrap.form .ch_form_wrap ul li {
	position: relative;
	list-style: none;
	margin: 0 0 14px;
	display: flex;
	min-height: auto;
	line-height: 40px;
}

.content-wrap.form .ch_form_wrap ul li label {
	float: left;
	min-width: 80px
}

.content-wrap.form .ch_form_wrap ul,
.content-wrap.form .ch_form_wrap ul li,
.content-wrap.form .ch_form_wrap ul input,
.content-wrap.form .ch_form_wrap ul textarea,
.content-wrap.form .ch_form_wrap ul select {
	position: relative;
	width: 100%;
}

.content-wrap.form .ch_form_wrap ul input,
.content-wrap.form .ch_form_wrap ul textarea,
.content-wrap.form .ch_form_wrap ul select {
	border: 1px solid #eee;
	border-left: 3px solid #0C9EE3;
	height: 39px;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.content-wrap.form .ch_form_wrap ul textarea {
	height: 95px;
	padding: 10px;
	resize: none;
}

.content-wrap.form .ch_form_wrap .item_submit {
	padding: 0 20px;
}

.content-wrap.form .ch_form_wrap .item_submit input {
	width: 100%;
	height: 33px;
	color: #fff;
	background: #445ba7;
	border: none;
	cursor: pointer;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}

.content-wrap.form .ch_form_wrap .item_submit input:hover {
	background: #0C9EE3;
}

.content-wrap.form .ch_form_wrap .Validform_checktip.Validform_wrong {
	position: absolute;
	right: 7px;
	top: 0;
	display: block;
	line-height: 39px;
	color: red;
	pointer-events: none;
}

.content-wrap.form .ch_form_wrap .Validform_error {
	border-color: red !important;
	border-left-color: #013e5a !important
}

.content-wrap.form .ch_form_wrap .form_tip {
	position: relative;
	color: red;
	padding: 0 0 10px;
}

.content-wrap.form .ch_form_wrap .email_point {
	display: none;
}


.mobile-head-items {
	display: none;
}

.mobile-head-items .trp-language-wrap a {
	display: block;
	margin-right: 15px;
}

.change-language {
	color: #fff;
}

.change-language .change-language-title {
	height: 35px;
	display: flex;
	align-items: center;
	padding: 0px 15px;
}

.change-language .change-language-title .language-flag a {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-right: 5px;
}

.change-language .change-language-title .language-flag span {
	font-size: 18px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	line-height: 24px;
	color: #fff;
	text-transform: capitalize;
}

.change-language .change-language-title .language-flag span::after {
	content: '\f107';
	font-size: 20px;
	transform: rotate(0deg);
	margin-left: 6px;
	display: none;
	font-weight: bold;
}

.change-language:hover .change-language-title .language-flag span::after {
	transform: rotate(180deg);
	color: #71D8D5;
}

.change-language ::-webkit-scrollbar {
	width: 5px;
}

.change-language:hover .change-language-title a:after {
	-moz-transform: rotate(-1turn);
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.change-language .change-language-cont {
	position: absolute;
	top: 130%;
	right: 0;
	background: #fff;
	padding: 20px 15px 20px 20px;
	transform: scale3d(.9, .9, 1);
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	-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;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow-y: scroll;
	max-height: 80vh;
}

.change-language .change-language-cont li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 0 4% 0 0;
	overflow: hidden;
	padding: 0 10px 0 0;
	border-bottom: 1px solid #ececec;
	float: left;
}

.change-language .change-language-cont li:nth-child(2n) {
	margin-right: 0;
}

.change-language .change-language-cont li a {
	display: block;
	padding: 7px 0;
	text-transform: capitalize;
}

.change-language:hover .change-language-cont {
	transform: scaleX(1);
	opacity: 1;
	visibility: visible;
}

.change-language:hover .change-language-title {
	border-color: rgba(236, 90, 43, 0.9);
}

.change-language .prisna-wp-translate-seo,
.mobile-head-language .prisna-wp-translate-seo {
	display: block;
}

.change-language .change-language-cont a {
	color: #000;
}

.change-language .change-language-cont li a:hover {
	color: #71D8D5;
}

.change-language .change-language-cont .lang-item-hide {
	display: none !important;
}

.change-language .change-language-cont .lang-more {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	line-height: 30px;
}

.change-language .change-language-cont .more-active {
	font-size: 20px;
}

.change-language ::-webkit-scrollbar-track {
	background-color: #fff;
}

.change-language ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	border-radius: 3px;
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
	display: block;
}

.index_new {
	margin: 5% 0;
}

.index_new .layout>.title {
	font-size: clamp(34px, 5vw, 64px);
	color: #71D8D5;
	text-align: center;
	margin-bottom: 20px;
	display: block;
}

.index_new .news_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

.index_new .news_item .img_warp {
	position: relative;
	padding-bottom: 64%;
	overflow: hidden;
}

.index_new .news_item .img_warp img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}

.index_new .info {
	margin-top: 3%;
	color: #666;
}

.index_new .info .title {
	font-size: clamp(16px, 3vw, 24px);
	color: #333;
	text-transform: capitalize;
	min-height: 3em;
}

.index_new .info .title:hover {
	color: #71D8D5;
}

.index_new .info .time::before {
	content: ' ';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/time.webp) no-repeat center/cover;
	margin-right: 5px;
	vertical-align: -4px
}

.index_new .info .time {
	font-size: 18px;
	line-height: 32px;
	margin: 10px 0;
}

.index_new .info .desc {
	font-size: 24px;
}



.ibanner {
	position: relative;
	padding: 12% 0;
	border-top: 0px solid #fff;
}

.ibanner img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: 1;
}

.crumb {
	display: flex;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
}

.crumb li {
	padding: 10px 0;
	display: inline-block;
	padding-right: 40px;
	position: relative;
}

.crumb li::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg) translateY(-50%);
	-webkit-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	-o-transform: rotate(45deg) translateY(-50%);
}

.crumb li:last-child {
	pointer-events: none
}

.crumb li:last-child::after {
	display: none;
}

.crumb li:last-child a {
	color: #999999;
}

.crumb li a:hover {
	color: #71D8D5;
	text-decoration: underline;
}

/* web_footer */
.footer {
	background-color: #71D8D5;
	padding: 4% 0 0;
}

.footer .title,
.footer .smtitle {
	font-family: 'Work_Sans_B';
}

.footer .desc {
	font-family: 'Work_Sans_R';
}

.footer .foot_top .layout {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.footer .foot_item.info {
	width: 30%;
	color: #fff;
	padding-right: 3%;
	line-height: 1.8;
	font-size: 16px;
}

.share_list {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-top: 5%;
}

.share_list li {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	transition: all .3s;
}

.share_list li:hover {
	transform: rotate(30deg);
}

.footer .bottom {
	margin-top: 2%;
	position: relative;
	height: 200px;
	overflow: hidden;
}

.footer .foot_item.contact {
	width: 25%
}

.footer .foot_item.link {
	width: 16%
}

.footer .foot_item.Search {
	width: 25%
}

.footer .info .logo {
	margin-bottom: 5%;
	display: inline-block;
}

.footer .title {
	font-size: 18px;
	color: #fff;
	text-transform: capitalize;
	font-family: 'R_M';
}

.footer .smtitle {
	font-size: 16px;
	color: #2D9FD2;
	text-transform: uppercase;
	margin: 15px 0;
}

.footer .desc {
	font-size: 16px;
	color: #fff;
	display: block;
}

.footer .foot_item.contact ul {
	margin-top: 5%
}

.footer .foot_item.contact li {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 10px;
}

.footer .foot_item.contact li::before {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.footer .foot_item.contact .email {
	margin-top: 5%;
}

.footer .foot_item.contact .email::before {
	background: url(../images/email.webp) no-repeat center/cover;
}

.footer .foot_item.contact .phone::before {
	background: url(../images/phone.webp) no-repeat center/cover;
}

.footer .foot_item.contact .fax::before {
	background: url(../images/fax.webp) no-repeat center/cover;
}

.footer .foot_item.contact .address::before {
	background: url(../images/add.webp) no-repeat center/cover;
}

.footer .contact .smtitle::before {
	content: ' ';
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 50%;
}

.footer .contact .smtitle.address::before {
	background: #2D9FD2 url(../images/f_add.webp) no-repeat center/18px;
}

.footer .contact .smtitle.phone::before {
	background: #2D9FD2 url(../images/f_phone.webp) no-repeat center/20px;
}

.footer .contact .smtitle.email::before {
	background: #2D9FD2 url(../images/f_email.webp) no-repeat center/22px
}

.footer a:hover {
	text-decoration: underline;
}

.footer .link ul {
	margin-top: 5%
}

.footer .link a {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 2;
}

.footer .Search .title {
	position: relative;
	padding-bottom: 5px;
}

.footer .Search .title::before {
	content: ' ';
	display: inline-block;
	width: 10%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0
}

.footer .search_warp {
	margin-top: 8%
}

.footer .search_warp {
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}

.footer .search_warp input {
	line-height: 40px;
	width: 100%;
	border-radius: 30px;
	padding: 0 40px 0 10px;
	border: none;
}

.footer .search_warp .search_btn {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #2D9FD2;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-color: transparent;
	padding: 0% 8%;
	line-height: 40px;
	text-transform: uppercase;
	cursor: pointer;
}

.footer .Search ul {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 10px;
	margin-top: 10%
}

.footer .Search a {
	transition: all .3s;
	display: block;
}

.footer .Search a:hover {
	transform: rotate(30deg);
}

.footer_bottom .layout {
	margin-top: 2%;
	padding: 1% 0;
	color: #fff;
	font-size: 20px;
	text-align: center
}

.footer_bottom a {
	color: #fff
}




.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4% auto;
}

.pagination span,
.pagination a {
	vertical-align: initial;
	display: inline-block;
	margin: 0 5px;
	min-width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #333;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}

.pagination a.prev {
	background: url(../images/next.webp) no-repeat center/12px;
	transform: rotate(180deg);
	border: none;
}

.pagination a.next {
	background: url(../images/next.webp) no-repeat center/12px;
	border: none;
}

.pagination span.current {
	background-color: #A57E60;
	color: #fff;
}

.pagination a:hover {
	background-color: #A57E60;
	color: #fff;
}

.main .layout {
	display: flex;
	justify-content: space-between;
	align-items: start;
	margin-top: 2%;
}

.main .layout .left {
	width: 25%;
}

.main .layout .product_main {
	width: 70%;
}



.side-tit-bar {
	position: relative;
}

.side-tit-bar .side-tit {
	position: relative;
	line-height: 79px;
	font-family: 'R_B';
	font-weight: bold;
	font-size: 32px;
	color: #333;
	text-align: left;
}

.side-widget {
	position: relative;
	margin: 0 0 30px;
}

.side-cate {
	border: 1px solid #E5E5E5;
	padding: 5%;
}

.side-cate li {
	position: relative;
	font-family: 'ArialMT';
}

.side-cate li li {
	background: #FFFFFF;
	font-family: 'ArialMT';
	line-height: 40px;
}

.side-cate li ul {
	background: #FFFFFF;
	padding: 15px 0;
}

.side-cate li a {
	position: relative;
	display: block;
	padding: 0 33px;
}

.side-cate>li>a {
	font-family: 'ArialMT';
	font-weight: 400;
	font-size: 24px;
	color: #333333;
	line-height: 2;
	padding: 0px 0px 10px 60px;
	border-bottom: 1px solid #D9D9D9;
}
.menu_list .side-cate>li>a{
padding-left: 10px;
}

.side-cate ul {
	display: none;
	overflow: visible !important
}

.side-cate li li a {
	padding: 0 15px 0 55px;
	font-family: 'ArialMT';
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	position: relative;
}

.side-cate li li li a {
	padding: 0 15px 0 75px;
}

.side-cate li .icon-cate {
	position: absolute;
	left: 10px;
	top: 5px;
	line-height: 45px;
	font-size: 10px;
	cursor: pointer;
	color: #222;
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.side-cate li li .icon-cate {
	line-height: 40px;
	top: 0;
}

.side-cate li .icon-cate.icon-cate-down:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/temp/r.webp) no-repeat center/cover;
}

.side-cate li .icon-cate.icon-cate-up:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/temp/r.webp) no-repeat center/cover;
	transform: rotate(90deg);
}

.side-cate li.nav-current>a,
.side-cate li>a:hover,
li.show_li>a {
	color: #71D8D5;
}

/* .side-cate li.nav-current>.icon-cate,
.side-cate li:hover>.icon-cate,
li.show_li>.icon-cate {color: #71D8D5;} */
.side-product-items {
	position: relative;
}

.side-product-items .items_content {
	position: relative;
}

.side_product_item {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	border: 1px solid #eee;
	margin: 0 0 6px;
	padding: 8px;
	background: #FFF;
}

.side_product_item figure {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.side_product_item .item-img {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 50%;
}

.side_product_item .item-img img {
	position: relative;
	width: 100%;
}

.side_product_item figcaption {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 48%;
	padding: 10px 0 10px 15px;
}

.side_product_item figcaption .item_title {
	line-height: 1.3;
	margin: 0 0 10px;
	text-transform: uppercase;
	font-size: 14px;
}

.side_product_item figcaption .item_text {
	color: #949494;
	line-height: 1.3;
}

.side_product_item .add-friend {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 39px;
	background: url(img/mark03.png) no-repeat right bottom;
	background-size: cover;
}

.side_product_item .add-friend:after {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	bottom: 6px;
	right: 6px;
	background: url(img/add01.png) no-repeat center center;
	;
}

.side_product_item:hover .add-friend {
	width: 47px;
	height: 49px;
}

.side_product_item:hover .add-friend:after {
	bottom: 9px;
	right: 9px;
}

.side-product-items .btn-prev,
.side-product-items .btn-next {
	position: absolute;
	left: 0;
	width: 100%;
	height: 15px;
	display: block;
	cursor: pointer;
	opacity: .25;
}

.side-product-items .btn-prev {
	top: 20px;
	background: url(img/side_product_up.png) no-repeat center center;
}

.side-product-items .btn-next {
	bottom: 20px;
	background: url(img/side_product_down.png) no-repeat center center;
}

.aside .side-bn {
	width: 100%;
	margin: 0 0 40px;
}

.aside .side-bn img {
	width: 100%
}







/* sitemap */
.sitemap-logo-boxs>.sep-container>h2>a:hover {
	color: white;
	text-decoration: underline;
}

#cont>ul>li>a {
	text-transform: capitalize;
}

#cont h2 {
	background: #71D8D5 !important;
}

#cont>ul>li>ul>li>a {
	color: #71D8D5 !important;
}

#cont>ul>li>ul>li>ul>li>a {
	color: #71D8D5 !important;
}

#cont>ul>li>ul>li>ul>li>a:before {
	border-top-color: #71D8D5 !important;
	border-right-color: #71D8D5 !important;
}

#cont>ul>li>ul>li>ul>li>a:hover {
	text-decoration: underline
}

#footer {
	background: #71D8D5 !important;
}

/* common_form */
.content-wrap.form .ch_form_wrap .item_submit {
	padding: 0 !important;
}

.content-wrap.form .ch_form_wrap .item_submit input {
	background: #71D8D5 !important;
	height: 38px !important;
	font-size: 16px;
	border-radius: 5px;
}

.content-wrap.form .ch_form_wrap ul input,
.content-wrap.form .ch_form_wrap ul textarea,
.content-wrap.form .ch_form_wrap ul select {
	border-left-color: #71D8D5 !important;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes fadeInLeftA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		-ms-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeftA {
	-webkit-animation-name: fadeInLeftA;
	animation-name: fadeInLeftA
}

@-webkit-keyframes fadeInUpA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		-ms-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUpA {
	-webkit-animation-name: fadeInUpA;
	animation-name: fadeInUpA
}

@-webkit-keyframes fadeInRightA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		-ms-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRightA {
	-webkit-animation-name: fadeInRightA;
	animation-name: fadeInRightA
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes OrangePulse {
	0% {
		background-color: rgba(210, 174, 109, .2);
		-webkit-box-shadow: 0 0 10px #d2ae6d
	}

	50% {
		background-color: #d2ae6d;
		-webkit-box-shadow: 0 0 10px #d2ae6d
	}

	to {
		background-color: rgba(210, 174, 109, .2);
		-webkit-box-shadow: 0 0 10px #d2ae6d
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}

	40% {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	60% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg)
	}

	80% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(40deg)
	}

	40% {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	60% {
		-webkit-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg)
	}

	80% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	to {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes jump {
	0% {
		-webkit-transform: translateY(0)
	}

	25% {
		-webkit-transform: translateY(-20%)
	}

	50% {
		-webkit-transform: translateY(0)
	}

	75% {
		-webkit-transform: translateY(-10%)
	}

	to {
		-webkit-transform: translateY(0)
	}
}

@keyframes jump {
	0% {
		transform: translateY(0)
	}

	25% {
		transform: translateY(-20%)
	}

	50% {
		transform: translateY(0)
	}

	75% {
		transform: translateY(-10%)
	}

	to {
		transform: translateY(0)
	}
}

@-webkit-keyframes bounceInA {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceInA {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.bounceInA {
	-webkit-animation-name: bounceInA;
	animation-name: bounceInA;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes fadeInDownA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		-ms-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDownA {
	-webkit-animation-name: fadeInDownA;
	animation-name: fadeInDownA
}

@keyframes fadeInA {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeInA {
	-webkit-animation-name: fadeInA;
	animation-name: fadeInA
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes zoomInDown {
	0% {
		height: 0;
		opacity: 0
	}

	to {
		height: 100%;
		opacity: 1
	}
}

@keyframes zoomInDown {
	0% {
		height: 0;
		opacity: 0
	}

	to {
		height: 100%;
		opacity: 1
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInA {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.6, .6, .6);
		transform: scale3d(.6, .6, .6)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomInA {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.6, .6, .6);
		transform: scale3d(.6, .6, .6)
	}

	50% {
		opacity: 1
	}
}

.zoomInA {
	-webkit-animation-name: zoomInA;
	animation-name: zoomInA
}

lite-youtube {
	width: 100%;
	background-color: #000;
	position: relative;
	display: block;
	contain: content;
	background-position: 50%;
	background-size: cover;
	cursor: pointer;
	display: inline-block
}

lite-youtube:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
	background-position: top;
	background-repeat: repeat-x;
	height: 60px;
	padding-bottom: 50px;
	width: 100%;
	transition: all .2s cubic-bezier(0, 0, .2, 1)
}

lite-youtube:after {
	content: "";
	display: block;
	padding-bottom: 56.25%
}

lite-youtube>iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0
}

lite-youtube>.lty-playbtn {
	width: 68px;
	height: 48px;
	position: absolute;
	cursor: pointer;
	transform: translate3d(-50%, -50%, 0);
	top: 50%;
	left: 50%;
	z-index: 1;
	background-color: transparent;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
	filter: grayscale(100%);
	transition: filter .1s cubic-bezier(0, 0, .2, 1);
	border: none;
	font-size: 0
}

lite-youtube .lty-playbtn:focus,
lite-youtube:hover>.lty-playbtn {
	filter: none
}

lite-youtube.lyt-activated {
	cursor: unset
}

lite-youtube.lyt-activated:before,
lite-youtube.lyt-activated>.lty-playbtn {
	opacity: 0;
	pointer-events: none
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-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-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

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

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

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

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

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

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

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

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-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-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-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-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-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-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.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;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top, .2s -webkit-transform;
	transition: .2s top, .2s -webkit-transform;
	-o-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	-o-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

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

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-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;
	-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-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

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

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.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-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.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-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

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


.change-language .change-language-cont {
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	width: 460px !important
}

.change-language .change-language-cont .lang-more {
	clear: both
}

.change-language .trp-language-wrap a {
	position: relative;
	float: left;
	vertical-align: bottom;
	display: inline;
	zoom: 1;
	width: 48%;
	margin: 0 4% 0 0;
	list-style: none;
	border-bottom: 1px solid #ececec;
	padding: 5px 0;
	line-height: 27px;
}

.change-language .trp-language-wrap a:nth-child(2n) {
	margin-right: 0;
}

.change-language .trp-language-wrap img {
	width: 18px;
	height: 12px;
	margin-right: 5px
}

.hide_false {
	display: none !important;
}

.change-language-cont li {
	width: 100%;
}

.change-language-cont {
	display: flex;
	flex-wrap: wrap;
}

.language-flag .country-flag,
.language--img {
	background: url(../images/leg.jpg)no-repeat center center;
	display: inline-block;
	width: 18px;
	height: 12px;
	margin-right: 6px;
	border-radius: 15px;
	overflow: hidden;
}

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

.language-fr {
	background-position: 0px -288px;
}

.language-fi {
	background-position: 0px -276px;
}

.language-et {
	background-position: 0px -240px;
}

.language-eo {
	background-position: 0px -192px;
}

.language-en {
	background-position: 0 -216px;
}

.language-da {
	background-position: 0px -168px;
}

.language-cs {
	background-position: 0px -144px;
}

.language-hr {
	background-position: 0px -420px;
}

.language-co {
	background-position: 0px -132px;
}

.language-ceb {
	background-position: 0px -108px;
}

.language-ca {
	background-position: 0px -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: 0px -492px;
}

.language-sm {
	background-position: 0px -972px;
}

.language-ro {
	background-position: 0px -888px;
}

.language-pa {
	background-position: 0px -840px;
}

.language-pt {
	background-position: 0px -876px;
}

.language-pl {
	background-position: 0px -852px;
}

.language-fa {
	background-position: 0px -264px;
}

.language-ps {
	background-position: 0px -264px;
}

.language-or {
	background-position: 0px -827px;
}

.language-no {
	background-position: 0px -780px;
}

.language-ne {
	background-position: 0px -792px;
}

.language-my {
	background-position: 0px -768px;
}

.language-mn {
	background-position: 0px -720px;
}

.language-mr {
	background-position: 0px -732px;
}

.language-mi {
	background-position: 0px -684px;
}

.language-mt {
	background-position: 0px -756px;
}

.language-ml {
	background-position: 0px -708px;
}

.language-ms {
	background-position: 0px -744px;
}

.language-mg {
	background-position: 0px -672px;
}

.language-mk {
	background-position: 0px -696px;
}

.language-lb {
	background-position: 0px -624px;
}

.language-lt {
	background-position: 0px -648px;
}

.language-lv {
	background-position: 0px -660px;
}

.language-la {
	background-position: 0px -613px;
}

.language-lo {
	background-position: 0px -636px;
}

.language-ky {
	background-position: 0px -600px;
}

.language-ku {
	background-position: 0px -120px;
}

.language-ko {
	background-position: 0px -588px;
}

.language-rw {
	background-position: 0px -912px;
}

.language-km {
	background-position: 0px -564px;
}

.language-kk {
	background-position: 0px -552px;
}

.language-kn {
	background-position: 0px -576px;
}

.language-jv {
	background-position: 0px -528px;
}

.language-ja {
	background-position: 0px -516px;
}

.language-it {
	background-position: 0px -504px;
}

.language-ga {
	background-position: 0px -312px;
}

.language-id {
	background-position: 0px -467px;
}

.language-ig {
	background-position: 0px -480px;
}

.language-hu {
	background-position: 0px -443px;
}

.language-hmn {
	background-position: 0px -408px;
}

.language-hi {
	background-position: 0px -397px;
}

.language-he {
	background-position: 0px -384px;
}

.language-haw {
	background-position: 0px -300px;
}

.language-ha {
	background-position: 0px -1079px;
}

.language-ht {
	background-position: 0px -432px;
}

.language-gu {
	background-position: 0px -348px;
}

.language-el {
	background-position: 0px -204px;
}

.language-de {
	background-position: 0px -180px;
}

.language-ka {
	background-position: 0px -540px;
}

.language-gl {
	background-position: 0px -336px;
}

.language-ru {
	background-position: 0px -900px;
}

.language-gd {
	background-position: 0px -324px;
}

.language-sr {
	background-position: 0px -1006px;
}

.language-st {
	background-position: 0px -1017px;
}

.language-sn {
	background-position: 0px -984px;
}

.language-sd {
	background-position: 0px -984px;
}

.language-si {
	background-position: 0px -1271px;
}

.language-sk {
	background-position: 0px -1223px;
}

.language-sl {
	background-position: 0px -960px;
}

.language-so {
	background-position: 0px -994px;
}

.language-es {
	background-position: 0px -227px;
}

.language-su {
	background-position: 0px -1031px;
}

.language-sw {
	background-position: 0px -1055px;
}

.language-sv {
	background-position: 0px -1043px;
}

.language-tl {
	background-position: 0px -1115px;
}

.language-tg {
	background-position: 0px -1091px;
}

.language-ta {
	background-position: 0px -1067px;
}

.language-tt {
	background-position: 0px -1151px;
}

.language-te {
	background-position: 0px -1079px;
}

.language-th {
	background-position: 0px -1103px;
}

.language-tr {
	background-position: 0px -1138px;
}

.language-tk {
	background-position: 0px -1115px;
}

.language-uk {
	background-position: 0px -1175px;
}

.language-ur {
	background-position: 0px -1187px;
}

.language-ug {
	background-position: 0px -1163px;
}

.language-uz {
	background-position: 0px -1175px;
}

.language-vi {
	background-position: 0px -1211px;
}

.language-cy {
	background-position: 0px -156px;
}

.language-xh {
	background-position: 0px -1223px;
}

.language-yi {
	background-position: 0px -1235px;
}

.language-yo {
	background-position: 0px -1247px;
}

.language-zu {
	background-position: 0px -1259px;
}

.language-zh {
	background-position: 0px -1282px;
}

.language-zh-TW {
	background-position: 0px -1282px;
}

.trp-language-wrap .lang-more {
	display: none !important;
}

/*--------------------------右侧客服按钮------------------------------*/
:root {
	--dominant-color: #000;
}

#index_scrollsidebar {
	top: 50%;
	right: 20px;
	transition: all ease-in-out 1s;
	opacity: 1;
	position: fixed;
	transform: translateY(-50%);
	z-index: 99;
}

#index_scrollsidebar ul li {
	width: 62px;
	height: 62px;
	background-color: var(--dominant-color);
	border-radius: 10px;
	margin-bottom: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

#index_scrollsidebar ul li .show0 {
	position: absolute;
	background-color: var(--dominant-color);
	padding: 6px;
	border-radius: 8px;
	right: 80px;
	top: 50%;
	transition: all ease-in-out .5s;
	transform: translateY(-50%);
	display: none
}

#index_scrollsidebar ul li .show0,
#index_scrollsidebar ul li .show0 a {
	font-size: 16px;
	color: #fff;
	text-wrap: nowrap
}

#index_scrollsidebar ul li:hover .show0 {
	display: block
}

#index_scrollsidebar ul li>a {
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	text-align: center;
	line-height: 62px;
	align-items: center;
	justify-content: center;
}

#index_scrollsidebar ul li img {
	border: none;
	vertical-align: middle;
	max-width: 50%;
}

#index_scrollsidebar .gototop {
	background-color: #2329C5
}

#index_scrollsidebar .s_smooth {
	display: flex;
	justify-content: center;
	align-items: center;
}

#index_scrollsidebar .s_smooth img {
	max-width: 30px;
}

.fix_slide_foot {
	background: rgb(17, 31, 83);
	position: fixed;
	width: 100%;
	bottom: 0;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	height: 50px;
	z-index: 111;
}

.fix_slide_foot li {
	border-right: 1px solid white;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	align-content: center;
}

.fix_slide_foot li:last-of-type() {
	border-right: none;
}

.fix_slide_foot li a[title=email] img,
.fix_slide_foot li a[title=tel] img {
	height: 30px;
	width: 30px;
}

.fix_slide_foot li a[title=backtop] img {
	width: 22px;
	height: 22px;
}

.fix_slide_foot li a {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	align-content: center;
}

.fix_slide_foot li img {
	height: 25px;
	width: 25px;
}


@font-face {
	font-family: fontawesome;
	src: url(../fonts/Font-Awesome/fontawesome-webfont.eot);
	src: url(../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(../fonts/Font-Awesome/fontawesome-webfont.woff2) format("woff2"), url(../fonts/Font-Awesome/fontawesome-webfont.woff) format("woff"), url(../fonts/Font-Awesome/fontawesome-webfont.ttf) format("truetype"), url(../fonts/Font-Awesome/fontawesome-webfont.svg#fontawesomeregular) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'R_R';
	src: url('../fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'R_B';
	src: url('../fonts/Roboto-Bold.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'R_M';
	src: url('../fonts/Roboto-Medium.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.fontawesome {
	font-family: 'fontawesome';
}

.R_R {
	font-family: 'R_R';
}

.R_B {
	font-family: 'R_B';
}

.R_M {
	font-family: 'R_M';
}


.page_news {
	margin: 5% 0;
}

.page_news .title_warp {
	text-align: center;
}

.page_news .title_warp .title {
	font-family: 'R_B';
	font-size: clamp(30px, 5vw, 48px);
	color: #333;
}

.page_news .title_warp .desc {
	color: #666;
	font-size: 16px;
}

.page_news .new_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	margin-top: 5%;
}

.page_news .new_item {
	padding: 37px;
	background-color: #FDF9F5;
	border-radius: 24px;
}

.page_news .new_item .img_warp {
	padding-bottom: 76%;
	border-radius: 14px;
}

.page_news .new_item .img_warp:hover img {
	transform: scale(1.1);
}

.page_news .info {
	margin-top: 4%;
}

.page_news .info .title {
	font-family: 'R_B';
	font-size: 24px;
	color: #333;
	min-height: 3em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page_news .info .desc {
	font-family: 'R_R';
	font-size: 16px;
	color: #666;
	margin: 2% 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 4.5em;
}

.page_news .info .link {
	font-size: 16px;
	color: #A57E60;
	border-radius: 35px;
	border: 1px solid #A57E60;
	padding: 8px 20px;
	margin-top: 10px;
	display: inline-block;
}

.page_news .info .link:hover {
	background-color: #A57E60;
	color: #fff;
}

.page_news .info .title:hover {
	color: #A57E60;
}

.page_product {
	margin: 5% 0;
}

.page_product .title_warp {
	text-align: center;
}

.page_product .title_warp .title {
	font-family: 'R_B';
	font-size: clamp(30px, 5vw, 48px);
	color: #333;
}

.page_product .title_warp .desc {
	color: #666;
	font-size: 16px;
}

.page_product .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin-top: 5%;
}

.page_product .item {
	border-radius: 24px;
}

.page_product .item .img_warp {
	padding-bottom: 76%;
	border-radius: 14px;
}

.page_product .item .img_warp:hover img {
	transform: scale(1.1);
}


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

.fix_slide_foot {
	display: none;
}

@media only screen and (max-width: 1024px) {
	#index_scrollsidebar {
		display: none;
	}

	.fix_slide_foot {
		display: flex;
	}
}

.slider_banner-phone {
	display: none;
}

@media only screen and (max-width: 950px) {
	.page_news .new_list {
		grid-template-columns: repeat(1, 1fr);
	}

	.page_product .list {
		grid-template-columns: repeat(1, 1fr);
	}

	/* mobile-header */
	.mobile-body-mask {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 90;
	}

	.mobile-ico-close {
		width: 30px;
		height: 30px;
		position: absolute;
		right: -35px;
		top: 0;
		background: #fff url(../images/mobile_close.png) 50% no-repeat;
		background-size: 50% auto;
		cursor: pointer;
		font-family: fontawesome;
	}

	.mobile-head-items {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 70px;
		line-height: 40px;
		display: flex;
		justify-content: space-between;
		z-index: 1000;
		background: transparent;
		padding: 0 15px;
	}

	.mobile-head-items.fixed-nav {
		background-color: #fff;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	}

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

	.phoneLogo img {
		width: clamp(100px, 34vw, 200px);
		height: auto;
	}

	.web_head {
		display: none;
	}

	.mobile-head-item {
		float: left;
		width: 30px;
		margin-right: 20px;
		display: flex;
		align-items: center;
	}

	.mobile-head-item:last-child {
		margin-right: 0;
	}

	.mobile-head-language {
		width: 30px;
	}

	.mobile-head-nav {
		width: 30px;
	}

	.mobile-head-item.mobile-head-aside {
		float: right
	}

	.mobile-head-item>.title {
		width: 100%;
		height: 35px;
		line-height: 30px;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
		position: relative;
		-webkit-tap-highlight-color: transparent;
		font-size: 14px;
	}

	.mobile-head-item.mobile-head-language .title {
		font-size: 18px;
		text-align: left;
		display: flex;
	}

	.mobile-head-item .title a {
		position: relative;
		display: block;
	}

	.mobile-head-item .title:before {
		width: 100%;
		height: 100%;
		content: '';
		display: inline-block;
	}

	.mobile-head-item.mobile-head-home .title a:before {
		content: "\f015";
	}

	.mobile-head-item.mobile-head-nav .title:before {
		width: 100%;
		float: left;
		height: 100%;
		background: url(../images/f_n.png) no-repeat center/ 100% auto;
	}

	.mobile-head-item.mobile-head-language .title:before {
		width: 30px;
		float: left;
		background: url(../images/f_l.png) no-repeat left center/ 100% auto;
	}

	.mobile-head-item.mobile-head-search .title:before {
		background: url(../images/f_s.png) no-repeat center/ 100% auto;
	}

	.mobile-head-item.mobile-head-language .title_up:after {
		transform: rotate(180deg);
	}

	.mobile-head-item.mobile-head-social .title:before {
		content: "\f007";
	}

	.mobile-head-item.mobile-head-aside .title:before {
		content: "\f060";
	}

	.mobile-head-item .main-content-wrap {
		background: #fff;
		top: 0;
		display: block;
		z-index: 99999;
	}

	.mobile-head-item .main-content-wrap .content-wrap {
		overflow-y: auto;
		height: 100%;
		padding: 15px 10px 55px;
		background-color: #fff;
	}

	.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
		overflow-y: hidden;
	}

	.mobile-head-item .side-content-wrap {
		position: fixed;
		display: block;
		left: -70%;
		width: 70%;
		height: 100%;
		text-align: left;
	}

	.mobile-head-item .middle-content-wrap {
		position: absolute;
		left: 0;
		width: 100%;
		height: auto;
		padding: 20px 0;
		opacity: 0;
		visibility: hidden;
	}

	.fixed-nav .mobile-head-item.mobile-head-search .title:before {
		background: url(../images/f_s.png) no-repeat center/ 100% auto;
	}

	.fixed-nav .mobile-head-item.mobile-head-nav .title:before {
		background: url(../images/f_n.png) no-repeat center/ 100% auto;
	}

	.fixed-nav .mobile-head-item.mobile-head-language .title:before {
		background: url(../images/f_l.png) no-repeat left center/ 100% auto;
	}

	.mobile-head-item .middle-show-content-wrap {
		top: 0px;
		visibility: visible;
		opacity: 1;
	}

	/* language */
	.mobile-head-items .trp-language-wrap {
		padding-bottom: 42px;
	}

	.mobile-head-items .trp-language-wrap a {
		margin-right: 0;
		border-bottom: 1px solid #f2f2f2;
	}

	.mobile-head-items .change-language-cont li {
		border-bottom: 1px solid #ececec;
	}

	.mobile-head-items .change-language-cont li a {
		display: block;
		text-transform: capitalize;
	}

	/* .search_form */
	.mobile-head-search .middle-content-wrap {
		padding: 10px 15px;
	}

	.middle-content-wrap .search_form {
		display: block;
		left: 20px;
		top: 20px;
		right: 20px;
		width: auto;
		position: static;
		margin: 0;
	}

	.mobile-head-search .main-content-wrap .content-wrap {
		padding: 15px 0;
	}

	.search_form .search-ipt {
		width: calc(100% - 111px);
		opacity: 1;
		-webkit-appearance: none;
		-moz-transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-moz-transform-origin: 0% 50%;
		-webkit-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
		-moz-transition: transform .3s;
		-webkit-transition: transform .3s;
		-ms-transition: transform .3s;
		-o-transition: transform .3s;
		transition: transform .3s;
		font-size: 20px;
		line-height: 42px;
	}

	.search_form .search_submit {
		width: 110px;
		height: 42px;
		background-position: 16% center;
		margin-top: 0;
	}

	.mobile-head-search .mobile-ico-close {
		top: -35px;
		right: 0;
	}

	.nav_down .flex {
		flex-direction: column;
	}

	.nav_down .flex .left {
		display: none
	}

	.nav_down .right .product_class {
		display: block
	}

	.nav_down .right .title {
		color: #000;
		margin: 2% 0;
	}

	.product_l {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}

	.product_l .info {
		line-height: 1.4;
	}

	.product_l .img_warp {
		padding-bottom: 64%;
	}

	.product_l .product_d:hover img {
		transform: scale(1.1);
	}

	.product_l .product_d .title {
		display: block;
		text-align: center;
		margin-bottom: 10px;
		font-size: 20px;
	}

	.product_l .product_d .desc {
		font-size: 16px;
		color: #333;
		text-align: center;
	}

	.slider_banner {
		display: none;
	}

	.slider_banner-phone {
		display: block
	}

	.slider_banner-phone img {
		width: 100%;
	}


	.search_tip {
		display: none;
	}

	.head_nav {
		width: 100%;
	}

	.head_nav li {
		position: relative;
		display: block;
		width: 100%;
		font-size: 16px;
	}

	.head_nav>li {
		border-bottom: 1px solid #eee;
		line-height: 35px;
	}

	.head_nav>li b.up_icon {
		transform: rotate(90deg);
	}

	.head_nav>li b {
		position: absolute;
		right: 0;
		top: 5px;
		transition: all .5s;
		color: #999;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
	}

	.head_nav>li b::after {
		content: '';
		width: 30px;
		height: 30px;
		display: inline-block;
		background: url(../images/next.webp) no-repeat center/ 10px;
	}

	.head_nav>li a b {
		display: none;
	}

	.head_nav li ul {
		display: block;
		width: 100%;
	}

	.head_nav li ul li {
		width: auto;
		padding: 0 10px;
		font-size: 16px;
		text-transform: lowercase;
		line-height: 30px;
	}

	.head_nav li ul li:before {
		content: "";
		width: 3px;
		height: 3px;
		background: #999;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 15px;
	}

	.head_nav li a {
		display: block;
		text-transform: capitalize;
		padding: 5px 0;
	}

	.head_nav li ul li li {
		line-height: 25px;
	}

	.head_nav li ul li li:before {
		display: none;
	}

	.web_head .nav_wrap {
		display: none;
	}

	.index_new .news_list {
		grid-template-columns: 1fr;
	}

	.index_new .info .desc {
		display: none;
	}


	.footer .foot_top .layout {
		flex-direction: column;
	}

	.footer .foot_top .foot_item {
		width: 100%;
		margin: 5% 0;
	}

	.footer_bottom {
		padding: 20px 0 80px;
	}

	.footer .bottom {
		margin-top: 2%;
		position: relative;
		height: 200px;
		overflow: hidden;
	}

	.footer .bottom>img {
		position: absolute;
		height: 200px;
		width: auto;
		left: 100%;
		transform: translateX(-50%);
		max-width: none;
	}

	.rightBox {
		display: none
	}

	.foot-btn {
		display: flex;
		background: #313134;
		box-shadow: 0 -2px 6px 3px rgba(0, 0, 0, 0.2);
	}


}