@charset "utf-8";

html, body {
	font-family: '微软雅黑';
}

.iii-head .company-name {
	font-weight: bold;
	margin-top:10px;
}

.iii-head > div {
	/*position: fixed;*/
	width: 100%;
	/*z-index: 19970514;*/
	background-color: white;
}

.theme-color {
	color: #48cfad;
}

.theme-bgcolor {
	background-color: #29166f;
}

.iii-head .slogan {
	padding: 0px;
	margin: 0px;
	margin-left: 40px;
	line-height: 140px;
	vertical-align: middle;
	font-size: 30px;
	color: black;
	font-weight: bold;
}

.iii-navigation{
	position:sticky;
	top:0px;
	z-index: 9999999;
}

.iii-navigation-menus {
}

	.iii-navigation-menus > li {
		float: left;
		list-style: none;
		position: relative;
	}

		.iii-navigation-menus > li + li {
			margin-left: 20px;
		}

		.iii-navigation-menus > li > a {
			line-height: 50px;
			padding: 0px 10px;
			vertical-align: middle;
			font-size: 16px;
			color: #e8e8e8;
		}

		.iii-navigation-menus > li:first-child > a {
			padding-left: 0px;
		}

		.iii-navigation-menus > li:hover > a {
			color: white;
		}

		.iii-navigation-menus > li:hover > .sub {
			display: block;
			min-width: 100px;
		}

		.iii-navigation-menus > li > .sub {
			display: none;
			position: absolute;
			top: 100%;
			z-index: 19970514;
		}

	.iii-navigation-menus li {
		list-style: none;
	}

	.iii-navigation-menus .sub > li > a {
		line-height: 40px;
		margin-left: 10px;
		color: #e7e7e7;
	}

		.iii-navigation-menus .sub > li > a:hover {
			color: white;
		}

.menus-toggle-wrapper {
	line-height: 140px;
}

.menus-toggle {
	display: none;
	padding: 12px 14px;
	border-radius: 6px;
	background-color: transparent;
	border: none;
}

	.menus-toggle:hover {
		background-color: #f1f0f0;
	}

	.menus-toggle .icon-bar {
		height: 2px;
		width: 36px;
		display: block;
	}

		.menus-toggle .icon-bar + .icon-bar {
			margin-top: 6px;
		}




.gallery-and-news {
	margin-top: 10px;
	margin-bottom: 10px;
}

.gallery {
	overflow: hidden;
	position: relative;
}

.gallery-wrapper {
	min-height: 320px;
}

	.gallery-wrapper .img-wrapper {
		width: 100%;
		float: left;
		min-height: 320px;
		display: inline-block;
		white-space: nowrap;
		position: relative;
	}

	.gallery-wrapper .img-wrapper>a{
		display: block;
		background-color: #85858530;
	}

		.gallery-wrapper .img-wrapper img {
			/* width: 100%;
			height: 100%;
			min-height: 320px; */
			height: 320px;
			display: block;
			margin: auto;
		}

		.gallery-wrapper .img-wrapper p {
			display: inline-block;
			font-size: 16px;
			font-weight: bold;
			position: absolute;
			left: 5px;
			bottom: 5px;
			color: white;
			line-height: 20px;

			max-width: 400px;
			border-radius: 5px;
			padding: 5px;
			background-color: #808080a6;
			/* word-break: break-all;
			white-space: normal; */
			overflow:hidden;
			text-overflow: ellipsis;
		}


.gallery .prev-img, .gallery .next-img {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
	top: 0px;
}

.gallery .prev-img {
	left: 5px;
}

.gallery .next-img {
	right: 5px;
}

.gallery .toggle-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: transparent;
	transition: background-color 0.3s linear;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

	.gallery .toggle-btn:hover {
		background-color: white;
	}


	.gallery .toggle-btn:before, .gallery .toggle-btn:after {
		content: ' ';
		height: 3px;
		width: 20px;
		background-color: white;
		display: block;
		transform-origin: 14%;
		transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out;
	}

	.gallery .toggle-btn:before {
		transform: rotate(-60deg);
	}

	.gallery .toggle-btn:after {
		transform: rotate(60deg);
	}

	.gallery .toggle-btn:hover:before, .gallery .toggle-btn:hover:after {
		background-color: red;
	}

	.gallery .toggle-btn:hover:before {
		transform: rotate(-45deg);
	}

	.gallery .toggle-btn:hover:after {
		transform: rotate(45deg);
	}

.gallery .dot-wrapper {
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: flex;
	flex-flow: row nowrap;
	height: 20px;
	align-items: center;
}

	.gallery .dot-wrapper .dot {
		height: 12px;
		width: 12px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		margin-right: 10px;
	}

		.gallery .dot-wrapper .dot::before {
			content: ' ';
			display: block;
			height: 10px;
			width: 10px;
			background-color: gray;
			border-radius: 50%;
		}

	.gallery .dot-wrapper .dot-selected::before {
		height: 12px;
		width: 12px;
		background-color: #069;
	}

.reverse-x {
	transform: rotateZ(180deg);
}

.gallery-fixed-wrapper {
	overflow: hidden;
}

.company-news h3 {
	margin: 0px;
	padding: 0px;
	line-height: 32px;
	color: black;
	font-weight: bold;
	font-size: 20px;
}

.company-news .more {
	line-height: 32px;
	margin-left: 20px;
}

.company-news .news-item {
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 32px;
	font-size: 16px;
	display: inline-block;
	overflow: hidden;
	color: black;
}

.company-news ul {
	display: flex;
	flex-flow: column nowrap;
}

.company-news li {
	list-style: none;
	min-height: 32px;
	flex-grow: 1;
}

.strong-title {
	color: black;
	font-weight: bold;
	font-size: 20px;
	line-height: 32px;
	padding: 0px;
	margin: 0px;
}

.company-news .news-item:before {
	content: ' ';
	display: inline-block;
	line-height: 32px;
	height: 5px;
	width: 5px;
	background-color: red;
	margin: 0px 0px;
	vertical-align: middle;
}

.product-service {
	margin: 10px 0px;
	padding: 0 15px;
	border: 1px solid #ccc;
	min-height: 480px;
}

	.product-service .product-img img {
		width: 100%;
	}

	.product-service .product-description p {
		width: 100%;
		font-size: 16px;
		color: black;
		line-height: 30px;
	}

	.product-service .detail a {
		font-size: 16px;
	}

.bottom-news {
	margin-top: 20px;
}

.breadcrumb {
	padding-left: 0px;
}

@media (max-width:768px) {
	.iii-navigation {
		display: none;
	}

	.menus-toggle {
		display: inline-block;
	}

	.display-block {
		display: block !important;
	}

	.iii-navigation-menus > li {
		float: none;
		margin-left: 0px;
	}

		.iii-navigation-menus > li > a {
			line-height: 40px;
		}

		.iii-navigation-menus > li + li {
			margin-left: 0px;
		}

	.iii-navigation-menus ul.sub {
		display: block;
		position: static;
		padding-left: 30px;
	}

		.iii-navigation-menus ul.sub > li > a {
			line-height: 30px;
		}

	.company-news {
		margin-top: 30px;
	}


	.product-service {
		margin-bottom: 30px;
	}

	.right-content {
		display: none;
	}

	.carousel-container {
		display: none;
	}
}


.other-category {
	margin-top: 10px;
	margin-left: 10px;
}

	/*.other-category .other-category {
		padding-left: 20px;
	}*/

	.other-category > li {
		list-style: none;
		margin-bottom: 10px;
		font-size: 16px;
	}

.contact-us {
	padding-left: 10px;
}

	.contact-us strong {
		line-height: 30px;
	}

.black {
	color: black;
	font-weight: bold;
}

.result-list li {
	height: 50px;
	list-style: none;
	border-bottom: 1px solid #fcf3f3;
	position: relative;
}

	.result-list li:before {
		content: ' ';
		display: block;
		position: absolute;
		height: 6px;
		width: 6px;
		border-radius: 50%;
		background-color: black;
		left: -20px;
		top: 22px;
	}

	.result-list li a {
		line-height: 50px;
		font-size: 16px;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.result-list li div {
		line-height: 50px;
	}

h3, .h3 {
	color: black;
}

.vertical-bar {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
}

	.vertical-bar:before {
		display: block;
		content: ' ';
		/*background-color: #48cfad;*/
		background-color: #29166f;
		width: 5px;
		margin-right: 10px;
	}

.carousel-container {
	padding: 0;
	margin: 0;
}

	.carousel-container .carousel-wrapper {
		overflow: hidden;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.carousel-container .carousel {
		padding: 0;
		margin: 0;
	}

	.carousel-container .carousel-item {
		padding: 0;
		margin: 0;
		vertical-align: middle;
		display: block;
		float: left;
	}

	.carousel-container .carousel-selector-wrapper {
		width: 100%;
		height: 30px;
		display: flex;
		position: absolute;
		bottom: 10px;
		justify-content: center;
		align-items: center;
	}

		.carousel-container .carousel-selector-wrapper .carousel-selector {
			height: 15px;
			width: 15px;
			padding: 0px;
			margin: 0px 5px;
			border: 0;
			border-radius: 50%;
			background-color: gray;
		}

			.carousel-container .carousel-selector-wrapper .carousel-selector.selected {
				background-color: orange;
			}

address i{
	width: 23px;
	text-align:center;
}