@font-face {
	font-family: 'Roboto-Regular';
	src: url("../fonts/Roboto-Regular.eot");
	src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#svgFontName") format("svg");
}

@font-face {
	font-family: 'RobotoCondensed-Light';
	src: url("../fonts/RobotoCondensed-Light.eot");
	src: url("../fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Light.woff2") format("woff2"), url("../fonts/RobotoCondensed-Light.woff") format("woff"), url("../fonts/RobotoCondensed-Light.ttf") format("truetype"), url("../fonts/RobotoCondensed-Light.svg#svgFontName") format("svg");
}

@font-face {
	font-family: 'RobotoCondensed-Regular';
	src: url("../fonts/RobotoCondensed-Regular.eot");
	src: url("../fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular.svg#svgFontName") format("svg");
}

@font-face {
	font-family: 'RobotoCondensed-Bold';
	src: url("../fonts/RobotoCondensed-Bold.eot");
	src: url("../fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("../fonts/RobotoCondensed-Bold.woff") format("woff"), url("../fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("../fonts/RobotoCondensed-Bold.svg#svgFontName") format("svg");
}

* {
	outline: none;
}

body {
	font-size: 14px;
	color: #666;
	font-family: Roboto-Regular, 'PingFang SC','microsoft yahei','Open Sans',Arial,sans-serif;
	-webkit-text-size-adjust: 100% !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-rendering: optimizeLegibility !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: RobotoCondensed-Bold, 'PingFang SC','microsoft yahei','Open Sans',Arial,sans-serif;
}

.clearfix::before, .clearfix::after {
	content: '';
	display: block;
	clear: both;
}

.red {
	color: #f00 !important;
}

.green {
	color: #34a52a !important;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a:hover, a:focus {
	text-decoration: none;
	outline: none !important;
	color: inherit;
}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	list-style: none;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0px;
}

h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0px;
	line-height: 1.5em;
}

p:last-child {
	margin-bottom: 0px;
}

input[disabled] {
	cursor: not-allowed;
}

.header-top {
	background-color: #f1f1f1;
	height: 45px;
}

.header-top .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 45px;
}

.top-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.top-social a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	color: #000;
	margin-right: 30px;
}

.top-social a img {
	display: block;
	height: 18px;
}

.top-social a img.icon-email {
	height: 15px;
}

.top-social a img.icon-phone {
	height: 15px;
	margin-right: 5px;
}

.top-search {
	position: relative;
	height: 100%;
	color: white;
}

.top-search::after {
	content: '';
	height: 100%;
	width: 100%;
	background-color: #1693b0;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.top-search a {
	display: block;
	padding: 0 15px;
	line-height: 45px;
	z-index: 1;
	position: relative;
}

.top-lang {
	height: 100%;
	line-height: 45px;
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	position: relative;
}

.top-lang::after {
	content: '';
	height: 100%;
	width: 100%;
	background-color: #3eabc7;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.top-lang a {
	display: block;
	padding: 0 15px;
	line-height: 45px;
	z-index: 1;
	position: relative;
}

.top-lang a::after {
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.5);
	top: 50%;
	right: 0;
	margin-top: -7px;
}

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

.header-bottom {
	height: 70px;
}

.header-bottom .inner {
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.header-bottom a.logo {
	display: block;
}

.header-bottom a.logo img {
	display: block;
	height: 57px;
}

.header-bottom .sf-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.header-bottom .sf-menu > li {
	position: relative;
}

.header-bottom .sf-menu > li > a {
	display: block;
	line-height: 70px;
	padding: 0 20px;
	font-size: 15px;
	font-family: RobotoCondensed-Bold;
	color: #222;
	text-transform: uppercase;
}

.header-bottom .sf-menu > li > a .fa {
	font-size: 20px;
	margin-left: 4px;
	vertical-align: middle;
	margin-bottom: 3px;
}

.header-bottom .sf-menu > li > ul {
	z-index: 9;
	display: none;
	position: absolute;
	margin-top: 0;
	background-color: #f1f1f1;
	padding: 40px;
	width: 25vw;
}

.header-bottom .sf-menu > li > ul > li > a {
	display: block;
	padding: 12px 20px;
	font-size: 16px;
	font-family: RobotoCondensed-Bold;
	color: #222;
	position: relative;
}

.header-bottom .sf-menu > li > ul > li > a span {
	z-index: 1;
	position: relative;
}

.header-bottom .sf-menu > li > ul > li > a:hover {
	color: white;
}

.header-bottom .sf-menu > li > ul > li > a::after {
	display: none;
	content: '';
	height: 100%;
	width: 100%;
	background-color: #3eabc7;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.header-bottom .sf-menu > li > ul > li > a:hover::after {
	display: block;
}

.drawer-nav {
	width: 220px;
}

.drawer--right .drawer-nav {
	right: -220px;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 220px;
}

.drawer-hamburger {
	padding: 14px 15px 25px;
	background-color: rgba(228, 35, 79, 0.8);
}

.drawer-hamburger:hover, .drawer-open .drawer-hamburger-icon {
	background-color: rgba(228, 35, 79, 0.8);
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	background-color: #fff;
}

.drawer-menu-item:hover {
	text-decoration: none;
	color: #333;
}

.drawer-menu-item {
	padding: 0 15px;
	line-height: 40px;
	font-size: 14px;
}

.drawer-dropdown-menu-item {
	padding: 0 25px;
	line-height: 36px;
	font-size: 12px;
}

.drawer .dropdown-backdrop {
	display: none;
}

#back_to_top {
	color: #cdcdcd;
	height: auto;
	position: fixed;
	top: 85%;
	margin: 0;
	z-index: 10000;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	right: -70px;
}

#back_to_top.on {
	opacity: 1;
	filter: alpha(opacity=100);
	right: 25px;
}

#back_to_top.off {
	opacity: 0;
	filter: alpha(opacity=0);
	right: -70px;
}

#back_to_top span {
	width: 40px;
	height: 40px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.4);
	line-height: 44px;
	text-decoration: none;
	border-radius: 2px;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	text-align: center;
}

#back_to_top span i {
	font-size: 22px;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
}

.index-banner {
	width: 100%;
}

.index-banner .swiper-slide {
	display: block;
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 31.24%;
}

.index-banner img {
	width: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
}

.swiper-pagination-bullet-active {
	background-color: #3eabc7;
}

.index-section {
	padding-bottom: 70px;
}

.index-section .section-title {
	margin-bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.index-section .section-title .more {
	color: #3eabc7;
	font-size: 14px;
	font-family: RobotoCondensed-Bold;
}

.index-section .section-title .more i.fa {
	margin-left: 4px;
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 5px;
}

.index-our-service {
	padding-top: 70px;
}

.index-our-service .item {
	text-align: center;
}

.index-our-service .item img {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.index-industies {
	padding-top: 70px;
}

.index-industies .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.index-industies .inner .item {
	border: 1px solid #eee;
	width: calc((100% - 90px) / 4);
}

.index-industies .inner .item .img-container {
	display: block;
	overflow: hidden;
}

.index-industies .inner .item .img-container img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.index-industies .inner .item .img-container:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.index-industies .inner .item .bd {
	padding: 20px;
}

.index-industies .inner .item .bd .title {
	display: inline-block;
	font-size: 20px;
	font-family: RobotoCondensed-Bold;
	color: #222;
	margin-bottom: 15px;
}

.index-industies .inner .item .bd .more {
	font-family: RobotoCondensed-Bold;
	color: #3eabc7;
}

.index-industies .inner .item .bd .more i.fa {
	margin-left: 5px;
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 5px;
}

.catalog-item {
	margin-bottom: 30px;
}

.catalog-card {
	border-top: 4px solid #3eabc7;
	background-color: #f2f2f2;
	padding: 24px;
	font-size: 16px;
}

.catalog-card .subtitle {
	font-size: 16px;
}

.typical-products-item {
	display: block;
	border: 1px solid #eee;
	margin-bottom: 30px;
}

.typical-products-item .img-container {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 66.66%;
}

.typical-products-item .img-container img {
	display: block;
	position: absolute;
	-webkit-transition: all .3s;
	transition: all .3s;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.typical-products-item .bd {
	font-size: 20px;
	font-family: RobotoCondensed-Bold;
	color: #222;
	padding: 0 15px;
	line-height: 2.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.typical-products-item:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.index-news {
	padding-top: 70px;
}

.index-news .index-news-item .img-container {
	position: relative;
	display: block;
	overflow: hidden;
	height: 0;
	padding-bottom: 66.66%;
	margin-bottom: 15px;
}

.index-news .index-news-item .img-container img {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.index-news .index-news-item .img-container:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.index-news .index-news-item .title {
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	color: #222;
	font-family: RobotoCondensed-Bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.index-news .index-news-item .createtime {
	color: #999;
	font-family: RobotoCondensed-Regular;
}

footer {
	background-color: #f1f1f1;
}

footer .footer-top {
	border-bottom: 1px solid #ddd;
}

footer .footer-top .inner {
	padding: 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

footer .footer-top .inner .footer-logo {
	display: block;
}

footer .footer-top .inner .footer-logo img {
	display: block;
	height: 45px;
}

footer .footer-top .inner .footer-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

footer .footer-top .inner .footer-nav li a {
	display: block;
	font-size: 15px;
	font-family: RobotoCondensed-Bold;
	padding: 0 15px;
	text-transform: uppercase;
	color: #222;
}

footer .copyright {
	line-height: 65px;
	text-align: center;
	color: #222;
	font-family: RobotoCondensed-Regular;
}

.banner {
	position: relative;
}

.banner img {
	display: block;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.banner .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.banner .inner .rootname {
	display: inline-block;
	position: relative;
}

.banner .inner .rootname span {
	z-index: 1;
	color: white;
	font-size: 40px;
	font-family: RobotoCondensed-Bold;
	position: relative;
	padding: 0 30px;
	text-transform: uppercase;
	line-height: 1.6em;
}

.banner .inner .rootname::after {
	content: '';
	height: 100%;
	width: 100%;
	background-color: #3eabc7;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.page-title {
	font-size: 55px;
	color: #222;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	font-family: RobotoCondensed-Bold;
}

.page-content {
	padding: 60px 0;
}

.page-about-body {
	font-size: 16px;
	line-height: 1.8;
}

.img-about {
	display: block;
	width: 100%;
}

.page-about-intro {
	margin-bottom: 30px;
}

.inner-section-title {
	margin-bottom: 24px;
}

.page-about-visions {
	margin-bottom: 30px;
}

.page-about-visions .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.page-about-visions .inner .item {
	border: 1px solid #eee;
	width: calc((100% - 60px) / 2);
	margin-right: 30px;
	text-align: center;
}

.page-about-visions .inner .item:last-child {
	margin-right: 0;
}

.page-about-visions .inner .item .img-container {
	overflow: hidden;
	padding: 30px 30px 0;
}

.page-about-visions .inner .item .img-container img {
	display: block;
	width: 133px;
	max-width: 50%;
	margin: 0 auto;
}

.page-about-visions .inner .bd {
	padding: 30px;
}

.page-about-whyus .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.page-about-whyus .inner .item {
	border: 1px solid #eee;
	width: calc((100% - 120px) / 5);
	margin-right: 30px;
	text-align: center;
}

.page-about-whyus .inner .item:last-child {
	margin-right: 0;
}

.page-about-whyus .inner .item .img-container {
	overflow: hidden;
	padding: 30px 15px 0;
}

.page-about-whyus .inner .item .img-container img {
	display: block;
	width: 133px;
	max-width: 70%;
	margin: 0 auto;
}

.page-about-whyus .inner .bd {
	padding: 15px 8px;
	font-size: 12px;
}

.page-about-whyus .inner .bd p a {
	color: #3eabc7;
	text-decoration: underline;
}

.sidenav ul {
	margin: 0;
}

.sidenav ul li a {
	padding: 10px 0;
	font-size: 17px;
	font-family: RobotoCondensed-Bold;
	color: #222;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
}

.sidenav ul li a .fa {
	font-size: 18px;
	margin-right: 10px;
}

.sidenav ul li a:hover, .sidenav ul li a.on {
	color: #3eabc7;
}

.page-body {
	font-size: 16px;
	line-height: 1.8em;
	padding-top: 10px;
}

.page-body h3 {
	margin-bottom: 30px;
}

.page-body ul li {
	list-style-image: url("../images/icon-angle-right.svg");
	list-style-position: inside;
}

.page-body img {
	max-width: 100%;
	height: auto !important;
}

.page-application-card {
	margin-bottom: 30px;
	border: 1px solid #eee;
}

.page-application-card .img-container {
	overflow: hidden;
}

.page-application-card .img-container img {
	display: block;
	width: 100%;
}

.page-application-card .bd {
	text-align: center;
	padding: 15px;
}

.page-application-card .bd h3 {
	margin-bottom: 10px;
}

.page-equipment h3 {
	text-align: center;
	margin-bottom: 10px;
}

.pagination > li > a, .pagination > li > span {
	font-size: 17px;
	font-family: RobotoCondensed-Bold;
	color: #222;
	font-style: italic;
	border: none;
	padding: 6px 14px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #222;
	background-color: #f1f1f1;
	border-color: #f1f1f1;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #f1f1f1;
	border-color: #f1f1f1;
	color: #222;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.article-content .meta {
	position: relative;
	color: #999;
	font-family: RobotoCondensed-Regular;
	margin-bottom: 30px;
}

.article-content .meta span {
	position: relative;
	z-index: 1;
	line-height: 40px;
	padding: 0 30px;
}

.article-content .meta::after {
	content: '';
	height: 100%;
	width: 100%;
	background-color: #f1f1f1;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.article-content .article-body {
	font-size: 16px;
}

.article-content .article-body img {
	max-width: 100%;
	height: auto !important;
}

.list-article .item {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.list-article .item .img-container {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 24px;
	overflow: hidden;
}

.list-article .item .img-container img {
	display: block;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 247px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.list-article .item .img-container:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.list-article .item .info {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.list-article .item .info .title {
	font-size: 20px;
	color: #222;
	font-family: RobotoCondensed-Bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.list-article .item .info .meta {
	color: #666;
	font-family: RobotoCondensed-Bold;
}

.list-article .item .info .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.contact-info-list {
	margin-top: 30px;
}

.contact-info-list .item {
	font-size: 16px;
	color: #222;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	padding: 10px 0;
}

.contact-info-list .item .item-label {
	padding-left: 24px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	width: 200px;
}

.contact-info-list .item .item-label.icon-phone {
	background-image: url("../images/icon-phone.svg");
}

.contact-info-list .item .item-label.icon-whatsapp {
	background-image: url("../images/icon-whatsapp.svg");
}

.contact-info-list .item .item-label.icon-email {
	background-image: url("../images/icon-email.svg");
}

.contact-info-list .item .item-value {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.map-iframe {
	border: 1px solid #eee;
	width: 100%;
	height: 417px;
	margin-top: 30px;
}

.form-feedback {
	margin-top: 50px;
}

.form-feedback .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	background-color: #eee;
}

.form-feedback .form-group label {
	color: #222;
}

.form-feedback .form-group label span {
	color: #f00;
}

.form-feedback .captcha-wrap {
	position: relative;
}

.form-feedback .captcha-wrap img {
	position: absolute;
	top: 0;
	right: 0;
	height: 34px;
	cursor: pointer;
}

.form-feedback .btn-submit {
	height: 34px;
	border: none;
	background-color: #3eabc7;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 16px;
}

.form-feedback .btn-submit:hover {
	background-color: #52b4cd;
}

.form-feedback .btn-submit:active {
	background-color: #359cb7;
}

.form-careers .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	background-color: #eee;
}

.form-careers .form-group label {
	color: #222;
}

.form-careers .form-group label span {
	color: #f00;
}

.form-careers .captcha-wrap {
	position: relative;
}

.form-careers .captcha-wrap img {
	position: absolute;
	top: 0;
	right: 0;
	height: 34px;
	cursor: pointer;
}

.form-careers .btn-submit {
	height: 34px;
	border: none;
	background-color: #3eabc7;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 16px;
}

.form-careers .btn-submit:hover {
	background-color: #52b4cd;
}

.form-careers .btn-submit:active {
	background-color: #359cb7;
}

.drawer-dropdown-menu-dep3 .drawer-dropdown-menu-item {
	line-height: 1.5em;
	padding: 5px 40px;
}

@media (max-width: 768px) {
	.header-bottom {
		height: 51px;
	}
	.header-bottom .inner {
		height: 51px;
	}
	.header-bottom a.logo img {
		height: 30px;
	}
	.index-section {
		padding-bottom: 30px;
	}
	.index-our-service {
		padding-top: 30px;
	}
	.index-our-service .item {
		margin-bottom: 15px;
	}
	.index-our-service .item img {
		margin-bottom: 10px;
	}
	.index-our-service .item h4 {
		font-size: 12px;
	}
	.index-industies {
		padding-top: 30px;
	}
	.index-industies .inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.index-industies .inner .item {
		width: calc((100% - 15px) / 2);
		margin-bottom: 15px;
	}
	.index-industies .inner .item .bd {
		padding: 10px;
	}
	.index-industies .inner .item .bd .title {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.index-industies .inner .item .bd p {
		font-size: 12px;
	}
	.index-industies .inner .item .bd .more {
		font-size: 12px;
	}
	.catalog-item .title {
		font-size: 12px;
	}
	.catalog-card {
		padding: 10px;
		font-size: 13px;
	}
	.catalog-card .subcate-item {
		margin-bottom: 15px;
	}
	.typical-products-item .bd {
		font-size: 14px;
	}
	.index-news-item {
		margin-bottom: 30px;
	}
	.index-news-item .title {
		font-size: 12px !important;
	}
	.index-news-item .createtime {
		font-size: 12px;
	}
	footer .footer-top .inner {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	footer .copyright {
		font-size: 12px;
	}
	.banner img {
		height: 45vw;
	}
	.banner .inner .rootname span {
		font-size: 17px;
		padding: 0 15px;
		line-height: 2em;
	}
	.page-about-body {
		margin-bottom: 15px;
	}
	.page-content {
		padding: 30px 0;
	}
	.page-title {
		font-size: 30px;
	}
	.page-about-visions .inner {
		display: block;
	}
	.page-about-visions .inner .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.page-about-whyus .inner {
		display: block;
	}
	.page-about-whyus .inner .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.list-article .item {
		display: block;
	}
	.list-article .item .img-container {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.list-article .item .info .title {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.contact-info {
		margin-bottom: 30px;
	}
	.form-feedback {
		margin-top: 20px;
	}
}