@font-face {
	font-family: 'CenturyGothic';
	src: url("https://de.tineco.com/assets/fonts/CenturyGothic.eot");
	src: url("https://de.tineco.com/assets/fonts/CenturyGothic.eot?#iefix") format('embedded-opentype'),
		url("https://de.tineco.com/assets/fonts/CenturyGothic.woff") format('woff');
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothic';
	src: url("https://de.tineco.com/assets/fonts/CenturyGothicBd.otf");
	src: url("https://de.tineco.com/assets/fonts/CenturyGothicBd.otf?#iefix") format('embedded-opentype'),
		url("https://de.tineco.com/assets/fonts/CenturyGothicBd.otf") format('woff');
	font-weight: bold;
}

html,
body {
	font-family: 'CenturyGothic' !important;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	word-break: break-word;
}

.w1280 {
	max-width: 1280px;
	margin: 0 auto;
}

* {
	font-family: 'CenturyGothic' !important;
}

img {
	max-width: 100%;
}

.index-bg-box {
	width: 100%;
	height: auto;
	position: relative;
	background: url("https://de.tineco.com/assets/img/base/banner-pc.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index-bg-box img.bgImg {
	width: 100%;
	height: auto;
	z-index: 0;
	opacity: 0;
}

.index-bg-box img.bgImgForH5 {
	width: 100%;
	height: auto;
	z-index: 0;
	opacity: 0;
	display: none;
}

.fly-index-banner-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.fly-index-tips {
	height: 37px;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
}

.fly-index-title {
	font-size: 48px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 20px;
}

.fly-index-title-1 {
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 20px;
}

.fly-index-bg-icon-list {
	margin-top: 61px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fly-index-bg-icon-list a:hover {
	text-decoration: none;
}

.fly-index-play-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 45px;
	margin: 0 auto;
	height: 65px;
	line-height: 65px;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	cursor: pointer;
}

.fly-index-play-box:hover,
.fly-index-buy-box:hover {
	text-decoration: none;
	color: #fff;
}

img.playIcon {
	width: 49px;
	height: 49px;
	margin-right: 10px;
	margin-left: 26px;
	opacity: .7;
}

img.playIcon:hover {
	opacity: 1;
}

a.buyBtnForNewClass {
	border: 2px solid #FFFFFF;
	background-color: rgba(0, 0, 0, .0);
	color: #FFFFFF;
	line-height: 54px;
	width: 135px;
	height: 58px;
	border: 2px solid #FFFFFF;
	border-radius: 28px;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	margin-left: 60px;
	display: inline-block;
	opacity: .7;
}

a.buyBtnForNewClass:hover {
	font-size: 24px;
	opacity: 1;
}


.fly-blue-bg-box {
	color: #fff;
	background-color: #00327D;
	padding: 57px 24.6%;
	font-size: 24px;
	word-break: break-word;
	text-align: center;
}

.fly-blue-bg-box span {
	font-weight: bold;
}

.fly-cj-box {
	padding: 133px 0px 137px 12.5%;
	background: #F7F7F7;
}

.cj-main-title {
	font-size: 48px;
	font-weight: bold;
	color: #000000;
	line-height: 48px;
	text-align: center;
	padding-right: 12.5%;
}

.fly-cj-swiper-box {
	margin-top: 75px;
	overflow: hidden;
}

.fly-cj-item {
	background-size: 100% 100%;
	position: relative;
}

.fly-cj-item img.bgImg {
	width: 100%;
	opacity: 0;
	height: auto;
	z-index: 0;
}

.fly-cj-container-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.fly-cj-container-box .iconBox {
	margin-top: 0px;
	margin-left: 42px;
	width: 70px;
}

.fly-cj-item-name {
	font-size: 24px;
	/* line-height: 40px; */
	font-weight: bold;
	color: #fff;
	margin-top: 30px;
	padding: 0px 20px 0px 40px;
	min-height: 68px;
	/* white-space: nowrap; */
}

.fly-cj-brief {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	height: 120px;
	padding: 0px 42px 0px 42px;
}

.fly-cj-hover-box {
	background: rgba(156, 0, 30, .6);
	padding: 37px 42px;
	display: none;
}

.fly-cj-container-box:hover .fly-cj-hover-box {
	display: block;
}

.fly-cj-commond {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
}

.fly-cj-cd-name {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 21px;
}

.fly-cj-learn-more {
	width: 165px;
	height: 49px;
	background: #FFFFFF;
	border-radius: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #00327D;
	line-height: 49px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin-top: 30px;
}

.fly-cj-learn-more:hover {
	text-decoration: none;
}
.error-msg{
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 20px;
	position: absolute;
	bottom: -16px;
	left: 0;
}
.dis-none{
	display: none;
}
.contact-us-cj-box {
	height: 80px;
	background: #9c001e;
	padding: 0 30px;
	display: flex;
	align-items: center;
	margin-top: 83px;
	flex-shrink: 0;
	margin-right: 12%;
}
.mail-box{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.right-area {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
}

.contact-us-cj-box span {
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	text-align: left;
}

.s-form {
	display: flex;
	align-items: center;
	font-size: 14px;
}

.s-button:before {
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 20px 0 0 20px;
	position: absolute;
	top: 0;
	left: -10px;
	box-shadow: -1px 0 0 0 #DCDCDC;
	z-index: 10;
	white-space: nowrap;
	flex-shrink: 0;
}
input:-webkit-autofill{
	-webkit-box-shadow:0 0 0 1000px white inset !important;
}

.s-email {
	height: 40px;
	line-height: 40px;
	border-radius: 20px 0 0 20px;
	outline: none;
	border: none;
	padding: 0 10px;
	width: 240px;
	background-color: #fff;
}

.s-button {
	height: 40px;
	line-height: 40px;
	border-radius: 0 20px 20px 0;
	background-color: #fff;
	padding: 0 10px;
	position: relative;
	font-size: 14px;
	color: #002E81;
	z-index: 9;
	font-weight: bold;
	flex-grow: 1;
	width: 120px;
}
.dis-show{
	display: block;
}
.icon_list {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 270px;
	width: auto;
}

.icon_list .icon_item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 72px;
	height: 45px;
	background: #fff;
	border: 2px solid #00327D;
	border-radius: 22px;
	overflow: hidden;
}

.icon_list .icon_item img {
	width: 21px;
	height: 21px;
}


.buy-qd-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100px;
	position: relative;
}

.tineco-buy-tips {
	font-size: 14px;
	font-weight: 400;
	color: #232222;
	display: none;
	opacity: 0;
	position: absolute;
	left: 0px;
	right: 0;
	bottom: -30px;
	width: 100px;
	text-align: center;
}

.buy-qd-item:hover .tineco-buy-tips {
	display: block;
	opacity: 1;
}

.icon_list .icon_item:hover {
	box-shadow: 2px 7px 28px 1px rgba(0, 0, 0, 0.2);
	background: #002E81;
	color: #fff;
}

.icon_list .icon_item:hover img {
	filter: drop-shadow(#fff 80px 0);
	transform: translateX(-80px);
}

/*****綏�劽犬箴т婚��綣�紮�*****/
.fly-lr-box {
	padding: 140px 13% 0px 13%;
	background-color: #fff;
}

.fly-lr-main-title {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	line-height: 48px;
}

.fly-lr-list-box {
	padding: 0px 0px 20px 0px;
	overflow: hidden;
}

.fly-lr-list-box .fly-lr-item {
	border-bottom: 1px solid #DCDCDC;
	padding: 127px 0px 149px 0px;
	display: flex;
}

.fly-lr-list-box .fly-lr-item:last-child {
	border-bottom: none;
}

.fly-lr-info-box {
	flex: 3;
}

.fly-lr-item .fly-lr-info-box {
	margin-right: 127px;
}

.fly-lr-item.right-text-lr .fly-lr-info-box {
	margin-right: 0;
	margin-left: 127px;
}

.fly-lr-small-name {
	font-size: 24px;
	font-weight: 600;
	color: #000000;
}

.fly-lr-main-name {
	font-size: 42px;
	font-weight: bold;
	color: #c10d15;
	margin-top: 35px;
}

.fly-lr-brief {
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	margin-top: 48px;
}

.fly-lr-brief span {

	font-weight: bold;
}

.fly-lr-buy-list-box {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin-top: 43px;
}

.fly-lr-buy-list-box .icon_list {
	justify-content: flex-start;
}

.fly-lr-line {
	width: 100%;
	height: 1px;
	background: #00327D;
	margin-top: 43px;
}

.fly-buy-at {
	color: #c10d15;
	white-space: nowrap;
}

.fly-lr-other-say {
	position: relative;
	padding-top: 60px;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}

.fly-lr-other-say img {
	position: absolute;
	width: 79px;
	left: 0px;
	top: 30px;
}

.fly-lr-other-say a {
	font-size: 19px;
	font-weight: bold;
	color: #00327D;
	line-height: 33px;
	margin-top: 34px;
}

.fly-lr-other-say a:hover {
	text-decoration: none;
}

.fly-lr-right-swiper-container {
	flex: 5;
	position: relative;
	padding: 0px 35px;
	overflow: hidden;
	display: flex;
}

.fly-prod-swiper-box {
	flex: 1;
	overflow: hidden;
}

.fly-lr-prod-img {
	width: 100%;
	height: auto;
}

.swiper-left-img-btn {
	position: absolute;
	top: 30%;
	left: 5px;
	width: 70px;
	height: 70px;
	z-index: 11;
}

.swiper-right-img-btn {
	position: absolute;
	top: 30%;
	right: 5px;
	width: 70px;
	height: 70px;
	z-index: 11;
}

.fly-lr-prod-name {
	margin-top: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	min-height: 68px;
}

.fly-lr-prod-brief {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	margin-top: 22px;
}

/**篋у��筝や唱膸���**/

.meet-tineco-box {
	padding: 140px 13% 140px 13%;
}

.index-meet-box {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	text-align: right;
}

.index-meet-box:first-child {
	text-align: left;
}

.index-meet-box img.bg {
	width: 100%;
	height: 100%;
}

.index-meet-box img.look-hover-phone {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	display: none;
	cursor: pointer;
	opacity: 0;
}

.index-meet-box .index-meet-item-mask {
	background-color: rgba(0, 0, 0, .2);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.index-meet-box:hover .index-meet-item-mask {
	display: none;
	opacity: 0;
}

.index-meet-box:hover img.look-hover-phone {
	display: block;
	opacity: 1;
}

.meet-main-title {
	font-size: 42px;
	font-weight: bold;
	color: #151414;
	line-height: 48px;
	text-align: center;
	margin-bottom: 66px;
}


.meet-tineco-box .swiper-button-prev2 {
	position: absolute;
	top: 50%;
	z-index: 20;
	width: 50px;
	height: 50px;
	background-image: url("https://static-ussite.tineco.com/left.png_a5c388b8-9.png");
	background-size: 100%;
	cursor: pointer;
	transform: translate(0, -50%);
	left: 20px;
}


.meet-tineco-box .swiper-button-next2 {
	position: absolute;
	top: 50%;
	z-index: 20;
	right: 0;
	width: 50px;
	height: 50px;
	background-size: 100%;
	cursor: pointer;
	transform: translate(0, -50%);
	background-image: url("https://static-ussite.tineco.com/right.png_f40ca5e5-b.png");
	right: 20px;
}

.fly-you-also-like-box {
	padding: 140px 13% 0px 13%;
}

.fly-y-main-title {
	font-size: 48px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-bottom: 56px;
}

.fly-y-container {
	display: flex;
	justify-content: space-between;
}

.fly-y-item {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	flex: 1;
	position: relative;
}

.fly-y-item:first-child {
	margin-right: 40px;
}

.fly-y-item img.bgImg {
	width: 100%;
	height: auto;
	z-index: 0;
	opacity: 0;
}

.fly-y-item-box {
	position: absolute;
	left: 84px;
	right: 40%;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.fly-y-small-name {
	font-size: 18px;
	font-weight: 400;
	color: #010101;
}

.fly-y-big-name {
	font-size: 36px;
	font-family: Century Gothic;
	font-weight: bold;
	color: #00327D;
	margin-top: 28px;
}

.fly-y-brief {
	font-size: 22px;
	font-weight: 400;
	color: #010101;
	margin-top: 34px;
}

.fly-y-item-box a {
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	font-family: Century Gothic;
	font-weight: bold;
	color: #FFFFFF;
	width: 153px;
	height: 45px;
	background: #00327D;
	border-radius: 23px;
	margin-top: 38px;
	text-align: center;
	line-height: 45px;
}

.swiper-pagination-banner {
	bottom: 5px;
}

.fly-sx-box {
	position: relative;
	background-color: #fff;
	padding: 120px 0px 59px 0px;
}

.fly-sx-main-title {
	font-size: 48px;
	font-weight: bold;
	color: #000000;
	line-height: 48px;
	text-align: center;
	margin-bottom: 40px;
}

.fly-sx-container-pie-box {
	padding: 48px 0px 0px 0px;
	position: relative;
}

.fly-sx-container-pie-box img.bg-floor {
	position: absolute;
	left: 0;
	top: 48px;
	width: 30%;
	height: auto;
	z-index: 0;
}

.fly-sx-container-pie-box img.bg-ones5 {
	position: absolute;
	right: 0;
	bottom: 48px;
	width: 40%;
	height: auto;
	z-index: 0;
}

.fly-sx-pie {
	width: 100vh;
	height: 100vh;
	margin: 0 auto;
	border-radius: 100%;
	position: relative;
}

.fly-sx-circle-center-box {
	width: 38vh;
	height: 38vh;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -19vh;
	margin-top: -19vh;
	background-color: #fff;
	border-radius: 100%;
}

.fly-sx-circle-c-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.sx-center-jq-img {
	position: absolute;
	left: 50%;
	top: 20%;
	width: 160px;
	margin-left: -80px;
}

.sx-center-info-miaoshu {
	position: absolute;
	left: 5%;
	right: 5%;
	text-align: center;
	top: 38%;
}

.sx-main-title {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
}
.sx-main-title span{
	font-weight: normal;
	font-size: 18px;
}
.sx-main-title span{
	font-weight: normal;
	font-size: 18px;
}
.sx-main-title span{
	font-weight: normal;
	font-size: 18px;
}

.swiper-scrollbar-drag {
	background: #9c001e;
}

.sx-small-brief {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	text-align: center;
	margin-top: 20px;
}

.fly-sx-pie-all-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.fly-sx-pie-all-box-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 100%;
}

.sx-item {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	transform-origin: 0% 100%;
	color: #fff;
	overflow: hidden;
	cursor: pointer;
}
.sx-item:nth-child(1)::after {
	content: " ";
	background-image: url("https://de.tineco.com/assets/img/S5.png");
	background-size: auto 99%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 0;
}
.sx-item:nth-child(5)::after {
	content: " ";
	background-image: url("https://de.tineco.com/assets/img/S15-Pet.png");
	position: absolute;
	background-size: auto 98%;
	background-repeat: no-repeat;
	left: 1px;
	right: 0;
	bottom: -8px;
	top: 0;
	z-index: 0;
}
.sx-item:nth-child(4)::after {
	content: " ";
	background-image: url("https://de.tineco.com/assets/img/Toasty-ONE.png");
	position: absolute;
	background-size: auto 100%;
	background-repeat: no-repeat;
	left: -7px;
	right: 0;
	bottom: -7px;
	top: 0;
	z-index: 0;
}
.sx-item:nth-child(3)::after {
	content: " ";
	background-image: url("https://de.tineco.com/assets/img/Carpet-ONE.png");
	position: absolute;
	background-size: auto 100%;
	background-repeat: no-repeat;
	left: 4px;
	right: 0;
	bottom: 5px;
	top: 0;
	z-index: 0;
}
.sx-item:nth-child(2)::after {
	content: " ";
	background-image: url("https://de.tineco.com/assets/img/S5-Pro2.png");
	position: absolute;
	background-size: auto 95%;
	background-repeat: no-repeat;
	left: 0;
	right: 0;
	bottom: -20px;
	top: 0;
	z-index: 0;
}
.sx-item:nth-child(1):hover::after {
	display: none;
}
.sx-item:nth-child(5):hover::after {
	display: none;
}
.sx-item:nth-child(3):hover::after {
	display: none;
}
.sx-item:nth-child(4):hover::after {
	display: none;
}
.sx-item:nth-child(2):hover::after {
	display: none;
}
.sx-item-one {
	transform: rotate(0deg) skew(0deg, 0deg);

}

.sx-item-two {
	transform: rotate(-72.5deg) skew(-0.8deg, 0deg);
	/* background-image: url("https://static-ussite.tineco.com/pic3.png_44744bc6-c.png"); */
}

.sx-item-three {
	transform: rotate(-144deg) skew(0deg, 0deg);
	/* background-image: url("https://static-ussite.tineco.com/pic4.png_ca603d28-3.png"); */
}

.sx-item-four {
	transform: rotate(-216deg) skew(0.1deg, -0.6deg);
	/* background-image: url("https://static-ussite.tineco.com/pic5.png_d7f9604b-4.png"); */
}

.sx-item-five {
	transform: rotate(-288deg) skew(0.6deg, -1.2deg);
	/* background-image: url("https://static-ussite.tineco.com/pic2.png_410fc800-a.png"); */
}


.sx-item-inner-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 11;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	transform: rotate(0deg) skew(0deg, 0deg) scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	pointer-events: auto;
	transform-origin: 0% 100%;
}

.sx-item-inner-box span.sx-item-name {
	position: relative;
	top: 34%;
	display: block;
	font-weight: 700;
	text-transform: none;
	font-size: 34px;
	font-weight: bold;
	color: #FFFFFF;
}

.sx-item:hover .sx-item-inner-box .sx-item-name {
	display: none;
}

.sx-item-inner-container-fly {
	position: relative;
	width: 100%;
	height: 100%;
}

.sx-item-one .sx-item-inner-container-fly img {
	position: absolute;
	transform: rotate(0deg) skew(0deg,
			18deg) translateY(10%);
}

.sx-item-two .sx-item-inner-box .sx-item-name {
	transform: rotate(72deg);
	top: 26%;
	left: -43px;
}

.sx-item-three .sx-item-inner-box .sx-item-name {
	transform: rotate(144deg);
	top: 34%;
	left: -60px;
}

.sx-item-four .sx-item-inner-box .sx-item-name {
	transform: rotate(216deg);
	top: 34%;
	left: -60px;
}

.sx-item-five .sx-item-inner-box .sx-item-name {
	transform: rotate(288deg);
	top: 33%;
	left: -21px;
}

/* .sx-item-two .sx-item-inner-box{
	transform: rotate(72deg) skew(0deg,18deg) scale(1);
}

.sx-item-three .sx-item-inner-box{
	transform: rotate(144deg) skew(0deg,18deg);
}

.sx-item-four .sx-item-inner-box{
	transform: rotate(216deg) skew(0deg,18deg);
}

.sx-item-five .sx-item-inner-box{
	transform: rotate(288deg) skew(0deg,18deg);
}
 */

.sx-item-two .sx-item-inner-container-fly img {
	position: absolute;
	transform: rotate(88deg) skew(-2deg,
			-13deg) translate(-16px, 15%);
}

.sx-item-three .sx-item-inner-container-fly img {
	position: absolute;
	transform: rotate(181deg) skew(32deg,
			-19deg) translate(122px, 5%);
}

.sx-item-four .sx-item-inner-container-fly img {
	position: absolute;
	transform: rotate(-89deg) skew(38deg,
			-44deg) translate(-11px, -36%);
	/* transform-origin: bottom center; */
}

.sx-item-five .sx-item-inner-container-fly img {
	position: absolute;
	transform: rotate(-32deg) skew(29deg,
			-41deg) translate(-109px, -3%);
}