header.u-header--static {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

main {
	padding-top: 100px;
}
.marketIcon {
	width: 18px;
	height: 18px;
	margin: auto 10px;
}
.box-shadow {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
header.u-header--static .navbar-toggler {
	margin-top: 12px;
}
.color-main {
	color: #01203d;
}
.tcont-img {
	position: absolute;
	width: auto;
	height: auto;
	left: 100px;
	text-align: center;
	bottom: 30px;
	padding: 10px 20px;
}
.img-wheel-first {
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
}

.img-wheel-second {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.wheel-item-fruit {
	position: absolute;
	top: 3%;
	left: 40%;
	z-index: 11;
}
.wheel-item-plants {
	position: absolute;
	top: 8%;
	left: 65%;
	z-index: 11;
}
.wheel-item-coffee {
	position: absolute;
	top: 30%;
	left: 80%;
	z-index: 11;
}
.wheel-item-white {
	position: absolute;
	top: 63%;
	left: 81%;
	z-index: 11;
}
.wheel-item-feeling {
	position: absolute;
	top: 85%;
	left: 70%;
	z-index: 11;
}
.wheel-item-cover {
	position: absolute;
	top: 93%;
	left: 45%;
	z-index: 11;
}
.wheel-item-sweet {
	position: absolute;
	top: 80%;
	left: 20%;
	z-index: 11;
}
.wheel-item-alcohol {
	position: absolute;
	top: 51%;
	left: 8%;
	z-index: 11;
}
.wheel-item-vegetable {
	position: absolute;
	top: 21%;
	left: 20%;
	z-index: 11;
}
/*天然色素页面*/
.wheel-item-spirulina {
	position: absolute;
	top: 38%;
	left: 5%;
	z-index: 11;
}
.wheel-item-anthocyane {
	position: absolute;
	top: 8%;
	left: 16%;
	z-index: 11;
}
.wheel-item-betanin {
	position: absolute;
	top: -5%;
	left: 43%;
	z-index: 11;
}
.wheel-item-lycopin {
	position: absolute;
	top: -3%;
	left: 58%;
	z-index: 11;
}
.wheel-item-saflor {
	position: absolute;
	top: 5%;
	left: 70%;
	z-index: 11;
}
.wheel-item-lutein {
	position: absolute;
	top: 40%;
	left: 86%;
	z-index: 11;
}
.wheel-item-carotenoide {
	position: absolute;
	top: 60%;
	left: 85%;
	z-index: 11;
}
.wheel-item-kurkumin {
	position: absolute;
	top: 75%;
	left: 80%;
	z-index: 11;
}
.wheel-item-flower {
	position: absolute;
	top: 88%;
	left: 74%;
	z-index: 11;
}
.wheel-item-chlorophylle {
	position: absolute;
	top: 97%;
	left: 58%;
	z-index: 11;
}
.wheel-item-apple {
	position: absolute;
	top: 98%;
	left: 41%;
	z-index: 11;
}
.wheel-item-sugar {
	position: absolute;
	top: 92%;
	left: 30%;
	z-index: 11;
}
.wheel-item-malz {
	position: absolute;
	top: 83%;
	left: 20%;
	z-index: 11;
}
.wheel-item-truebungsemulsionen {
	position: absolute;
	top: 70%;
	left: 8%;
	z-index: 11;
}
.wheel-item-kohle {
	position: absolute;
	top: 55%;
	left: 5%;
	z-index: 11;
}
/*健康与营养界面*/
.wheel-item-heart {
	position: absolute;
	top: 40%;
	left: 3%;
	z-index: 11;
}
.wheel-item-weight {
	position: absolute;
	top: 15%;
	left: 15%;
	z-index: 11;
}
.wheel-item-bone {
	position: absolute;
	top: 4%;
	left: 36%;
	z-index: 11;
}
.wheel-item-beauty {
	position: absolute;
	top: 4%;
	left: 60%;
	z-index: 11;
}
.wheel-item-digestive {
	position: absolute;
	top: 18%;
	left: 75%;
	z-index: 11;
}
.wheel-item-relaxation {
	position: absolute;
	top: 42%;
	left: 83%;
	z-index: 11;
}
.wheel-item-aphrodisiac {
	position: absolute;
	top: 68%;
	left: 81%;
	z-index: 11;
}
.wheel-item-mental-health {
	position: absolute;
	top: 87%;
	left: 67%;
	z-index: 11;
}
.wheel-item-immune {
	position: absolute;
	top: 96%;
	left: 47%;
	z-index: 11;
}
.wheel-item-goldage {
	position: absolute;
	top: 90%;
	left: 29%;
	z-index: 11;
}
.wheel-item-activity {
	position: absolute;
	top: 67%;
	left: 15%;
	z-index: 11;
}
/*tooltip样式*/
.tooltip-inner {
	text-align: left !important;
}

.tooltip-inner ul {
	padding-inline-start: 20px;
}

.brd {
	color: #01203d;
	border-style: solid;
	border-width: 0 0 0 0.428rem;
	border-color: #01203d;
	margin-left: -10px;
	font-weight: 500;
	display: block;
	padding-left: 0.7rem;
	letter-spacing: 1px;
}
.tcont {
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 80%;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.5) !important;
	height: 120px;
}
.tcont-carousel {
	position: absolute;
	left: 20%;
	bottom: 50px;
	text-align: center;
	width: 65%;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-tcont {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

a .logosize {
	width: 85.5px;
	height: 57.6px;
}

.header-mask {
	display: none;
}
a:hover {
	text-shadow: none;
	color: #426da9;
}
.nav-flow li a {

	padding: 5px 0;
}
.nav-flow li a:hover {
	text-decoration: none;

}
p a {
	color: #01203d;
}
p a:hover {
	text-shadow: none;
	color: #426da9;
}
.footer {
	background: #01203d;
	font-size: 16px;
}

.footer .foot-item {
	float: left;
}

.footer .flex-1 {
	width: 20%;
}

.footer h2 {
	color: #fff;
	padding-top: 66px;
	position: relative;
	padding-bottom: 16px;
	height: 20px;
	box-sizing: content-box;
	font-size: 16px;
}

.footer h2::after {
	content: "";
	width: 75px;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer h3 {
	font-size: 16px;
	padding-top: 20px;
	line-height: 16px;
	padding-bottom: 20px;
}

.footer .foot-item ul {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	width: 198px;
	padding-bottom: 10px;
}

.footer h3 a {
	color: #fff;
}

.footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer li a {
	color: #fff;

	line-height: 30px;
}

.footer .flex-3 {
	width: 60%;
}

.footer .inside-item {
	width: 33.33%;
	float: left;
}

.footer .hasBorder {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	width: 198px;
}

.footer .onBorder::after {
	width: 0;
}

.marketvideo {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.divCenter {
	margin-left: auto;
	margin-right: auto;
}
.pos {
	left: 0px;
}
.img-market {
	height: 700px;
}
.img-col {
	height: 500px;
	width: 280px;
	max-width: 100%;
}
.nav-flow {
	left: 80%;
	top: 0px;
	z-index: 10;
}
.img-col-size {
	left: 0px;
	top: 260px;
	width: 1400px;
}
.carbon-image {
	width: 1200px;
	height: 500px;
}

.max-width-100 {
	max-width: 100%;
}

@media (max-width: 991px) {
	main {
		padding-top: 80px;
	}
	section .bannerimg {
		margin-top: 20px;
		width: 100%;
		height: 250px !important;
	}

	.img-market {
		height: 60vh;
	}

	.nav-flow {
		display: none;
	}

	.wheel-item-alcohol {
		position: absolute;
		top: 51%;
		left: 6%;
		width: 50px;
		height: auto;
		z-index: 11;
	}
	.tcont-img {
		position: absolute;
		/*width: 200px;*/
		width: auto;
		height: auto;
		left: 10px;
		text-align: center;
		bottom: 20px;
		padding: 10px;
	}
	.img-col {
		width: 100%;
		height: 400px;
		margin-top: 10px;
	}
	img.mob {
		height: auto;
		width: 100%;
	}

	.marketvideo {
		width: 100%;
		height: 250px;
		object-fit: cover;
	}
	.logosize {
		width: 85.5px;
		height: 57.6px;
	}
	.bg-mob-img {
		height: 20vh !important;
	}

	.carbon-image {
		width: 100%;
		height: 400px;
	}
	header.u-header--static {
		max-height: 100%;
		/*overflow: scroll;*/
	}

	header.u-header--static .hamburger-box {
		width: 25px;
	}

	header.u-header--static .navbar-nav > li .nav-link {
		height: 40px;
		line-height: 40px;
		padding-left: 15px !important;
	}

	.header-mask {
		position: fixed;
		height: 100%;
		background: rgba(0, 0, 0, .3);
		width: 100%;
		z-index: 998;
	}

	footer .foot-item {
		width: 50% !important;
		font-size: 14px;
	}

	.footer li a {
		line-height: 20px;
		font-size: 12px;
	}

	.footer .onBorder {
		height: 0;
	}

	.footer .foot-item ul {
		width: 165px;
	}

	.footer .hasBorder {
		width: 165px;
	}

	.footer h2,
	.footer h3 {
		font-size: 14px;
	}

	.footer h2 {
		padding-top: 35px;
	}
	/* h2.h2{
    font-size: 24px;
  } */
	h2.h3 {
		font-size: 18px;
	}
	h4,
	h5 {
		font-size: 16px;
	}
	h2.h1 {
		font-size: 26px;
	}
	blockquote .font-size-30 {
		font-size: 26px !important;
	}
}

@media (min-width: 376px) {
	.marketvideo {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}
}