@font-face{font-family:'MiSans-Medium';src:url(../fonts/MiSans/MiSans-Medium.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'MiSans-Bold';src:url(../fonts/MiSans/MiSans-Bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'MiSans-Normal';src:url(../fonts/MiSans/MiSans-Normal.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
html, body {
	font-size: 16px;
	font-family: 'MiSans-Medium';
	/* padding-bottom: 20vh; */
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.h1, .h2, .h3, h1, h2, h3 {
	margin: 0;
}

a {
	color: #727171;
	text-decoration: none;
	font-family: 'MiSans-Medium';
}

/* .image {
	width: 30vw;
	max-width: 300px;
	margin: 1vh 1vw;
} */

.spotlight.image {
	cursor: pointer;
}

.form-control:focus {
	border-color: rgba(97, 185, 70);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(97, 185, 70, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(97, 185, 70, .6);
}

#spotlight .header div.fullscreen {
	display: none;
}

p {
	margin: 0;
}

button {
	border: none;
}

input, button {
	border: 0;
	outline: none;
}

body {
	font-family: 'MiSans-Medium';
	background-color: #ffffff;
	font-size: 16px;
	font-size: 1rem;
	color: #282828;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	/* touch-action: none; */
}

@media (max-width: 767px) {
	body {
		font-size: 15px;
		font-size: 0.9375rem;
	}
}

p {
	color: #282828;
}

h1, h2, h3, h4, h5, h6 {
	color: #192224;
	font-weight: bold;
	font-family: 'MiSans-Medium';
}

ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

a, button {
	text-decoration: none;
}

a:hover, a:focus, button, button:focus {
	text-decoration: none;
	outline: none;
}

img {
	max-width: 100%;
}

#spotlight .header div {
	opacity: 1!important;
	margin-right: 15px;
}

#spotlight {
	width: 75vw!important;
	height: 75vh!important;
	min-height: 600px;
	left: 50%!important;
	top: 50%!important;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.658)!important;
	/* background-color: #ffffff!important; */
	z-index: 9999;
	cursor: default;
}

.round-circle {
	width: 400px;
	height: 400px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.round-circle .round-2, .round-circle .round-3 {
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.round-circle .round-2 {
	width: 80%;
	height: 80%;
}

.round-circle .round-3 {
	width: 60%;
	height: 60%;
}

.ptb-100-70 {
	padding: 4.2rem 0 3.3rem;
}

/*--------------------------------------------------------------
0.2  Global Elements
--------------------------------------------------------------*/

.page-wrapper {
	position: relative;
	/* overflow-x: hidden; */
}

.wow {
	visibility: hidden;
}

.fi:before {
	margin: 0;
}

.section-padding {
	padding: 4rem 0;
}

@media (max-width: 767px) {
	.section-padding {
		padding: 3.5rem 0;
	}
	.ptb-100-70 {
		padding-bottom: 2.2rem !important;
	}
}

/*** contact form error handling ***/

.contact-validation-active .error-handling-messages {
	margin-top: 15px;
}

.contact-validation-active label.error {
	color: red;
	font-size: 0.875rem;
	font-weight: normal;
	margin: 5px 0 0 0;
	text-align: left;
	display: block;
}

.contact-validation-active #loader {
	display: none;
	margin-top: 10px;
}

.contact-validation-active #loader i {
	font-size: 30px;
	font-size: 1.875rem;
	color: #61b946;
	display: inline-block;
	-webkit-animation: rotating linear 2s infinite;
	animation: rotating linear 2s infinite;
}

.contact-validation-active #success, .contact-validation-active #error {
	width: 100%;
	color: #fff;
	padding: 5px 10px;
	font-size: 16px;
	text-align: center;
	display: none;
}

@media (max-width: 767px) {
	.contact-validation-active #success, .contact-validation-active #error {
		font-size: 15px;
	}
}

.contact-validation-active #success {
	background-color: #009a00;
	border-left: 5px solid green;
	margin-bottom: 5px;
}

.contact-validation-active #error {
	background-color: #ff1a1a;
	border-left: 5px solid red;
}

/*****************************************
  blog sidebar
******************************************/

.blog-sidebar {
	/*** search-widget ***/
	/*** category-widget ***/
	/*** recent-post-widget ***/
	/*** tag-widget ***/
}

@media (max-width:1200px) {
	.blog-sidebar {
		margin-top: 90px;
		max-width: 400px;
	}
	.newsBannerBox {
		width: 95% !important;
	}
}

@media (max-width: 767px) {
	.blog-sidebar {
		margin-top: 80px;
	}
}

.blog-sidebar .widget {
	background-color: #f8f8f8;
	padding: 45px 35px;
}

@media (max-width: 767px) {
	.blog-sidebar .widget {
		padding: 35px 25px;
	}
}

.blog-sidebar .widget h3 {
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 1em;
	padding-right: 2.2em;
	position: relative;
	display: inline-block;
}

.blog-sidebar .widget h3:before {
	content: "";
	background-color: #61b946;
	width: 52px;
	height: 2px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -15px;
}

.companyBanner .slide-caption {
	transform: none;
}

.blog-sidebar .widget h3:after {
	content: "";
	background-color: #fff;
	width: 5px;
	height: 2px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -5px;
}

.blog-sidebar>.widget+.widget {
	margin-top: 55px;
}

.blog-sidebar .search-widget form div {
	position: relative;
}

.blog-sidebar .search-widget input {
	background-color: #61b94629;
	height: 50px;
	font-size: 17px;
	font-size: 1.0625rem;
	padding: 6px 50px 6px 20px;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 40px;
}

/* .blog-sidebar .search-widget input:focus {
  background-color: #61b9464a;
} */

.blog-sidebar .search-widget form button {
	background: #61b946;
	width: 70px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	color: #61b946;
	border: 0;
	outline: 0;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 40px;
}

.blog-sidebar .search-widget form button i {
	color: #fff;
}

.blog-sidebar .category-widget ul a {
	color: #666;
	display: block;
	border-bottom: 1px solid #eeeeee;
	padding: 15px 0;
}

.blog-sidebar .category-widget ul a:hover, .blog-sidebar .category-widget ul li:hover:before {
	color: #61b946;
}

.blog-sidebar .category-widget ul li:last-child a {
	border: 0;
	padding-bottom: 0;
}

.blog-sidebar .recent-post-widget .post {
	overflow: hidden;
}

.dropdown-menu {
	background-color: #ececec;
}

.blog-sidebar .recent-post-widget .posts>.post+.post {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.blog-sidebar .recent-post-widget .post .img-holder {
	width: 85px;
	float: left;
}

.blog-sidebar .recent-post-widget .post .details {
	width: calc(100% - 85px);
	float: left;
	padding: 0 0 0 15px !important;
}

.blog-sidebar .recent-post-widget .post h4 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6em;
	font-weight: normal;
	margin: -0.2em 0 0;
}

.panduit-global-header-container {
	width: 100%;
	height: 100%;
}

@media (max-width: 1199px) {
	.blog-sidebar .recent-post-widget .post h4 {
		margin: 0;
	}
}

.blog-sidebar .recent-post-widget .post h4 a {
	display: inline-block;
	color: #757575;
}

.blog-sidebar .recent-post-widget .post h4 a:hover {
	color: #61b946;
}

.blog-sidebar .tag-widget {
	padding-bottom: 37px;
}

.blog-sidebar .tag-widget ul {
	overflow: hidden;
}

.blog-sidebar .tag-widget ul li {
	float: left;
	margin: 0 8px 8px 0;
}

.blog-sidebar .tag-widget ul li a {
	background: #61b9464d;
	font-size: 14px;
	font-size: 0.875rem;
	display: inline-block;
	padding: 8px 12px;
	color: #333;
	border-radius: 3px;
}

.blog-sidebar .tag-widget ul li a:hover {
	background: #61b946;
	color: #fff;
}

/**** pagination ****/

.pagination-wrapper {
	text-align: center;
}

@media (max-width:1200px) {
	.pagination-wrapper {
		text-align: left;
	}
}

.pagination-wrapper .pg-pagination {
	display: inline-block;
	overflow: hidden;
	list-style-type: none;
	text-align: center;
}

.pagination-wrapper .pg-pagination li {
	float: left;
	margin-right: 10px;
}

@media (max-width: 767px) {
	.pagination-wrapper .pg-pagination li {
		margin-right: 5px;
	}
}

.pagination-wrapper .pg-pagination li:last-child {
	margin-right: 0;
}

.pagination-wrapper .pg-pagination li a {
	background-color: #17381f38;
	width: 40px;
	height: 40px;
	line-height: 42px;
	font-size: 16px;
	font-size: 1rem;
	color: #666;
	display: block;
}

.pagination-wrapper .pg-pagination .active a, .pagination-wrapper .pg-pagination li a:hover {
	background: #61b946;
	color: #fff;
}

.pagination-wrapper .pg-pagination i {
	font-size: 15px;
	font-size: 0.9375rem;
}

.pagination-wrapper-left {
	text-align: left;
}

.pagination-wrapper-right {
	text-align: right;
}

@media screen and (min-width: 1200px) {
	.pagination-wrapper-right {
		padding-right: 50px;
	}
}

@media (max-width:1200px) {
	.pagination-wrapper-right {
		margin-top: 45px;
		text-align: left;
	}
}

/*=============================================
 back to top
 ==============================================**/

.back-to-top {
	display: none !important;
	background: linear-gradient(#61b946, #337ff865);
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: none;
	position: fixed;
	z-index: 99;
	right: 50px;
	bottom: 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.back-to-top:hover {
	background: linear-gradient(#337ff865, #61b946);
}

.back-to-top i {
	font-size: 18px;
	font-size: 1.125rem;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.rotating {
	-webkit-animation: rotating 5s alternate infinite;
	animation: rotating 5s alternate infinite;
}

/** for popup image ***/

.mfp-wrap {
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 99999;
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/*** for fancybox video ***/

.fancybox-overlay {
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999 !important;
}

.fancybox-wrap {
	z-index: 99999 !important;
}

.form input, .form textarea, .form select {
	border-color: #bfbfbf;
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #595959;
}

.form input:focus, .form textarea:focus, .form select:focus {
	border-color: #61b946;
	-webkit-box-shadow: 0 0 5px 0 #8066ff;
	-moz-box-shadow: 0 0 5px 0 #8066ff;
	-o-box-shadow: 0 0 5px 0 #8066ff;
	-ms-box-shadow: 0 0 5px 0 #8066ff;
	box-shadow: 0 0 5px 0 #8066ff;
}

.form ::-webkit-input-placeholder {
	font-style: 14px;
	font-style: italic;
	color: #595959;
}

.form :-moz-placeholder {
	font-style: 14px;
	font-style: italic;
	color: #595959;
}

.form ::-moz-placeholder {
	font-style: 14px;
	font-style: italic;
	color: #595959;
}

.form :-ms-input-placeholder {
	font-style: 14px;
	font-style: italic;
	color: #595959;
}

.form select {
	font-style: italic;
	background: url(../images/select-icon.png) no-repeat right center;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	cursor: pointer;
}

.form select::-ms-expand {
	/* for IE 11 */
	display: none;
}

.preloader {
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	display: none!important;
}

.preloader .lds-ripple {
	display: inline-block;
	position: relative;
	width: 74px;
	height: 74px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.preloader .lds-ripple div {
	position: absolute;
	border: 4px solid #61b946;
	opacity: 1;
	border-radius: 50%;
	-webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.preloader .lds-ripple div:nth-child(2) {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

#preloader_3 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	transform: translate(-50%, -50%);
}

#preloader_3:before {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: tomato;
	content: '';
	position: absolute;
	animation: preloader_3_before 1s infinite ease-in-out;
}

#preloader_3:after {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: blue;
	content: '';
	position: absolute;
	background: #2ecc71;
	left: 22px;
	animation: preloader_3_after 1s infinite ease-in-out;
}

@keyframes preloader_3_before {
	0% {
		transform: translateX(0px) rotate(0deg)
	}
	50% {
		transform: translateX(50px) scale(1.2) rotate(260deg);
		background: #2ecc71;
		border-radius: 0px;
	}
	100% {
		transform: translateX(0px) rotate(0deg)
	}
}

@keyframes preloader_3_after {
	0% {
		transform: translateX(0px) rotate(0deg)
	}
	50% {
		transform: translateX(-50px) scale(1.2) rotate(-260deg);
		background: #9b59b6;
		border-radius: 0px;
	}
	100% {
		transform: translateX(0px) rotate(0deg)
	}
}

@-webkit-keyframes lds-ripple {
	0% {
		top: 33px;
		left: 33px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: -1px;
		left: -1px;
		width: 68px;
		height: 68px;
		opacity: 0;
	}
}

@keyframes lds-ripple {
	0% {
		top: 33px;
		left: 33px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: -1px;
		left: -1px;
		width: 68px;
		height: 68px;
		opacity: 0;
	}
}

.navbar {
	width: 100%;
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
	border: none;
	height: 59px;
}

.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: transparent;
}

.header-container {
	width: 980px;
	margin: 0 auto
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
	padding: 0;
	margin-right: 15px;
}

.panduit-main-nav li {
	outline: none;
	border-bottom: 5px solid transparent;
	cursor: pointer;
}

.panduit-main-nav li.open {
	border-bottom: 5px solid #76bd1d;
}

.panduit-main-nav li.navLine0:first-child>.dropdown-menu {
	min-height: 447px;
}

.panduit-main-nav .navLine0>.dropdown-menu {
	top: 109%;
	left: -14.5%;
}

/* .panduit-main-nav .navLine0:last-child {
	display: none;
} */

.element-animated.collapse {
	opacity: 1;
	animation-name: none
}

.panduit-main-nav .dropdown-menu.navMenu {
	padding-left: 122px;
	padding-top: 24px;
	background: #f6f6f6;
	width: 425px;
}

.panduit-main-nav .dropdown-menu {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding-top: 24px;
	padding-bottom: 2rem;
}

.dropdown-menu {
	min-width: 275px;
}

.panduit-main-nav .dropdown-menu li {
	padding: 0 15px 3px 15px;
}

.panduit-main-nav .dropdown-menu li.lastLine a:hover {
	text-decoration: underline;
}

.panduit-main-nav .dropdown-menu li a {
	padding: 7px 0;
}

.panduit-main-nav .dropdown-menu li .notClick {
	pointer-events: none;
	cursor: default;
}

.panduit-main-nav .dropdown-menu li.lastLine>a::after {
	display: none;
}

.panduit-main-nav .dropdown-menu li a span {
	display: block;
	padding-left: 15px;
}

.dropdown-submenu {
	position: initial
}

.navLine0>.dropdown-menu .dropdown-submenu>.dropdown-menu {
	visibility: hidden;
	/* padding-left: 20px; */
	padding-top: 24px;
	background: #ececec;
	margin-left: -23px;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0px;
	margin-left: -1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: block;
	opacity: 0;
	min-height: 100%;
	min-width: 300px;
}

.navLine0>.dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
	visibility: visible
}

.dropdown-submenu:hover>.dropdown-menu {
	opacity: 1;
	background: transparent;
	width: 300px
}

.dropdown-menu>li>a {
	white-space: normal;
	font-size: 14px;
	letter-spacing: 1px;
	color: #7c7e81;
	position: relative;
}

.dropdown-menu>li.active:hover>a, .dropdown-menu>li.active>a, .dropdown-menu>li:hover>a {
	background-color: transparent;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: transparent;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li:hover>a {
	color: #76bd1d
}

.dropdown-menu>li>a::after {
	position: absolute;
	right: 9px;
	top: 14px;
	content: "";
	display: block;
	content: " ";
	float: right;
	display: block;
	width: 11px;
	height: 7px;
	background: url(../images/downArrow.png)no-repeat;
	background-size: 100% auto;
	border: none;
}

.dropdown-menu>li:hover>a::after {
	width: 7px;
	height: 11px;
	top: 12px;
	background: url(../images/rightArrow.png)no-repeat;
	background-size: 100% auto;
}

.panduit-main-nav>.dropdown-submenu {
	position: initial;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff
}

.dropdown-submenu.pull-left {
	float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px
}

.panduit-hamburger-footer-nav {
	display: none
}

.panduit-search-box .form-group {
	position: relative;
	display: block
}

.panduit-eyebrow-nav a img {
	height: 18px;
	width: 18px;
	margin-right: 5px;
	display: inline
}

.navbar-right>li.panduit-find-partner>a {
	padding: 13px 0;
	display: inline-block
}

.dropdown-submenu>a:after, .dropdown-submenu>a i {
	display: none
}

.panduit-search-box .glyphicon-search {
	top: 7px;
	left: 0
}

.panduit-search-box .glyphicon-remove {
	position: absolute;
	right: 0;
	padding: 17px 15px 15px 10px;
	display: none;
	cursor: pointer;
	top: -4px
}

body.navbar-opened .glyphicon-remove {
	display: block
}

.panduit-search-box input.form-control {
	padding: 10px 30px;
	line-height: normal
}

.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
}

.panduit-main-nav>li {
	margin-right: 16px
}

.site-header #navbar {
	display: none !important;
}

@media (min-width: 768px) {
	.site-header #navbar .navbar-nav {
		width: 100%;
	}
	.site-header .navbar-nav>li {
		width: 100%;
	}
	.site-header #navbar .navbar-nav .sub-menu {
		display: none;
	}
	.site-header #navbar .navbar-nav.small-nav .sub-menu {
		display: none;
	}
	.navbar-nav {
		width: 100%;
	}
	.panduit-main-nav>li>a::after {
		content: "";
		display: block;
		position: absolute;
		right: -0.8rem;
		top: 50%;
		transform: translateY(-50%);
		width: 1rem;
		height: 0.6rem;
		background: url(../images/down.png)no-repeat;
		background-size: 100% auto;
	}
	.panduit-main-nav>li.open>a span {
		color: #76bd1d;
	}
	.panduit-main-nav>li.open>a::after {
		width: 1rem;
		height: 0.6rem;
		background: url(../images/down_g.png)no-repeat;
		background-size: 100% auto;
	}
	.panduit-main-nav .navLine0>.dropdown-menu {
		/* min-height: 447px; */
		/* padding-bottom: 2rem; */
		box-sizing: border-box;
		border-radius: 0 0 10px 10px!important;
	}
	.navLine0>.dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
		border-radius: 0 0 10px 10px!important;
	}
	.navbar-expand-md {
		flex-flow: row nowrap;
		justify-content: flex-start;
		padding: 0 30px;
		min-height: 60px;
	}
	.caret {
		display: none;
	}
}

.panduit-main-nav>li>a span {
	font-size: 1.1429rem;
	/* font-weight: bold; */
	line-height: 1.6875rem;
	letter-spacing: 1px;
	color: #7c7e81;
	padding-right: 1.5rem;
	white-space: nowrap;
	display: block;
	padding: 15px;
}

@media all and (max-width:768px) {
	.site-header #navbar {
		display: block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.panduit-main-nav>li a span {
		display: block;
	}
	.panduit-main-nav li.open {
		top: 0px;
		position: absolute;
		width: 100%;
	}
	.panduit-global-header .create-bom .navbar-nav {
		height: auto
	}
	.panduit-global-header .create-bom .navbar-nav li {
		border-bottom: 0
	}
	/* .navbar {
		height: 60px;
		position: relative;
		z-index: 90
	} */
	.navbar .container-fluid {
		width: 100%;
		padding: 0
	}
	.navbar-header {
		width: 100%;
		height: 58px
	}
	.navbar-toggle {
		display: block;
		float: left;
		padding: 0;
		margin: 0;
		width: 50px;
		height: 54px;
		padding: 10px;
		background: #e3e3e3;
		border-radius: 0
	}
	.navbar-toggle.collapsed {
		background: #fff
	}
	.navbar-toggle .icon-bar {
		background-color: #303030;
		width: 27px;
		height: 3px
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
	}
	.navbar-collapse.collapse {
		display: none !important
	}
	.navbar-collapse.collapse.in {
		background-color: #fff
	}
	.navbar-nav {
		margin: 7.5px -15px
	}
	.navbar-nav>li {
		float: none;
		margin-right: 0
	}
	.navbar-nav>li>a {
		padding: 10px 0;
		position: relative;
		display: block
	}
	.panduit-global-header .dropdown-toggle::after {
		display: none;
	}
	.dropdown-menu>li>a:hover, .dropdown-menu>li:hover>a {
		color: #76bd1d
	}
	.panduit-global-header .panduit-navbar {
		margin: 0
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
		text-align: left;
		font-size: 24px;
		width: 100%;
		color: #ed2024
	}
	.navbar-collapse.collapse.in {
		display: block !important;
		position: relative
	}
	.collapsing {
		overflow: hidden !important;
		display: none
	}
	.navbar>.container-fluid .navbar-brand {
		height: 21px;
		width: 95px;
		float: none;
		margin: 0 auto;
		display: block;
		padding-top: 18px
	}
	.navbar-brand img {
		width: 95px;
		height: auto;
		margin: 0 auto;
		float: none
	}
	.element-animated.collapse {
		opacity: 1;
		animation-name: b
	}
	.dropdown-submenu>.dropdown-menu {
		display: none
	}
	.dropdown-submenu:hover>.dropdown-menu {
		display: block
	}
	.header-container {
		width: 100%
	}
	.panduit-global-header {
		position: relative;
		width: 100%;
		top: 0;
		z-index: 9999;
	}
	.site-header .navigation {
		border-bottom: 1px solid #ddd!important;
	}
	.pdt-wrapper {
		padding-top: 60px
	}
	.navbar-opened .panduit-language-switcher .icon {
		display: none
	}
	.panduit-global-header .navbar-collapse.collapse.in {
		width: 90%;
		background: #fbfbfb;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 56px;
		flex-basis: initial;
		flex-grow: initial
	}
	.panduit-global-header .navbar-nav {
		float: none;
		margin: 0
	}
	.panduit-global-header .nav>li {
		text-align: center
	}
	.panduit-main-nav .dropdown-menu.in {
		position: absolute;
		width: 100%;
		overflow-x: hidden;
		top: 100%
	}
	.panduit-main-nav .navLine0>.dropdown-menu {
		width: 100%;
		top: 0
	}
	.panduit-main-nav .navLine0>.dropdown-menu.in, li.dropdown-submenu.in.show-menu {
		position: absolute;
		top: 0;
		left: -100%;
		right: 0;
		background: #fff;
		width: 100%;
		height: auto;
		transform: translate3d(100%, 0, 0);
		transition: transform .35s;
		z-index: 10;
		padding: 0
	}
	li.dropdown-submenu.in.show-menu>a {
		color: #56575a;
		background-color: #fbfbfb;
		text-align: center;
		border-bottom: 1px solid #dcdcdc
	}
	.panduit-main-nav .navLine0>.dropdown-menu.in {
		top: 102%;
		height: auto;
		margin: 0;
		padding: 0
	}
	.navLine0>.dropdown-menu::before {
		width: 100%;
		background: #efefef
	}
	.panduit-search-box {
		position: absolute;
		top: 7px;
		margin: 0;
		padding: 0;
		left: 50px
	}
	.panduit-search-box input, .panduit-search-box .form-control, .panduit-eyebrow-nav {
		display: none
	}
	.panduit-search-box .glyphicon-search {
		top: 0;
		line-height: 1;
		pointer-events: auto;
		padding: 25px 10px 35px;
		left: 50px
	}
	.panduit-hamburger-footer-nav {
		display: block
	}
	.panduit-global-header .panduit-hamburger-footer-nav>li {
		margin: 0;
		padding: 10px 0
	}
	.panduit-hamburger-footer-nav .panduit-contact-us img {
		height: 18px;
		width: 18px;
		display: inline-block;
		margin-right: 10px
	}
	.panduit-hamburger-footer-nav .pdt-footer-link a {
		color: #545559
	}
	.panduit-hamburger-footer-nav .pdt-more-info-soc {
		background: #efefef;
		padding: 10px;
		text-align: center;
		margin: -10px 0
	}
	.panduit-hamburger-footer-nav .pdt-more-info-soc i {
		color: #56575a;
		font-size: 30px
	}
	.panduit-hamburger-footer-nav .pdt-more-info-soc i.fa {
		color: #efefef;
		opacity: 1;
		height: 30px;
		width: 30px;
		position: relative;
		border-radius: 50%;
		background-color: #56575a;
		font-size: 17px;
		padding-top: 7px;
		top: -7px
	}
	.panduit-hamburger-footer-nav .pdt-more-info-soc li {
		border: 0;
		display: inline
	}
	.panduit-hamburger-footer-nav .pdt-footer-link a {
		text-transform: none
	}
	.panduit-hamburger-footer-nav .icon-pdt-soc-linkedin span, .panduit-hamburger-footer-nav .icon-pdt-soc-weibo span {
		font-size: 30px
	}
	.panduit-hamburger-footer-nav .icon-pdt-soc-linkedin .path2:before, .panduit-hamburger-footer-nav .icon-pdt-soc-weibo .path2:before {
		color: #efefef
	}
	.panduit-hamburger-footer-nav .icon-pdt-soc-linkedin .path1:before, .panduit-hamburger-footer-nav .icon-pdt-soc-weibo .path1:before {
		color: #545559
	}
	.panduit-main-nav li.open {
		position: absolute;
		top: 101%;
		width: 90%;
		z-index: 10000;
		background: white;
		border: 0
	}
	.panduit-main-nav li.open>.dropdown-toggle::after, .dropdown-submenu.active>a i.caret, .dropdown-submenu:hover>.dropdown-menu {
		display: none
	}
	.dropdown-submenu.active:hover>.dropdown-menu {
		display: block;
		left: 0;
		width: 101%;
		background: #efefef;
		padding-left: 0
	}
	.dropdown-submenu>a i.caret, .panduit-global-header li .dropdown-toggle i.caret {
		content: '';
		display: inline-block;
		width: 20px;
		height: 0;
		vertical-align: middle;
		border-left: 6px solid;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		float: right;
		margin-bottom: 10px
	}
	.panduit-global-header li .dropdown-toggle i.caret {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%)
	}
	.panduit-global-header li.open>.dropdown-toggle i.caret {
		position: absolute;
		left: -15px
	}
	.dropdown-submenu.active>a i.caret.caret-right, .panduit-global-header li.open>.dropdown-toggle i.caret {
		content: '';
		display: inline-block;
		width: 30px;
		height: 0;
		vertical-align: middle;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-right: 6px solid;
		border-left: 0;
		float: left
	}
	.dropdown-submenu.active>a i.caret.caret-right {
		margin-right: 10px;
		position: absolute;
		left: -15px
	}
	.panduit-global-header .navbar-nav .show .dropdown-menu .dropdown-header, .panduit-global-header .navbar-nav .show .dropdown-menu>li>a {
		padding: 10px 15px 10px 25px
	}
	.panduit-global-header .navbar-nav .show .dropdown-menu>li>a {
		padding: 10px 25px 10px 20px;
		position: relative;
		display: block
	}
	.panduit-global-header .navbar-nav .show .dropdown-menu>li.dropdown-submenu.active>a {
		padding-left: 25px
	}
	.dropdown-submenu.active.show-menu>.dropdown-menu, .panduit-main-nav .navLine0>.dropdown-menu {
		top: 100%;
		padding-top: 0
	}
	.dropdown-submenu.active.show-menu>.dropdown-menu.parent-ul, .navLine0>.dropdown-menu.active.parent-ul {
		top: 0
	}
	.panduit-hamburger-footer-nav .dropdown-backdrop {
		position: static
	}
	.create-bom.qty.create-bom.qty p {
		display: none
	}
}
.modal-backdrop{
	background-color:#ffffff!important ;
}

@media all and (max-width:736px) {
	.container-fluid>.navbar-header {
		margin: 0
	}
	.panduit-main-nav li.open {
		top: 0;
		position: absolute;
		width: 100%
	}
	.panduit-search-box {
		top: 20px;
		left: 45px;
		margin-left: 0
	}
	.panduit-global-header .navbar-collapse.collapse.in {
		margin-top: 32px;
		padding-right: 0
	}
}

.navbar-collapse.in {
	overflow: initial!important;
}

@media all and (max-width:736px) and (orientation:landscape) {
	.panduit-global-header .navbar-collapse.collapse.in {
		height: 100%;
		position: absolute;
		margin-top: 0
	}
	.navbar-toggle {
		margin-left: 0
	}
	@-webkit-keyframes repaint {
		from {
			transform: translateZ(0)
		}
		to {
			transform: none
		}
	}
	/* 已搬运 end */
	body {
		-webkit-animation: repaint infinite 1s;
		animation: repaint infinite 1s
	}
}

/* header end */

.site-header {
	background: #ffffff;
	height: 60px;
}

.menuTab {
	display: flex;
}

.site-header .navbar-brand {
	width: 140px;
	height: auto;
	color: #fff;
	font-weight: 700;
	padding: 0;
	margin-top: -6px;
	margin-left: 0px !important;
}

.site-header .navbar-brand:hover {
	color: #fff;
}

.site-header .navbar-brand .fi {
	color: #fff;
	margin-right: 5px;
	margin-top: 15px;
}

.site-header .navigation {
	height: 60px;
	background-color: #fff;
	margin-bottom: 0;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	z-index: 99;
	width: 100%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	-ms-transition: all 0.7s;
	transition: all 0.7s;
	box-shadow: 0px 3px 3px rgba(14, 5, 11, 0.21);
}

.site-header .navigation>.container {
	width: 100%;
	height: 100%;
	position: relative;
}

.site-header #navbar {
	/*** mega-menu style ***/
	position: relative;
}

.indexBanner {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: #909194;
	height: 600px;
}

.indexBanner .slick-slide img {
	width: 100%;
}

.site-header a {
	font-family: 'MiSans-Medium';
}

.relatedProductBottom p {
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	color: #7c7c7d;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.supportItem {
	padding-top: 5rem;
	padding-bottom: 6.4286rem;
}

.supportContainer {
	max-width: 78.1429rem;
	width: 100%;
	margin: 0 auto;
}

.configContainer {
	max-width: 78.0714rem;
	width: 100%;
	margin: 0 auto;
}

.supportCont h1 {
	font-family: 'MiSans-Medium';
	font-size: 1.7857rem;
	line-height: 2.75rem;
	font-weight: normal;
	letter-spacing: 0px;
	color: #4b4f54;
}

.checkConfig {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #61b946;
	margin-top: 1.75rem;
	display: flex;
	align-items: center;
}

.checkConfig input[type='checkbox'] {
	margin: 0;
	margin-right: 1.2143rem;
	cursor: pointer;
	position: relative;
	width: 21px;
	min-width: 21px;
	height: 21px;
	font-size: 16px;
	visibility: hidden;
}

.checkConfig input[type='checkbox']::after {
	position: absolute;
	top: 0;
	background-color: #fff;
	color: #fff;
	border: 1px solid #61b946;
	width: 21px;
	height: 21px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
	box-sizing: border-box;
}

.checkConfig input[type='checkbox']:checked::after {
	background-color: #61b946;
	border: none;
	content: '\2713';
	font-size: 14px;
	font-weight: bold;
}

@media screen and (min-width: 1201px) {
	.navbar-nav {
		display: flex;
	}
	.navbar-expand-md .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
		padding-left: 2.5rem;
	}
	/* .site-header .navigation>.container {
    width: 95%;
  } */
	.site-header #navbar li {
		position: relative;
		margin-right: 2.25rem;
	}
	.site-header #navbar li.supportLang {
		margin: 0;
		position: absolute;
		right: 18px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 999;
	}
	.site-header #navbar>ul>li>a {
		font-size: 0.875rem;
		font-weight: bold;
		line-height: 1.6875rem;
		letter-spacing: 0.0625rem;
		color: #7c7e81;
		padding-right: 1.5rem;
		white-space: nowrap;
	}
	.site-header #navbar>ul>li.supportLang>a {
		padding: 0 44px;
	}
	.site-header #navbar>ul>li>a::after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 0.8rem;
		height: 0.55rem;
		background: url('../images/down.png')no-repeat;
		background-size: 100% auto;
	}
	.site-header #navbar>ul>li.supportLang>a::after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 14px;
		height: 14px;
		background: url('../images/support.png')no-repeat;
		background-size: 100% auto;
	}
	.site-header #navbar>ul .sub-menu {
		background-color: #fff;
		/* width: 260px; */
		width: 270px;
		position: absolute;
		top: 130%;
		z-index: 10;
		visibility: hidden;
		opacity: 0;
		left: 0;
		padding: 32px 23px 0 23px;
		min-height: 447px;
	}
	.site-header #navbar>ul>li .sub-menu li {
		border-bottom: 1px solid #f2f2f2;
		border: none;
	}
	.site-header #navbar>ul>li .sub-menu a {
		display: block;
		padding: 0px 18px;
		font-size: 17px;
		/* color: #ffffff; */
		/* text-transform: capitalize; */
		white-space: nowrap;
	}
	.site-header #navbar>ul>li .sub-menu li>a {
		position: relative;
	}
	.site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a {
		position: relative;
	}
	/* .site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a:before {
		font-family: "themify";
		content: "\e649";
		font-size: 11px;
		font-size: 0.6875rem;
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	} */
	.site-header #navbar>ul>li:hover>.sub-menu {
		top: 100%;
		visibility: visible;
		opacity: 1;
		/* background-color: #61b946; */
		border-radius: 0px 0px 10px 10px;
	}
	.site-header #navbar .sub-menu>li:hover>.sub-menu {
		left: 100%;
		visibility: visible;
		opacity: 1;
	}
}

@media (max-width:1200px) {
	.site-header .navbar-header button {
		right: -9px!important;
	}
	.navbar-expand-md .navbar-collapse {
		display: none!important;
	}
	.site-header #navbar>ul>li a {
		display: block;
		font-size: 14px;
		position: relative;
	}
	.site-header #navbar .navbar-nav .navLine0>a {
		padding: 10px 25px 10px 15px;
		border-bottom: 1px solid#e7e6e6;
		margin: 0;
	}
	.site-header #navbar .navbar-nav .navLine1>a {
		padding: 10px 25px 10px 15px;
		font-size: 13px !important;
	}
	.site-header #navbar .navbar-nav .navLine1>a::after {
		content: "";
		position: absolute;
		bottom: -1px;
		border-bottom: 1px solid #e7e6e6;
		left: 15px;
		width: calc(100% - 15px);
	}
	.site-header #navbar .navbar-nav .navLine2>a {
		padding: 10px 25px 10px 22px;
	}
	.site-header #navbar .navbar-nav .navLine2>a::after {
		content: "";
		position: absolute;
		bottom: -1px;
		border-bottom: 1px solid #e7e6e6;
		left: 22px;
		width: calc(100% - 22px);
	}
	.site-header #navbar .navbar-nav .navLine3>a {
		padding: 10px 25px 10px 29px;
	}
	.site-header #navbar .navbar-nav .navLine3>a::after {
		content: "";
		position: absolute;
		bottom: -1px;
		border-bottom: 1px solid #e7e6e6;
		left: 29px;
		width: calc(100% - 29px);
	}
	.site-header #navbar .navbar-nav .navLine4>a {
		padding: 10px 25px 10px 35px;
	}
	.site-header #navbar .navbar-nav .navLine4>a::after {
		content: "";
		position: absolute;
		bottom: -1px;
		border-bottom: 1px solid #e7e6e6;
		left: 35px;
		width: calc(100% - 35px);
	}
	.site-header #navbar>ul .menu-item-has-children>a {
		position: relative;
	}
	.site-header #navbar>ul .menu-item-has-children>a:before {
		font-family: "themify";
		content: "\e64b";
		font-size: 11px;
		font-size: 0.6875rem;
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 1201px) {
	.site-header #navbar .has-mega-menu {
		position: static;
	}
	.site-header #navbar .mega-menu, .site-header #navbar .half-mega-menu {
		background-color: #fff;
		padding: 20px;
		border-top: 2px solid #61b946;
		position: absolute;
		right: 0;
		top: 120%;
		z-index: 10;
		visibility: hidden;
		opacity: 0;
	}
	.site-header #navbar .mega-menu {
		width: 1140px;
		right: 15px;
	}
	.site-header #navbar .half-mega-menu {
		width: 585px;
	}
	.site-header #navbar .mega-menu-box-title {
		font-size: 14px;
		font-size: 0.875rem;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		padding-bottom: 7px;
		margin-bottom: 7px;
		border-bottom: 1px solid #e6e6e6;
	}
	.site-header #navbar .mega-menu-list-holder li {
		border-bottom: 1px solid #f2f2f2;
	}
	.site-header #navbar .mega-menu-list-holder li a {
		display: block;
		padding: 16px 20px;
		margin-left: -8px;
		color: #282828;
		text-transform: capitalize;
	}
	.site-header #navbar .mega-menu-list-holder>li:last-child {
		border-bottom: 0;
	}
	.site-header #navbar .has-mega-menu:hover>ul {
		top: 100%;
		visibility: visible;
		opacity: 1;
	}
}

@media (max-width: 1199px) {
	.site-header #navbar>ul .mega-menu {
		width: 950px;
		right: 15px;
	}
	.site-header #navbar>ul .half-mega-menu {
		width: 485px;
	}
}

@media (max-width:1200px) {
	.site-header #navbar>ul .mega-menu, .site-header #navbar>ul .half-mega-menu {
		width: auto;
	}
	.site-header #navbar>ul .mega-menu .row, .site-header #navbar>ul .half-mega-menu .row {
		margin: 0;
	}
	.site-header #navbar .mega-menu-content>.row>.col {
		margin-bottom: 25px;
	}
}

@media (max-width:1200px) {
	.site-header #navbar .mega-menu .mega-menu-list-holder a {
		padding: 5px 15px 5px 40px;
	}
	.site-header #navbar .mega-menu .mega-menu-box-title {
		font-size: 14px;
		font-size: 0.875rem;
		text-transform: uppercase;
		display: block;
		border-bottom: 1px dotted #b3b3b3;
		padding: 0 0 4px 5px;
		margin: 0 25px 8px 25px;
	}
}

@media screen and (min-width: 1201px) {
	.site-header .navbar-header .open-btn {
		display: none;
	}
	.site-header #navbar .close-navbar {
		display: none;
	}
}

@media (max-width:1200px) {
	.menuTab {
		display: flex;
		flex-wrap: wrap;
	}
	.site-header .container {
		width: 100%;
	}
	.btnList {
		right: 0.6rem;
	}
	.site-header .navbar-header button {
		background-color: #61b946;
		right: 10px;
		width: 35px;
		height: 30px;
		padding: 4px 8px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		outline: 0;
		position: absolute;
		right: 15px;
		top: 50%;
		z-index: 20;
		transform: translateY(-50%);
	}
	.site-header .navbar-header button span {
		background-color: #fff;
		display: block;
		height: 2px;
		margin-bottom: 5px;
	}
	.site-header .navbar-header button span:last-child {
		margin: 0;
	}
	.site-header #navbar {
		background: #fff;
		display: block !important;
		width: 400px;
		/* width: calc(100% - 35px); */
		height: 100% !important;
		margin: 0;
		padding: 0;
		position: fixed;
		left: -100%;
		top: 0;
		z-index: 99999;
		border-top: 0;
		border-right: 1px solid #CECFD0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.site-header #navbar ul a:hover, .site-header #navbar ul li.current a {
		color: #61b946;
	}
	.site-header #navbar .navbar-nav {
		height: 100%;
		overflow: auto;
	}
	.site-header #navbar .close-navbar {
		background-color: #61b946;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border: 0;
		color: #fff;
		border: 0;
		outline: none;
		position: absolute;
		right: -35px;
		top: 0;
		z-index: 20;
		font-size: 14px;
	}
	.site-header #navbar>ul>li>a {
		/* padding: 0.625rem 0.9375rem 0.625rem 2.1875rem; */
		font-size: 16px;
		color: #282828;
		text-align: center;
	}
	.site-header #navbar ul a {
		color: #333;
		text-align: left;
	}
	.site-header .slideInn {
		left: 0 !important;
	}
}

@media (max-width: 767px) {
	.site-header .navbar-header button {
		right: 12px!important;
	}
	.safetySelect {
		width: 98%;
	}
	.phoneBox img {
		width: 1.8rem;
		height: 1.8rem;
	}
	.phoneBox span {
		font-size: 1.4rem;
	}
	.navbar-brand>img {
		width: 15rem;
		min-width: 100px;
	}
	.site-header #navbar .navbar-nav {
		margin: 0;
	}
	.site-header .navigation>.container {
		padding: 0 5px;
	}
	.hero .slide-caption .btns {
		margin-top: 0.6rem !important;
	}
	.hero-style-1 .slide-caption h2 {
		margin-bottom: 12.8px !important;
	}
	.hero-style-1 .slider-pic {
		width: 65% !important;
	}
	.hero-style-1 .slide-caption h2 {
		font-size: 28px !important;
	}
	.hero .slide-caption>div {
		font-size: 12.8px;
	}
}

@media (max-width:1200px) {
	.site-header .navbar-header, .site-header .navigation>.container {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.videoItem {
		box-sizing: border-box;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.site-header .navigation>.container {
		display: block;
	}
	.site-header .navbar-collapse.collapse {
		display: none;
	}
	.site-header .navbar-collapse.collapse.in {
		display: block;
	}
	.site-header .navbar-header .collapse, .site-header .navbar-toggle {
		display: block;
	}
	.site-header .navbar-header {
		float: none;
		width: calc(100% - 450px);
		display: flex;
		align-items: center;
	}
	.site-header .navbar-right {
		float: none;
	}
	.site-header .navbar-nav {
		float: none;
	}
	.site-header .navbar-nav>li {
		float: none;
	}
}

@media (max-width:1200px) {
	.header-style-1 {
		background-color: #61b946;
		position: relative;
	}
	.header-style-1 .navigation {
		background-color: #61b946;
		display: flex;
	}
}

.contact-info {
	margin-top: 10px;
}

@media screen and (min-width: 1201px) {
	.header-style-1 .navigation {
		background-color: transparent;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		display: flex;
		justify-content: center;
	}
	.menuTab a {
		font-size: 15px !important;
		line-height: 26px;
		letter-spacing: 0px;
		/* color: #ffffff; */
		padding-top: 10px !important;
		padding-bottom: 22px !important;
	}
	.header-style-1 #navbar>ul>li>a {
		font-size: 17px !important;
		padding: 1rem 15px 1rem;
		color: #fff;
		text-transform: capitalize;
		position: relative;
		white-space: nowrap;
	}
	.header-style-1 #navbar>ul>li>a:before {
		content: "";
		width: 0;
		height: 0.31rem;
		background: url('../images/navLine.png')no-repeat;
		background-position: -100% center;
		position: absolute;
		right: -64%;
		bottom: 0;
		opacity: 0;
		transform: translateX(-50%);
		background-size: 100% auto;
	}
	.header-style-1 #navbar>ul>li>a:hover:before {
		background-position: center center;
		width: 110%;
		opacity: 1;
	}
	.header-style-1 #navbar>ul>li>a.sign::before {
		background-position: center center;
		width: 110%;
		opacity: 1;
	}
	.header-style-1 #navbar>ul>li>a:hover {
		color: #fff;
	}
}

#header .navbar-header {
	display: flex;
	align-items: center;
	height: 100%;
}

.header-style-2 .navigation {
	background-color: #fff;
}

.header-style-2 .side-info .search-toggle-btn .fi {
	color: #192224;
}

.header-style-2 .side-info .info-bars span {
	background-color: #192224;
}

#resetBtn {
	display: none;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.4286rem;
	height: 1.4286rem;
	background: url(../images/closeBtn.png)no-repeat;
	background-size: 10.0002px 10.0002px;
	background-position: center center;
}

.header-search-form .form-control {
	height: 99%;
	border: none;
	box-sizing: border-box;
	border-radius: 0;
	padding-left: 1.2143rem;
	padding-right: 3.5714rem;
	font-family: 'MiSans-Medium';
	font-size: 14px;
	letter-spacing: 1px;
	color: #000000;
}

.header-search-form .form-control:focus {
	border-color: #009a00;
	outline: 0;
	box-shadow: none;
}

.header-search-form .searchBtn {
	right: 1.6429rem;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	background: url('../images/searchTop.png')no-repeat;
	background-size: 100% auto;
	width: 1.4286rem;
	height: 1.4286rem;
	min-width: 16px;
	min-height: 16px;
	padding: 0;
	border: 0;
	outline: 0;
}

.sticky-header .searchResults {
	opacity: 0!important;
	visibility: hidden!important;
}

.sticky-header.sticky-on .searchResults {
	opacity: 1!important;
	visibility: visible!important;
}

.header-search-form.expanded .searchResults {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.searchResults {
	background-color: #ffffff;
	width: 73.5rem;
	/* padding-bottom: 3rem; */
	max-height: calc(100vh - 7.2857rem);
	font-weight: 400;
	display: flex;
	overflow: hidden;
	visibility: hidden;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 60px;
	box-shadow: 0px 6px 6px 0px rgba(14, 5, 11, 0.21);
	box-sizing: border-box;
	transition: visibility 50ms, opacity .5s;
	/* z-index: 1000;
    */
}

.searchResults ul {
	overflow: hidden;
	overflow-y: auto;
	max-height: 600px;
}

.searchResults .resultLeft {
	width: 43.95rem;
}

.searchResults .resultLeft .resultTitle {
	width: 100%;
	border-right: 1px solid #ffffff;
}

.searchResults .resultRight {
	width: 29.7143rem;
}

.searchResults .resultRight .resultTitle {
	width: 100%;
}

.searchResults .resultLeft, .searchResults .resultRight {
	margin-bottom: 2rem;
}

.searchResults .resultTitle {
	height: 3.1429rem;
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	font-weight: bold;
	line-height: 3.1429rem;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #76bd1d;
	margin-bottom: 2rem;
}

.searchProductList li {
	border-right: 1px solid #7b7e81;
	padding-top: 0.7143rem;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 0.75rem;
	padding-left: 3rem;
	padding-right: 2rem;
}

.searchProductList li P {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #747577;
}

.searchProductList li:last-child {
	border-bottom: 0;
}

.searchProductList li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: none;
}

.searchProductList li .imgBox {
	min-height: 3.9286rem;
	width: 11.4286rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.searchProductList .imgBox img {
	max-width: 100%;
	max-height: 100%;
}

.searchProductList .productDetail {
	margin-left: 1.0714rem;
	width: calc(100% - 14.2857rem);
}

.searchProductList .productDetail .productTitle {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #7b7e81;
}

.searchProductList .productDetail p {
	font-family: 'MiSans-Medium';
	font-size: 0.9286rem;
	letter-spacing: 0px;
	color: #747577;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.relatedList li {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 2.7143rem;
	padding-right: 3rem;
}

.relatedList li a {
	display: block;
	transition: none;
}

.relatedList li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.relatedList li p {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #747577;
}

.side-info .fi {
	font-size: 30px;
	font-size: 1.875rem;
	color: #192224;
}

.side-info .search-toggle-btn .fi {
	color: #fff;
}

.side-info>div {
	float: left;
	position: relative;
	margin-top: 5px;
}

.side-info>div+div {
	margin-left: 25px;
}

.searchBox {
	height: 59px;
	width: 29.7143rem;
	border-left: 1px solid #B7B7B9;
	border-right: 1px solid #B7B7B9;
	position: relative;
}

.searchBox .header-search-form, .searchBox form {
	height: 100%;
}

.side-info .header-search-form {
	position: absolute;
	width: 248px;
	right: -25px;
	top: 68px;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0px 15px 60px -19px black;
	-moz-box-shadow: 0px 15px 60px -19px black;
	-o-box-shadow: 0px 15px 60px -19px black;
	-ms-box-shadow: 0px 15px 60px -19px black;
	box-shadow: 0px 15px 60px -19px black;
}

.side-info .header-search-form:focus {}

@media (max-width:1200px) {
	.side-info .header-search-form {
		top: 68px;
	}
}

@media (max-width: 767px) {
	.side-info .header-search-form {
		top: 63px;
		right: 15px;
	}
}

.side-info .header-search-form-wrapper .fi:before {
	font-size: 22px;
	font-size: 1.375rem;
}

.side-info form div {
	position: relative;
}

.side-info form div button {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.side-info input {
	width: 100%;
	height: 48px;
	padding: 6px 20px;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
	letter-spacing: 1px;
	color: #7b7e81;
}

.side-info input::-webkit-input-placeholder {
	font-size: 14px;
	letter-spacing: 1px;
	color: #7b7e81;
}

.side-info input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	font-size: 14px;
	letter-spacing: 1px;
	color: #7b7e81;
}

.side-info input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	font-size: 14px;
	letter-spacing: 1px;
	color: #7b7e81;
}

.side-info input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	font-size: 14px;
	letter-spacing: 1px;
	color: #7b7e81;
}

.side-info .header-search-content-toggle {
	opacity: 1;
	visibility: visible;
	right: 0;
	z-index: 999;
}

.toggle-side-info {
	right: 0;
}

.countryBox {
	display: flex;
	flex-basis: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	margin-right: -30px;
	height: 60px;
}

.countryBox img {
	width: 15px;
	height: 15px;
}

.countryBox span {
	font-size: 14px;
	height: 59px;
	letter-spacing: 1px;
	color: #7d7f82;
	display: inline-block;
	margin-left: 14px;
}

.countrySelect {
	width: 100%;
	height: 58px;
	background: #FFFFFF;
	margin: 0px auto;
	position: relative;
	cursor: pointer;
	padding-left: 52px;
}

.countryBox::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	top: 22px;
	left: 22px;
	position: absolute;
	background: url(../images/country.png)no-repeat;
	background-size: 100% 100%;
}

.countrySelect p {
	width: 100%;
	font-size: 14px;
	color: #7d7f82;
	min-width: 50px;
	display: inline-block;
	line-height: 58px
}

.countrySelect ul {
	width: 100%;
	display: block;
	font-size: 16px;
	background: #FFFFFF;
	position: absolute;
	top: 58px;
	left: 0px;
	max-height: 0px;
	overflow: hidden;
	transition: max-height .3s ease-in;
}

.countrySelect ul li {
	width: 100%;
	height: 35px;
	text-align: center;
	line-height: 35px;
	list-style: none;
	color: #666666;
}

.countrySelect ul li a {
	padding: 0px 15px;
	display: block;
}

.countrySelect ul li.Selected {
	background: yellowgreen;
	color: #FFFFFF;
}

.countrySelect ul li.Selected a {
	color: #FFFFFF;
}

.countrySelect ul li:hover {
	background: #D0D0D0;
}

@-webkit-keyframes slide-down {
	0% {
		transform: scale(1, 0);
	}
	25% {
		transform: scale(1, 1.2);
	}
	50% {
		transform: scale(1, 0.85);
	}
	75% {
		transform: scale(1, 1.05);
	}
	100% {
		transform: scale(1, 1);
	}
}

.countrySelect.open ul {
	max-height: 250px;
	transform-origin: 50% 0;
	-webkit-animation: slide-down .5s ease-in;
	transition: max-height .2s ease-in;
	box-shadow: 0px 3px 3px rgba(14, 5, 11, 0.21);
}

/* .countrySelect.open::after{
	transform: rotate(134deg);
	transition: all .3s ease-in;
	top: 18px;
	
} */

@media (max-width: 767px) {
	.site-header .navbar-header button {
		right: 10px;
		width: 35px;
		height: 28px;
		padding: 4px 8px;
	}
}

.slick-slider {
	height: 100%;
}

@media (max-width: 767px) {
	.hero .slide {
		min-height: 420px;
	}
}

.hero .slide .slider-bg {
	display: none;
}

.slide:focus {
	outline: none;
	border: none;
}

.slide .container {
	height: 100%;
	display: table;
}

.hero .slide .row {
	display: table-cell;
	vertical-align: middle;
}

.hero .slick-prev, .hero .slick-next {
	background-color: #f9ab10;
	width: 55px;
	height: 55px;
	z-index: 10;
	border-radius: 50%;
}

.hero .slick-prev:hover, .hero .slick-next:hover {
	background-color: #f9ab10;
}

@media (max-width:1200px) {
	.hero .slick-prev, .hero .slick-next {
		display: none !important;
	}
}

.hero .slick-prev {
	left: -100px;
}

.hero .slick-prev:before {
	font-family: "themify";
	content: "\e629";
	opacity: 1;
}

.hero .slick-next {
	right: -100px;
}

.hero .slick-next:before {
	font-family: "themify";
	content: "\e628";
	opacity: 1;
}

.hero:hover .slick-prev {
	left: 25px;
	display: none !important;
}

.hero:hover .slick-next {
	right: 25px;
	display: none !important;
}

@media screen and (min-width: 1201px) {
	.hero .slick-dots {
		z-index: 11;
	}
}

@media screen and (min-width: 1400px) {
	.hero-style-1 {
		height: 720px;
		position: relative;
	}
}

.hero .slide-caption>div {
	overflow: hidden;
}

.hero .slide-caption>.slider-pic * {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.hero .slide-caption>div.slide-title * {
	-webkit-animation: fadeOutLeft 1.5s both;
	animation: fadeOutLeft 1.5s both;
}

.hero .slide-caption>div.slide-subtitle * {
	-webkit-animation: fadeOutLeft 1.5s both;
	animation: fadeOutLeft 1.5s both;
}

.hero .slide-caption>div.btns * {
	-webkit-animation: fadeOutLeft 1.5s both;
	animation: fadeOutLeft 1.5s both;
}

.hero .hero-slider .slick-current .slide-caption>div * {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.hero .hero-slider .slick-current .slide-caption>div.slide-title * {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.hero .hero-slider .slick-current .slide-caption>div.slide-subtitle * {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.hero .hero-slider .slick-current .slide-caption>div.btns * {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	cursor: pointer;
}

.hero-shape {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	height: auto;
	z-index: 99;
}

@media screen and (max-width: 767px) {
	.container {
		width: 100% !important;
	}
}

.slick-slide {
	position: relative;
}

.slick-prev, .slick-next {
	top: 35.5%;
}

.sticky-header {
	width: 100%;
	position: fixed;
	left: 0;
	top: -200px;
	opacity: 0;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	-ms-transition: all 0.7s;
	transition: all 0.7s;
}

.sticky-header .searchResults {}

.sticky-on {
	opacity: 1;
	top: 0;
	position: fixed;
}

.sticky-header {
	background-color: #ffffff;
	border-bottom: 0;
	-webkit-box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.1);
}

/* start */

.bannerSlider .slide {
	position: relative;
}

.bannerSlider .slide a {
	display: block;
}

.bannerSlider .slide img {
	width: 100%;
}

.swiper-container .swiper-pagination {
	bottom: 2.4286rem;
}

.swiper-container .swiper-pagination-bullet {
	width: 1.1429rem;
	height: 1.1429rem;
	border-radius: 50%!important;
	background-color: #ffffff;
	margin: 0 3px;
	opacity: 1;
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #76BD1D;
}

.bannerSlider .slide .bannerIntro {
	position: absolute;
	bottom: 50%;
	max-width: 29%;
	transform: translateY(50%);
}

.bannerSlider .bannerIntro.leftSite {
	left: 15.8%;
}

.bannerSlider .bannerIntro.rightSite {
	right: 15.8%;
}

.bannerIntro .introTitle {
	font-family: 'MiSans-Medium';
	font-size: 3.1875rem;
	letter-spacing: 0rem;
	color: #ffffff;
	line-height: 3.4375rem;
	margin-bottom: 0.625rem;
}

.bannerIntro .introCont {
	max-width: 28.125rem;
	font-family: 'MiSans-Medium';
	font-size: 1.8125rem;
	letter-spacing: 0rem;
	color: #ffffff;
	line-height: 2.1875rem;
}

.bannerIntro .bannerBtn {
	margin-top: 1.5625rem;
	display: inline-block;
	/* width: 242px;
  height: 53px; */
	padding: 0.3rem 3rem 0.3rem 1.5rem;
	line-height: 3.3125rem;
	font-family: 'MiSans-Medium';
	font-size: 2rem;
	letter-spacing: 0rem;
	color: #ffffff;
	text-align: center;
	background: #76BD1D;
	-webkit-transform: scale(0.8, 1);
	-moz-transform: scale(0.8, 1);
	-o-transform: scale(0.8, 15);
	transform: scale(0.8, 1);
	margin-left: -25px;
}

.commonItem {
	overflow: hidden;
}

.commonItem .section-title h2 {
	font-family: 'MiSans-Medium';
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #4b4f54;
	text-align: center;
	margin-bottom: 2.8125rem;
}

.phoneShow {
	display: none;
}

.commonContainer {
	max-width: 99rem;
	width: 100%;
	margin: 0 auto;
}

.commonContainer2 {
	max-width: 81.875rem;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/* Industry Sector */

.IndustrySectorItem {
	padding-top: 5.375rem;
	padding-bottom: 4.8125rem;
}

.industryList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.industryList li {
	width: 40%;
	margin-right: 0.225%;
	margin-left: 0.225%;
	margin-bottom: 1.75rem;
	overflow: hidden;
}

.industryList li:nth-child(3n) {
	margin-right: 0;
}

.industryList li a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

.industryList .item {
	width: 100%;
}

.industryPic {
	width: 100%;
	/* height: 16.25rem; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.industryPic img {
	width: 100%;
	height: auto;
	max-height: 100%;
}

.industryBottom {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../images/industryBottom.png')no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	font-size: 2rem;
	text-align: center;
	font-family: 'MiSans-Medium';
	letter-spacing: 0px;
	color: #ffffff;
}

.industryBottom img {
	max-width: 100%;
	height: auto;
	max-height: 90%;
}

.industryList .maskBox {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-image: linear-gradient(0deg, rgba(102, 102, 102, 0.75) 0%, rgba(3, 0, 0, 0.75) 100%); */
	background: rgba(110, 120, 128, 0.9);
	background-size: 100% 100%;
	transition: all 0.3s ease-in;
	box-sizing: border-box;
}

.industryList .maskBox p {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}

.maskBox span {
	display: block;
}

.industryList li:hover .maskBox {
	opacity: 1;
}

.industryList li:hover .industryBottom {
	opacity: 0;
}

.newsInfoItem {
	background: #ECECEC;
	padding-top: 3.4375rem;
	padding-bottom: 7.3125rem;
}

.industryMask {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 2.5rem;
	padding-right: 3.25rem;
}

.industryMask .maskTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.1875rem;
	letter-spacing: 0px;
	color: #77bc1f;
	margin-bottom: 3rem;
}

.industryMask p {
	font-family: 'MiSans-Medium';
	font-size: 1.125rem;
	line-height: 1.6875rem;
	letter-spacing: 0rem;
	color: #ffffff;
}

.industryMask span {
	font-family: 'MiSans-Medium';
	font-size: 1.375rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6875rem;
	letter-spacing: 0rem;
	color: #ffffff;
	margin-top: 3.5rem;
	display: flex;
	align-items: center;
}

.industryMask span img {
	margin-left: 1rem;
}

.industryBox {
	margin-top: -100%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.industryList li:hover .industryBox {
	margin-top: 0%;
}

/* News And Information */

.newsInfoList {
	width: 100%;
	overflow: hidden;
}

.newsInfoList li {
	margin-bottom: 0.125rem;
	border: 6px solid #ECECEC;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.newsInfoList li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.newsInfoList li, .newsInfoList li a {
	width: 100%;
}

.newsInfoList li:hover .newsInfoCont {
	background: #61B946;
}

.newsInfoList li:hover {
	border: 6px solid #ffffff;
}

.newsInfoList li:nth-child(2n) .newsInfoCont {
	right: 0;
}

.newsInfoList li:nth-child(2n-1) .newsInfoCont {
	left: 0;
}

.newsInfoList li:nth-child(2n) .newsInfoPic {
	float: left;
}

.newsInfoList li:nth-child(2n-1) .newsInfoPic {
	float: right;
}

.newsInfoCont {
	position: absolute;
	width: 42.887%;
	height: 100%;
	box-sizing: border-box;
	padding: 2rem 4.625rem 2rem 4.1875rem;
	vertical-align: middle;
	display: table-cell;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	background: #7D7F82;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.newsInfoCont .newsInfoTitle {
	font-family: 'MiSans-Medium';
	font-size: 2rem;
	line-height: 2.55rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 1.375rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	/* text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; */
}

.newsInfoCont p {
	font-family: 'MiSans-Medium';
	font-size: 1.0625rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.65rem;
	letter-spacing: 0px;
	color: #ffffff;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.newsInfoTime {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.25rem;
}

.newsInfoTime .time {
	font-family: 'MiSans-Medium';
	font-size: 1.0625rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6875rem;
	letter-spacing: 0rem;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newsInfoTime .time img {
	margin-right: 0.5rem;
	width: 1.125rem;
	min-width: 12px;
}

.newsInfoTime span {
	padding: 0.375rem 1.1875rem 0.375rem 0.5625rem;
	font-family: 'MiSans-Medium';
	font-size: 0.8125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #ffffff;
	background: #61B946;
	border-radius: 0.375rem;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	box-sizing: border-box;
	border: 1px solid #7D7F82;
}

.newsInfoList li:hover .newsInfoTime span {
	border: 1px solid #ffffff;
	background: none;
	background: rgba(97, 185, 70, 0);
}

.newsInfoPic {
	/* position: absolute;
  right: 0; */
	width: 57.11%;
	background: #ECECEC;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	/* display: flex;
  align-items: center; */
}

.newsInfoList li:hover .newsInfoPic {
	background: #ffffff;
}

.newsInfoPic img {
	width: 100%;
}

/* Memberships */

.membershipItem {
	height: 9rem;
	background: #ffffff;
}

.membershipCont {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 9rem;
}

.membershipCont .membershipTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.8125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.125rem;
	color: #4b4f54;
}

.membershipsList {
	width: calc(100% - 15rem);
	/* display: flex;
	justify-content: space-between;
	align-items: center; */
	margin-left: 1%;
}

.membershipsList li {
	float: left;
	margin: 1rem 0.85rem;
}

.membershipsList li a {
	display: block;
}

.membershipsList li a img {
	width: auto;
	height: 2.5rem;
}

/* footer */

.footerCont {
	background: #ECECEC;
	padding-top: 2.25rem;
}

.searchForm div {
	position: relative;
}

.searchForm .searchFormBtn {
	width: 3.375rem;
	height: 100%;
	background: url('../images/search.png')no-repeat;
	background-size: 1.625rem auto;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 0;
}

.lookingFor {
	display: flex;
	flex-direction: column;
	padding-bottom: 3rem;
}

.lookingFor .lookingForTips {
	align-self: flex-end;
	font-family: 'MiSans-Medium';
	font-size: 1.25rem;
	line-height: 1.6875rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
	margin-bottom: 0.875rem;
	font-weight: bold;
}

.lookingFor p {
	align-self: flex-end;
	font-family: 'MiSans-Medium';
	font-size: 0.875rem;
	line-height: 1.6875rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
	margin-bottom: 0.875rem;
}

.searchForm {
	align-self: flex-end;
}

.searchForm .formText {
	font-family: 'MiSans-Medium';
	font-size: 14px;
	width: 34.5625rem;
	height: 2.9rem;
	line-height: 2.9rem;
	border: 2px solid #C2C3C5;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
	box-sizing: border-box;
	padding-left: 2.4rem;
	padding-right: 3.125rem;
}

.searchForm .formText::-webkit-input-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 14px;
	height: 2.9rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
}

.searchForm .formText:-moz-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 14px;
	height: 2.9rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
}

.searchForm .formText::-moz-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 14px;
	height: 2.9rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
}

.searchForm .formText:-ms-input-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 14px;
	height: 2.9rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
}

.linkCont {
	padding-top: 1.5625rem;
	overflow: hidden;
	padding-bottom: 1rem;
	border-top: 1px solid #989A9C;
}

.linkBottomItem {
	margin-right: 13.7%;
	float: left;
}

.linkBottomItem .linkTitle {
	font-size: 1.25rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6875rem;
	letter-spacing: 0.0625rem;
	color: #61b946;
	margin-bottom: 1.2rem;
}

.linkBottomItem a {
	display: block;
	font-family: 'MiSans-Medium';
	font-size: 0.875rem;
	font-weight: normal;
	font-stretch: normal;
	/* line-height: 1.6875rem; */
	letter-spacing: 0.0625rem;
	color: #4b4f54;
	margin-bottom: 0.8rem;
}

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

.futureToday {
	width: 100%;
	height: 53px;
	background-color: #61b946;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 1rem 1.5rem;
}

.futureToday .commonContainer {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.futureToday .futureTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.125rem;
	letter-spacing: 0.0625rem;
	color: #ffffff;
	display: flex;
	align-items: center;
}

.futureToday .futureTitle a {
	color: #ffffff;
}

.futureToday .socializeList {
	margin-left: 0.75rem;
	display: flex;
}

.socializeList li {
	margin: 0 0.625rem;
}

.socializeList li:last-child {
	margin-right: 0;
}

.socializeList li a {
	display: block;
}

.siteMapCont {
	background: #ffffff;
}

.siteMapCont .siteMap {
	display: flex;
}

.siteMapCont li {
	height: 1.5rem;
}

.siteMapCont .commonContainer {
	height: 3.4375rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.siteMapCont li a {
	display: block;
	font-family: 'MiSans-Medium';
	font-size: 0.875rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6875rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
	padding: 0 1.125rem;
}

.siteMapCont li a:hover {
	text-decoration: underline;
}

.siteMapCont li:first-child a {
	padding-left: 0;
}

.siteMapCont li {
	border-right: 2px solid #A1A3A5;
}

.siteMapCont li:last-child {
	border: none;
}

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

.copyRight img {
	margin-top: -0.25rem;
	width: 70px;
	margin-right: 1.125rem;
}

.copyRight span {
	font-family: 'MiSans-Medium';
	font-size: 0.875rem;
	line-height: 1.6875rem;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
}

/* Data Center Infrastructure */

.commonBanner {
	position: relative;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: #909194;
	overflow: hidden;
}

.commonBanner img {
	width: 100%;
}

.commonBanner .commonIntro {
	width: 100%;
	max-width: 82rem;
	position: absolute;
	bottom: 2.4375rem;
	left: 50%;
	transform: translateX(-50%);
}

.commonIntro .bannerTitle {
	font-family: 'MiSans-Medium';
	font-size: 3.1875rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #ffffff;
	text-align: center;
	margin-bottom: 1.25rem;
}

.commonIntro .bannerCont {
	font-family: 'MiSans-Medium';
	font-size: 1.8125rem;
	letter-spacing: 0rem;
	color: #ffffff;
	text-align: center;
}

.dataCenterItem {
	padding-top: 7.5rem;
	padding-bottom: 6.5rem;
}

.dataCenterItem .dataList {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.dataList li {
	margin-right: 1.875rem;
	position: relative;
}

.dataList li:last-child {
	margin-right: 0;
}

.dataList li a {
	display: block;
	width: 100%;
	height: 100%;
}

.dataList li img {
	width: 100%;
	height: 100%;
}

.dataList .dataBottom {
	font-family: 'MiSans-Medium';
	font-size: 1.7375rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	padding: 0 2.1875rem;
	box-sizing: border-box;
	max-height: 43.6%;
	height: 10.2375rem;
	background: rgba(62, 67, 73, 0.8);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.dataList li:hover .dataBottom {
	background: rgba(119, 189, 33, 0.8);
}

/* Why Vericom */

.vericomItem {
	padding-top: 3.4375rem;
	padding-bottom: 4.5rem;
	background: #BEDD96;
}

.commonItem.vericomItem h2 {
	color: #ffffff;
	font-size: 3.5rem;
}

.vericomList {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.vericomList li {
	width: 27.3%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.vericomBox .imgBox {
	width: 100%;
	min-height: 9.2rem;
	/* display: flex;
  justify-content: center;
  align-items: center; */
	/* margin-bottom: 0.875rem; */
	position: relative;
}

.vericomBox .imgBox img {
	display: block;
	margin: 0 auto;
}

.vericomBox.flexibility .turnImg img {
	width: 7.6875rem;
}

.vericomBox .vericomTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.25rem;
	letter-spacing: 0rem;
	color: #ffffff;
	text-align: center;
	margin-bottom: 2rem;
}

.vericomBox .vericomIntro {
	width: 100%;
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	line-height: 1.6875rem;
	letter-spacing: 0rem;
	color: #ffffff;
	text-align: center;
}

.flexibility .turnImg {
	width: 7.6875rem;
	height: 7.6875rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	transition: transform 1s ease-out;
	transform-origin: 50% 58.8%;
	-ms-transform-origin: 50% 58.8%;
	/* IE 9 */
	-webkit-transform-origin: 50% 58.8%;
	/* Safari 和 Chrome */
	-moz-transform-origin: 50% 58.8%;
	/* Firefox */
	-o-transform-origin: 50% 58.8%;
	/* Opera */
}

/* .flexibility .imgBox img{
  transition: transform 1s ease-out;
} */

.flexibility:hover .turnImg {
	transform: rotateZ(360deg);
}

.efficiency .imgBox {
	position: relative;
}

.efficiency .imgBox>img {
	width: 4.5rem;
}

.batteryImg {
	position: absolute;
	left: 50%;
	transform: translateX(-51.5%);
	bottom: 2rem;
	overflow: hidden;
}

.batteryImg img {
	width: 3.5625rem;
}

.efficiency:hover .batteryImg img {
	animation: charge 2.5s steps(5) infinite;
}

@keyframes charge {
	from {
		margin-top: -5rem;
	}
	to {
		margin-top: 1.25rem;
	}
}

.videoItem {
	padding-top: 5.625rem;
	padding-bottom: 5.3125rem;
}

.videoCenter {
	height: 26.5rem;
	background: #D9D9D9;
}

.videoCenter.networkVideoCenter {
	background: #ffffff;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	width: 5.625rem;
	height: 5.625rem;
	display: block;
	margin-top: -3rem;
	cursor: pointer;
	z-index: 10;
}

.jsmodern-video-volumeline, .jsmodern-video-pass {
	background: #76BD1D !important;
}

.VideoBtn img {
	width: 100%;
}

.videoCenter .videoIntro, .videoCenter .videoCont {
	width: 50%;
	float: left;
	height: 100%;
}

#video {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: black;
}

#video .jsmodern-video {
	width: 100% !important;
	height: 100% !important;
	;
}

#video .jsmodern-video video {
	width: 100% !important;
	height: 100% !important;
}

.videoIntro {
	padding: 4rem 6.25rem 0;
}

.networkVideoIntro {
	box-sizing: border-box;
	padding-left: 5%;
	width: 50%;
	float: left;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vericomBox.locked img {
	width: 6.3125rem;
	position: absolute;
	bottom: 0.625rem;
	left: 50%;
	transform: translateX(-50%);
}

.vericomBox.locked .notLock {
	display: block;
}

.vericomBox.locked .hasLock {
	display: none;
}

.vericomBox.locked:hover .notLock {
	display: none;
}

.vericomBox.locked:hover .hasLock {
	display: block;
}

.videoCenter .videoTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.25rem;
	letter-spacing: 0rem;
	color: #4b4f54;
	margin-bottom: 2.8125rem;
}

.jsmodern-video-panel {
	width: 100% !important;
	max-width: 1170px;
}

.videoCenter p {
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	letter-spacing: 0px;
	color: #4b4f54;
	margin-bottom: 1.5625rem;
}

.videoCenter .watchBtn {
	margin-top: 1.8rem;
	width: 6rem;
	height: 3rem;
	background: #76BD1D;
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 3rem;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.commonItem .section-title h2 span{
	color: #6AAC1E;
	font-style: normal;
	font-weight: 500;
}
.energyStorageItem{
	margin-top: 90px;
}
.energyStorageLeft{
	float: left;
	width: 440px;
	height: 404px;
	position: relative;
}
.energyStorageLeft .bg{
	position: absolute;
	left: 20px;
	top: 20px;
}

.energyStorageRight{
	float: right;
	width: calc(100% - 440px);
	position: relative;
}
.energyStorageConBg{
	background-color: #000;
	margin-top: 21px;
	position: inherit;
	padding: 70px 30px;
	height: 353px;
}
.energyStorageConBg p{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
}
.energyStorageRight .bg{
	position: absolute;
	right: -20px;
	bottom: -20px;
}










/* Smart City Solutions */

.operationModeItem {
	padding-top: 4.375rem;
	padding-bottom: 3.875rem;
}

.operationMode {
	/* max-width: 64.125rem; */
	margin: 0 auto;
}

.operationMode {
	width: 100%;
}

.operationMode ul {
	display: flex;
	justify-content: center;
}

.operationList li .operationBg {
	width: 19.25rem;
	height: 19.4375rem;
	background: url(../images/city/modeBg.png)no-repeat;
	background-size: 100% 100%;
	margin-left: 4.875rem;
	float: left;
	z-index: 9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.operationList li {
	position: relative;
}

/* .operationList li:first-child {
  margin-left: 3rem;
} */

.operationList li::after {
	content: "";
	display: block;
	width: 13.3125rem;
	height: 10.9375rem;
	position: absolute;
	top: 2.35rem;
	right: -7.4rem;
	background: url('../images/city/modeConnect.png')no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}

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

.operationList .operationBox {
	width: 15.625rem;
	height: 15.625rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.operationList li:hover .operationBg {
	transform: scale(1.08);
}

.operationBox img {
	width: 5.0625rem;
	margin: 0 auto 0.625rem;
}

.operationBox p {
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	line-height: 1.6875rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

/* Core Platform - Core Solutions */

.coreItem {
	padding-top: 1rem;
	padding-bottom: 1.7rem;
	background: #E1E1E1;
}

.coreItem .commonContainer .phoneShow {
	display: none;
	justify-content: center;
}

.corePlatform {
	margin-right: 5.9375rem;
}

.coreTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #4b4f54;
	text-align: center;
	margin-bottom: 3.25rem;
}

.coreSolutions .coreImg {
	padding-top: 1.4375rem;
}

.coreItem .coreImg img {
	display: block;
	margin: 0 auto;
}

.circuitDiagramItem {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.circuitDiagramBg {
	max-width: 100%;
	width: 80rem;
	margin: 0 auto;
	position: relative;
}

.siteList li {
	width: 6.875rem;
	height: 6.5625rem;
	position: absolute;
	transform: translate(-50%, -50%);
	/* background-color: rgba(255, 0, 0, 0.411); */
}

.siteList li span {
	margin-top: -25%;
	font-family: 'MiSans-Medium';
	font-size: 1.125rem;
	line-height: 1.6875rem;
	letter-spacing: 0rem;
	color: #ffffff;
	padding: 0.3125rem;
	background: #4A4F55;
	border-radius: 0.3125rem;
	position: absolute;
	top: -2.6rem;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	-ms-transition: all 0.45s;
	transition: all 0.45s;
}

.siteList li .siteBox {
	width: 6.875rem;
	height: 6.5625rem;
	/* background: #4a4f5567; */
	margin: 0 auto;
	position: relative;
}

.siteList li .siteBox:hover span {
	margin-top: 0%;
	opacity: 1;
}

.siteList li:first-child {
	left: 25%;
	top: 19.3%
}

.siteList li:nth-child(2) {
	left: 7.7%;
	top: 44.5%;
}

.siteList li:nth-child(3) {
	left: 11.3%;
	top: 68%;
}

.siteList li:nth-child(4) {
	left: 26.2%;
	top: 87.7%;
}

.siteList li:nth-child(5) {
	left: 49.7%;
	top: 85.5%;
}

.siteList li:nth-child(6) {
	left: 67.8%;
	top: 80%;
}

.siteList li:nth-child(7) {
	left: 78.5%;
	top: 61.5%;
}

.siteList li:nth-child(8) {
	left: 65.5%;
	top: 60%;
}

.siteList li:nth-child(9) {
	left: 26.5%;
	top: 55%;
}

.networkSolutionItem {
	padding-top: 7.5rem;
	padding-bottom: 6.5rem;
}

.networkSolutionItem .networkSolutionList {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.networkSolutionList li {
	margin-right: 1.875rem;
	position: relative;
}

.networkSolutionList li:last-child {
	margin-right: 0;
}

.networkSolutionList li a {
	display: block;
	width: 100%;
	height: 100%;
}

.networkSolutionList li img {
	width: 100%;
	height: 100%;
}

.networkSolutionList .networkSolutionBottom {
	font-family: 'MiSans-Medium';
	font-size: 1.9375rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 2.1875rem;
	box-sizing: border-box;
	/* max-height: 21.67%; */
	height: 5.1875rem;
	background: rgba(62, 67, 73, 0.8);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.networkSolutionList li:hover .networkSolutionBottom {
	background: rgba(119, 189, 33, 0.8);
}

.networkCommonIntro {
	max-width: 23.6%;
	position: absolute;
	right: -4%;
	transform: translate(-50%, -50%);
	top: 50%;
}

.networkCommonIntro .networkBannerTitle {
	font-family: 'MiSans-Medium';
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #2e4171;
	margin-bottom: 1rem;
}

.networkCommonIntro .networkBannerCont {
	font-family: 'MiSans-Medium';
	font-size: 1.5rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6875rem;
	letter-spacing: 0rem;
	color: #2e4171;
}

/* system */

.systemItem {
	background: #D9ECBF;
	padding-top: 3.125rem;
	padding: 2.8125rem;
	width: 100%;
	overflow: hidden;
}

.systemItem .commonContainer {
	box-sizing: border-box;
	padding: 0 7.7%;
}

.systemIntro {
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6875rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

.systemBg {
	width: 71.53%;
	margin: 5rem auto 0;
	position: relative;
}

.systemBg img {
	width: 100%;
}

.systemSiteList li {
	width: 2.25rem;
	height: 2.25rem;
	position: absolute;
	transform: translate(-50%, -50%);
}

.systemSiteList .systemSiteBox {
	position: relative;
}

.systemSiteBox .systemSite {
	cursor: pointer;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	font-family: 'MiSans-Medium';
	text-align: center;
	font-size: 1.375rem;
	line-height: 2.25rem;
	letter-spacing: 0px;
	color: #ffffff;
	background: #76BD1D;
}

.systemSiteBox span {
	pointer-events: none;
	cursor: default;
	position: absolute;
	font-family: 'MiSans-Medium';
	font-size: 1.375rem;
	line-height: 2.5rem;
	letter-spacing: 0px;
	color: #77bc1f;
	white-space: nowrap;
	top: 50%;
	opacity: 0;
}

.systemSiteBox:hover span {
	opacity: 1;
}

.systemSiteA span {
	left: -56%;
	transform: translate(50%, -50%);
	top: 10%;
}

.systemSiteB span {
	transform: translate(-50%, -50%);
	top: -94%;
	right: -67%;
}

.systemSiteC span {
	transform: translate(-50%, -50%);
	top: -18%;
	right: -143%;
}

.systemSiteD span {
	transform: translate(-50%, -50%);
	top: 38%;
	right: 0;
}

.systemSiteE span {
	transform: translate(-50%, 50%);
	right: -174%;
	top: 90%;
}

.systemSiteF span {
	left: -100%;
	transform: translate(50%, -50%);
}

.systemSiteList li:first-child {
	position: absolute;
	top: 14.5%;
	right: 6.5%;
}

.systemSiteList li:nth-child(2) {
	position: absolute;
	top: 29.5%;
	right: 24.5%
}

.systemSiteList li:nth-child(3) {
	position: absolute;
	top: 47.5%;
	right: 26.5%;
}

.systemSiteList li:nth-child(4) {
	position: absolute;
	top: 53.6%;
	right: 35%;
}

.systemSiteList li:nth-child(5) {
	position: absolute;
	top: 88.8%;
	right: 18.2%;
}

.systemSiteList li:nth-child(6) {
	position: absolute;
	top: 54.5%;
	right: 76.2%;
}

.systemSiteBox.systemSiteRight span {
	margin-left: -100%;
}

.systemSiteBox.systemSiteRight:hover span {
	opacity: 1;
	margin-left: 0;
}

.systemSiteBox.systemSiteLeft span {
	margin-right: -100%;
}

.systemSiteBox.systemSiteLeft:hover span {
	opacity: 1;
	margin-right: 0;
}

/* research */

.researchItem {
	padding-top: 4.625rem;
	padding-bottom: 5.625rem;
}

.researchIntro {
	font-size: 1.5625rem;
	letter-spacing: 0rem;
	color: #4b4f54;
}

.researchPic {
	padding-top: 3.25rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.researchPic img {
	width: 49.4%;
}

.researchCarousel {
	margin-top: 3.4375rem;
	overflow: hidden;
}

.researchSlide {
	position: relative;
}

.researchBox {
	position: absolute;
	top: 3.5625rem;
	left: 4.125rem;
	width: 34.875rem;
	min-height: 15rem;
	background-color: #ffffff;
	box-shadow: 0rem 0.375rem 0.375rem 0rem rgba(14, 6, 11, 0.21);
	box-sizing: border-box;
	padding-left: 2.125rem;
	padding-right: 2rem;
	padding-top: 1.1875rem;
	padding-bottom: 1.1875rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.researchBox .address {
	font-size: 1.5625rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #4b4f54;
	font-family: 'MiSans-Medium';
}

.researchBox p {
	font-family: 'MiSans-Medium';
	font-size: 1.125rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.6875rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

.capabilitySlide img {
	width: 100%;
}

.swiper-container.researchCarousel .swiper-pagination {
	text-align: right;
	padding-right: 5.25rem;
	bottom: 2.2857rem;
}

/*join us */

.ourTeamItem {
	padding-top: 5rem;
	padding-bottom: 4.875rem;
}

.joinUsIntro {
	max-width: 30.6%;
	position: absolute;
	right: -1%;
	transform: translate(-50%, -50%);
	top: 54%;
}

.joinUsIntro .joinUsBannerTitle {
	font-family: 'MiSans-Medium';
	font-size: 3.1875rem;
	line-height: 3.75rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 0.4rem;
}

.joinUsIntro .joinUsBannerCont {
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	letter-spacing: 0px;
	color: #ffffff;
}

/* HEAR FROM OUR TEAM */

.teamListCarousel {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 6.5rem;
}

.teamListCarousel .teamSlide {
	/* width: 32.2%; */
	padding: 0 2%;
}

.teamListCarousel .teamSlide a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

.teamListCarousel.item {
	width: 100%;
}

.teamSwiper {
	position: relative;
}

.teamSwiper .swiper-button-next, .teamSwiper .swiper-button-prev {
	margin-top: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.0714rem;
	height: 2.0714rem;
}

.teamSwiper .swiper-button-prev {
	width: 2.0714rem;
	height: 2.0714rem;
	left: -2.8rem;
	background: url(../images/product/leftBtn.png)no-repeat;
	background-size: 100% 100%;
}

.teamSwiper .swiper-button-next {
	width: 2.0714rem;
	height: 2.0714rem;
	right: -2.8rem;
	background: url(../images/product/rightBtn.png)no-repeat;
	background-size: 100% 100%;
}

.warrantyBox .swiper-button-next, .warrantyBox .swiper-button-prev {
	margin-top: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.0714rem;
	height: 2.0714rem;
}

.warrantyBox .swiper-button-prev {
	width: 2.0714rem;
	height: 2.0714rem;
	left: -2.8rem;
	background: url(../images/product/leftBtn.png)no-repeat;
	background-size: 100% 100%;
}

.warrantyBox .swiper-button-next {
	width: 2.0714rem;
	height: 2.0714rem;
	right: -2.8rem;
	background: url(../images/product/rightBtn.png)no-repeat;
	background-size: 100% 100%;
}

.warrantyBox {
	position: relative;
}

.teamPic {
	width: 100%;
	/* height: 16.25rem; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.teamPic img {
	width: 100%;
	height: auto;
	max-height: 100%;
}

.teamBottom {
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 6.25rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	background: #70C058;
	background-size: 100% auto;
	background-position: bottom center;
	font-size: 2rem;
	text-align: center;
	font-family: 'MiSans-Medium';
	letter-spacing: 0px;
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 1.6875rem;
	z-index: 9;
}

.teamInfoLine {
	display: flex;
	align-items: center;
	margin: 0.3125rem 0;
}

.teamInfoLine img {
	width: 2.1875rem;
	margin-right: 0.875rem;
}

.teamInfoLine span {
	font-family: 'MiSans-Medium';
	font-size: 1.375rem;
	letter-spacing: 0px;
	color: #ffffff;
}

.teamBottom img {
	max-width: 100%;
	height: auto;
	max-height: 90%;
}

.teamListCarousel .maskBox {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-image: linear-gradient(0deg, rgba(102, 102, 102, 0.75) 0%, rgba(3, 0, 0, 0.75) 100%); */
	background: rgba(110, 120, 128, 0.9);
	background-size: 100% 100%;
	transition: all 0.3s ease-in;
	box-sizing: border-box;
}

.teamListCarousel .maskBox p {
	font-family: 'MiSans-Medium';
	font-size: 1.5rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.maskBox span {
	display: block;
}

.teamListCarousel .teamSlide:hover .maskBox {
	opacity: 1;
}

.newsInfoItem {
	background: #ECECEC;
	padding-top: 3.4375rem;
	padding-bottom: 7.3125rem;
}

.teamMask {
	box-sizing: border-box;
	padding-top: 2.58rem;
	padding-left: 2.5rem;
	padding-right: 3.25rem;
}

.teamMask p {
	font-family: 'MiSans-Medium';
	font-size: 1.125rem;
	letter-spacing: 0rem;
	color: #ffffff;
}

.teamBox {
	margin-top: -100%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.teamListCarousel .teamSlide:hover .teamBox {
	margin-top: 0%;
}

/* we look for */

.lookForItem {
	width: 100%;
	overflow: hidden;
}

.lookForBg {
	height: 47.25rem;
	background: url(../images/JoinUs/JoinBg.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 10rem 0 18.875rem;
}

.lookForTitle {
	font-family: 'MiSans-Medium';
	font-size: 3.75rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 4.5rem;
}

.lookForList li {
	font-family: 'MiSans-Medium';
	font-size: 3rem;
	letter-spacing: 0px;
	color: #ffffff;
	position: relative;
	margin-left: 3rem;
}

.lookForList li::before {
	display: block;
	content: "";
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 50%;
	background-color: #ffffff;
	position: absolute;
	top: 1.35rem;
	left: -2.7rem;
}

.lookForCont {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.lookForCont .commonContainer {
	font-family: 'MiSans-Medium';
	font-size: 1.5rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #4b4f54;
}

.lookForCont a {
	color: #61b946;
}

/* Available Career Opportunities */

.jobItem {
	background-color: #C0E3B5;
	padding-top: 3.125rem;
	padding-bottom: 3rem;
	margin-bottom: 6.5rem;
}

.jobItem.commonItem h2 {
	margin-bottom: 1.5rem;
}

.jobList {
	overflow: hidden;
}

.jobList li {
	margin-top: 1.5rem;
	width: 32.13%;
	height: 7.375rem;
	background: #ffffff;
	margin-right: 1.8%;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	float: left;
	position: relative;
}

.jobList li:nth-child(3n) {
	margin-right: 0;
}

.jobList li p {
	font-family: 'MiSans-Medium';
	font-size: 1.5rem;
	letter-spacing: 0px;
	color: #4b4f54;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.jobList li:hover {
	background-color: #929190;
}

.jobList a {
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	padding-left: 2.625rem;
	padding-right: 6.25rem;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.jobList li:hover p {
	color: #ffffff;
}

.jobList .rightIcon {
	position: absolute;
	right: 2.9375rem;
	bottom: 1.3125rem;
	width: 2.25rem;
	height: 1.125rem;
	background: url(../images/JoinUs/right_g.png)no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.jobList li:hover .rightIcon {
	background: url(../images/JoinUs/right_w.png)no-repeat;
	background-size: 100% 100%;
}

/* system */

.MCIntro {
	width: 51.5625rem;
	background-color: #76bd1d;
	opacity: 0.8;
	max-width: 42.96%;
	position: absolute;
	right: -10.2%;
	transform: translate(-50%, -50%);
	top: 61.5%;
	padding: 3rem 3.4375rem 3.5rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.MCIntro .MCBannerTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.5rem;
	line-height: 3.25rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
}

.MCIntro .MCBannerCont {
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	letter-spacing: 0px;
	color: #ffffff;
}

.capabilityCarouselBox {
	width: 100%;
	height: 43rem;
}

.capabilityCarousel {
	width: 100%;
	max-width: 75rem;
	margin: 0 auto;
	overflow: hidden;
}

.capabilityItem .commonItem h2 {
	margin-bottom: 1.9375rem;
}

.capabilityIntro {
	width: 68.57%;
	max-width: 60.5625rem;
	margin: 2.5rem auto 0;
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1.5625rem;
	letter-spacing: 0rem;
	color: #4b4f54;
	padding-bottom: 4.75rem;
}

.dataDisplayBg {
	width: 100%;
	max-width: 75.5rem;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.dataDisplayList {
	/* overflow: hidden; */
	width: 100%;
	position: absolute;
	top: 4.33%;
	left: 0;
	box-sizing: border-box;
	padding-right: 0.5%;
}

.dataDisplayList li {
	float: left;
	cursor: pointer;
	width: 21.5%;
	height: 18rem;
	position: relative;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	margin: 0 1.88%;
}

.dataDisplayList li:first-child {
	margin-left: 1.98%;
	background: url(../images/system/circleItem1.png)no-repeat;
	background-size: 100% auto;
}

.dataDisplayList li:nth-child(2) {
	margin-left: 1.62%;
	background: url(../images/system/circleItem2.png)no-repeat;
	background-size: 100% auto;
}

.dataDisplayList li:nth-child(3) {
	margin-left: 2.24%;
	background: url(../images/system/circleItem3.png)no-repeat;
	background-size: 100% auto;
}

.dataDisplayList li:nth-child(4) {
	margin-left: 1.7%;
	background: url(../images/system/circleItem4.png)no-repeat;
	background-size: 100% auto;
	margin-right: 0;
	padding-right: 0.5%;
}

.dataDisplayList li:hover {
	transform: scale(1.09);
}

.dataDisplayItem {
	margin-top: 41%;
	transform: translateY(-50%);
}

.greenColorItem h3 span {
	color: #76bd1d;
}

.grayColorItem h3 span {
	color: #4a4f55;
}

.blueColorItem h3 span {
	color: #2494d8;
}

.dataDisplayItem h3 span {
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

.dataDisplayItem h3 {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	font-family: 'MiSans-Medium';
	font-size: 3rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #76bd1d;
	margin-left: 21%;
	transform: translateX(-50%);
	text-align: center;
}

.dataDisplayList li:nth-child(3) .dataDisplayItem h3 {
	margin-left: 32%;
}

.dataDisplayItem .unit {
	font-family: 'MiSans-Medium';
	font-weight: bold;
	font-size: 1.125rem;
	letter-spacing: -1px;
	color: #76bd1d;
}

.dataDisplayItem .dataNum p {
	font-family: 'MiSans-Medium';
	height: 38px;
	font-size: 1.125rem;
	letter-spacing: 0px;
	color: #76bd1d;
	text-align: center;
}

/* Quality & Certifications */

.qualityItem {
	padding-top: 5.9375rem;
	padding-bottom: 4rem;
}

.qualityIntroList {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding-bottom: 6.5rem;
	margin-top: 4rem;
}

.qualityIntroList li {
	width: 32.67%;
	margin-right: 0.988%;
}

.qualityIntroList li:nth-child(3n) {
	margin-right: 0;
}

.qualityIntroList li a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

.qualityIntroList .item {
	width: 100%;
}

.qualityPic {
	width: 100%;
	/* height: 16.25rem; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.qualityPic img {
	width: 100%;
	height: auto;
	max-height: 100%;
}

.qualityBottom {
	overflow: hidden;
	position: absolute;
	bottom: -4rem;
	left: 0;
	width: 100%;
	height: 3.375rem;
	background: #70C058;
	background-size: 100% auto;
	background-position: bottom center;
	font-size: 1.875rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-align: center;
	font-family: 'MiSans-Medium';
	letter-spacing: 0px;
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 1.6875rem;
	z-index: 9;
}

.qualityInfoLine {
	display: flex;
	align-items: center;
	margin: 0.3125rem 0;
}

.qualityInfoLine img {
	width: 2.1875rem;
	margin-right: 0.875rem;
}

.qualityBottom img {
	max-width: 100%;
	height: auto;
	max-height: 90%;
}

.qualityIntroList .maskBox {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-image: linear-gradient(0deg, rgba(102, 102, 102, 0.75) 0%, rgba(3, 0, 0, 0.75) 100%); */
	background: rgba(110, 120, 128, 0.9);
	background-size: 100% 100%;
	transition: all 0.3s ease-in;
	box-sizing: border-box;
}

.qualityIntroList .maskBox p {
	font-family: 'MiSans-Medium';
	font-size: 1.25rem;
	line-height: 1.6875rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}

.maskBox span {
	display: block;
}

.qualityIntroList li:hover .maskBox {
	opacity: 1;
}

.newsInfoItem {
	background: #ECECEC;
	padding-top: 3.4375rem;
	padding-bottom: 7.3125rem;
}

.qualityMask {
	box-sizing: border-box;
	padding-left: 2.5rem;
	padding-right: 3.25rem;
	display: flex;
	align-items: center;
}

.qualityMask p {
	font-family: 'MiSans-Medium';
	font-size: 1.125rem;
	letter-spacing: 0rem;
	color: #ffffff;
}

.qualityBox {
	margin-top: -100%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.qualityIntroList li:hover .qualityBox {
	margin-top: 0%;
}

/* Manufacturing Capabilities */

.capabilityItem {
	margin-top: 6.5rem;
	background-color: #ececec;
	box-sizing: border-box;
	padding-top: 4.0625rem;
	padding-bottom: 4.5rem;
}

.qualityList {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 0.5rem;
}

.qualityList li {
	width: 12.5rem;
	height: 12.1875rem;
	background: url(../images/system/QCbg.png)no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.75rem;
}

.qualityList li img {
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.qualityList li:nth-child(1) img {
	width: 4.8125rem;
}

.qualityList li:nth-child(2) img {
	width: 4.375rem;
}

.qualityList li:nth-child(3) img {
	width: 4.375rem;
}

.qualityList li:nth-child(4) img {
	width: 4.3125rem;
}

.qualityList li:hover img {
	transform: scale(1.15);
}

/* The Future of 
Technology – Today. */

.introduceIntro {
	width: 31.6429rem;
	/* max-width: 23.6%; */
	position: absolute;
	right: 24%;
	transform: translate(50%, -50%);
	top: 50%;
}

.introduceBannerTitle {
	font-family: 'MiSans-Medium';
	font-size: 3.1875rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
}

/* ABOUT  VERICOM */

.aboutVericomItem {
	padding-top: 6.1429rem;
	padding-bottom: 5.5rem;
	display: flex;
	justify-content: space-between;
}

.aboutVericomItem .commonContainer {
	/* background-color: #61b946; */
	/* display: flex;
	justify-content: space-between; */
}

.VericomBg {
	width: 51.66%;
	float: left;
}

.VericomBg img {
	width: 100%;
	height: auto;
}

.VericomIntro {
	float: right;
	width: 46.98%;
	background-color: #61b946;
	padding: 2.5rem;
	height: 100%;
}

.VericomIntroCont p {
	/* max-width: 42.4286rem; */
	width: 100%;
	font-family: 'MiSans-Medium';
	font-size: 1.35rem;
	letter-spacing: 0rem;
	color: #ffffff;
	margin-bottom: 1.4286rem;
}

.VericomIntroCont p:last-child {
	margin-bottom: 0;
}

.VericomIntroTitle {
	font-family: 'MiSans-Medium';
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #ffffff;
	margin-bottom: 1.4286rem;
}

.ourStoryList {
	display: flex;
	justify-content: space-between;
	max-width: 95.5rem;
	margin: 0 auto;
}

.ourStoryItem {
	padding-bottom: 6.4286rem;
}

.ourStoryList li {
	width: 24.68%;
	height: 19.6429rem;
	border: 0.5rem solid transparent;
	background-color: #ffffff;
}

.ourStoryList .storyBox {
	border: solid 1px #000000;
	height: 100%;
	-webkit-box-shadow: 0.5rem 0.5rem 0 #e9e9e9;
	-moz-box-shadow: 0.5rem 0.5rem 0 #e9e9e9;
	-o-box-shadow: 0.5rem 0.5rem 0 #e9e9e9;
	-ms-box-shadow: 0.5rem 0.5rem 0 #e9e9e9;
	box-shadow: 0.5rem 0.5rem 0 #e9e9e9;
}

.ourStoryList .storyItem {
	padding-top: 1.2rem;
	padding-left: 2.6429rem;
	padding-right: 2.6429rem;
	padding-bottom: 2.7143rem;
	border-top: 0.5714rem solid transparent;
}

.storyItem p {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	line-height: 1.9286rem;
	color: #8b8c8d;
}

.storyTitle {
	text-align: center;
	font-size: 2.5714rem;
	font-weight: bold;
	letter-spacing: 0rem;
	margin-bottom: 0.5rem;
}

.ourStoryList li:hover {
	border: 0.5rem solid #e9e9e9;
}

.ourStoryList li:hover .storyItem {
	border-top: 0.5714rem solid #61b946;
}

.storyItem.colorTitle1 .storyTitle {
	color: #ffc853;
}

.storyItem.colorTitle2 .storyTitle {
	color: #f99e4d;
}

.storyItem.colorTitle3 .storyTitle {
	color: #f76f6b;
}

.storyItem.colorTitle4 .storyTitle {
	color: #403345;
}

.companyHistoryItem {
	background-color: #ececec;
	padding-top: 3.5714rem;
}

.globalPresenceItem {
	padding-top: 5.3571rem;
	padding-bottom: 5.8rem;
}

.companyHistory {
	height: 64.5rem;
	/* height: 58.4286rem; */
	overflow-y: auto;
}

.historyContainer {
	max-width: 72.9286rem;
	width: 100%;
	margin: 0 auto;
}

.ageLimit {
	padding-top: 3rem;
	padding-bottom: 13.5rem;
}

.companyHistoryItem.commonItem h2 {
	margin-bottom: 2rem;
}

.ageLimit ul:before {
	display: block;
	content: "";
	background: url("../images/introduce/topLine.png")no-repeat;
	background-size: 100% 100%;
	width: 2.9286rem;
	height: 2.6429rem;
	position: absolute;
	top: -2.7143rem;
	left: 50%;
	transform: translateX(-50%);
}

.ageLimit ul {
	position: relative;
	background: url("../images/introduce/line.png")repeat-y top center;
	background-size: 1.4286rem auto;
	/* padding-bottom: 11rem; */
}

.clearfix-time {
	display: block;
	zoom: 1;
}

.ageLimit li:before {
	background: url(../images/introduce/circle.png) no-repeat top center;
	background-size: 100% 100%;
	left: -19.76%;
	top: 50%;
	transform: translateY(-50%);
	right: auto;
	content: "";
	display: block;
	position: absolute;
	width: 1.4286rem;
	height: 1.4286rem;
}

.ageLimit .wrapper {
	position: relative;
}

.ageLimit .wrapper:before {
	background: url(../images/introduce/bottomLine.png) no-repeat top center;
	background-color: #ececec;
	background-size: 100% 100%;
	left: 50%;
	bottom: -9.2143rem;
	transform: translateX(-50%);
	right: auto;
	content: "";
	display: block;
	position: absolute;
	width: 2.9286rem;
	height: 12.2143rem;
	z-index: 9;
}

.ageLimit li:nth-child(2n):before {
	background: url(../images/introduce/circle.png) no-repeat top center;
	background-size: 100% 100%;
	right: -20.2%;
	top: 50%;
	left: auto;
	content: "";
	display: block;
	position: absolute;
	width: 1.4286rem;
	height: 1.4286rem;
}

.ageLimit li:nth-child(2n) .yearCont {
	text-align: left;
}

.ageLimit li:nth-child(2n-1) .yearCont {
	text-align: left;
}

.ageLimit li:last-child:before {
	display: none;
}

.yearItem .yearCont:before {
	display: block;
	content: "";
	width: 1.5rem;
	height: 2.8571rem;
	background: url(../images/introduce/right.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	right: auto;
	left: -2.5rem;
	transform: translate(-50%, -50%);
}

.ageLimit li:nth-child(2n) .yearCont:before {
	display: block;
	content: "";
	width: 1.5rem;
	height: 2.8571rem;
	background: url(../images/introduce/left.png)no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: auto;
	right: -2.5rem;
	transform: translate(50%, -50%);
}

.yearItem .yearCont {
	width: 60%;
	/* min-width: 19.3571rem; */
	min-height: 4.68rem;
	padding: 1.2rem 0.5rem 1.2rem 1rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../images/introduce/circleBg.png)no-repeat;
	/* border: 0.2857rem solid #61B946;
	border-radius: 1.1429rem; */
	background-size: 100% 100%;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #4b4f54;
	position: relative;
	float: left;
}

.yearItem .year {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: -75%;
	left: auto;
	transform: translateY(-50%);
	font-family: 'MiSans-Medium';
	font-size: 5.4286rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #61b946;
}

.ageLimit li:nth-child(2n) .yearItem .year {
	left: -75%;
	right: auto;
}

.ageLimit li:nth-child(2n) .yearCont {
	float: right;
}

.ageLimit li .imgBox {
	margin-top: 1.1rem;
	/* width: 14.5rem;
	  height: 9.65rem; */
	float: right;
}

.ageLimit li .imgBox img {
	width: 100%;
	height: 100%;
}

.ageLimit li p {
	color: #ffffff;
	font-size: 1rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.45rem;
	letter-spacing: 0rem;
	/* overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 3; */
}

.clearfix-time:after {
	content: '\20';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.ageLimit li:first-child {
	margin-top: 1.9rem;
}

.ageLimit li {
	width: 42.5%;
	position: relative;
	float: right;
	text-align: left;
	margin-top: 13.2rem;
}

.ageLimit li:nth-child(2n) {
	float: left;
	text-align: right;
	margin-top: 14.3rem;
}

.globalContainer {
	padding-top: 13.2143rem;
}

.globalMapBg {
	max-width: 100%;
	width: 90.4286rem;
	margin: 0 auto;
	position: relative;
}

.mapSiteList li {
	cursor: pointer;
}

.mapSiteList li .siteBox {
	position: relative;
}

.mapSiteList li:first-child {
	position: absolute;
	width: 9.22%;
	transform: translate(-50%, -50%);
	top: 25.2%;
	left: 13.7%;
}

.mapSiteList li:nth-child(2) {
	position: absolute;
	width: 13.05%;
	transform: translate(-50%, -50%);
	top: 12.4%;
	left: 49.5%;
}

.mapSiteList li:nth-child(3) {
	position: absolute;
	width: 13.13%;
	transform: translate(50%, -50%);
	top: 27.4%;
	right: 28.7%;
}

.mapSiteList li .siteBox:hover .siteBoxCont {
	margin-left: 10%;
	transform: translate(-50%, -50%) scale(1.05);
	opacity: 1;
}

.siteBoxCont {
	pointer-events: none;
	cursor: default;
	width: 41.6429rem;
	height: 9rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.siteBoxCont .areaBox {
	width: 9rem;
	height: 9rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.siteBoxCont .areaBox h3 {
	font-family: 'MiSans-Medium';
	font-size: 1.7857rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #ffffff;
}

.siteBoxCont {
	background: url('../images/introduce/globalRight.png')no-repeat;
	background-size: 100% 100%;
	opacity: 0;
}

.AmericaCont.siteBoxCont, .EuropeCont.siteBoxCont {
	background: url('../images/introduce/globalLeft.png')no-repeat;
	background-size: 100% 100%;
}

.areaPresence {
	width: calc(100% - 9rem);
	padding: 0.5rem 1.7857rem 0.8rem;
}

.areaPresence .areaName {
	font-family: 'MiSans-Medium';
	font-size: 1.6429rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

.areaPresence .areaCont {
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	line-height: 1.7143rem;
	letter-spacing: 0rem;
	color: #4b4f54;
}

.AmericaCont.siteBoxCont {
	position: absolute;
	transform: translate(-50%, -50%);
	top: -149%;
	left: 134%;
}

.EuropeCont.siteBoxCont {
	position: absolute;
	transform: translate(-50%, -50%);
	top: -214%;
	left: 92%;
}

.AsiaCont.siteBoxCont {
	position: absolute;
	transform: translate(-50%, -50%);
	top: -279%;
	left: 107%;
}

/* Healthcare Facalities */

.healthcareIntro {
	max-width: 26%;
	position: absolute;
	right: 0;
	transform: translate(-50%, -50%);
	top: 50%;
}

.healthcareBanner .healthcareBannerTitle {
	font-family: 'MiSans-Medium';
	font-size: 3.6429rem;
	line-height: 4rem;
	letter-spacing: 0rem;
	color: #ffffff
}

.healthcareBanner .healthcareBannerCont {
	font-family: 'MiSans-Medium';
	font-size: 1.7857rem;
	letter-spacing: 0px;
	color: #ffffff;
}

.healthTrendItem {
	margin-top: 4.7857rem;
	margin-bottom: 5.8rem;
	position: relative;
}

.trendRight {
	position: relative;
}

.PoE-bg {
	margin: 1.5rem auto 0;
}

.PoE-bg img {
	display: block;
	/* max-width: 85.7143rem; */
}

.trendBg {
	padding-bottom: 0.5rem;
}

.trendRightBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #61B946;
	z-index: -1;
}

.healthTrendItem .commonContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


.pvimglist>ul>li{
	width: 100%;
	position: relative;
	height: 35rem;
	margin-bottom: 5rem;
}
.pvimglist ul li .img{
	height: 35rem;
	width: 99rem;
}
.inlist5img{
	width: 100%;
	height: 100%;
}
.pvimglist ul li .conDiv{
	position: absolute;
	right: 11rem;
	height: 27rem;
	width: 30rem;
	background-color: #7DDD4C;
	bottom: 0rem;
}
.pvimglist ul li .conDiv>div{
	padding: 2rem;
}
.pvimglist ul li .conDiv>div .title{
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 10px;
}
.pvimglist ul li .conDiv>div p{
	font-size: 24px;
	cursor:pointer;
}
.pvimglist ul li:nth-child(2) .img{
	float: right;

}
.pvimglist ul li:nth-child(2) .conDiv{
	right:unset;
	left: 11rem;
	padding: 4rem 2rem;
}
.pvimglist ul li:nth-child(2) .conDiv>div .title{
	margin-bottom: 20px;
}

.right_con{
	position: absolute;
	right: 0;
	background: #ffffff47;
	width: 50rem;
	height: 100%;

}
.right_con>div{
	height: 20rem;
	width: 35rem;
	margin: auto;
}
.right_con>div ul:nth-child(1){
	padding-top: 7.5rem;
}

.right_con>div ul li{
	position: unset;
	height: unset;
	color: #fff;
}
.right_con>div ul:nth-child(2){
	display: none;
	margin-top: 3.5rem;
}
.right_con>div ul li p{
	color: #fff;
	font-size: 2rem;
   	cursor:pointer;
	line-height: 48px;
}
.trendLeft {
    width: 70%;
}
.right_con>div ul li p span{
	font-size: 4rem;
	margin-right: 1.3rem;
}
.trendRight {
    width: 30%;
}

.trendBg .trendGif {
    display: none;
    opacity: 0;
}

.challengeIntro {
    font-family: 'MiSans-Medium';
    font-size: 1.7857rem;
    letter-spacing: 0px;
    color: #4b4f54;
}

.challengeItem {
    padding-bottom: 5rem;
}

.challengeCont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 3.5714rem;
}

.challengeList {
    width: 58.2%;
    margin-left: 6.3%;
}

.educationCont .challengeList {
    width: 100%;
    margin-left: 3%;
}

.challengeList li {
    position: relative;
    margin-bottom: 0.5714rem;
    font-family: 'MiSans-Medium';
    font-size: 1.6429rem;
    letter-spacing: 0px;
    color: #828487;
}

.challengeList li::before {
    display: block;
    content: "";
    position: absolute;
    top: 1rem;
    left: -1.55rem;
    transform: translate(-50%, -50%);
    width: 1.2143rem;
    height: 1.2143rem;
    background-color: #828487;
    border-radius: 50%;
}

.challengeList li:hover {
    color: #61b946;
}

.challengeList li:hover::before {
    background-color: #61b946;
}

.challengeCont img {
    width: 32.29%;
}

.trendGif {
    background: url('../images/healthcare/city.gif')no-repeat;
    background-size: auto 100%;
    height: 100%;
    width: 100%;
}

.trendRight .trendBg.trendGif {
    opacity: 1;
}

.trendRight .trendBg.trendGif {
    pointer-events: none;
    cursor: default;
    /* opacity: 0; */
}

.trendLeft .healthTrendTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.8571rem;
	font-weight: bold;
	color: #4b4f54;
	margin-bottom: 2.1429rem;
}

.trendLeft p {
	font-family: 'MiSans-Medium';
	font-size: 1.7857rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

/* whyVericomItem */

.whyVericomItem {
	background-color: #ececec;
	padding-top: 3.75rem;
	padding-bottom: 2.8571rem;
}

.whyVericomList {
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	flex-wrap: wrap;
	/* max-width: 64.2857rem; */
	margin: 0 auto;
	padding-top: 0.65rem;
}

.whyVericomList li {
	width: 30%;
	max-width: 23rem;
	min-width: 15.5rem;
	height: 29.5rem;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 2%;
	background-color: #ececec;
	border-radius: 0.7143rem;
	border: solid 1px #D0D0D1;
	padding: 0rem 0.6rem 1.4286rem;
}

/* 
.whyVericomList li:last-child {
	margin-right: 0;
} */

.whyVericomList li:hover {
	background-color: #ffffff;
}

.whyVericomList .topBox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: 3.4286rem;
	height: 12.2857rem;
	box-sizing: border-box;
	margin-bottom: 0.5rem;
}

.FeatureList {
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	flex-wrap: wrap;
	/* max-width: 64.2857rem; */
	margin: 0 auto;
	padding-top: 0.65rem;
}

.FeatureList li {
	width: 23%;
	max-width: 23rem;
	min-width: 15.5rem;
	height: 29.5rem;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 2%;
	background-color: #ececec;
	border-radius: 0.7143rem;
	border: solid 1px #D0D0D1;
	padding: 0rem 0.6rem 1.4286rem;
	overflow: hidden;
}
.FeatureList  li:hover {
	background-color: #ffffff;
}

.FeatureList.poeList li {
	height: auto;
}

/* 
.FeatureList li:last-child {
	margin-right: 0;
} */



.FeatureList .topBox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: 3.4286rem;
	/* height: 12.2857rem; */
	box-sizing: border-box;
	margin-bottom: 0.5rem;
}

.whyVericomList .topBox img {
	width: 5.6429rem;
	height: 5.5714rem;
}

.whyVericomList .topBox h3 {
	margin-top: 1.7857rem;
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	letter-spacing: 0px;
	color: #61b946;
	text-align: center;
}

.whyVericomList .whyVericomIntro {
	font-family: 'MiSans-Medium';
	font-size: 1.4rem;
	letter-spacing: 0rem;
	color: #4b4f54;
	text-align: center;
	height: calc(100% - 14rem);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 0.5rem;
}

.FeatureList .topBox img {
	width: 4.5rem;
	/* height: 5.5714rem; */
}
.FeatureListNew .topBox img {
	width: 5rem;
	position: relative;
	display: inline-block;
	transition: transform 1s ease-out;
}
.FeatureListNew >li:hover .topBox img{
	transform: rotateZ(360deg);
}
.FeatureList .topBox h3 {
	margin-top: 1.7857rem;
	font-family: 'MiSans-Medium';
	font-size: 1.65rem;
	letter-spacing: 0px;
	color: #61b946;
	text-align: center;
}
.show_detail{
	position: absolute;
	z-index: 2;
	left: 4rem;
	top: 6rem;

}
.show_detail_name{
	font-size: 1.75rem;
	margin-top: 2rem;
	text-align: center;
}
.show_detail img{
	display: none;
}
.showProduct ul li{
	transform: translate(-50%, -50%);
	position: absolute;
	opacity: 0;
	width: 3rem;
}

.showProduct ul li:hover{
	opacity: 1;
}
.showProduct ul li img:nth-child(1){
	width: 3rem;
}
.showProduct ul li img:nth-child(2){
	position: absolute;
	max-width: unset;
	top: 1.4rem;
	right: 2rem;
	height: 0.5rem;
}
.showProduct ul li:nth-child(1){
	left: 43rem;
	top: 18rem;
}
.showProduct ul li:nth-child(1) img:nth-child(2){
	width: 18rem;
}
.showProduct ul li:nth-child(2) img:nth-child(2){
	width: 26rem;
}
.showProduct ul li:nth-child(3) img:nth-child(2){
	width: 30rem;
}
.showProduct ul li:nth-child(4) img:nth-child(2){
	width: 49rem;
}
.showProduct ul li:nth-child(5) img:nth-child(2){
	width: 53rem;
}
.showProduct ul li:nth-child(2){
	left: 49rem;
	bottom: 19rem;
}
.showProduct ul li:nth-child(3){
	left: 53rem;
	bottom: 11rem;
}
.showProduct ul li:nth-child(4){
	left: 71rem;
	top: 11rem;

}
.showProduct ul li:nth-child(5){
	right: 23rem;
	bottom: 14rem;
}
.FeatureList .whyVericomIntro {
	font-family: 'MiSans-Medium';
	font-size: 1.3rem;
	letter-spacing: 0rem;
	color: #4b4f54;
	text-align: center;
	height: calc(100% - 14rem);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 0.5rem;
}

.healthcareSolutionItem {
	padding-top: 5.5rem;
	padding-bottom: 5.1429rem;
}

.healthcareSolutionCont {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	line-height: 1.9286rem;
	color: #7a7d81;
	padding-bottom: 5.7143rem;
}

.healthTabList {
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #4c4c4c;
	box-sizing: border-box;
	padding: 0 5%;
}

.healthTabList .caseTab {
	position: relative;
	width: 22.7%;
	text-align: center;
	min-width: 22.9286rem;
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #828487;
	line-height: 3rem;
	/* border-bottom: 0.2857rem solid transparent; */
}

.solutionList li:hover h3 {
	color: #61b946;
}

.healthTabList .caseTab.active {
	color: #61b946;
	/* border-bottom: 0.2857rem solid #61b946; */
}

.healthTabList .caseTab::after {
	content: "";
	height: 0.2857rem;
	width: 0;
	background-color: #91c131;
	position: absolute;
	left: 0;
	bottom: -1px;
	display: inline-block;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.healthTabList .caseTab.active::after {
	width: 100%;
}

.solutionCont {
	padding-top: 4.2857rem;
}

.solutionCont .solutionContItem {
	display: none;
}

.productCarouselBox, .caseCarouselBox {
	position: relative;
}

.productCarouselBox .swiper-button-next, .productCarouselBox .swiper-button-prev {
	margin-top: 0;
	position: absolute;
	top: 35%;
	transform: translateY(-50%);
	width: 2.0714rem;
	height: 2.0714rem;
}

.productCarouselBox .swiper-button-prev {
	width: 2.0714rem;
	height: 2.0714rem;
	left: -2.8rem;
	background: url(../images/product/leftBtn.png)no-repeat;
	background-size: 100% 100%;
}

.productCarouselBox .swiper-button-next {
	width: 2.0714rem;
	height: 2.0714rem;
	right: -2.8rem;
	background: url(../images/product/rightBtn.png)no-repeat;
	background-size: 100% 100%;
}

.caseCarouselBox .swiper-button-next, .caseCarouselBox .swiper-button-prev {
	margin-top: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.0714rem;
	height: 2.0714rem;
}

.caseCarouselBox .swiper-button-prev {
	width: 2.0714rem;
	height: 2.0714rem;
	left: -2.8rem;
	background: url(../images/product/leftBtn.png)no-repeat;
	background-size: 100% 100%;
}

.caseCarouselBox .swiper-button-next {
	width: 2.0714rem;
	height: 2.0714rem;
	right: -2.8rem;
	background: url(../images/product/rightBtn.png)no-repeat;
	background-size: 100% 100%;
}


.FeatureListNew li{
	width: 32%;
	max-width: 34rem;
	min-width: 15.5rem;
	height: 35.5rem;
	padding: 0rem 2.6rem 1.4286rem;
}
.FeatureListNew li .topBox h3{
	width: 20rem;

}
.FeatureListNew li .whyVericomIntro{
	height: unset;
	margin-top: 2.5rem;
	text-align: left;
}



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

.productSolution li {
	width: 24.5%;
	margin-bottom: 2.5rem;
	/* height: 16.7857rem; */
}

.caseCarouselBox .caseSlide {
	border: 1px solid #000000;
	position: relative;
	padding-bottom: 5.1429rem;
}

.caseStudy li {
	width: 22.85%;
	border: 1px solid #000000;
	margin-bottom: 2.5rem;
}

.solutionList .solvePic {
	width: 100%;
	/* height: 18.1429rem; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.solutionList .solvePic img {
	width: 100%;
}

.solutionList li a {
	display: block;
}

.productSolution h3 {
	font-size: 1.1429rem;
	letter-spacing: 0px;
	color: #4b4f54;
	margin-top: 1rem;
	text-align: center;
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.caseStudy li {
	position: relative;
	padding-bottom: 5.1429rem;
}

.caseStudyCont {
	padding: 1.7857rem 2.1429rem 0;
}

.caseStudy h3 {
	font-size: 16px;
	letter-spacing: 0px;
	color: #4b4f54;
	margin-bottom: 0.7143rem;
}

.caseStudyCont p {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #4b4f54;
	min-height: 3.5rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.caseStudy .learnMore {
	position: absolute;
	left: 2.2143rem;
	bottom: 2.2143rem;
	display: inline-block;
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	background-color: #61b946;
	border-radius: 0.2857rem;
	width: 7.1429rem;
	text-align: center;
	height: 2.2143rem;
	line-height: 2.2143rem;
}

.solveCont a {
	display: block;
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

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

/* product classification */

.commonProductBanner {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: #909194;
}

.commonProductBanner img {
	display: block;
	width: 100%;
}

.breadcrumbBox {
	width: 100%;
	box-sizing: border-box;
	padding: 2.65rem 0 1.6rem;
	overflow: hidden;
}

.breadcrumbBox a {
	display: inline-block;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0.0714rem;
	margin: 0 1rem;
	color: #747576;
	position: relative;
}

.breadcrumbBox a::after {
	display: block;
	content: "";
	width: 1px;
	height: 1rem;
	background-color: #828487;
	position: absolute;
	top: 50%;
	right: -1.0714rem;
	transform: translateY(-50%);
}

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

.breadcrumbBox .active, .breadcrumbBox a:last-child {
	color: #61b946;
}

.classifyTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.4286rem;
	letter-spacing: 0.1429rem;
	color: #61b946;
}

.productSearch {
	margin-top: 0.2857rem;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1.5714rem;
	border-bottom: 1px solid #CECFD0;
}

.productSearch .product {
	padding-top: 1.8571rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0rem;
	color: #828487;
}

.productSearchForm {
	position: relative;
	width: 29.8571rem;
	margin-bottom: 0.3571rem;
}

.productSearchForm .formText {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	width: 29.8571rem;
	height: 2.8571rem;
	background-color: #f7f5f5;
	border: solid 0.0714rem #CECFD0;
	letter-spacing: 0.0625rem;
	color: #4b4f54;
	border-radius: 0.1429rem;
	box-sizing: border-box;
	padding-left: 1.2857rem;
	padding-right: 3.4286rem;
}

.productSearchForm .searchFormBtn {
	width: 3.375rem;
	height: 100%;
	background: url(../images/product/search.png)no-repeat;
	background-size: 1.625rem auto;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 0;
}

.productSearchForm .formText {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0.0714rem;
	color: #8c8e91;
}

.productSearchForm .formText::-webkit-input-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0.0714rem;
	color: #8c8e91;
}

.productSearchForm .formText:-moz-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0.0714rem;
	color: #8c8e91;
}

.productSearchForm .formText::-moz-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0.0714rem;
	color: #8c8e91;
}

.productSearchForm .formText:-ms-input-placeholder {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0.0714rem;
	color: #8c8e91;
}

.switchColumnFlex {
	display: flex;
	flex-direction: column;
	padding-top: 1.5714rem;
	padding-bottom: 2.1429rem;
}

.searchBoxDetail .switchColumnFlex {
	max-width: 78.7857rem;
	width: 100%;
	margin: 0 auto;
	padding-top: 2.1429rem;
	padding-bottom: 2.1429rem;
}

.searchBoxDetail .switchColumnFlex .productListBtn {
	opacity: 0!important;
}

.productListBtn {
	position: relative;
	z-index: 9;
	cursor: pointer;
	width: 26px;
	height: 26px;
	align-self: flex-start;
	display: flex;
	align-items: center;
	display: none;
	background: url(../images/productBtn.png)no-repeat;
	background-size: 100% 100%;
	margin-left: 6px;
}

.switchColumnFlex .switchColumn {
	align-self: flex-end;
	display: flex;
	align-items: center;
}

.switchColumn span {
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	color: #828487;
	margin-right: 1.1429rem;
}

.switchColumnBox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 32px;
	border: solid 1px #CECFD0;
	box-sizing: border-box;
}

.switchColumnBox .switchType {
	width: 39px;
	height: 30px;
	cursor: pointer;
}

.switchColumnBox .switchBox1 {
	background: url(../images/product/type1.png)no-repeat;
	background-position: center center;
}

.switchColumnBox .switchBox2 {
	background: url(../images/product/type2.png)no-repeat;
	background-position: center center;
}

.switchColumnBox .switchBox1.active {
	background: url(../images/product/typeActive1.png)no-repeat;
	background-position: center center;
}

.switchColumnBox .switchBox2.active {
	background: url(../images/product/typeActive2.png)no-repeat;
	background-position: center center;
}

.switchColumnBox .switchType.active {
	background-color: #e9eaea;
}

.categoryDetail {
	overflow: hidden;
}

.categoryLeftBox {
	width: 20.7143rem;
	float: left;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.categoryLeftBox .categoryLeftTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	color: #61b946;
	padding-top: 0.2143rem;
	padding-bottom: 0.9286rem;
	box-sizing: border-box;
	padding: 0 1rem 1.1429rem;
	border-bottom: 0.1429rem solid #CECFD0;
	position: relative;
}

.categoryLeftTitle .close {
	display: none;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	background-size: cover;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.categoryList {
	margin-top: 1.4286rem;
}

/* list */

#accordion {
	width: 100%;
	/* overflow: hidden; */
	margin-top: 1.4286rem;
}

#accordion>li {
	width: 100%;
	/* height: 110px; */
	margin-bottom: 0.5rem;
	z-index: 1;
	background-color: #ececec;
}

#accordion>li .itemCont1 {
	width: 100%;
	display: none;
	/* padding: 10px 0; */
}

#accordion .item1 {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	/* height: 2.6429rem; */
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	line-height: 2rem;
	background-color: #61b946;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	color: #ffffff;
}

#accordion .icon1 {
	position: absolute;
	top: 50%;
	z-index: 999;
	transform: translateY(-50%);
	left: 0.5714rem;
	display: block;
	width: 0.7857rem;
	height: 0.7857rem;
	background: url("../images/product/right.png")no-repeat;
	background-size: auto 100%;
	background-position: center;
}

#accordion li.open .icon1 {
	background: url("../images/product/down.png")no-repeat;
	background-size: 100% auto;
	background-position: center;
}

.itemList1 {
	width: 100%;
	overflow: hidden;
}

.itemList1 li {
	box-sizing: border-box;
	width: 100%;
	/* height: 63px; */
	z-index: 9;
	padding: 0.5rem 1.0714rem 0.5rem 1.6429rem;
}

.itemList1 .item2 {
	box-sizing: border-box;
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	letter-spacing: 0px;
	color: #6d6f73;
}

.itemList1 .item2 a {}

.itemList2 {
	overflow: hidden;
}

#navList .item1>a {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

#accordion .item1 a, .itemList1 .item2 a, .itemList2 .item3 a {
	width: 100%;
	overflow: hidden;
	display: block;
	color: #717071;
}

#accordion .item1 a {
	color: #ffffff!important;
}

.itemList1>li .itemCont2 {
	display: none;
}

.itemCont1 li.open .item2 a {
	font-weight: bold;
}

.categoryRightBox {
	width: calc(100% - 20.7143rem);
	float: right;
	padding-bottom: 3.5714rem;
}

.searchDetail .categoryRightBox {
	float: none;
	max-width: 78.7857rem;
	width: 100%;
	margin: 0 auto;
}

.productList {
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: 5px;
}

.productBottom {
	width: 100%;
	box-sizing: border-box;
	padding-top: 1.2857rem;
	padding-left: 0.8571rem;
	padding-right: 1.7143rem;
}

.productList li>a {
	display: block;
}

.productList .imgType1 {
	width: 100%;
	display: block;
}

.productList .imgType2 {
	display: none;
}

.productList.productType2 .imgType2 {
	display: block;
}

.productList.productType2 .imgType1 {
	display: none;
}

.productList li {
	float: left;
	width: 32.34%;
	margin-left: 0.98%;
	background-color: #ffffff;
	margin-bottom: 1.7857rem;
	overflow: hidden;
}

.productList.productType2 li {
	width: 100%;
	min-height: 13rem;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CECFD0;
	margin-bottom: 0;
}

.productList.productType2 li:first-child {
	border-top: 1px solid #CECFD0;
}

.productList.productType2 .productBottom {
	width: calc(100% - 22.8571rem);
	padding-top: 2.3571rem;
	padding-bottom: 2.2857rem;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.productList.productType2 .viewMoreBox {
	margin-top: 0;
	display: flex;
	justify-content: flex-start;
}

.productList.productType2 .productDataSheet {
	margin-left: 4.2857rem;
}

.productList.productType2 li>a {
	width: 22.8571rem;
	height: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.productList.productType2 .productPic {
	height: 100%;
	overflow: hidden;
}

.productList.productType2 .productPic {
	border: none;
}

.productList .productPic {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 26rem;
	border: solid 1px #CECFD0;
	overflow: hidden;
}

.productList.productType2 .productPic {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22.8571rem;
	min-height: auto;
}

.productPic img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.productPic:hover img {
	transform: scale(1.09);
}

.categoryRightBox .productName {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #61b946;
}

.categoryRightBox li p {
	font-family: 'MiSans-Medium';
	font-size: 1.0714rem;
	letter-spacing: 0rem;
	color: #6c6c6c;
	margin-bottom: 0.75rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.productList.productType2 li p {
	margin-top: 0.3571rem;
}

.viewMoreBox {
	margin-top: 1.2857rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.viewMoreBox .viewMoreBtn {
	/* width: 7.1429rem;
	height: 2.2143rem; */
	padding: 0.55rem 0.85rem;
	background-color: #61b946;
	border-radius: 0.2857rem;
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	text-align: center;
	color: #ffffff;
}

.viewMoreBox a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.viewMoreBox img {
	width: 1.3571rem;
}

.viewMoreBox span {
	display: inline-block;
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	color: #61b946;
	margin-left: 0.9286rem;
}

.pageBox {
	margin-top: 6.4286rem;
	display: flex;
	justify-content: space-between;
}

.pageBox .pageBtn {
	width: 2.1429rem;
	height: 3.4286rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.3571rem;
}

.pageBox .pageBtn img {
	width: 0.6429rem;
	height: 1.0714rem;
	display: block;
}

.pageNumBox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 40%;
	transform: translateX(-50%);
}

.pageBox .pageList {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageList li {
	padding: 0.1429rem 0.7143rem;
	margin: 0 0.3571rem;
	height: 3.4286rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageList li, .pageList li a {
	height: 3.4286rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	line-height: 3.4286rem;
	letter-spacing: 0rem;
	color: #4b4f54;
	display: flex;
	align-items: center;
}

.pageList li.active a, .pageList li.active {
	font-weight: bold;
	color: #61b946;
}

.jumpPage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.jumpPage span {
	margin-right: 1.5rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	line-height: 3.4286rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

.jumpPage input {
	width: 2.7143rem;
	height: 1.8571rem;
	border: solid 0.0714rem #CECFD0;
	line-height: 1.8571rem;
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	letter-spacing: 0px;
	color: #828487;
}

/* product details */

.productDetailsBox {
	display: flex;
	flex-direction: column;
}

.productDetailsBox .productSearchForm {
	align-self: flex-end;
}

.productDetailsTop {
	min-height: 32.5714rem;
	/* background-color: #ededed; */
	padding-top: 2.5714rem;
	/* margin-bottom: 3.9286rem; */
	/* margin-top: 1.25rem; */
}

.productImgList {
	height: 27.45rem;
	width: 8.7857rem;
	float: left;
	margin-right: 0.7857rem;
	position: relative;
}

.productSwiper {
	height: 100%;
}

.productImgList .picBox {
	height: 100%;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px #CECFD0;
}

.productImgList .picBox img {
	max-width: 100%;
	max-height: 100%;
}

.productImgList .swiper-button-next, .productImgList .swiper-button-prev {
	margin-top: 0;
	position: absolute;
	left: 50%;
	width: 2.0714rem;
	height: 2.0714rem;
	transform: translate(-50%, -50%);
}

.productImgList .swiper-button-next {
	top: auto;
	background: url(../images/product/downBtn.png) no-repeat;
	background-size: 100% 100%;
}

.productImgList .swiper-button-prev {
	top: 0px;
	background: url(../images/product/upBtn.png) no-repeat;
	background-size: 100% 100%;
}

.productDetailsTop .productImg {
	float: left;
	width: 32.5714rem;
	height: 27.4286rem;
	background-color: #ffffff;
	margin-right: 2.5714rem;
	display: flex;
	justify-content: center;
	align-items: center;
	/* overflow: hidden; */
}

.noTips {
	font-size: 1.4286rem;
	padding: 0 1.0714rem;
}

.productDetailsTop .productImg .spotlight {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	/* background-size: 100% auto; */
	background-size: contain;
	background-position: center center;
	border: solid 1px #CECFD0;
}

.productDetailsTop .productImg img {
	max-width: 100%;
	max-height: 100%;
}

.productDetailsTop .productImg img:hover {
	transform: scale(1.09);
}

.productDetailsTop .productDetailCont {
	/* overflow: hidden; */
}

.productIntroCont {
	padding-top: 0.7143rem;
	float: left;
	width: calc(100% - 50rem);
	min-height: 27.4286rem;
	/* position: relative; */
	/* padding-bottom: 2.5rem; */
}

.productIntroCont .productRichText img {
	width: 100%;
	max-width: 100px!important;
	height: auto!important;
}

.productIntroCont .productName {
	font-family: 'MiSans-Medium';
	font-size: 2.1429rem;
	color: #61b946;
	margin-bottom: 1.1rem;
}

.productIntroCont .description {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #878889;
	margin-bottom: 0.75rem;
}

.productIntroCont .description img {
	width: 10rem;
}

.productIntroCont .productIntroList {
	overflow: hidden;
}

.productIntroList li {
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	letter-spacing: 0rem;
	color: #7c7c7d;
	list-style: inside;
	margin-bottom: 0.2857rem;
}

.layui-laydate .layui-laydate-main .layui-this {
	background-color: #61b946!important;
}

.productDetailCont .sign {
	/* position: absolute;
	width: 100%;
	left: 0;
	bottom: 1.4286rem; */
}

.productDetailCont .sign img {
	width: 4.7857rem;
	margin-right: 1.2143rem;
}

/* productSpecification */

.productSpecification {
	padding-top: 3.7857rem;
}

.productSignNav.current .tabs {
	width: 100%;
	z-index: 11;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	position: fixed;
	top: 60px;
}

.productSignNav.current .tabs {
	max-width: 99rem;
	width: 100%;
	margin: 0 auto;
}

.productSignNav.current {
	padding-top: 2.8rem;
}

.productSignNav .tabs span {
	display: block;
	width: 19.3571rem;
	height: 2.7857rem;
	line-height: 2.7857rem;
	background-color: #ececec;
	border-radius: 0.5rem 0.5rem 0rem 0rem;
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	letter-spacing: 0.0714rem;
	color: #000000;
	text-align: center;
	float: left;
	margin-right: 0.4286rem;
}

.productSignNav.current .tabs span {
	border-radius: 0rem 0rem 0.5rem 0.5rem;
	-webkit-box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.25);
}

.productSignNav .tabs {
	width: 100%;
}

.productSignNav .tabs span {
	cursor: pointer;
}

.productSignNav .tabs .current {
	background: #61b946;
	color: #fff;
}

.productItem {
	padding-bottom: 1.2143rem;
	/* margin-bottom: 1.2143rem; */
}

.productItem .productItemTitle {
	padding-top: 2rem;
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	font-weight: bold;
	color: #4b4f54;
}

.productStandard {
	width: 100%;
	margin-top: 1.8571rem;
}

.productStandard .standardLine:first-child>div {
	border-top: 0.1429rem solid #aaa;
}

.standardLine,.standardHeader {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.standardLine .standardLineLeft {
	display: flex;
	align-items: center;
	width: 36.91%;
	background-color: #ececec;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	border-bottom: 0.1429rem solid #aaa;
	padding-left: 1.9286rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2rem;
	color: #000000;
	justify-content: center;
}
.standardHeader .standardHeaderLeft {
	display: flex;
	align-items: center;
	width: 36.91%;
	background-color: #525050;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	border-bottom: 0.1429rem solid #aaa;
	padding-left: 1.9286rem;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	color: #ffffff;
}
.standardLine .standardLineRight {
	flex: 1;
	margin-left: 0.4286rem;
}
.standardHeader .standardHeaderRight {
	flex: 1;
	margin-left: 0.4286rem;
}
.standardLineRight .lineBox {
	display: flex;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	padding-left: 3.8rem;
	width: 100%;
	border-bottom: 0.1429rem solid #aaa;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	color: #000000;
	height: 100%;
	justify-content: center;
}
.standardHeaderRight .lineBox {
	display: flex;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	padding-left: 3.8rem;
	width: 100%;
	border-bottom: 0.1429rem solid #aaa;
	font-family: 'MiSans-Medium';
	font-size: 1.2rem;
	color: #ffffff;
	height: 100%;
	justify-content: center;
	background-color: #525050;
}
.standardLineRight .lineBox span {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
	text-align: center;
}
.standardHeaderRight .lineBox span {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
}
.resourceLineBox {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.resourceLineBox .resourceLine {
	padding-top: 0.9286rem;
	padding-bottom: 0.9286rem;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	color: #000000;
	border-bottom: 0.1429rem solid #aaa;
}

.productStandard .resourceLineBox:first-child .resourceLine {
	border-top: 0.1429rem solid #aaa;
}

.resourceLineBox .resourceLine1 {
	width: 15.7%;
	background-color: #ececec;
	padding-left: 1.8571rem;
}

.resourceLineBox .resourceLine2 {
	width: 53.96%;
	padding-left: 3.1429rem;
}

.resourceLineBox .resourceLine3 {
	width: 16.05%;
	padding-left: 2.0714rem;
}

.resourceLineBox .resourceLine4 {
	width: 12.44%;
	padding-left: 2.3571rem;
}

.resourceLine3 img {
	width: 13px;
	margin-right: 12px;
}

.resourceLine4 img {
	width: 17px;
	margin-right: 14px;
}

.relatedProductCarousel {
	padding-top: 2.2857rem;
	margin-left: -0.7143rem;
	margin-right: -0.7143rem;
	padding-bottom: 3.5rem;
}

.relatedProductSwiper {
	position: relative;
}

.relatedProductCarousel .swiper-slide {
	/* width: 31.82%!important; */
	padding: 0 0.7143rem;
}

.relatedProductCarousel .swiper-slide:hover .relatedProductName {
	color: #61b946;
}

.relatedProductCarousel .relatedProductBox {
	max-width: 31.9286rem;
	width: 100%;
	height: 22.5714rem;
	background-color: #ffffff;
	border: solid 1px #CECFD0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.relatedProductCarousel .relatedProductBox img {
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.relatedProductCarousel .relatedProductBox img:hover {
	transform: scale(1.09);
}

.relatedProductBottom {
	width: 100%;
	box-sizing: border-box;
	padding-left: 2.1429rem;
	padding-right: 2.2857rem;
	padding-top: 2.2857rem;
}

.relatedProductName {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	color: #7c7c7c;
	margin-bottom: 0.5714rem;
}

.relatedProductSwiper .swiper-button-next, .relatedProductSwiper .swiper-button-prev {
	margin-top: 0;
	position: absolute;
	top: 12rem;
	width: 2.0714rem;
	height: 2.0714rem;
}

.relatedProductSwiper .swiper-button-prev {
	width: 2.0714rem;
	height: 2.0714rem;
	left: -2.8rem;
	background: url(../images/product/leftBtn.png)no-repeat;
	background-size: 100% 100%;
}

.relatedProductSwiper .swiper-button-next {
	width: 2.0714rem;
	height: 2.0714rem;
	right: -2.8rem;
	background: url(../images/product/rightBtn.png)no-repeat;
	background-size: 100% 100%;
}

/* search */

.searchTabs {
	width: 100%;
	margin-top: 3.2857rem;
	overflow: hidden;
	padding-bottom: 0.6429rem;
	border-bottom: 1px solid #96989a;
}

.searchTabs span {
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
	line-height: 2.7857rem;
	text-align: center;
	letter-spacing: 0.0714rem;
	color: #7c7e81;
	display: block;
	float: left;
	width: 19.3571rem;
	height: 2.7857rem;
	background-color: #ececec;
	border-radius: 0.5rem 0.5rem 0rem 0rem;
	margin-right: 0.5714rem;
}

.searchTabs span.active {
	background-color: #61b946;
	color: #ffffff;
}

.searchBoxDetail .productListDetail {
	display: none;
	min-height: 20vh;
}

.relatedResults {
	max-width: 78.7857rem;
	width: 100%;
	margin: 4.2857rem auto 0;
	padding-bottom: 10.7143rem;
}

.relatedResultList {
	border-top: 1px solid #96989a;
}

.relatedResultList li {
	border-bottom: 1px solid #96989a;
	position: relative;
	padding-top: 1.25rem;
	padding-bottom: 1rem;
}

.relatedResultList li h3 {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #61b946;
	margin-bottom: 0.5rem;
}

.relatedResultList li a {
	display: block;
}

.relatedResultList li p {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0rem;
	color: #747577;
	margin-bottom: 0.35em;
}

.relatedResultList li span {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #61b946;
}

.relatedResultList li span:hover {
	text-decoration: underline;
}

.downLoadBtn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	border: solid 0.2143rem #909194;
	position: absolute;
	display: block;
	width: 9.9286rem;
	line-height: 2.5rem;
	color: #909194;
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
}

.downLoadBtn:hover {
	color: #ffffff;
	border: solid 3px #61b946;
	background-color: #61b946;
	box-shadow: 0rem 0.1429rem 0.1429rem 0rem rgba(14, 5, 11, 0.5);
}

.relatedResultList .tag {
	position: absolute;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #747577;
	bottom: 0.3571rem;
	right: 0;
}

.search-result {
	font-size: 1.5rem;
	color: #999;
	text-align: center;
	padding: 1.5rem 0;
}

/* Download Center */

.selectDownload {
	width: 100%;
	max-width: 78.5714rem;
	margin: 0 auto;
}

.downloadItem {
	padding-top: 5.5714rem;
	/* padding-bottom: 6.4286rem; */
}

.selectDownload {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	height: 16.5rem;
}

.selectDownload .selectBox {
	cursor: pointer;
	width: 8.8571rem;
	height: 8.8571rem;
	background: url('../images/download/bs.png')no-repeat;
	background-size: 100% 100%;
	border-radius: 1.4286rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 1.2143rem;
}

.selectDownload li a:hover .selectBox {
	background: url('../images/download/ds.png')no-repeat;
}

.selectDownload .selectBox img {
	height: 5.1429rem;
}

.selectDownload li {
	width: 20%;
}

.selectDownload li a {
	display: block;
}

.selectDownload li.active .selectBox {
	background: url('../images/download/ds.png')no-repeat;
	background-size: 100% 100%;
}

.selectDownloadCont {
	display: none;
}

.selectDownload li p {
	font-family: 'MiSans-Medium';
	font-size: 0.8571rem;
	letter-spacing: 0px;
	color: #4b4f54;
	text-align: center;
}

.catalogueList {
	max-width: 96rem;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
}

.catalogueList li {
	box-sizing: border-box;
	width: 27.9rem;
	position: relative;
	/* min-height: 571.9994px; */
	padding-bottom: 5rem;
	background-color: #ffffff;
	border: solid 1px #909194;
	margin: 0 2.05rem;
	margin-bottom: 6.4286rem;
}

.catalogueList li:hover {
	background-color: #faf8f9;
	box-shadow: 0px 2px 2px 0px rgba(14, 5, 11, 0.5);
}

.catalogueList .catalogueBox {
	border-top: 0.9286rem solid #909194;
	padding-top: 2.143rem;
	display: flex;
	justify-content: center;
	height: 31.5rem;
}

.warrantyCarousel .catalogueSlide {
	box-sizing: border-box;
	width: 27.9rem;
	position: relative;
	/* min-height: 571.9994px; */
	padding-bottom: 5rem;
	background-color: #ffffff;
	border: solid 1px #909194;
	/* margin: 0 2.1429rem; */
}

.warrantyCarousel .catalogueSlide:hover {
	background-color: #faf8f9;
	box-shadow: 0px 2px 2px 0px rgba(14, 5, 11, 0.5);
}

.catalogueList .catalogueBox img {
	max-width: 18.428rem;
	max-height: 27rem;
	width: 80%;
	margin: 0 auto;
	/* box-shadow: 0px 2px 3px 0px 
		rgba(14, 5, 11, 0.75); */
}

.catalogueList li p, .warrantyCarousel .catalogueSlide p {
	margin: 0 auto;
	max-width: 18.4286rem;
	width: 80%;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #909194;
	margin-bottom: 1.5rem;
	text-align: center;
}

.catalogueList li>a, .warrantyCarousel .catalogueSlide>a {
	position: absolute;
	bottom: 1.75rem;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	/* height: 2.9286rem; */
	line-height: 2.5rem;
	padding: 0 1rem;
	border: solid 0.2143rem #909194;
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #909194;
	white-space: nowrap;
}

.catalogueList li p a, .warrantyCarousel .catalogueSlide p a {
	display: block;
}

.catalogueList .catalogueBox a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

.catalogueList li:hover .catalogueBox, .warrantyCarousel .catalogueSlide .catalogueBox {
	border-top: 0.9286rem solid #61b946;
}

.catalogueList li:hover p, .warrantyCarousel .catalogueSlide p {
	text-decoration: underline;
	color: #61b946;
	;
}

.catalogueList li:hover>a, .catalogueList .catalogueSlide:hover>a {
	border: solid 0.2143rem #61b946;
	background-color: #61b946;
	box-shadow: 0px 2px 2px 0px rgba(14, 5, 11, 0.5);
	color: #ffffff;
}

/* .selectDownloadCont {
	display: none;
} */

.videoList {
	max-width: 85.7143rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}

.poeVideoItem .videoList {
	justify-content: center;
}

.poeVideoItem .videoList li {
	margin: 0 0.7rem;
}

video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.videoList li {
	position: relative;
	box-sizing: border-box;
	width: 41.4286rem;
	min-height: 34.5rem;
	margin-bottom: 4.7143rem;
	background-color: #faf8f9;
	box-shadow: 0px 2px 2px 0px rgba(14, 5, 11, 0.5);
}

.selectVideo {
	position: relative;
	border-top: 0.9286rem solid #909194;
	/* height: 24.2857rem; */
	background-color: #000000;
}

.selectVideo .jsmodern-video {
	width: 100%!important;
	height: 100%!important;
}

.selectVideo video {
	width: 100%;
}

.selectBottom {
	padding: 1.2857rem 2.1429rem 5.3571rem;
}

.selectBottom p {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #909194;
}

.selectBottom .downloadBtn {
	box-sizing: border-box;
	border: solid 3px #909194;
	position: absolute;
	right: 5.0714rem;
	bottom: 2.2143rem;
	display: block;
	width: 9.9286rem;
	/* height: 2.9286rem; */
	line-height: 2.5rem;
	color: #909194;
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
}

.videoList li:hover .downloadBtn {
	color: #ffffff;
	border: solid 3px #61b946;
	background-color: #61b946;
	box-shadow: 0rem 0.1429rem 0.1429rem 0rem rgba(14, 5, 11, 0.5);
}

.videoList li:hover .selectVideo {
	border-top: 0.9286rem solid #61b946;
}

.videoList li:hover p {
	text-decoration: underline;
	color: #61b946;
}

/* News */

.newsItem {
	padding-top: 3.8571rem;
	padding-bottom: 3.4286rem;
}

.newsItemTitle .newsTitleBox {
	font-family: 'MiSans-Medium';
	font-size: 2.8571rem;
	font-weight: bold;
	color: #4b4f54;
}

.refinedBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.7143rem;
}

.refinedBoxNum span {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	line-height: 2.1429rem;
	letter-spacing: 0px;
	color: #000000;
}

.newsContList li {
	padding: 1.8571rem 1.1429rem;
	margin-bottom: 0.7143rem;
	position: relative;
	width: 100%;
	background-color: #ececec;
}

.newsContList li a {
	display: flex;
	justify-content: space-between;
}

.newsContTime {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

.newsContTime img {
	width: 18px;
}

.newsContTime span {
	font-family: 'MiSans-Medium';
	font-size: 1.2143rem;
	line-height: 1.9286rem;
	letter-spacing: 0px;
	color: #7d7f82;
	margin-left: 2.5rem;
}

.newsContInfo .newsContInfoTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #7d7f82;
	margin-bottom: 1.1429rem;
}

.newsContInfo p {
	font-family: 'MiSans-Medium';
	font-size: 1.2143rem;
	color: #7d7f82;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.newsContList .learnMore {
	width: 100.0006px;
	height: 23.0006px;
	background-color: #a9a9a9;
	border-radius: 4.9994px;
	font-family: 'MiSans-Medium';
	font-size: 11.9994px;
	line-height: 23.0006px;
	text-align: center;
	letter-spacing: 0rem;
	color: #ffffff;
	position: absolute;
	bottom: 1.8571rem;
	left: 1.1429rem;
	/* padding: 1.8571rem 1.1429rem; */
}

.newsContLeft {
	width: calc(100% - 25.5714rem);
	padding-bottom: 2.5rem;
}

.newsContRight {
	width: 24.5rem;
}

.newsContList li:hover {
	box-shadow: 0rem 0.1429rem 0.1429rem 0rem rgba(14, 5, 11, 0.2);
}

.newsContList li:hover .newsContInfoTitle {
	color: #61b946;
	text-decoration: underline;
}

.newsContList li:hover .learnMore {
	background-color: #61B946;
}

.pageBox.newsPage {
	margin-top: 3.5rem;
}

#mydatepicker {
	width: 6.8571rem;
	height: 2.1429rem;
	border: solid 0.0714rem #CECFD0;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0px;
	color: #7d7f82;
	margin-left: 1.0714rem;
}

.newsDetailCont {
	padding-top: 6.2857rem;
	padding-bottom: 10rem;
}

.newsDetailCont h1 {
	font-family: 'MiSans-Medium';
	font-size: 2.8571rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #6d6e70;
}

.commonContainer.newsDetailCont {
	max-width: 91rem;
}

.newsDetailCont h1 span {
	color: #add878;
}

.newsContainer {
	width: 100%;
	max-width: 89.6429rem;
	margin: 0 auto;
}

.newsDetailTime {
	margin-top: 2.5rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	height: 4.5rem;
	line-height: 4.5rem;
	border-bottom: solid 1px #000000;
	letter-spacing: 0px;
	color: #000000;
	padding: 0 0.6429rem;
}

.newsArticle {
	padding: 1.2143rem 3.2143rem 0.3571rem 0.6429rem;
}

.newsArticle img {
	height: auto!important;
}

.newsArticle p {
	font-family: 'MiSans-Medium';
	font-size: 1.1429rem;
}

.newImgBox {
	margin-top: 1.7857rem;
	display: flex;
	justify-content: space-between;
}

.newImgBox .newsBoxItem {
	width: 49.5%;
}

.newImgBox .newsBoxItem img {
	height: 26.6429rem;
}

.newImgBox .newsBoxItem h1 {
	margin-top: 3.3571rem;
	margin-bottom: 1.5714rem;
	font-family: 'MiSans-Medium';
	font-size: 1.4286rem;
	font-weight: bold;
	color: #77bd1e;
	position: relative;
	padding-left: 2.0714rem;
}

.newImgBox .newsBoxItem h1::before {
	display: block;
	content: "";
	width: 1rem;
	height: 1rem;
	background-color: #77bd1e;
	border-radius: 50%;
	position: absolute;
	top: 0.3rem;
	left: 0.1rem;
}

.newImgBox .newsBoxItem p {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #6d6e70;
}

/* exhibition */

.exhibitionItem {
	padding-top: 7.5rem;
	padding-bottom: 10.7143rem;
}

.commonItem.exhibitionItem .section-title h2 {
	font-family: 'MiSans-Medium';
	font-size: 2.8571rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #909194;
}

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

.exhibitionList li {
	width: 49.5%;
	overflow: hidden;
	margin-bottom: 4rem;
}

.exhibitionList .exhibitionBg {
	float: left;
	width: 84px;
	height: 108px;
	background: url('../images/eventBg1.png')no-repeat;
	background-size: 100% 100%;
	margin-right: 22px;
}

.exhibitionList li:hover .exhibitionBg {
	background: url('../images/eventBg2.png')no-repeat;
	background-size: 100% 100%;
}

.exhibitionCont {
	margin-top: 5.3571rem;
}

.exhibitionBg {
	padding-top: 0.55rem;
	position: relative;
}

.exhibitionBg h2 {
	font-family: 'MiSans-Medium';
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

.exhibitionBg h3 {
	font-family: 'MiSans-Medium';
	font-size: 25.9994px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

.exhibitionBg .time {
	font-family: 'MiSans-Medium';
	font-size: 23px;
	text-align: center;
	letter-spacing: 0px;
	color: #909194;
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translateX(-50%);
}

.exhibitionBox {
	float: left;
	padding-top: 5px;
}

.exhibitionBox h1 {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	font-weight: bold;
	letter-spacing: 0rem;
	color: #75c15f;
	margin-bottom: 0.5rem;
}

.exhibitionList li:hover h1 {
	text-decoration: underline;
}

.exhibitionBox p {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	color: #909194;
	margin-bottom: 0.1429rem;
}

.exhibitionBox a {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0rem;
	color: #909194;
	word-break: break-word;
}

.exhibitionList li:hover .time {
	color: #75c15f;
}

.exhibitionList li:hover a {
	text-decoration: underline;
}

/* guarantee */

.guaranteeItem {
	padding-top: 5.5rem;
	padding-bottom: 10.7143rem;
}

.guaranteeItem .section-title h2 {
	font-family: 'MiSans-Medium';
	font-size: 2.8571rem;
	color: #4b4f54;
}

.guaranteeContainer {
	max-width: 96.0714rem;
	margin: 0 auto;
	width: 100%;
}

.guaranteeCont p {
	font-family: 'MiSans-Medium';
	font-size: 1.7857rem;
	letter-spacing: 0px;
	color: #4b4f54;
}

.warrantyList {
	margin-top: 7.5rem;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.warrantyList li {
	width: 23.2%;
	border-radius: 0.7143rem;
	background-color: #ececec;
	border: 0.4286rem solid #ececec;
	margin-bottom: 1rem;
}

.warrantyList .warrantyItem {
	width: 100%;
	height: 17.6429rem;
	border-radius: 0.7143rem;
	border: solid 1px #000000;
}

.guaranteeTop {
	border-top-left-radius: 0.7143rem;
	border-top-right-radius: 0.7143rem;
	width: 100%;
	height: 6.2857rem;
	background-color: #c5c5c5;
	display: flex;
	justify-content: center;
	align-items: center;
}

.warrantyList li:hover .guaranteeTop {
	background-color: #75C15F;
}

.guaranteeTop h1 {
	font-family: 'MiSans-Medium';
	font-size: 1.5714rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.guaranteeBox {
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-bottom-left-radius: 10.0002px;
	border-bottom-right-radius: 0.7143rem;
	height: calc(100% - 6.2857rem);
	width: 100%;
}

.guaranteeBox .date {
	font-family: 'MiSans-Medium';
	font-size: 5.2rem;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 1;
}

.guaranteeBox .year {
	font-family: 'MiSans-Medium';
	font-size: 2.0714rem;
	font-weight: bold;
	line-height: 1;
}

.guaranteeBox .warranty {
	font-family: 'MiSans-Medium';
	font-size: 1.7857rem;
	letter-spacing: 0px;
	line-height: 1;
}

.warrantyList .warrantyItem.color1 {
	color: #ffc853;
}

.warrantyList .warrantyItem.color2 {
	color: #f99e4d;
}

.warrantyList .warrantyItem.color3 {
	color: #f76f6b;
}

.warrantyList .warrantyItem.color4 {
	color: #909194;
}

.guaranteeCont .note {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #7c7c7d;
	margin-top: 2.3rem;
	padding: 0 1.3rem;
}

.warrantyBox {
	margin-top: 4rem;
	position: relative;
	margin-left: -0.7143rem;
	margin-right: -0.7143rem;
	padding-left: 0.7143rem;
	padding-right: 0.7143rem;
}

.guaranteeCont .catalogueList {
	justify-content: center;
}

.guaranteeCont .catalogueList li {
	margin: 0 2rem 3rem;
	position: relative;
}

.guaranteeCont .catalogueList li p {
	text-align: center;
}

.supportTitle {
	padding-top: 0.6rem;
}

#supportForm {
	/* padding-top: 1.6rem; */
}

#supportForm .lineBox, #configForm .lineBox {
	width: 100%;
}

#supportForm .lineBox .labelTitle, #configForm .lineBox .labelTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.4286rem;
	letter-spacing: 0px;
	color: #7b7b7b;
	font-weight: normal;
	margin-bottom: 1.4286rem;
	margin-top: 2rem;
}

#supportForm .lineBox span, #configForm .lineBox span {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	color: #61b946;
}

.searchable-select-caret {
	top: 5px;
}

#supportForm .lineBox input, #configForm .lineBox input {
	width: 100%;
	min-height: 3.0714rem;
	border-radius: 0.5714rem;
	border: solid 1px #B7B7B9;
}

#supportForm .searchable-select-input {
	display: none;
}

#supportForm .form-control:focus, #configForm .form-control:focus {
	border-color: rgba(97, 185, 70, 0.7);
}

#sendBtn, #submitBtn {
	display: block;
	width: 16.8571rem;
	height: 3.3571rem;
	text-align: center;
	line-height: 3.3571rem;
	background-color: #61b946;
	border-radius: 0.3571rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin: 4.6429rem auto 0;
}

#supportForm .form-control, #configForm .form-control {
	border-radius: 0.5714rem;
	border: solid 1px #B7B7B9;
}

.searchable-select {
	width: 100%;
	min-height: 3.1429rem;
}

.searchable-select-holder {
	border-radius: 0.5714rem;
	border: solid 1px #B7B7B9;
	min-height: 3.1429rem;
	line-height: 2.1rem;
	height: 34px;
}

/* Contact Us */

.contactUsItem {
	padding-top: 4.6429rem;
	padding-bottom: 0rem;
}

.contactUsContainer {
	padding-top: 1.5rem;
	padding-bottom: 3.7143rem;
	width: 100%;
	max-width: 82.1429rem;
	margin: 0 auto;
}

.contacBox .contactBox {
	border: solid 1px #000000;
	margin-bottom: 3.5714rem;
}

.headquarterBox .contactWay {
	border-top: 0.3571rem solid #61b946;
}

.contacBox .contactWay {
	box-sizing: border-box;
	padding: 1.7857rem 2.0714rem;
}

.contacBox .headTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	font-weight: bold;
	color: #61b946;
	margin-bottom: 0.8571rem;
}

.contacBox .lineTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	color: #61b946;
	margin-bottom: 0.75rem;
}

.contactWay .lineBox {
	margin-bottom: 3.5rem;
}

.contactWay .lineBox:last-child {
	margin-bottom: 0;
}

.contactWay .lineBox:last-child .email {
	color: #65686c;
}

.contactWay .line img {
	width: 0.8571rem;
	margin-right: 0.5rem;
}

.contactWay .line {
	margin-bottom: 0.3571rem;
	min-height: 1.4286rem;
}

.contactWay .line span {
	font-family: 'MiSans-Medium';
	color: #909194;
	font-size: 1rem;
}

.contactWay .line span.address {
	color: #909194;
	font-size: 0.8571rem;
}

.selectBox .selectTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	font-weight: bold;
	font-stretch: normal;
	color: #61b946;
	margin-bottom: 1.3rem;
}

.regionBox {
	float: left;
	width: 18.2rem;
}

.selectRegion {
	overflow: hidden;
}

.selectRegionBox {
	border: solid 1px #000000;
}

.regionBox .regionTitle {
	width: 100%;
	line-height: 2rem;
	background-color: #61b946;
	font-family: 'MiSans-Medium';
	font-size: 1.4286rem;
	font-weight: bold;
	color: #ffffff;
	padding: 0.7143rem 1.5714rem;
}

.regionBox .regionTitle a {
	color: #ffffff;
}

.regionList {
	margin-top: 1.2857rem;
}

.regionList li {
	border-bottom: 1px solid #4b4f54;
	padding: 0.2143rem 0;
}

.regionList li:last-child {
	border-bottom: none
}

.regionList li a.open {
	background-color: #ddd;
}

.regionList li a {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 2rem;
	padding: 0.6429rem 1.2857rem;
}

.regionList li:hover a {
	background-color: #ddd;
}

.regionList li img {
	width: 2.8571rem;
	margin-right: 1.4286rem;
}

.regionList li span {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #909194;
}

.distributorCont {
	float: right;
	width: calc(100% - 21rem);
}

.distributorList li {
	position: relative;
	margin-bottom: 1.7143rem;
	border: solid 1px #000000;
}

.distributorList li:hover {
	background-color: #f7f5f5;
}

.distributorList li .distributorBox {
	padding: 1.7rem 0rem 1rem 6.75rem;
}

.distributorList li .regionImg {
	position: absolute;
	width: 2.8571rem;
	top: 2.5rem;
	left: 3rem;
}

.distributorBox .contactBox {
	border: none;
}

.distributorBox {
	border-top: 0.3571rem solid #61b946;
}

.distributorBox .contactWay {
	padding: 0;
	overflow: hidden;
}

.distributorBox .contactWay .lineBox {
	margin-bottom: 0;
	float: left;
	margin-left: 2.8rem;
}

.distributorBox .contactWay .line span {
	color: #a1a1a1!important;
}

.distributorBox .contactWay .line .link {
	color: #000000!important;
	text-decoration: underline;
}

.distributorBox .contactWay .line {
	position: relative;
}

.distributorBox .contactWay .line img {
	/* position: absolute;
    left: -1.6429rem;
    top: 1rem;
    transform: translateY(-85%); */
	margin-bottom: 0.1429rem;
}

.distributorTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.4286rem;
	letter-spacing: 0px;
	color: #61b946;
	margin-bottom: 0.35rem;
}

.distributorBox .contactWay .lineBox:first-child {
	width: 54%;
}

.distributorCont .pageNumBox {
	margin-left: 9%;
	transform: none;
}

.selectTitleBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.selectTitleBox .jumpPage {
	margin-bottom: 0.5rem;
	margin-top: -0.8571rem;
}

/* smartCenter */

.smartCenterItem {
	padding-top: 6rem;
	padding-bottom: 3.5rem;
}

.smartCenterItem .catalogueList {
	margin-top: 3.7rem;
	margin: 3.7rem auto 0;
}

.smartCenterItem .catalogueList li {
	margin-bottom: 0;
}

.smartCenterBanner {
	position: relative;
}

.smartCenterBanner .smartCenterBox {
	position: absolute;
	left: 76%;
	transform: translateX(-50%);
	bottom: 13.8571rem;
	width: 40%;
}

.smartCenterBanner .smartCenterBox.coolingChannelBox {
	bottom: 37.2%;
}

.smartCenterBox .smartCenterTitle {
	font-family: 'MiSans-Medium';
	font-size: 2.5714rem;
	/* line-height: 3.2rem; */
	color: #ffffff;
	margin-bottom: 1.5rem;
	white-space: nowrap;
}

#smartCenterBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 19rem;
	height: 3.1429rem;
	background: #002700;
	border-radius: 0.5714rem!important;
	border: solid 0.2143rem #ffffff;
	background-position: center center;
}

/* .MCBanner #smartCenterBtn {
	width: 100%;
	height: auto!important;
	border: none;
} */

#smartCenterBtn.channelBtn {
	background: #0F4D78;
}

#smartCenterBtn.systemBtn {
	position: absolute;
	bottom: 2.1429rem;
	right: 13%;
	transform: translate(50%, -50%);
	background: #6BA423;
}

#smartCenterBtn img {
	height: 1.7143rem;
	width: auto;
}

.layui-layer-page .layui-layer-content {
	overflow: initial!important;
}

.smartCenterLeft {
	float: left;
	max-width: 50%;
	width: 52rem;
	height: 39.1429rem;
	background-color: #ededed;
}

.smartCenterCarousel, .smartSlide, .smartSlide img {
	height: 100%;
}

.smartSlide img {
	max-width: 90%;
	max-height: 100%;
}

.smartSlide {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 2.4286rem;
}

.smartCenterRight {
	width: 50%;
	padding-top: 2.5rem;
	padding-left: 3.2143rem;
	padding-bottom: 0.9286rem;
	float: right;
}

.smartCenterRight .smartCenterTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	color: #4b4f54;
	margin-bottom: 1.7143rem;
}

.smartCenterRight p {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	color: #878889;
	padding-bottom: 0.75rem;
}

.smartCenterDetails {
	padding-top: 1.2rem;
}

.smartCenterDetails .smartDetail {
	overflow: hidden;
}

.signList {
	margin-top: 2.1rem;
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

.signList li {
	width: 25%;
}

.signList li img {
	display: block;
	width: 4.9286rem;
	margin: 0 auto 1.5714rem;
}

.signList li p {
	text-align: center;
	font-family: 'MiSans-Medium';
	font-size: 0.8571rem;
	font-weight: bold;
	color: #61b946;
}

.smartCenterCarousel.swiper-container .swiper-pagination-bullet {
	margin: 0 0.9286rem;
	background-color: #909194;
}

.smartCenterCarousel.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #5eb046;
}

.configuratorCont {
	margin-top: 4.4286rem;
	background-color: #ededed;
	min-height: 25.7857rem;
	padding-top: 4rem;
}

.configuratorCont .commonContainer {
	overflow: hidden;
}

.configuratorLeft {
	width: 37.7%;
	float: left;
	display: flex;
	justify-content: center;
}

.configuratorLeft .configuratorPic {
	width: 21.4286rem;
	height: 21.4286rem;
	padding: 0.8571rem;
	box-sizing: border-box;
	background: url('../images/smartCenter/PC.png')no-repeat;
	background-size: 100% auto;
}

.configuratorRight {
	float: left;
	width: 57%;
	padding-top: 1.8rem;
	padding-bottom: 2.5rem;
}

.configuratorRight h1 {
	font-family: 'MiSans-Medium';
	margin-bottom: 1.6429rem;
	font-size: 1.7143rem;
	font-weight: bold;
	color: #4b4f54;
}

.configuratorPic .showPic {
	height: 11rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.configuratorPic .showPic img {
	min-width: 100%;
	max-height: 100%;
}

.configuratorRight p {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	color: #878889;
	margin-bottom: 2.5rem;
}

.configuratorRight a {
	display: inline-flex;
	min-height: 3.2857rem;
	justify-content: center;
	align-items: center;
	background-color: #75c15f;
	border-radius: 0.7143rem;
	font-family: 'MiSans-Medium';
	font-size: 1.5714rem;
	color: #ffffff;
	white-space: nowrap;
	padding: 0 3rem;
}

.configuratorRight a img {
	width: 2.7143rem;
	margin-right: 1.2857rem;
}

.keyComponents {
	padding-top: 5rem;
	padding-bottom: 3rem;
}

.keyComponentCont {
	padding-top: 2rem;
}

.keyComponents .keyComponentsBg {
	display: block;
	margin: 0 auto;
	max-width: 37.2857rem;
	width: 100%;
}

.keyBgBox {
	max-width: 81rem;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.keyComponentCont {}

.keyItem {
	position: relative;
	width: 15.7143rem;
	background-color: #ededed;
}

.keyItem .keyTitle {
	width: 15.7143rem;
	min-height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 0.7143rem;
	background-color: #61b946;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -0.0357rem;
	white-space: nowrap;
}

.keyItem .keyItemCont {
	width: 15.7143rem;
	padding: 0.3571rem 0.6429rem;
	box-sizing: border-box;
	background-color: #ededed;
	font-family: 'MiSans-Medium';
	font-size: 12px;
	color: #595757;
	line-height: 15px;
}

.circleMarker {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.circleMarker:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 100%;
}

@keyframes circle-pulse {
	0% {
		opacity: 0;
		transform: scale(.5)
	}
	to {
		opacity: .5;
		transform: scale(1.25)
	}
}

.circle {
	position: absolute;
	width: 1.4rem;
	height: 1.4rem;
	cursor: pointer;
}

.circle:not(:hover):before {
	animation: circle-pulse 1s alternate infinite
}

.circle:hover {
	z-index: 10;
}

.circle:hover:before {
	opacity: 1;
	transform: scale(1.25);
	background-color: #8cc63e;
}

.circle:before {
	content: "";
	position: absolute;
	top: -0.1429rem;
	left: -0.1429rem;
	width: calc(100% + 0.2857rem);
	height: calc(100% + 0.2857rem);
	background-color: #8cc63e;
	border-radius: 100%;
	z-index: 0;
}

#spotlight .close {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)!important;
}

.circleMarker:after {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 1;
	box-sizing: border-box;
	color: #8cc63e;
	text-align: center;
	transform: translate(-50%, -50%);
	content: "";
	border: 0.4286rem solid;
	border-radius: 50%;
}

.keyList>li:nth-child(1) {
	position: absolute;
	left: 0;
	top: 12%;
}

.keyList>li:nth-child(1) .line {
	width: 14.2857rem;
	height: 0.1429rem;
	background-color: #5eb046;
	position: absolute;
	top: 0;
	left: 100%;
}

.keyList>li:nth-child(1) .circle {
	position: absolute;
	top: 0.1429rem;
	right: -14.2857rem;
	transform: translate(50%, -50%);
}

.keyList>li.keyLeft .circle {
	transform: translate(50%, -50%);
}

.keyList>li.keyRight .circle {
	transform: translate(-50%, -50%);
}

/* .keyList>li .circle:hover + .keyItemBox{
	transform: scale(1.25);
} */

.keyList>li:nth-child(2) {
	position: absolute;
	left: 0%;
	top: 32.5%;
}

.keyList>li:nth-child(2) .line {
	width: 17rem;
	height: 0.1429rem;
	background-color: #5eb046;
	position: absolute;
	top: 0;
	left: 100%;
}

.keyList>li:nth-child(2) .circle {
	position: absolute;
	top: 0.1429rem;
	right: -17rem;
	transform: translate(50%, -50%);
}

.keyList>li:nth-child(3) {
	position: absolute;
	left: 0%;
	top: 61%;
}

.keyList>li:nth-child(3) .line {
	width: 17.1429rem;
	height: 7rem;
	/* background-color: #5eb046; */
	border-top: 0.1429rem solid #5eb046;
	border-right: 0.1429rem solid #5eb046;
	position: absolute;
	top: 0;
	left: 100%;
}

.keyList>li:nth-child(3) .circle {
	position: absolute;
	top: 7rem;
	right: -17.1429rem;
}

.keyList>li:nth-child(4) {
	position: absolute;
	left: 0%;
	top: 84%;
}

.keyList>li:nth-child(4) .line {
	width: 15.1429rem;
	height: 0.1429rem;
	background-color: #5eb046;
	position: absolute;
	top: 0;
	left: 100%;
}

.keyList>li:nth-child(4) .circle {
	position: absolute;
	top: 0.1429rem;
	right: -15.1429rem;
	transform: translate(50%, -50%);
}

.keyList>li:nth-child(5) {
	position: absolute;
	right: 0%;
	top: 9.8%;
}

.keyList>li:nth-child(5) .line {
	width: 16.5rem;
	height: 0.1429rem;
	background-color: #5eb046;
	position: absolute;
	top: 0;
	right: 100%;
}

.keyList>li:nth-child(5) .circle {
	position: absolute;
	top: 0.1429rem;
	left: -16.5rem;
	transform: translate(-50%, -50%);
}

.keyList>li {
	position: absolute;
}

.keyList>li:nth-child(6) {
	position: absolute;
	right: 0%;
	top: 28.75%;
}

.keyList>li:nth-child(6) .line {
	width: 14.5rem;
	height: 17.7143rem;
	border-top: 0.1429rem solid #5eb046;
	border-left: 0.1429rem solid #5eb046;
	position: absolute;
	top: 0;
	right: 100%;
}

.keyList>li:nth-child(6) .circle {
	position: absolute;
	top: 17.7143rem;
	left: -14.5rem;
}

.keyList>li:nth-child(7) {
	position: absolute;
	right: 0%;
	top: 52.75%;
}

.keyList>li:nth-child(7) .line {
	width: 8.75rem;
	height: 0.1429rem;
	background-color: #5eb046;
	position: absolute;
	top: 0;
	right: 100%;
}

.keyList>li:nth-child(7) .circle {
	position: absolute;
	top: 0.1429rem;
	left: -8.75rem;
}

.keyList>li:nth-child(8) {
	position: absolute;
	right: 0%;
	top: 86%;
}

.keyList>li:nth-child(8) .line {
	width: 7.25rem;
	height: 0.1429rem;
	background-color: #5eb046;
	position: absolute;
	top: 0;
	right: 100%;
}

.keyList>li:nth-child(8) .circle {
	position: absolute;
	top: 0.1429rem;
	left: -7.25rem;
	transform: translate(-50%, -50%);
}

.colorList {
	margin-top: 0.6429rem;
}

.colorList>li {
	padding-left: 1.0714rem;
	position: relative;
}

.colorList>li::before {
	display: block;
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	background-color: #61b946;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 45%;
	transform: translateY(-50%);
}

.cookieNoticeBox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99;
}

.cookieNotice {
	position: fixed;
	z-index: 99;
	top: 45%;
	left: 50%;
	width: 98%;
	max-width: 68.7143rem;
	transform: translate(-50%, -50%);
	background-color: rgba(251, 251, 252, 0.95);
	box-shadow: 0rem 0rem 0.2857rem 0rem rgba(14, 5, 11, 0.75);
	border-radius: 0.9286rem;
	padding: 7.1429rem 4.7857rem 4.7143rem;
}

.cookieNotice .noticeLine {
	padding-bottom: 3.7143rem;
}

.cookieNotice .noticeTitle {
	margin-bottom: 1.3571rem;
	font-family: 'MiSans-Medium';
	font-size: 2.5rem;
	letter-spacing: 0px;
	color: #77bc1f;
}

.cookieNotice p {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #909194;
}

.cookieNotice .confirmBtn {
	font-family: 'MiSans-Medium';
	display: block;
	margin: 0 auto;
	width: 11.9286rem;
	height: 3.6429rem;
	text-align: center;
	background-color: #61b946;
	border-radius: 0.2857rem;
	/* padding: 0 4.2857rem; */
	font-size: 1.7143rem;
	letter-spacing: 0px;
	color: #fbfbfc;
}

.notice {
	position: fixed;
	z-index: 1000000;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(251, 251, 252, 0.95);
	box-shadow: 0px 0px 4px 0px rgba(14, 5, 11, 0.33);
	-webkit-transition: .4s;
	transition: .4s;
	color: #627482;
	display: none;
}

.notice .commonContainer {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	padding-left: 0.72rem;
	padding-right: 0.72rem;
	min-height: 10.9286rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.notice p {
	max-width: 66.9286rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.9286rem;
	letter-spacing: 0.0714rem;
	color: #909194;
}

.notice p .a {
	color: #76bd1d!important;
}

.notice .btn {
	display: block;
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.0714rem;
	color: #fbfbfc;
	height: 3.6429rem;
	line-height: 3.6429rem!important;
	padding: 0 4.2857rem;
	cursor: pointer;
	font-weight: lighter;
	background-color: #61b946;
	border-radius: 0.2857rem;
}

.siteMapItem {
	padding-bottom: 8.2143rem;
}

.siteMapList {
	overflow: hidden;
	padding-left: 3%;
}

.siteMapList .siteLine0 {
	width: 100%;
	padding-top: 5.8571rem;
	padding-bottom: 0.5714rem;
}

.siteMapList .notClick {
	pointer-events: none;
	cursor: default;
}

.siteMapList ul {
	overflow: hidden;
}

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

.siteLine0>a {
	font-family: 'MiSans-Medium';
	font-size: 2.8571rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #4b4f54;
	text-decoration: none!important;
}

.siteLine1>a {
	font-family: 'MiSans-Medium';
	font-size: 1.7143rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #61b946;
}

.siteLine1 {
	padding-top: 2.6429rem;
}

.siteLine2>a {
	font-family: 'MiSans-Medium';
	font-size: 1.4286rem;
	letter-spacing: 0px;
	color: #61b946;
}

.siteLine2 {
	padding-top: 1.6429rem;
}

.siteLine3 {
	padding-top: 2.2857rem;
}

.siteLine3>.mapList {
	padding-top: 0.65rem;
}

.siteLine4 {
	padding-top: 0.3571rem;
	padding-bottom: 0.55rem;
}

.siteLine3>a {
	font-family: 'MiSans-Medium';
	font-size: 1.2143rem;
	letter-spacing: 0px;
	color: #000000;
}

.siteLine4>a {
	font-family: 'MiSans-Medium';
	font-size: 1.2143rem;
	letter-spacing: 0px;
	color: #7d7f82;
}

.mapList>.siteLine1 {
	width: 32.3%;
	margin-right: 1%;
	float: left;
}

/* talentPost */

.talentItem {
	padding-top: 5.2rem;
	padding-bottom: 2rem;
}

.jobTitle {
	font-size: 2.8571rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #61b946;
	margin-bottom: 2.8571rem;
}

.jobCont {
	margin-bottom: 3.5714rem;
}

.jobCont .txt {
	font-size: 1.7143rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #4b4f54;
	margin-bottom: 0.6429rem;
}

.jobCont .lineCont, .jobCont .summary, .descriptionCont {
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #878889;
}

.jobCont .lineCont {
	padding-left: 1.5rem;
}

.jobCont .lineCont p {
	position: relative;
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #878889;
}

.jobCont .lineCont p::before {
	display: block;
	content: "";
	position: absolute;
	width: 0.7143rem;
	height: 0.7143rem;
	background-color: #61b946;
	border-radius: 0.3571rem;
	left: -1.8rem;
	top: 50%;
	transform: translateY(-50%);
}

/* applyJobItem */

.applyJobItem {
	padding-top: 4.2857rem;
	padding-bottom: 5rem;
	background: url('../images/talentBg.jpg')no-repeat;
	background-position: top right;
	background-size: 100% 100%;
	margin-bottom: 5.4286rem;
}

.applyJobTitle {
	font-size: 2.8571rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 2.1429rem;
}

#applyJobForm {
	max-width: 1200px;
}

.applyJobCont {
	overflow: hidden;
}

.applyJobLine {
	float: left;
	margin-right: 1.3571rem;
	margin-bottom: 1.7143rem;
}

.applyJobLine .labelTitle {
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 0.5714rem;
}

.applyJobLine .form-control {
	width: 23.2857rem;
	height: 3.4286rem;
	background-color: #ffffff;
	border-radius: 0;
}

#submission {
	width: 23.0714rem;
	line-height: 3.4286rem;
	box-sizing: border-box;
	background-color: #61b946;
	border: solid 3.0002px #ffffff;
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.applyJobIntro {
	width: 67.8571rem;
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 2.1429rem;
}

#addResume {
	position: absolute;
	/* width: 15.7143rem;
	height: 1.5rem; */
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}

.addResumeBox img {
	width: 1.3571rem;
	height: 1.5rem;
	margin-right: 0.9286rem;
}

.addResumeBox {
	display: flex;
	position: relative;
	width: 15.7143rem;
	height: 1.5rem;
	font-size: 1.2857rem;
	line-height: 1.5rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 1.05rem;
	margin-bottom: 2.3rem;
}

.supportConfigItem {
	padding-top: 5rem;
	padding-bottom: 7.1429rem;
}

.layoutTitle {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #61b946;
	margin-bottom: 1.5714rem;
}

.parameterList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}

.parameterList li {
	width: 21.3rem;
	height: 2.0714rem;
	background-color: #ffffff;
	border-radius: 0.5rem;
	border: solid 0.1429rem #61b946;
	display: flex;
	align-items: center;
	padding-right: 0.5rem;
	font-family: 'MiSans-Medium';
	font-size: 1.05rem;
	letter-spacing: 0px;
	color: #7d7f82;
	box-sizing: border-box;
	margin-bottom: 0.6429rem;
	margin-right: 0.5rem;
}

.parameterList li:nth-child(5) {
	width: 64.9rem;
}

.parameterList li span {
	margin-left: -0.2rem;
	width: 2.1429rem;
	height: 2.0714rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #61b946;
	border: solid 0.1429rem #61b946;
	border-radius: 0.5rem 0 0 0.5rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	margin-right: 0.5rem;
}

.configTitle {
	display: flex;
}

.configTitle div {
	background-color: #61b946;
	height: 2.1429rem;
	padding: 0 0.4286rem;
	line-height: 2.1429rem;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-left: 0.2143rem;
}

.configTitle div:first-child {
	margin-left: 0;
}

.configTitle .configNumber, .configLineBox .number {
	width: 4.6429rem;
}

.configurationList .description {
	width: 20.2143rem;
}

.configurationList .partNumber {
	width: 19.5rem;
}

.configurationList .parameter {
	width: 46.0714rem;
}

.configurationList .unit {
	width: 4.5rem;
}

.configurationList .quantity {
	width: 5.1429rem;
}

.configLineTop {
	width: 100%;
	display: flex;
}

.configLineTop div {
	margin-left: 0.2143rem;
	font-family: 'MiSans-Medium';
	font-size: 0.8571rem;
	/* font-weight: bold; */
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	display: flex;
	align-items: center;
	padding: 0 0.5714rem;
}

.configLineTop div:first-child {
	margin-left: 0;
}

.configLineTop .number {
	width: 4.6429rem;
	background-color: #7d7f82;
}

.configLineTop .configTxt {
	width: calc(100% - 4.6429rem);
	height: 1.7143rem;
	background-color: #7d7f82;
}

#installationType .leftPdu, #installationType .rightPdu {
	display: none;
	width: 100%;
}

#configLineBox3-2 .leftPdu, #configLineBox3-2 .rightPdu {
	display: none;
	width: 100%;
}

#installationType .leftPdu div, #installationType .rightPdu div {
	padding: 0 0.4286rem;
	display: flex;
	align-items: center;
	font-family: 'MiSans-Medium';
	font-size: 0.9286rem;
	letter-spacing: 0px;
	color: #000000;
	border-bottom: 1px solid #878889;
}

#installationType .installationTypeBox {
	width: calc(100% - 4.6429rem);
	border: none;
	padding: 0;
	flex-direction: column;
}

#configLineBox3-2 .leftPdu, #configLineBox3-2 .rightPdu {
	display: none;
	width: 100%;
}

.configLineBox.configTitleTop {
	display: flex;
}

#configLineBox3-2 .leftPdu div, #configLineBox3-2 .rightPdu div {
	padding: 0 0.4286rem;
	display: flex;
	align-items: center;
	font-family: 'MiSans-Medium';
	font-size: 0.9286rem;
	letter-spacing: 0px;
	color: #000000;
	border-bottom: 1px solid #878889;
}

#configLineBox3-2 .installationTypeBox {
	width: calc(100% - 4.6429rem);
	border: none;
	padding: 0;
	flex-direction: column;
}

.installationTypeBox {
	display: flex;
}

pre {
	border: none;
	background: #ffffff;
}

.configLineBox {
	display: flex;
	/* padding: 0.3571rem 0 ; */
	display: none;
}

.configLineBox>div {
	padding: 0 0.4286rem;
	display: flex;
	align-items: center;
	font-family: 'MiSans-Medium';
	font-size: 0.9286rem;
	letter-spacing: 0px;
	color: #000000;
	border-bottom: 1px solid #878889;
	/* padding: 0.35rem; */
}

.configLineBox.configTitleTop div, .configLineBox:last-child div {
	border: 0;
}

.configLineTxt {
	font-family: 'MiSans-Medium';
	font-size: 0.9286rem;
	letter-spacing: 0px;
	color: #000000;
}

.configLineTxt {
	font-family: 'MiSans-Medium';
	font-size: 0.9286rem;
	/* font-weight: bold; */
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-left: 0.2143rem;
	padding: 0.4286rem;
}

.configTitleTop div {
	color: #000000;
	display: flex;
	align-items: center;
}

.configCont .configLine:last-child {
	border-bottom: 2px solid #878889;
}

.configuratorBanner {
	padding-top: 5.5rem;
	padding-bottom: 3.5714rem;
	background-color: #61b946;
}

.configuratorLine {
	width: 100%;
	height: 0.5714rem;
	background: #ececec;
}

.configuratorBanner p {
	font-family: 'MiSans-Medium';
	font-size: 1.7857rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 0.7143rem;
	margin-bottom: -2.6rem;
}

.configuratorBanner h1 {
	font-family: 'MiSans-Medium';
	font-size: 3.2143rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
}

.configuratorItem {
	padding-top: 2.1429rem;
	padding-bottom: 6.7857rem;
}

.stepLine {
	width: 100%;
	height: 0.4286rem;
	overflow: hidden;
	margin-bottom: 2.1429rem;
}

.stepLine .step {
	width: 10.8%;
	margin-right: 1.93%;
	height: 0.4286rem;
	background-color: #ececec;
	float: left;
}

.stepLine .step:last-child {
	margin-right: 0;
}

.stepLine .step.stepped {
	background-color: #61b946;
}

.questionStepLeft {
	margin-right: 5.8571rem;
	float: left;
}

.questionStepRight {
	margin-top: 1rem;
	float: left;
	display: none;
}

.questionStep {
	width: 100%;
	padding: 2.1429rem 8.3571rem 1.2857rem 3.3571rem;
	border-radius: 0.7143rem;
	border: solid 1px #61b946;
	margin-bottom: 3.8571rem;
	overflow: hidden;
}

.stepLine .step.stepped {
	background-color: #61b946;
}

.questionStepLine {
	margin-bottom: 1.7857rem;
}

.questionStepLine .title {
	font-family: 'MiSans-Medium';
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #4b4f54;
	margin-bottom: 0.8571rem;
}

.questionStepLine .question_info {
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	letter-spacing: 0px;
	color: #878889;
	margin-bottom: 0.4286rem;
}

.questionStepCont .tips {
	margin-top: 0.7143rem;
	font-size: 0.8571rem;
	letter-spacing: 0px;
	color: #e60012;
	opacity: 0;
}

.question_info input {
	width: 23.2143rem;
	height: 24.9998px;
	border: solid 1px #61b946;
	font-family: 'MiSans-Medium';
	font-size: 1rem;
	line-height: 24px;
	letter-spacing: 0px;
	color: #878889;
	padding: 0 0.5rem;
}

.question_info label {
	font-weight: normal;
}

.question_info input[type='radio'] {
	margin: 0;
	cursor: pointer;
	position: relative;
	width: 12px;
	height: 12px;
	min-width: 12px;
	font-size: 18px;
	visibility: hidden;
	font-family: Arial;
}

.question_info input[type='radio']::after {
	position: absolute;
	top: 0;
	background-color: #fff;
	color: #fff;
	border: 1px solid #4b4f54;
	width: 11px;
	height: 11px;
	line-height: 11px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
	border-radius: 50%;
	box-sizing: border-box;
	color: #61b946;
}

.question_info input[type='radio']:checked::after {
	background-color: #ffffff;
	content: '\2022';
	font-size: 18px;
	font-weight: bold;
}

.configuratorTips {
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #7b7b7b;
}

.configuratorTips span {
	color: #61b946;
}

.signUpBtn {
	display: block;
	width: 27.5714rem;
	text-align: center;
	height: 2.9286rem;
	background-color: #61b946;
	border-radius: 0.2857rem;
	font-size: 1.2857rem;
	color: #fbfbfc;
	margin: 3rem auto 0;
}

.glassDoorTitle {
	font-family: 'MiSans-Medium';
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #61b946;
	margin-bottom: 8px;
}

.tableLine {
	display: flex;
}

.tableLeft {
	margin-right: 4px;
}

.tableLeft .txtLeft {
	width: 125.0004px;
	height: 27px;
	display: flex;
	align-items: center;
	text-align: left;
	padding-left: 0.5714rem;
	background-color: #61b946;
	font-family: 'MiSans-Medium';
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	border-top: 3px solid #ffffff;
}

.tableRight .rightLine .txt:first-child {
	border-top: 1px solid #878889;
}

.supportConfigItemCont {
	/* padding-top: 2.5rem; */
}

.tableRight {
	display: flex;
	margin-top: 2px;
}

.rightLine .txt {
	min-width: 62px;
	height: 27px;
	border-bottom: 1px solid #878889;
	font-size: 1rem;
	letter-spacing: 0px;
	color: #878889;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 2px;
}

.layoutPicture {
	display: flex;
	justify-content: center;
}

.layoutPicture img {
	max-height: 45rem;
	min-height: 30rem;
}

/* .layoutPicture img:hover{
	transform: scale(1.35); 
	z-index: 999999;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition:  all 0.3s ease 0s;
	-o-transition:  all 0.3s ease 0s;
	-ms-transition:  all 0.3s ease 0s;
	transition:  all 0.3s ease 0s;
} */

.configSubmit {
	display: none;
}

.questionStep2, .questionStep3 {
	display: none;
}

.spaceModule img {
	/* height: 8.88rem;
	margin-bottom: 1rem; */
}

.spaceModule .spaceModuleItem:last-child {
	margin-right: 0;
}

.spaceModuleItem {
	margin-right: 0.4286rem;
	margin-bottom: 0.5rem;
}

.spaceModuleBox {
	width: 100%;
	height: 7rem;
	background-color: #ececec;
	border-radius: 0.4286rem 0.4286rem 0rem 0rem;
	border: solid 1px #7d7f82;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spaceModuleBox img {
	max-width: 11.7143rem;
	max-height: 80%;
	padding: 0.3rem;
}

.spaceModuleBottom {
	width: 100%;
	height: 1.7857rem;
	background-color: #7d7f82;
	border-radius: 0rem 0rem 0.4286rem 0.4286rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'MiSans-Medium';
	font-size: 0.7143rem;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 0.3rem;
}

/* #returnBtn1{
	display: block;
    width: 10rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    background-color: #61b946;
    border-radius: 0.3571rem;
    font-family: 'MiSans-Medium';
    font-size: 1.2857rem;
    letter-spacing: 0px;
    color: #ffffff;
} */

#sendBtn, #submitBtn, #returnBtn1 {
	display: block;
	width: 16.8571rem;
	height: 3.3571rem;
	text-align: center;
	line-height: 3.3571rem;
	background-color: #61b946;
	border-radius: 0.3571rem;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin: 4.6429rem auto 0;
}

.submitBtnList {
	display: flex;
	justify-content: center;
}

.dataCenterLayout .space {
	font-family: 'MiSans-Medium';
	font-size: 0.7857rem;
	font-weight: bold;
	letter-spacing: 0px;
	color: #919293;
	padding: 1.4286rem 0.7143rem;
}

.spaceModule {
	width: 98%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
	margin: 0 auto;
}

.dataCenterLayout {
	margin-bottom: 4rem;
}

.layoutBtn {
	margin-top: 4.1429rem;
	display: flex;
	justify-content: center;
}

.layoutBtn button {
	width: 16.8571rem;
	height: 3.3571rem;
	background-color: #61b946;
	border-radius: 0.3571rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'MiSans-Medium';
	font-size: 1.2857rem;
	letter-spacing: 0px;
	color: #ffffff;
	margin: 0 5.2143rem;
}

.questionStep {
	position: relative;
}

.questionStep .NextBtn {
	cursor: pointer;
	position: absolute;
	right: 8.4286rem;
	bottom: 2.2143rem;
	width: 91px;
	height: 41px;
	background-color: #61b946;
	border-radius: 4px;
	font-family: 'MiSans-Medium';
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0px;
	color: #fbfbfc;
}

#marginPopup {
	margin: 0 40px
}

#BootrapbackgoundColor {
	background-color: #eff0f2
}

.subscribe-title-products-section {
	font-weight: 600;
	font-size: 17px
}

.subscribe-model-pop-up {
	background-color: #fbfbfb;
	background-color: rgba(251, 251, 251, .86)
}

.subscribe-checkbox-columns-titiles {
	font-size: 13px;
	font-weight: bold;
	text-transform: none
}

span.subscribe-text {
	font-size: 1.5rem
}

.subscribe-header {
	padding: 11px 81px 31px 81px
}

.subscribe-no-title {
	padding-top: 17px
}

.subscribe-hidden {
	-ms-opacity: 0;
	opacity: 0;
	position: absolute
}

.subscribe-hidden:checked~.subscribe-checkbox {
	background: #61b946
}

.subscribe-checkbox {
	background: #ccc;
	width: .9rem;
	height: .9rem;
	position: absolute;
	margin-left: -1.7rem;
	margin-top: .6rem;
	text-align: center
}

.subscribe-popup-title {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 14px;
	text-align: center;
	font-weight: bold
}

.eloqua-submit-button {
	margin: 0 auto;
	display: block;
	margin-top: 31px;
	background: #61b946
}

.subscribe-popup-main-title {
	font-size: 15px;
	text-align: center;
	font-weight: bold
}

li.block.socialbuttonblock>a {
	color: #999;
	font-size: 31px
}

.modal-content {
	-ms-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ecedec;
	max-width: 900px;
	margin: 0 auto;
}

.modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #fff !important;
	background-color: rgba(255, 255, 255, .9) !important
}

#checkBoxNoPadding {
	padding-left: 0
}

div#BootrapbackgoundColor {
	padding: 41px 80px 51px 80px;
	background: #dde0e1
}

.border-none {
	border-bottom: none !important
}

.filter-component .filter-container ul li .checkbox-hidden:checked+.checkbox-custom, .filter-component .sort-container ul li .checkbox-hidden:checked~.checkbox-custom {
	background: #61b946
}

.gdpr-campaign-text {
	font-size: 22px;
	text-align: center;
	text-transform: initial;
	padding-top: 50px
}

.gdpr-campaign-subtext {
	padding-bottom: 43px;
	display: block;
	text-align: center;
	font-size: 19px
}

.campaign-form-title, .contact-form-block-title {
	font-size: 22px;
	text-align: center;
	text-transform: initial;
	margin-bottom: 10px !important
}

.campaign-form-subtitle, .contact-form-block-subtitle {
	margin-bottom: 43px;
	display: block;
	text-align: center;
	font-size: 19px
}

#linkPrv {
	text-align: center !important;
	margin-top: 9px !important;
	font-weight: 500
}

#addIndustryLink, #removeIndustry, #addContact {
	cursor: pointer
}

ul.customer-iterest li:first-child {
	margin-top: 0
}

.partner_reason_textarea {
	border-color: #ccc;
	width: 100%;
	background-color: #fff;
	border-radius: 0;
	box-shadow: none;
	color: #666;
	font-size: 1.6rem;
	font-weight: 400;
	height: auto;
	padding: 8px
}

ul.customer-iterest {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	padding-left: 9px !important
}

.eloqua-forms-min-height {
	min-height: calc(100vh - 150px)
}

@media(min-width:992px) {
	.middle-column {
		width: 9%
	}
	.middle-column .space-true {
		display: block
	}
}

@media(min-width:992px) {
	.left-column {
		width: 45.5%
	}
}

@media(min-width:992px) {
	.right-column {
		width: 45.5%
	}
	div#marginPopup {
		margin: 0 !important
	}
}

.subscribe-popup-close {
	float: right;
	font-size: 3.2857rem;
	line-height: 1;
	color: #000 !important;
	background: #fff;
    margin-right: 10px;
}

.subscribe-social-media {
	padding-left: 17px
}

.subscribe-social-media:first-child {
	padding-left: 17px
}

ul.subscribe-socialmedia {
	padding-left: 0
}

ul.subscribe-socialmedia>li:first-child {
	padding-left: 0
}

ul.subscribe-socialmedia>li {
	list-style-type: none;
	float: left;
	padding-left: 25px
}

ul.subscribe-socialmedia span {
	font-size: 21px
}

@Media(max-width:470px) {
	ul.subscribe-socialmedia>li {
		padding-left: 17px
	}
}

.subscribe-general-options-margin-left {
	margin-left: -11px
}

@Media(max-width:990px) {
	div#BootrapbackgoundColor {
		padding: 41px 20px 51px 20px !important
	}
	.subscribe-header {
		padding: 11px 81px 31px 81px !important
	}
	div#marginPopup {
		margin: 0 !important
	}
	.subscribe-popup-main-title {
		text-align: left
	}
	.eloqua-submit-button {
		width: 100% !important
	}
	.subscribe-popup-title {
		text-align: left;
		margin-left: 8px;
		width: 93%
	}
}

.page-wrapper {
	/*for new layout*/
}

.page-wrapper span.form-info.smaller.x-thick.xx-dark {
	text-transform: none;
	font-size: 2.4rem;
	font-weight: 500;
	color: #333333;
}

.page-wrapper .link--button, .page-wrapper .v3-button, .page-wrapper .button {
	font-weight: 600;
	margin-bottom: 20px;
	padding: 10px 20px;
	border-radius: 0;
	letter-spacing: 1px;
	text-transform: uppercase !important;
}
.page-wrapper h6 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1.6rem;
    line-height: 1.4;
    letter-spacing: 0;
    color: #333333;
}
.page-wrapper  h5 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1.6rem;
    line-height: 1.4;
    letter-spacing: 0;
    color: #333333;
}

.subscribe-checkbox {
    background: #ccc;
    width: .9rem;
    height: .9rem;
    position: absolute;
    margin-left: -1.7rem;
    margin-top: .6rem;
    text-align: center;
}
.page-wrapper  .d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.page-wrapper a.removeUpperCase {
	text-transform: unset !important;
}

.page-wrapper .link--primary, .page-wrapper .v3-button--primary, .page-wrapper .contacts__footer_btn, .page-wrapper .button.primary, .page-wrapper .link--secondary-alt.contacts__footer_btn {
	color: #fff;
	background: #61b946;
	border: 2px solid #61b946;
}

.page-wrapper .link--primary:hover, .page-wrapper .v3-button--primary:hover, .page-wrapper .contacts__footer_btn:hover, .page-wrapper .button.primary:hover, .page-wrapper .link--secondary-alt.contacts__footer_btn:hover {
	background: #66bd4c;
	color: #fff;
}

.page-wrapper .link--secondary-alt, .page-wrapper .v3-button--secondary-alt {
	color: #333333;
	background: transparent;
	border: 2px solid #333333;
}

.page-wrapper .link--secondary-alt:hover, .page-wrapper .v3-button--secondary-alt:hover {
	background: #fff;
	color: #333333;
	border-color: #61b946;
}

.page-wrapper #product-page-cta {
	margin: 1rem 1.6rem 2rem 0rem;
}

.page-wrapper .link--secondary, .page-wrapper .v3-button--secondary {
	color: #ffffff;
	background: #666666;
	border: 2px solid #666666;
}

.page-wrapper .link--secondary:hover, .page-wrapper .v3-button--secondary:hover {
	background: #808080 !important;
	border: 2px solid #808080;
	color: #fff !important;
}

.page-wrapper .v3-button--tertiary {
	color: #333333;
	background: transparent;
	border: 2px solid #333333;
}

.page-wrapper .v3-button--tertiary:hover {
	background: #fff;
	color: #333333;
	border: 2px solid #61b946;
}

.page-wrapper .link.link--button.service-landing__btn-container_btn {
	color: #fff;
	background: #61b946;
	border: none;
}

.page-wrapper .news-and-blog-most-recent__more-btn {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 20px;
	border-radius: 0;
	letter-spacing: 1px;
}

.page-wrapper span.form-info.smaller.x-thick.xx-dark {
	text-transform: none;
	font-size: 1.4rem;
	font-weight: 500;
	color: #333333;
}

@media (min-width: 992px) {
	.row .left-column, .row .right-column {
		width: 45.5%;
		float: left;
	}
	.row .middle-column {
		width: 9%;
		float: left;
	}
}

.page-wrapper .subscribe-email .subscribe-email__container h2, .page-wrapper .subscribe-email .subscribe-email__container h3 {
	color: #fff;
}

.page-wrapper .subscribe-email {
	background-image: url(../images/emailMarketing.jpg);
	background-size: cover;
	height: auto;
	display: block;
	padding: 10rem 0;
}

.page-wrapper .subscribe-email .subscribe-email__container {
	display: block;
	text-align: center;
}

.page-wrapper .subscribe-email .container {
	position: relative;
}

.page-wrapper .subscribe-email__container {
	align-items: center;
}

.page-wrapper .subscribe-email .subscribe-email__container h2 {
	font-size: 3rem;
	text-align: center;
	letter-spacing: 0;
	font-weight: 400;
	margin: 0 0 10px 0;
}
.page-wrapper .submit-btn_text{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
@media only screen and (min-width: 768px) {
	.page-wrapper .subscribe-email .subscribe-field {
		max-width: 500px;
	}
}
.page-wrapper .subscribe-email .subscribe-email__container{
	text-align: center;
}
.page-wrapper .subscribe-email .subscribe-field {
	margin: 1.5rem auto 0;
	/*border-bottom: 2px solid #fff;*/
	padding: 0 36px 10px 4px;
	margin-left: auto;
	position: relative;
}
.page-wrapper .subscribe-field, .page-wrapper .subscribe-field__inp {
    width: 100%;
}
.subscribe-field__inp {
	background: #fff ;
	height: 50px;
	padding: 15px 5px;
	color:#8b8c8d;
}
.page-wrapper .subscribe-email .subscribe-field input {
    font-size: 2rem;
}
.page-wrapper .subscribe-email .subscribe-field input::placeholder{
	color: #373737;
    font-size: 1.7rem;
    font-weight: 400;
    opacity: 1;
}
.page-wrapper .submit-btn {
    background-color: transparent;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    right: -42px;
}
.page-wrapper .subscribe-email .subscribe-email__container .submit-btn{
    background: url(../images/rightIcon.png)no-repeat;
    width: 78px;
    /*background-size: 100% auto;*/
    /*background-position: center center;*/
}
.page-wrapper .subscribe-email .subscribe-field input{
	color: #888888;
}
.form-content-subscribe p{
	font-size: 1.2rem;
    color: #333333;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0.7143rem;
}
.page-wrapper .subscribe-email .subscribe-field input::placeholder {
    color: #CECCCC;
    font-size: 1.7rem;
    font-weight: 400;
    opacity: 1;
}
/* .page-wrapper .form-control {
	display: block;
	width: 100%;
	border-radius: 0;
	border-color: #fff;
	box-shadow: none;
	color: #666;
	font-family: 'Calibre', Arial, Sans-Serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.42857143;
	padding: .6rem 1.6rem;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
} */

.field-validation-error, .field-validation-valid {
	color: #d23241;
	display: block;
	font-size: 1rem;
	margin-top: .4rem;
}

.page-wrapper .button.primary {
	padding: 10px 20px !important;
}

.page-wrapper .button.primary:hover {
	Box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px 0;
}

.page-wrapper .partner-dashboard-component .button-group-large .button {
	text-align: center;
}

.page-wrapper .partner-dashboard-component .button.x-light, .page-wrapper .partner-dashboard-component a.button.x-light {
	background: transparent !important;
	color: #333;
	border: 2px solid #333;
}

.page-wrapper .partner-dashboard-component .button.x-light:hover, .page-wrapper .partner-dashboard-component a.button.x-light:hover {
	background: #fff;
	color: #333;
	border: 2px solid #61b946;
}

.page-wrapper .support__header_search .btn.btn-default.dropdown-toggle {
	background: #61b946 !important;
	line-height: 1.5rem !important;
}

.page-wrapper .btn.btn-default.dropdown-toggle {
	background: #f6f6f6 !important;
	border: none !important;
	min-width: auto !important;
	text-align: left !important;
	font-size: 2rem !important;
	padding: 1rem !important;
	color: #999999 !important;
	padding-right: 3.2rem !important;
}

.page-wrapper .btn.btn-default.dropdown-toggle .icon.icon-angle-down, .page-wrapper .btn.btn-default.dropdown-toggle .icon.icon-angle-up {
	top: 2rem;
}

.page-wrapper .button.empty, .page-wrapper a.button.empty {
	color: #0076A8;
}

.page-wrapper .button.tight, .page-wrapper a.button.tight {
	padding: 8px 12px;
	text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
	.page-wrapper .link--button, .page-wrapper .v3-button {
		margin-bottom: 32px;
		margin-left: 0;
		width: 100%;
	}
	.page-wrapper .support__header_search .btn.btn-default.dropdown-toggle {
		width: 42px;
	}
}

@media only screen and (max-width: 768px) and (max-width: 767px) {
	.page-wrapper .support__header_search .btn.btn-default.dropdown-toggle {
		width: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.page-wrapper #product-page-cta {
		margin: 3.2rem 1.6rem 3.2rem 0rem;
	}
	.page-wrapper .support-action.selector {
		margin-bottom: unset !important;
	}
}

.page-wrapper .user-register-component form .checkbox .subscribe-checkbox {
	background: #ccc;
}

.page-wrapper .user-register-component form .checkbox .subscribe-hidden:checked~.subscribe-checkbox {
	background: #61b946;
}

.page-wrapper .login-mobile {
	background: #333333 !important;
	color: #ffffff !important;
}

.page-wrapper .brandpage-cta {
	line-height: 0 !important;
}

.page-wrapper .procurement-file-button {
	margin-bottom: 0;
}

.page-wrapper #ForgotPasswordModel_EmailAddress {
	padding: 12px;
	border-bottom: 1px solid #333;
	background-color: #f2f2f2;
}

.page-wrapper .contact-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 300;
	margin-top: 0px;
	top: 0;
}

.page-wrapper .frame {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-height: 200px;
	padding: 1rem;
}

.page-wrapper .frame>div {
	background: white;
	padding: 4rem 2rem;
}

.page-wrapper .frame div.close {
	position: absolute;
	z-index: 400;
	right: 10px;
	top: 2px;
	padding: 0;
	opacity: 1;
	color: #999999;
	font-size: 30px !important;
}

.page-wrapper .ctaModal {
	cursor: pointer;
}

.page-wrapper .product-line-tiles .link--button {
	margin: 15px 8px 0 0 !important;
}

@media only screen and (max-width: 767px) {
	.page-wrapper .eloqua-form .button.primary {
		width: 100%;
	}
}

.page-wrapper .button.primary {
	padding: 10px 20px !important;
}

.page-wrapper .link--primary, .page-wrapper .v3-button--primary, .page-wrapper .contacts__footer_btn, .page-wrapper .button.primary, .page-wrapper .link--secondary-alt.contacts__footer_btn {
	color: #fff;
	background: #61b946;
	border: 2px solid #61b946;
}

.subscribe-popup-title-thank-you, .subscribe-popup-title-failed {
	font-size: 20px;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding-top: 28px;
	color: #333;
	font-weight: 600;
	padding-bottom: 28px
}

.page-header {
	margin: 52px 0 0
}

.subscription-bold {
	font-weight: 600;
	font-size: 1.7rem
}

body.modal-open {
	overflow: hidden
}

@media(max-width:512px) {
	.page-header-component.CampaignPage {
		position: static !important;
		margin-bottom: -9px
	}
	.breadcrumb>li {
		display: list-item !important
	}
}

@media(min-width:992px) {
	.modal-desktop-margin {
		padding-right: 88px !important;
		padding-left: 88px !important;
		padding-bottom: 31px !important
	}
}

@media(max-width:767px) {
	.image-responsive {
		display: block;
		max-width: 100%;
		height: 100px !important
	}
}

@media only screen and (min-width:767px) {
	.search-on-top {
		top: 10px
	}
}

@media only screen and (max-width:1024px) {
	.search-on-top {
		top: 10px
	}
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.page-wrapper .modal {
	display: none;
	position: fixed;
	left: 0;
	height: 100%;
	background-color: #fff !important;
}

@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
	box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
}


a.text-danger:hover, a.text-danger:focus {
	color: #843534
}

.bg-primary {
	color: #fff;
	background-color: #ff7600
}

a.bg-primary:hover, a.bg-primary:focus {
	background-color: #cc5e00
}

.bg-success {
	background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
	background-color: #c1e2b3
}

.bg-info {
	background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
	background-color: #afd9ee
}

.bg-warning {
	background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
	background-color: #f7ecb5
}

.bg-danger {
	background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
	background-color: #e4b9b9
}

.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}


.modal-content {
	-ms-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ecedec;
}

.fade.in {
	opacity: 1;
}

.modal.in .modal-dialog {
	top: 10%;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

@media (max-width:1200px) {
	.configuratorItem {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.countryBox {
		display: none!important;
	}
	.newsItem .newsCont {
		padding-left: 0.65rem;
		padding-right: 0.65rem;
	}
	.guaranteeCont p {
		padding-left: 0.5rem;
	}
	.searchable-select-dropdown {
		top: 31px;
	}
	.smartCenterBox .smartCenterTitle {
		white-space: initial;
	}
	.smartCenterBanner .smartCenterBox {
		bottom: calc(3rem + 10%);
	}
	.smartCenterBanner .smartCenterBox.coolingChannelBox {
		bottom: calc(3rem + 10%);
	}
	.healthTrendItem, .smartCenterDetails .smartDetail {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.trendRightBg {
		background: none;
	}
	.siteBoxCont {
		transform: scale(0.8) translate(-50%, -50%)!important;
	}
	.lookForBg {
		width: 100%;
		padding: 0 2%;
	}
	.productDetailsBox {
		padding: 0 22px;
	}
	.relatedProductSwiper .swiper-button-prev {
		left: -1rem;
	}
	.relatedProductSwiper .swiper-button-next {
		right: -1rem;
	}
	.productDetailsTop {
		padding-left: 10px;
		padding-right: 10px;
	}
	.productSpecification {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#header .navbar-header {
		width: 100%;
	}
	.dataList li {
		margin-right: 0.8%;
		margin-left: 0.8%;
	}
	.dataList li:last-child {
		margin-right: 0.8%;
	}
	/* .countryBox {
		height: auto;
	} */
	#header .navbar-header {
		position: relative;
	}
	.countryBox {
		position: absolute;
		left: 180px;
		top: 0px;
	}
	.countryBox span {
		margin-left: 8px;
	}
	.searchBox {
		position: absolute;
		right: 80px;
		top: 0px;
	}
	.site-header .navbar-brand {
		padding-left: 5px;
		float: left;
	}
	.bannerSlider .slide .bannerIntro {
		max-width: 100%;
	}
	.bannerSlider .bannerIntro.rightSite {
		right: 10%;
	}
	.bannerIntro .introTitle {
		font-size: 2.5rem;
		letter-spacing: 0rem;
		color: #ffffff;
		line-height: 3rem;
		margin-bottom: 0.5rem;
	}
	.bannerIntro .introCont {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.bannerSlider .slide .bannerIntro {
		bottom: 50%;
	}
	.bannerIntro .bannerBtn {
		margin-left: -1.3125rem;
		margin-top: 1.5625rem;
		display: inline-block;
		padding: 0.3rem 2rem 0.3rem 1rem;
		line-height: 2.6rem;
		font-family: 'MiSans-Medium';
		font-size: 1.5rem;
	}
	.siteMapCont .siteMap, .copyRight {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-top: 1.5rem;
	}
	.copyRight {
		padding-bottom: 1.5rem;
	}
	.membershipItem .commonContainer {
		height: 100%;
		display: flex;
		align-items: center;
	}
	.membershipsList li {
		margin: 0.65rem;
	}
	.membershipCont {
		padding: 0 1rem;
	}
	.membershipCont .membershipTitle {
		width: 100%;
	}
	.membershipCont {
		flex-wrap: wrap;
	}
	.membershipItem {
		height: auto;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.membershipCont {
		height: auto;
	}
	.membershipsList {
		width: 100%;
	}
	.lookingFor {
		box-sizing: border-box;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.futureToday .commonContainer {
		flex-wrap: wrap;
	}
	.futureToday .futureTitle.futureTitleHide {
		/* display: none; */
		width: 100%;
		justify-content: flex-start;
	}
	.futureToday .futureTitle {
		justify-content: space-between;
		width: 100%;
	}
	.linkCont {
		display: flex;
		justify-content: space-around;
	}
	.linkBottomItem {
		margin-right: 0;
	}
	.copyRight img {}
	/* .copyRight{
		padding-bottom: 1rem;
	} */
}

@media (max-width: 991px) {
	.configuratorRight a {
		display: none;
	}
	#smartCenterBtn.systemBtn {
		right: auto;
		transform: translateY( -50%);
		bottom: 0rem;
	}
	.healthTrendItem {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.guaranteeItem {
		padding-top: 4rem;
		padding-bottom: 5.5rem;
	}
	.downloadCenterCont {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.videoList li {
		width: 49%;
	}
	.downloadItem {
		padding-top: 3rem;
	}
	.AmericaCont.siteBoxCont {
		left: 250%;
	}
	.AsiaCont.siteBoxCont {
		left: -117%;
	}
	.aboutVericomItem {
		padding-top: 3rem;
		padding-bottom: 2.5rem;
	}
	.ourStoryList {
		flex-wrap: wrap;
	}
	.ourStoryItem {
		padding-bottom: 4rem;
	}
	.globalContainer {
		padding-top: 11rem;
	}
	.ourStoryList li {
		width: 49.5%;
	}
	.VericomBg {
		display: none;
	}
	.jobList {
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
	.jobList a {
		padding-left: 1rem;
		padding-right: 1.2rem;
	}
	.jobList .rightIcon {
		right: 1rem;
		bottom: 1.45rem;
	}
	.supportItem {
		padding-top: 4rem;
		padding-bottom: 3em;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#questions {
		max-height: 10rem;
	}
	.productSpecification {
		padding-top: 0;
	}
	.smartCenterLeft {
		height: 30rem;
	}
	.smartCenterDetails .smartDetail {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	.productSpecification {
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
	.keyBgBox {
		padding: 0 1rem;
	}
	.searchResults .resultRight, .searchResults .resultLeft {
		width: 50%;
	}
	.searchResults {
		width: 100vw;
	}
	.header-search-form.expanded .searchResults {
		position: absolute;
	}
	.smartCenterDetails .smartDetail {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.smartCenterLeft, .smartCenterRight {
		width: 95%;
		max-width: 95%;
		padding-left: 0;
	}
	.keyComponents {
		padding-top: 2.5rem;
	}
	.whyVericomList li {
		height: auto;
	}
	.trendGif {
		background-position: center center;
	}
	.trendBg img {
		margin: 0 auto;
		display: block;
	}
	.challengeItem {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.healthTrendItem {
		margin-bottom: 3.3rem;
	}
	.challengeList, .challengeCont {
		margin-top: 2rem;
	}
	.challengeItem {
		padding-bottom: 3rem;
	}
	.trendRight {
		margin-top: 1.5rem;
	}
	.trendLeft, .trendRight, .challengeCont img, .challengeList {
		width: 100%;
	}
	.exhibitionCont {
		margin-top: 3.5rem;
	}
	.exhibitionItem {
		padding-top: 4.5rem;
		padding-bottom: 2.5rem;
	}
	.newsContList .learnMore {
		bottom: 1.1rem;
	}
	.newsContRight {
		display: flex;
		align-items: center;
	}
	.newsDetailCont h1 {
		padding-left: 0.65rem;
	}
	.newsArticle {
		padding-right: 0.6429rem;
	}
	.warrantyCarousel .catalogueSlide {
		margin-right: 1%!important;
		width: 32.5%!important;
	}
	.catalogueList li p, .warrantyCarousel .catalogueSlide p {
		width: 100%;
		padding: 0 0.5rem;
		height: 6rem;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.catalogueList li>a, .warrantyCarousel .catalogueSlide>a {
		padding: 0 0.5rem;
	}
	.catalogueList .catalogueBox {
		height: auto;
		margin-bottom: 1.5rem;
	}
	.yearItem .year {
		font-size: 3.5rem;
		top: -35%;
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
	}
	.ageLimit li:nth-child(2n) .yearItem .year {
		font-size: 3.5rem;
		top: -35%;
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
	}
	.teamBottom {
		padding: 0 0.5rem;
	}
	.breadcrumbBox {
		padding: 1.8rem 0;
	}
	.productDetailsTop {
		margin-top: 1.8rem;
	}
	.relatedProductCarousel .swiper-slide {
		padding: 0 0.3rem;
	}
	.relatedProductCarousel {
		margin-left: -0.65rem;
		margin-right: -0.65rem;
	}
	.relatedProductBottom {
		padding-left: 0;
		padding-right: 0;
		padding-top: 1rem;
	}
	.warrantyBox .swiper-button-next, .warrantyBox .swiper-button-prev {
		display: none;
	}
	.relatedProductSwiper .swiper-button-next, .relatedProductSwiper .swiper-button-prev {
		top: 28%;
		transform: translateY(-50%);
		display: none;
	}
	.productSignNav {
		padding-top: 0;
	}
	.productIntroCont {
		width: 100%;
		margin-top: 12px;
	}
	.productDetailsTop .productDetailCont {
		width: 95%;
		margin: 0 auto;
		/* overflow: hidden; */
		padding-top: 1.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.productDetailsTop .productImg {
		padding: 0 2px;
	}
	.productSwiper {
		padding: 0 3px;
	}
	.productImgList {
		margin-right: 0rem;
	}
	.productDetailsTop .productImg {
		padding-right: 2px;
	}
	.productIntroCont {
		width: 82%;
	}
	.switchColumnFlex .switchColumn {
		margin-right: 5px;
	}
	.switchColumnFlex {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.categoryDetail {
		position: relative;
	}
	.categoryLeftBox .categoryLeftTitle {
		padding-top: 1.1429rem;
	}
	.itemList1 li {
		padding: 0.75rem 1.0714rem 0.75rem 1.6429rem;
	}
	#accordion {
		margin-top: 0;
	}
	.categoryLeftBox {
		background: #fff;
		display: block !important;
		/* width: 400px; */
		/* width: calc(100% - 35px); */
		/* height: 100% !important; */
		margin: 0;
		padding: 0;
		width: 215px;
		position: fixed;
		right: -100%;
		top: 27%;
		z-index: 9;
		border-top: 0;
		border: 1px solid #CECFD0;
		box-shadow: -2px 3px 5px #74727267;
	}
	.categoryLeftBox.slideInn {
		right: 0 !important;
	}
	.switchColumnFlex {
		display: flex;
		justify-content: space-between;
		flex-direction: initial;
		align-items: center;
	}
	.productListBtn {
		display: block;
	}
	.productListDetail {
		padding-left: 8px;
		padding-right: 8px;
	}
	.classifyTitle, .productSearch {
		margin-left: 12px;
		margin-right: 12px;
	}
	.productType1 .viewMoreBox {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.productList {
		padding-left: 0;
	}
	.productType1 .viewMoreBox .viewMoreBtn {
		margin-bottom: 8px;
	}
	.productList.productType2 .productBottom {
		padding-top: 1.5rem;
		padding-bottom: 1rem;
		padding-right: 0;
	}
	.categoryRightBox {
		width: 100%;
	}
	.productList li {
		margin-left: 0.49%;
		margin-right: 0.49%;
	}
	.viewMoreBox span {
		margin-left: 0.4rem;
	}
	.categoryLeftBox {
		float: none;
		display: none;
	}
	.categoryLeftTitle .close {
		display: block;
	}
	.videoItem {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}
	.videoCenter .videoTitle, .videoCenter p {
		margin-bottom: 1rem;
	}
	.videoCenter .watchBtn {
		margin-top: 1rem;
	}
	.networkVideoIntro {
		padding-left: 0rem;
	}
	.newsInfoCont {
		padding: 1rem;
	}
	.VericomIntro {
		width: 100%;
	}
	.newsInfoTime {
		/* margin-top: 0; */
		/* position: absolute;
    left: 1rem;
    bottom: 1rem; */
	}
	.siteMapCont .siteMap li.openPage {
		display: block;
	}
	.bannerSlider .bannerIntro.rightSite {
		right: 0%;
	}
	.indexBanner {
		/* display: none; */
	}
	.industryMask span {
		font-size: 1.2rem;
	}
	.industryList .maskBox {
		display: none;
	}
	.IndustrySectorItem {
		padding-top: 3.75rem;
		padding-bottom: 3.75rem;
	}
	.newsInfoItem {
		background: #ECECEC;
		padding-bottom: 3.75rem;
	}
	.networkSolutionList .networkSolutionBottom {
		font-size: 1.5rem;
	}
	.systemItem .commonContainer {
		padding: 0 1%;
	}
	.networkSolutionList .networkSolutionBottom {
		font-size: 1.2rem;
	}
	.newsInfoCont .newsInfoTitle {
		font-size: 1.6rem;
	}
}

@media (max-width: 767px) {
	.whyVericomList li {
		width: auto;
	}
	.FeatureList .whyVericomIntro {
		height: auto!important;
	}
	.searchTabs {
		padding: 0 0.75rem 0.75rem;
	}
	.relatedResultList li {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.relatedResultList .tag {
		bottom: 0.2rem;
	}
	.relatedResultList li h3 {
		padding-right: 9.9286rem;
	}
	.downLoadBtn {
		top: 1.3rem;
		transform: none;
	}
	.distributorCont {
		width: calc(100% - 18.7rem);
	}
	.systemBg {
		width: 100%;
	}
	.newsDetailCont {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.videoList li {
		min-height: 30rem;
	}
	.teamBottom img {
		display: none;
	}
	.capabilityIntro {
		width: 95%;
		padding-bottom: 2.5rem;
	}
	.qualityIntroList .maskBox {
		display: none;
	}
	.capabilityCarouselBox {
		height: 35rem;
	}
	.globalContainer {
		padding-top: 8rem;
	}
	.searchProductList li .imgBox {
		display: none;
	}
	.searchProductList li {
		padding-left: 0.8rem;
		padding-right: 0;
	}
	.searchResults .resultLeft, .searchResults .resultRight {
		overflow: hidden;
	}
	.relatedList li {
		padding-left: 0.8rem;
		padding-right: 0;
	}
	.searchProductList .productDetail {
		width: 100%;
		margin-left: 0;
	}
	.swiper-container .swiper-pagination {
		bottom: 0.5rem;
	}
	.configuratorLeft, .configuratorRight {
		width: 100%;
		padding: 0 1rem;
	}
	.configuratorRight {
		padding: 0 0.5rem;
	}
	.configuratorCont {
		margin-top: 2.5rem;
		padding-bottom: 3.5rem;
	}
	.configuratorRight h1 {
		text-align: center;
	}
	.configuratorRight a {
		max-width: 29.2857rem;
		width: 75%;
		margin: 0 auto;
		display: flex;
	}
	.smartCenterLeft {
		height: 26rem;
	}
	.smartCenterBanner .smartCenterBox {
		bottom: calc(1.5rem + 10%);
	}
	.smartCenterBanner .smartCenterBox.coolingChannelBox {
		width: 44%;
		bottom: calc(2.5rem + 10%);
	}
	.smartCenterBox .smartCenterTitle {
		font-size: 2rem;
	}
	.productList .productPic {
		height: 16rem;
		min-height: 16rem;
	}
	.siteMapList {
		padding-right: 0;
		padding-left: 0;
	}
	.searchResults {
		left: auto;
		right: -60px;
		width: 100vw;
		top: auto;
	}
	.configuratorRight p {
		text-align: center;
		margin-bottom: 2rem;
	}
	.distributorList li .regionImg {
		top: 0;
		left: auto;
		right: 0;
		width: 3.5rem;
	}
	.contacBox .headTitle {
		padding: 0 0.5rem;
	}
	.regionList {
		margin-top: 0;
	}
	.distributorTitle {
		padding-right: 2.2rem;
	}
	.distributorList li .distributorBox {
		padding: 1rem;
	}
	.distributorBox .contactWay .lineBox {
		margin: 0;
		width: 100%!important;
	}
	.newsItem {
		padding-top: 2rem;
		padding-bottom: 3.4286rem;
	}
	.newImgBox .newsBoxItem img {
		height: auto;
	}
	.qualityList li:hover img {
		transform: none;
	}
	.coreItem {
		padding-top: 2rem;
	}
	.coreTitle {
		margin-bottom: 1rem;
	}
	.coreItem .commonContainer .phoneShow {
		display: flex;
		justify-content: center;
	}
	.pcShow {
		display: none;
	}
	.warrantyList, .guaranteeCont .catalogueList {
		margin-top: 3rem;
	}
	.warrantyList li {
		width: 48%!important;
	}
	.catalogueList li {
		width: 49%!important;
		margin-right: 0.5%!important;
		margin-left: 0.5%!important;
	}
	#spotlight {
		width: 100vw!important;
		height: 100vh!important;
		min-height: auto;
	}
	.yearItem .yearCont:before {
		left: -1.8rem;
	}
	.ageLimit li:nth-child(2n) .yearCont:before {
		right: -1.8rem;
	}
	.yearItem .yearCont {
		width: auto;
		padding: 1.2rem 1rem;
	}
	.productBottom {
		padding-top: 0.85rem;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.relatedProductCarousel .relatedProductBox {
		min-height: 16rem;
		max-height: 16rem;
	}
	.searchBox {
		top: 0px;
		right: 60px;
	}
	.countryBox {
		display: none;
		padding-left: 0px!important;
		top: 17px;
	}
	.lookForCont {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.teamListCarousel .maskBox {
		display: none;
	}
	.teamInfoLine {
		display: flex;
		justify-content: center;
	}
	.teamBottom .teamInfoLine:nth-child(2) {
		display: none;
	}
	.resourceLineBox .resourceLine4 {
		display: none!important;
	}
	.resourceLineBox .resourceLine2 {}
	.resourceLineBox .resourceLine3 {
		border-left: 0.1429rem solid #ececec;
	}
	.resourceLineBox .resourceLine1, .resourceLineBox .resourceLine2, .resourceLineBox .resourceLine3, .resourceLineBox .resourceLine4 {
		width: auto;
		flex: 1;
		display: flex;
		align-items: center;
	}
	.resourceLineBox .resourceLine1, .standardLine .standardLineLeft .standardHeaderLeft {
		padding-left: 1rem;
	}
	.productDetailsTop {
		margin-top: 0;
		padding-top: 0;
	}
	.resourceLineBox .resourceLine2 {
		padding-left: 1rem;
		padding-right: 0.5rem;
	}
	.standardLine .standardLineRight {
		margin-left: 0;
	}
	.productSignNav .tabs {
		display: flex;
		white-space: nowrap;
	}
	.productSignNav.current .tabs {
		display: flex;
		justify-content: center;
	}
	.productSignNav .tabs span {
		width: auto;
		padding: 0.5rem 0.8rem;
		margin: 0 0.5rem;
		font-size: 1rem;
		display: flex;
		align-items: center;
	}
	.productDetailsTop .productImg {
		margin-right: 0;
	}
	.productImgBox {
		display: flex;
	}
	.productIntroCont {
		width: 95%;
	}
	.productDetailsTop .productDetailCont {
		width: 95%;
	}
	.qualityMask {
		padding-left: 1.3rem;
		padding-right: 1.3rem;
	}
	.relatedProductName {
		font-weight: bold;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.relatedProductBottom p {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.qualityIntroList .maskBox p {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
	.qualityList li {
		width: 10rem;
		height: 9.75rem;
	}
	.pageNumBox {
		margin-left: 50%;
	}
	.pageBox {
		position: relative;
	}
	.jumpPage {
		position: absolute;
		top: -3rem;
		right: 0.5rem;
	}
	.viewMoreBox img {
		width: 13px;
	}
	.productList.productType2 li>a, .productList.productType2 .productPic {
		width: 15rem;
	}
	.productList.productType2 .productBottom {
		width: calc(100% - 15rem);
	}
	.site-header #navbar {
		width: calc(100% - 35px);
	}
	.productType2 .viewMoreBox {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 8px!important;
	}
	.productList.productType2 .productDataSheet {
		margin-left: 0;
		margin-top: 8px;
	}
	/* .commonItem {
		padding-left: 0.5714rem!important;
		padding-right: 0.5714rem!important;
	} */
	.dataList .dataBottom {
		height: 5rem;
	}
	.vericomList {
		width: 100%;
		overflow: hidden;
		display: block;
	}
	.vericomList li {
		width: 32.3%;
		/* width: auto; */
		float: left;
		margin: 0 0.5%;
	}
	.siteList li span {
		/* transform: translateX(-16%); */
		transform: translate(-25%, -50%);
		font-size: 12px;
		width: 14rem;
		white-space: pre-wrap;
	}
	.circuitDiagramBg {
		width: 98%;
	}
	.operationList li .operationBg {
		width: 15rem;
		height: 15rem;
		margin-left: 3.25rem;
	}
	.operationList .operationBox {
		width: 12rem;
		height: 12rem;
	}
	.operationList li::after {
		width: 8.875rem;
		height: 7.2875rem;
		position: absolute;
		top: 2.5rem;
		right: -4.7rem;
	}
	.operationBox p {
		font-size: 12px;
	}
	.operationBox img {
		width: 3.375rem;
	}
	.videoIntro {
		padding-bottom: 2.5rem;
	}
	.commonItem {
		box-sizing: border-box;
	}
	.videoCont {
		margin: 0 auto;
	}
	.networkVideoIntro {
		padding-bottom: 3rem;
	}
	.videoItem {
		padding-left: 0;
		padding-right: 0;
	}
	.videoCenter {
		height: auto;
	}
	.networkVideoIntro {
		height: auto;
	}
	.videoCenter .watchBtn {
		margin: 0 auto;
	}
	.networkVideoIntro {
		width: 100%;
		box-sizing: border-box;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.videoCenter .videoIntro, .videoCenter .videoCont {
		width: 100%;
		float: none;
		height: auto;
		text-align: center;
	}
	.videoCont {
		/* height: 50%!important; */
	}
	#video, #video video {
		width: 100%;
		height: 100%;
	}
	.searchForm .formText {
		height: 32px;
		line-height: 32px;
	}
	.searchForm .searchFormBtn {
		background-size: 2rem auto;
	}
	.networkSolutionList .networkSolutionBottom {
		font-size: 1rem;
		padding: 1rem 0.5rem;
		height: auto;
	}
	.newsInfoCont .newsInfoTitle {
		margin-bottom: 0;
		font-size: 1.4rem;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.newsInfoTime {
		margin-top: 1rem;
	}
	.newsInfoTime span {
		display: none;
	}
	.dataList .dataBottom {
		max-height: initial;
		font-size: 1rem;
		padding: 0.3rem;
	}
	.systemSiteA span {
		right: -400%;
		transform: translate(-50%, -50%);
		top: -74%;
	}
	.systemSiteB span {
		top: 11%;
		right: -90%;
	}
	.systemSiteC span {
		top: -14%;
		right: -239%;
	}
	.systemSiteE span {
		right: -194%;
		top: 50%;
	}
	.newsInfoCont {
		justify-content: space-around;
	}
	.EuropeCont.siteBoxCont {
		left: 0!important;
	}
}

@media (max-width: 544px) {
	.FeatureList li {
		width: auto;
	}
	.healthTrendItem {
		margin-top: 3rem;
	}
	.selectBottom .downloadBtn {
		right: 2.5rem;
	}
	.catalogueList li p, .warrantyCarousel .catalogueSlide p {
		height: auto;
	}
	.catalogueList li {
		margin-bottom: 3rem;
	}
	.videoList li {
		min-height: 25rem;
	}
	.teamListCarousel .teamSlide {
		padding: 0 0.5%;
	}
	.teamInfoLine span {
		font-size: 12px;
	}
	.capabilityCarouselBox {
		height: 27.5rem;
	}
	.areaPresence {
		padding: 0;
		transform: scale(0.85);
		padding-bottom: 0.6rem;
	}
	/* .teamListCarousel{
		padding-bottom: 8.5rem;
	} */
	.globalContainer {
		padding-top: 6rem;
	}
	.searchBox .header-search-form, .searchBox form {
		display: flex;
		align-items: center;
	}
	.header-search-form .form-control {
		height: 45px;
		border: 1px solid #dddddd;
	}
	.searchBox {
		width: 21rem;
		border: none;
	}
	.caseCarouselBox .swiper-button-next, .caseCarouselBox .swiper-button-prev, .productCarouselBox .swiper-button-next, .productCarouselBox .swiper-button-prev {
		display: none;
	}
	.teamBottom {
		padding: 0;
		/* height: 8rem; */
	}
	.dataList .dataBottom {
		height: auto;
		padding: 0.75rem 0.3rem;
	}
	.relatedProductSwiper .swiper-button-next, .relatedProductSwiper .swiper-button-prev {
		top: 25%;
		display: none;
	}
	.productImgBox {
		margin-left: 0;
		margin-bottom: 0.9rem;
	}
	.linkBottomItem {
		box-sizing: border-box;
		padding-left: 3rem;
	}
	.newsInfoCont p {
		display: none;
	}
	.newsInfoCont .newsInfoTitle {
		margin-bottom: 0;
		font-size: 1rem;
	}
}