﻿@charset "utf-8";

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
	-ms-word-break: break-all;
	word-break: break-all;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

@font-face {
	font-family: "NotoSansCJKsc-Regular";
	src: url("../font/NotoSansCJKsc-Regular.otf") format('opentype');
}

body {
	font-family: 'NotoSansCJKsc-Regular', arial;
	font-size: 14px;
	color: #636363;
	line-height: 1.5;
	margin: 0 auto;
	background: #fff;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
	word-wrap: break-word;
	word-break: keep-all;
}

a:link,
a:visited {
	text-decoration: none;
	outline: 0;
	color: #666666;
}

a:hover,
a:active,
a:focus {
	color: #666;
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

ul {
	padding: 0;
}

li {
	zoom: 1;
	vertical-align: middle;
}

ol {
	margin: 0;
	padding: 0;
	padding-left: 36px;
}

fieldset,
img {
	border: 0;
}

img {
	border: 0;
	display: block;
	max-width: 100%;
}

div {
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: 0;
	width: 100%;
}

th,
td {
	padding: 0;
}

input,
textarea {
	font-family: 'NotoSansCJKsc-Regular', arial;
	font-size: 14px;
}

input {
	outline: 0;
}

textarea {
	outline: 0;
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
	cursor: pointer;
	outline: 0;
}

input[type='checkbox'],
input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	padding: 0;
	color: #666;
	outline: 0;
}

input,
textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-radius: 0;
	overflow-y: hidden;
	overflow-x: hidden;
}

::-webkit-input-placeholder {
	color: #4b4b4b;
}

:-moz-placeholder {
	color: #4b4b4b;
	opacity: 1;
}

::-moz-placeholder {
	color: #4b4b4b;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #4b4b4b;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix {
	clear: both;
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block;
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.pic img {
	transition: 0.5s;
}

.pic:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto;
}

/*ie8判断*/
.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80;
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: 'NotoSansCJKsc-Regular';
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	display: block;
	line-height: 20px;
	color: #666666;
}

.prompt span a {
	text-decoration: underline;
}

.prompt .prompt_close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	background: url(../images/closed.png) no-repeat center center;
	cursor: pointer;
}

#container {
	overflow: hidden;
	position: relative;
	background: #fff;
}

.phone-nav {
	position: relative;
	display: none;
	color: #666;
	z-index: 6667;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_sprite@2x.png);
	background-size: 100px 1800px;
	background-position: 4px 6px;
	vertical-align: middle;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 20px;
}

.phone-nav:before {
	content: 'Menu';
	display: block;
	font-size: 14px;
	font-family: 'NotoSansCJKsc-Regular', arial;
	width: 40px;
	line-height: 30px;
	margin-left: 35px;
}

.phone-nav svg {
	display: none;
}

.container {
	max-width: 1140px;
	margin: 0 auto;
}

.container02 {
	max-width: 1080px;
	margin: 0 auto;
}

.header {
	padding-top: 30px;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#fp-nav {
	display: none !important;
}

.top {
	background-color: #eaeaea;
	height: 20px;
}

.top .change-language {
	position: relative;
	cursor: pointer;
	color: #8a8c8e;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 20px;
	float: right;
	width: 125px;
}

.top .change-language .icon {
	background: url(../images/language-white.svg) no-repeat center center;
	display: inline-block;
	width: 10px;
	margin-right: 4px;
	background-position-y: 4px;
}

.top .change-language .arrow {
	background: url(../images/language-arrow-light.svg) no-repeat center center;
	display: inline-block;
	width: 8px;
	margin-left: 4px;
	background-position-y: 7px;
}

.top .change-language ul {
	display: none;
	position: absolute;
	background-color: #4d4d4f;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0;
	border-radius: 0 0 10px 10px;
	padding: 15px;
	width: 125px;
	z-index: 1000;
	line-height: 16px;
}

.top .change-language ul li a {
	font-size: 12px;
	text-transform: none;
	color: white;
	display: block;
}

@media (min-width: 1025px) {
	.top .change-language ul li a:hover {
		font-weight: bold;
	}
}

.top .change-language:hover .icon {
	background: url(../images/language-blue.svg) no-repeat center center;
	background-position-y: 4px;
}

.top .change-language:hover .arrow {
	background: url(../images/language-arrow-dark.svg) no-repeat center center;
	background-position-y: 7px;
}

.top .change-language:hover ul {
	display: block;
}

.header {
	width: 100%;
	z-index: 55;
	box-shadow: 0px 0px 5px -3px #000000;
	position: relative;
	height: 100px;
	top: 0;
	left: 0;
}

.header .logo {
	float: left;
	display: block;
	width: 65%;
	min-width: 100px;
	min-height: 44px;
	text-align: center;
	max-width: 180px;
	padding: 0px;
}

.header .logo:hover {
	opacity: 0.8;
}

.header .nav {
	display: inline-block;
	margin-top: 10px;
}

.header .skins {
	float: right;
	padding-top: 12px;
}

.header .skins .icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-right: 3px;
}

.header .skins .account {
	float: left;
	display: none;
}

.header .skins .account a {
	padding: 0 5px;
	display: block;
}

.header .skins .account a .icon {
	background-position: 4px -44px;
}

.header .skins .account a:hover {
	opacity: 0.8;
}

.header .skins .account a:hover .icon {
	background-position: -46px -44px;
}

.header .skins .shopping {
	float: left;
	display: none;
}

.header .skins .shopping a {
	display: block;
	padding: 0 5px;
}

.header .skins .shopping a .icon {
	background-position: 0 -201px;
}

.header .skins .shopping a:hover {
	opacity: 0.8;
}

.header .skins .shopping a:hover .icon {
	background-position: -50px -201px;
}

.header .skins .header-search {
	float: left;
}

.header .skins .header-search .pull-right {
	width: 30px;
	height: 30px;
}

.header .skins .header-search .pull-right a {
	display: block;
}

.header .skins .header-search .pull-right a .icon {
	background-position: 4px -146px;
}

.header .skins .header-search .pull-right a:hover {
	opacity: 0.8;
}

.header .skins .header-search .pull-right a:hover .icon {
	background-position: -46px -146px;
}

.header .skins .header-search .pull-right a.active {
	position: relative;
	z-index: 23;
}

.header .skins .header-search .pull-right a.active .icon {
	background-position: 4px -252px;
}

.header .skins .header .header-search .search {
	z-index: 9;
	position: relative;
}

.header .skins .header-search .search .btn-search-max {
	z-index: 2;
	-webkit-transition: All 0.2s ease-in-out;
	transition: All 0.2s ease-in-out;
	position: relative;
}

.header .skins .header-search .search .btn-search-max * {
	display: inline-block;
	vertical-align: middle;
}

.header .skins .header-search .search .search-main {
	top: 0;
	right: 0;
	z-index: 9;
	width: 100%;
	display: none;
	position: absolute;
	height: 100px;
	padding: 30px 0;
	background: #0089bb;
}

.header .skins .header-search .search .search-main .logo {
	max-width: none;
	width: 20%;
	float: left;
	display: block;
}

.header .skins .header-search .search .search-main .search_mini_form {
	width: 80%;
	float: right;
	padding-right: 100px;
}

.header .skins .header-search .search .search-main .search-controller {
	width: 48%;
	margin-left: 2%;
	float: left;
	position: relative;
	box-shadow: -1px -1px 1px 1px #d1d2d3;
	margin-top: 7px;
}

.header .skins .header-search .container {
	overflow: hidden;
	position: relative;
}

.header .skins .header-search .container .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	font-size: 14px;
	color: #999;
	height: 28px;
	vertical-align: top;
	padding: 0 26px 0 10px;
	-webkit-appearance: none;
	background-color: #efefef;
}

.header .skins .header-search .container .btn {
	top: 5px;
	right: 0;
	color: #043b83;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	border-radius: 0;
	border: 0;
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 2px -697px;
}

.header .skins .header-search #search-closed {
	right: 0;
	top: 15px;
	max-width: 30px;
	position: absolute;
	cursor: pointer;
}

/*.headerFixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}*/
.nav li {
	float: left;
	color: #58595B;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	margin-right: 10px;
}

.nav li a {
	display: block;
	color: #58595B;
	text-transform: uppercase;
	padding-bottom: 30px;
	margin: 0 10px;
	font-weight: bold;
	position: relative;
}

.nav li ul {
	position: absolute;
	left: -5px;
	top: 60px;
	z-index: 100;
	width: 300px;
	padding: 15px 0px 10px 0px;
	display: none;
	border: none;
	background: #0089BB;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0;
	border-radius: 0 0 10px 10px;
}

.nav li ul li {
	padding-left: 5px;
	padding-bottom: 10px;
	float: none;
}

.nav li ul li a {
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	color: #ACE1EF !important;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}

.nav li ul li a:after {
	display: none;
}

.nav li ul li a .img {
	background-image: url(../images/products-menu.png);
	background-repeat: no-repeat;
	content: " ";
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	line-height: 50px;
	margin-bottom: -5px;
}

.nav li ul li:hover>a {
	color: #fff !important;
}

.nav li ul li:hover ul {
	display: block !important;
}

.nav li ul li ul {
	left: 290px;
	top: -15px;
	border-radius: 10px;
	display: none !important;
}

.nav li ul .parent>a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ccc;
	border-right: none;
	top: 50%;
	left: auto;
	right: 10px;
	margin-top: -5px;
}

.nav li ul .menu-rf-coaxial-connectors a .img {
	background-position: -2px -208px;
}

.nav li ul .menu-rf-coaxial-connectors a:hover .img {
	background-position: -42px -208px;
}

.nav li ul .menu-active-optics a .img {
	background-position: -3px -244px;
}

.nav li ul .menu-active-optics a:hover .img {
	background-position: -43px -244px;
}

.nav li ul .menu-multipin-aerospace-connectors a .img {
	background-position: -1px -280px;
}

.nav li ul .menu-multipin-aerospace-connectors a:hover .img {
	background-position: -41px -280px;
}

.nav li ul .menu-optical-connectors a .img {
	background-position: -2px -180px;
}

.nav li ul .menu-optical-connectors a:hover .img {
	background-position: -42px -180px;
}

.nav li ul .menu-rf-cable-assemblies a .img {
	background-position: -3px -350px;
}

.nav li ul .menu-rf-cable-assemblies a:hover .img {
	background-position: -43px -350px;
}

.nav li ul .menu-rf-microwave-switches a .img {
	background-position: -1px -312px;
}

.nav li ul .menu-rf-microwave-switches a:hover .img {
	background-position: -41px -312px;
}

.nav li ul .menu-multipin-industrial-connectors a .img {
	background-position: 0px -141px;
}

.nav li ul .menu-multipin-industrial-connectors a:hover .img {
	background-position: -41px -141px;
}

.nav li ul .menu-optical-cable-assemblies a .img {
	background-position: -1px -35px;
}

.nav li ul .menu-optical-cable-assemblies a:hover .img {
	background-position: -42px -35px;
}

.nav li ul .menu-antennas a .img {
	background-position: 0px -103px;
}

.nav li ul .menu-antennas a:hover .img {
	background-position: -41px -103px;
}

.nav li ul .menu-microwave-components a .img {
	background-position: -1px -386px;
}

.nav li ul .menu-microwave-components a:hover .img {
	background-position: -41px -386px;
}

.nav li ul .menu-outdoor-connectors a .img {
	background-position: -1px -1px;
}

.nav li ul .menu-outdoor-connectors a:hover .img {
	background-position: -42px -1px;
}

.nav li ul .menu-space-qualified-components a .img {
	background-position: 1px -70px;
}

.nav li ul .menu-space-qualified-components a:hover .img {
	background-position: -40px -70px;
}

.nav li ul .menu-industries a .img {
	background-image: url("../images/industries-menu.png");
	background-repeat: no-repeat;
	content: " ";
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	line-height: 50px;
	margin-bottom: -8px;
}

.nav li ul .menu-aerospace a .img {
	background-position: 0 0;
}

.nav li ul .menu-aerospace a:hover .img {
	background-position: -21px 0;
}

.nav li ul .menu-defanse a .img {
	background-position: 0 -37px;
}

.nav li ul .menu-defanse a:hover .img {
	background-position: -21px -37px;
}

.nav li ul .menu-rail a .img {
	background-position: 0 -74px;
}

.nav li ul .menu-rail a:hover .img {
	background-position: -21px -74px;
}

.nav li ul .menu-industrial a .img {
	background: url("../images/industrial-icon-menu-2.png") no-repeat;
	background-position: -21px 0px;
}

.nav li ul .menu-industrial a:hover .img {
	background: url("../images/industrial-icon-menu-2.png") no-repeat;
	background-position: 0px 0px;
}

.nav li ul .menu-space a .img {
	background-position: 0 -178px;
}

.nav li ul .menu-space a:hover .img {
	background-position: -21px -178px;
}

.nav li ul .menu-telecom a .img {
	background-position: 0 -214px;
}

.nav li ul .menu-telecom a:hover .img {
	background-position: -21px -214px;
}

.nav li ul .menu-instrumentation a .img {
	background-position: 0 -108px;
}

.nav li ul .menu-instrumentation a:hover .img {
	background-position: -21px -108px;
}

.nav li ul .menu-medical a .img {
	background-position: 0 -144px;
}

.nav li ul .menu-medical a:hover .img {
	background-position: -21px -144px;
}

@media (min-width: 1025px) {
	.nav li:hover a {
		color: #3399cc;
	}

	.nav li:hover a:after {
		content: "";
		border: 1px solid #0089BB;
		position: absolute;
		top: -40px;
		left: 0;
		width: 100%;
	}

	.nav li:hover ul {
		display: block;
	}
}

.nav li .subnav {
	position: absolute;
	top: 65px;
	display: none;
	width: 160px;
	left: 50%;
	z-index: 7;
	margin-left: -80px;
	padding: 0;
	text-align: center;
	background: #ffffff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	overflow: hidden;
}

.nav li .subnav ul {
	float: none;
}

.nav li .subnav ul li {
	padding: 0;
	margin: 0;
	float: none;
}

.nav li .subnav ul li a {
	padding: 0;
	margin: 0;
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #332c2b;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: auto;
	text-align: center;
}

.nav li .subnav ul li a:after {
	display: none !important;
}

@media (min-width: 1025px) {
	.nav li .subnav ul li a:hover {
		background-color: #f7f7f7;
		color: #3399cc;
	}
}

.nav li.active a {
	color: #3399cc;
}

#menu {
	display: none;
	background: #0089bb;
}

@media only screen and (min-width: 771px) {
	#menu .nav-primary {
		display: block;
	}
}

#menu .nav-primary a {
	text-decoration: none;
	position: relative;
	display: block;
	color: #ace1ef;
	font-size: 15px;
	padding: 0 15px 0 25px;
	line-height: 30px;
}

#menu .nav-primary a.level0 {
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}

#menu .nav-primary li {
	position: relative;
}

#menu .nav-primary li.parent.active>a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #ccc;
	border-bottom: none;
	top: 50%;
	left: auto;
	right: 10px;
	margin-top: -5px;
}

#menu .nav-primary li.level1 a {
	color: #ACE1EF;
	font-size: 15px;
	line-height: 24px;
	margin-right: 30px;
}

#menu .nav-primary li.level1 a:after {
	display: none !important;
}

#menu .nav-primary li.level1 i {
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ccc;
	border-right: none;
	top: 10px;
	left: auto;
	right: 10px;
}

#menu .nav-primary li.level1.active i {
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #ccc;
	border-bottom: none;
	top: 10px;
	left: auto;
	right: 10px;
}

#menu .nav-primary .menu-active>ul.level0,
#menu .nav-primary li.level0 li.sub-menu-active>ul {
	display: block;
}

#menu .nav-primary li.level0>a {
	text-transform: uppercase;
	padding-bottom: 30px;
}

@media only screen and (max-width: 770px) {
	#menu .nav-primary li.level0>a {
		padding-bottom: 0;
	}
}

#menu .menu-products a .img {
	background-image: url("../images/products-menu.png");
	background-repeat: no-repeat;
	content: " ";
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	line-height: 50px;
	margin-bottom: -5px;
}

#menu .menu-rf-coaxial-connectors a .img {
	background-position: -2px -208px;
}

#menu .menu-rf-coaxial-connectors a:hover .img {
	background-position: -42px -208px;
}

#menu .menu-active-optics a .img {
	background-position: -3px -244px;
}

#menu .menu-active-optics a:hover .img {
	background-position: -43px -244px;
}

#menu .menu-multipin-aerospace-connectors a .img {
	background-position: -1px -280px;
}

#menu .menu-multipin-aerospace-connectors a:hover .img {
	background-position: -41px -280px;
}

#menu .menu-optical-connectors a .img {
	background-position: -2px -180px;
}

#menu .menu-optical-connectors a:hover .img {
	background-position: -42px -180px;
}

#menu .menu-rf-cable-assemblies a .img {
	background-position: -3px -350px;
}

#menu .menu-rf-cable-assemblies a:hover .img {
	background-position: -43px -350px;
}

#menu .menu-rf-microwave-switches a .img {
	background-position: -1px -312px;
}

#menu .menu-rf-microwave-switches a:hover .img {
	background-position: -41px -312px;
}

#menu .menu-multipin-industrial-connectors a .img {
	background-position: 0px -141px;
}

#menu .menu-multipin-industrial-connectors a:hover .img {
	background-position: -41px -141px;
}

#menu .menu-optical-cable-assemblies a .img {
	background-position: -1px -35px;
}

#menu .menu-optical-cable-assemblies a:hover .img {
	background-position: -42px -35px;
}

#menu .menu-antennas a .img {
	background-position: 0px -103px;
}

#menu .menu-antennas a:hover .img {
	background-position: -41px -103px;
}

#menu .menu-microwave-components a .img {
	background-position: -1px -386px;
}

#menu .menu-microwave-components a:hover .img {
	background-position: -41px -386px;
}

#menu .menu-outdoor-connectors a .img {
	background-position: -1px -1px;
}

#menu .menu-outdoor-connectors a:hover .img {
	background-position: -42px -1px;
}

#menu .menu-space-qualified-components a .img {
	background-position: 1px -70px;
}

#menu .menu-space-qualified-components a:hover .img {
	background-position: -40px -70px;
}

#menu .menu-industries a .img {
	background-image: url("../images/industries-menu.png");
	background-repeat: no-repeat;
	content: " ";
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
	line-height: 50px;
	margin-bottom: -8px;
}

#menu .menu-aerospace a .img {
	background-position: 0 0;
}

#menu .menu-aerospace a:hover .img {
	background-position: -21px 0;
}

#menu .menu-defanse a .img {
	background-position: 0 -37px;
}

#menu .menu-defanse a:hover .img {
	background-position: -21px -37px;
}

#menu .menu-rail a .img {
	background-position: 0 -74px;
}

#menu .menu-rail a:hover .img {
	background-position: -21px -74px;
}

#menu .menu-industrial a .img {
	background: url("../images/industrial-icon-menu-2.png") no-repeat;
	background-position: -21px 0px;
}

#menu .menu-industrial a:hover .img {
	background: url("../images/industrial-icon-menu-2.png") no-repeat;
	background-position: 0px 0px;
}

#menu .menu-space a .img {
	background-position: 0 -178px;
}

#menu .menu-space a:hover .img {
	background-position: -21px -178px;
}

#menu .menu-telecom a .img {
	background-position: 0 -214px;
}

#menu .menu-telecom a:hover .img {
	background-position: -21px -214px;
}

#menu .menu-instrumentation a .img {
	background-position: 0 -108px;
}

#menu .menu-instrumentation a:hover .img {
	background-position: -21px -108px;
}

#menu .menu-medical a .img {
	background-position: 0 -144px;
}

#menu .menu-medical a:hover .img {
	background-position: -21px -144px;
}

@media only screen and (max-width: 770px) {

	#menu .nav-primary a.level0,
	#menu .nav-primary a {
		line-height: 35px;
	}

	#menu .nav-primary li.level0 ul {
		display: none;
	}

	#menu .nav-primary li.level0 li {
		padding: 3px 0 3px 25px;
	}

	#menu .nav-primary li.level1 a {
		padding: 0 15px 0 25px;
	}

	#menu .nav-primary li.parent>a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #ccc;
		border-right: none;
		top: 50%;
		left: auto;
		right: 10px;
		margin-top: -5px;
	}

	#menu .nav-primary li.parent.sub-menu-active>a:after,
	#menu .nav-primary li.parent.menu-active>a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-top: 5px solid #ccc;
		border-bottom: none;
		top: 50%;
		left: auto;
		right: 10px;
		margin-top: -5px;
	}

	#menu .nav-primary li.menu-active>a,
	#menu .nav-primary li.sub-menu-active>a {
		color: #ffffff;
	}
}

@media only screen and (min-width: 771px) {
	#menu .nav-primary a.level0 {
		margin: 0 10px;
	}
}

@media only screen and (min-width: 771px) and (max-width: 1199px) {
	#menu .nav-primary a.level0 {
		margin: 0 10px;
	}
}

@media only screen and (min-width: 771px) {

	#menu .nav-primary li.level0,
	#menu .nav-primary a.level0 {
		display: inline-block;
	}

	#menu .nav-primary li:first-child>a {
		margin-left: 0;
	}

	#menu .nav-primary li:last-child>a {
		border-bottom: none;
		margin-right: 0;
	}

	#menu .nav-primary a:hover,
	#menu .nav-primary li:hover>a {
		color: #3399cc;
	}

	#menu .nav-primary .menu-active {
		z-index: 200;
	}

	#menu .nav-primary .menu-active.level0>a:after {
		content: "";
		border: 1px solid #0089BB;
		position: absolute;
		top: -40px;
		left: 0;
		width: 100%;
	}

	#menu .nav-primary li.level0 ul {
		background: #FBFBFB;
		border: solid 1px #CCC;
		position: absolute;
		left: -10px;
		top: 60px;
		z-index: 10;
		width: 300px;
		padding: 15px 0px 10px 0px;
		display: none;
		border: none;
		background: #0089BB;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0;
		border-radius: 0 0 10px 10px;
	}

	#menu .nav-primary li.level0 ul li {
		padding-left: 20px;
		padding-bottom: 10px;
	}

	#menu .nav-primary li.level0 ul li a {
		padding-left: 0px;
		padding-right: 20px;
	}

	#menu .nav-primary li.level0 ul li:hover>a {
		color: #ffffff;
	}

	#menu .nav-primary li.level1 ul {
		left: 290px;
		top: -15px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	#menu .nav-primary li.level0 ul.level0.position-test {
		display: block;
	}

	#menu .nav-primary li.level0 ul.level0.spill {
		right: 0;
		left: auto;
	}

	#menu .nav-primary li.level0 ul.level0.spill li.level1 ul {
		left: auto;
		right: 50px;
		top: 20px;
	}

	#menu .nav-primary li.level0 li.parent>a {
		position: relative;
	}

	#menu .nav-primary ul.level0 li.parent>a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #ccc;
		border-right: none;
		top: 50%;
		left: auto;
		right: 10px;
		margin-top: -5px;
	}
}

#menu .nav-primary li.menu-active>ul {
	display: block;
}

#menu.show1 {
	display: block;
}

.home-banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
}

.home-banner .home-banner-slick .slick-list {
	position: relative;
	display: block;
}

.home-banner .home-banner-slick .item {
	position: relative;
	overflow: hidden;
}

.home-banner .home-banner-slick .item .img {
	position: relative;
	height: 330px;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}

.home-banner .home-banner-slick .item img {
	display: block;
	transition: 5s;
}

.home-banner .home-banner-slick .item .img1 {
	display: none;
}

.home-banner .home-banner-slick .item .banner-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-banner .home-banner-slick .item .banner-info .b1 {
	float: left;
	padding-left: 90px;
	padding-top: 60px;
	transition: none 0s ease 0s;
	position: relative;
}

.home-banner .home-banner-slick .item .banner-info .b2 {
	padding-left: 261px;
	padding-top: 36px;
	transition: none 0s ease 0s;
	position: relative;
}

.home-banner .home-banner-slick .item .banner-info .b2 .purpose {
	line-height: 30px;
	font-weight: 700;
	font-size: 12px;
	background-color: #2A2A2A;
	width: 175px;
	height: 30px;
	text-align: center;
	border-radius: 15px;
	display: block;
	color: #fff;
	margin-left: 223px;
}

.home-banner .home-banner-slick .item .banner-info .b2 .purpose:hover {
	text-decoration: underline;
}

.home-banner .home-banner-slick .item .banner-info .b3 {
	text-align: center;
	padding-top: 96px;
	transition: none 0s ease 0s;
	position: relative;
}

.home-banner .home-banner-slick .item .banner-info .b3 .bt {
	color: #fff;
	font-size: 44px;
	line-height: 48px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 10px;
}

.home-banner .home-banner-slick .item .banner-info .b3 .bt:after {
	border-bottom: 2px solid #9cbada !important;
	bottom: 0;
	content: "";
	position: absolute;
	width: 200px !important;
	margin-left: -100px;
	left: 50%;
}

.home-banner .home-banner-slick .item .banner-info .b3 .jsh {
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
}

.home-banner .home-banner-slick .item .banner-info .b4 {
	padding-left: 207px;
	padding-top: 62px;
	position: relative;
	transition: none 0s ease 0s;
}

.home-banner .home-banner-slick .item .banner-info .b4 .purpose {
	border: 2px solid white !important;
	height: 34px !important;
	border-radius: 17px !important;
	box-shadow: 0 0 10px 0px black !important;
	color: #fff;
	width: 102px;
	line-height: 30px;
	text-align: center;
	background-color: #2A2A2A;
	margin-top: 19px;
	padding-right: 10px;
	position: relative;
}

.home-banner .home-banner-slick .item .banner-info .b4 .purpose:after {
	background: url(../images/slide-2021-button-arrow.png) no-repeat;
	content: " ";
	width: 7px;
	height: 10px;
	right: 15px;
	top: 10px;
	position: absolute;
	z-index: 5;
}

.home-banner .home-banner-slick .item .banner-info .b4 .purpose:hover {
	text-decoration: underline;
}

.home-banner .home-banner-slick .slick-current .banner-info .b1 {
	-webkit-animation: 2.5s fadeIn ease;
	animation: 2.5s fadeIn ease;
}

.home-banner .home-banner-slick .slick-current .banner-info .b2 {
	-webkit-animation: 2.5s fadeIn ease;
	animation: 2.5s fadeIn ease;
}

.home-banner .home-banner-slick .slick-current .banner-info .b3 .bt {
	-webkit-animation: 2.5s fadeInDown ease;
	animation: 2.5s fadeInDown ease;
}

.home-banner .home-banner-slick .slick-current .banner-info .b3 .jsh {
	-webkit-animation: 1.5s fadeInDown ease;
	animation: 1.5s fadeInDown ease;
}

.home-banner .home-banner-slick .slick-current .banner-info .b4 {
	-webkit-animation: 2.5s fadeIn ease;
	animation: 2.5s fadeIn ease;
}

.home-banner .home-banner-slick .slick-dots {
	z-index: 9;
	bottom: 3%;
	left: 0;
	width: 100%;
	text-align: center;
}

.home-banner .home-banner-slick .slick-dots li {
	float: none;
	width: auto;
	margin: 0 3px;
}

.home-banner .home-banner-slick .slick-dots li button {
	content: "";
	width: 10px;
	height: 10px;
	background: none;
	border-radius: 50%;
	border: 1px solid #fff !important;
	opacity: 1;
	padding: 0;
}

.home-banner .home-banner-slick .slick-dots li button:before {
	content: '';
}

.home-banner .home-banner-slick .slick-dots .slick-active button {
	border: 1px solid #0089BB !important;
	margin-top: 0;
}

.home-banner .home-banner-slick .slick-prev,
.home-banner .home-banner-slick .slick-next {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	z-index: 5;
	background: rgba(0, 0, 0, 0.5);
}

.home-banner .home-banner-slick .slick-prev:before,
.home-banner .home-banner-slick .slick-next:before {
	content: '';
	font-family: 'NotoSansCJKsc-Regular';
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
}

@media (min-width: 1025px) {

	.home-banner .home-banner-slick .slick-prev:hover,
	.home-banner .home-banner-slick .slick-next:hover {
		background-color: rgba(0, 0, 0, 0.58);
	}
}

.home-banner .home-banner-slick .slick-prev {
	left: 50px;
}

.home-banner .home-banner-slick .slick-prev:before {
	content: '<';
}

.home-banner .home-banner-slick .slick-next {
	right: 50px;
}

.home-banner .home-banner-slick .slick-next:before {
	content: '>';
}

.home-banner .home-banner-slick01 .item {
	position: relative;
	overflow: hidden;
}

.home-banner .home-banner-slick01 .item img {
	display: block;
	transition: 5s;
}

.home-banner .home-banner-slick01 .item .img1 {
	display: none;
}

.home-banner .home-banner-slick01 .item .banner-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-banner .home-banner-slick01 .item .banner-info .b1 {
	float: right;
	padding-right: 228px;
	padding-top: 112px;
	transition: none 0s ease 0s;
	position: relative;
}

.home-banner .home-banner-slick01 .item .banner-info .b2 {
	padding-left: 261px;
	padding-top: 36px;
	transition: none 0s ease 0s;
	position: relative;
}

.home-banner .home-banner-slick01 .item .banner-info .b2 .purpose {
	line-height: 30px;
	font-weight: 700;
	font-size: 12px;
	background-color: #2A2A2A;
	width: 175px;
	height: 30px;
	text-align: center;
	border-radius: 15px;
	display: block;
	color: #fff;
	margin-left: 223px;
}

.home-banner .home-banner-slick01 .item .banner-info .b2 .purpose:hover {
	text-decoration: underline;
}

.home-banner .home-banner-slick01 .item .banner-info .b3 {
	text-align: center;
	padding-top: 96px;
	transition: none 0s ease 0s;
	position: relative;
}

.home-banner .home-banner-slick01 .item .banner-info .b3 .bt {
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 10px;
}

.home-banner .home-banner-slick01 .item .banner-info .b3 .jsh {
	color: #fff;
	font-size: 42px;
	line-height: 48px;
}

.top-buttons {
	border-bottom: 1px solid #f6f6f6;
	background: #F6F6F6;
	-webkit-box-shadow: 0 4px 4px -2px rgba(153, 153, 153, 0.23);
	-moz-box-shadow: 0 4px 4px -2px rgba(153, 153, 153, 0.23);
	box-shadow: 0 4px 4px -2px rgba(153, 153, 153, 0.23);
}

.top-buttons ul li {
	height: 70px;
	width: 25%;
	padding: 0;
	margin: 0;
	float: left;
	border-right: 1px solid #ddd;
	text-align: center;
}

.top-buttons ul li a {
	display: inline-block;
	padding: 15px 0;
	text-align: left;
	position: relative;
}

.top-buttons ul li a .img {
	position: absolute;
}

.top-buttons ul li a .text {
	padding-left: 85px;
	text-align: left;
}

.top-buttons ul li a .text .bt {
	font-style: italic;
	font-size: 13px;
	color: #9d9fa2;
}

.top-buttons ul li a .text .jsh {
	font-weight: bold;
	font-size: 14px;
	color: #77787b;
}

@media (min-width: 1025px) {
	.top-buttons ul li:hover {
		background-image: url(../images/top-button-2.png);
		background-position: 0 0;
	}

	.top-buttons ul li:hover a .bt {
		color: #fff;
	}

	.top-buttons ul li:hover a .jsh {
		color: #fff;
	}
}

.top-buttons ul li.f1 a .img {
	background-image: url(../images/top-button-2.png);
	background-repeat: no-repeat;
	background-position: 0px -175px;
	width: 42px;
	height: 54px;
	margin-left: 22px;
	margin-top: -7px;
}

@media (min-width: 1025px) {
	.top-buttons ul li.f1:hover a .img {
		background-position: 0px -233px;
	}
}

.top-buttons ul li.f2 a .img {
	background-image: url(../images/top-button-2.png);
	background-repeat: no-repeat;
	background-position: -220px -175px;
	width: 49px;
	height: 54px;
	position: absolute;
	margin-left: 22px;
	margin-top: -1px;
}

@media (min-width: 1025px) {
	.top-buttons ul li.f2:hover a .img {
		background-position: -220px -233px;
	}
}

.top-buttons ul li.f3 a .img {
	background-image: url(../images/top-button-2.png);
	background-repeat: no-repeat;
	background-position: -160px -175px;
	width: 48px;
	height: 45px;
	position: absolute;
	margin-left: 27px;
	margin-top: -5px;
}

@media (min-width: 1025px) {
	.top-buttons ul li.f3:hover a .img {
		background-position: -160px -230px;
	}
}

.top-buttons ul li.f4 a .img {
	background-image: url(../images/top-button-2.png);
	background-repeat: no-repeat;
	background-position: -272px -175px;
	width: 44px;
	height: 53px;
	position: absolute;
	margin-left: 20px;
	margin-top: -6px;
}

@media (min-width: 1025px) {
	.top-buttons ul li.f4:hover a .img {
		background-position: -272px -230px;
	}
}

.top-buttons ul li.f5 a .img {
	background-image: url(../images/top-button-2.png);
	background-repeat: no-repeat;
	background-position: -80px -175px;
	width: 44px;
	height: 53px;
	position: absolute;
	margin-left: 20px;
	margin-top: -6px;
}

@media (min-width: 1025px) {
	.top-buttons ul li.f5:hover a .img {
		background-position: -80px -233px;
	}
}

.top-buttons ul li:nth-last-child(1) {
	border-right: 0;
}

.chuangxin {
	text-align: right;
	color: #808285;
	font-size: 12px;
	font-style: italic;
}

.important-connection {
	padding-top: 20px;
	padding-bottom: 30px;
}

.important-connection .show .info {
	display: none;
}

.tab {
	text-align: center;
	margin: 16px 0;
}

.tab ul li {
	border-right: 1px solid #C7C8CA;
	display: inline-block;
	vertical-align: top;
}

.tab ul li a {
	display: block;
	padding: 2px 16px;
	font-size: 14px;
	text-transform: uppercase;
	color: #C7C8CA;
}

.tab ul .active a {
	color: #0089BB;
}

.tab ul li:nth-child(2) {
	border: 0;
}

.prolist li {
	width: 23%;
	float: left;
	margin: 0 1%;
	margin-bottom: 30px;
}

.prolist li .box {
	position: relative;
}

.prolist li .box .hover {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
}

.prolist li .box .hover .anniu {
	width: 15px;
	height: 15px;
	display: block;
	background: url(../images/normal-v1.svg) no-repeat no-repeat center center;
}

.prolist li .box .hover .ul {
	display: none;
	position: absolute;
	right: -105px;
	top: 14px;
	z-index: 200;
	padding-top: 6px;
}

.prolist li .box .hover .ul ul {
	width: 240px;
	border: 1px solid #E8E8E9;
	padding: 20px;
	-moz-box-shadow: #CDCDCD 0px 2px 6px;
	-webkit-box-shadow: #cdcdcd 0px 2px 6px;
	box-shadow: #cdcdcd 0px 2px 6px;
	position: relative;
	background: white;
}

.prolist li .box .hover .ul ul:before {
	content: " ";
	background: white;
	width: 7px;
	height: 7px;
	position: absolute;
	top: -4px;
	left: 122px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70711, M12=-0.70711, M21=0.70711, M22=0.70711)";
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70711, M12=-0.70711, M21=0.70711, M22=0.70711);
}

.prolist li .box .hover .ul li {
	width: 100%;
	line-height: 16px;
	color: #6D6E71;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.prolist li .box .hover .ul li a {
	display: block;
	color: #6D6E71;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.prolist li .box .hover .ul li a:hover {
		text-decoration: underline;
	}
}

.prolist li .pic .hh {
	display: none;
}

.prolist li .bt {
	font-size: 13px;
	font-weight: bold;
	padding: 14px 18px 0 18px;
	height: 48px;
	text-align: center;
}

.prolist li .bt a {
	color: #6D6E71;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.prolist li:hover .pic .h {
		display: none;
	}

	.prolist li:hover .pic .hh {
		display: block;
	}
}

.industries {
	padding-bottom: 0 !important;
}

.industrieslist li {
	width: 23%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
}

.industrieslist li .box .img {
	position: relative;
}

.industrieslist li .box .img .png {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0, 0, 0, 0.55);
}

.industrieslist li .box .img .png:after {
	padding-bottom: 100%;
	content: '';
	display: block;
}

.industrieslist li .box .bt {
	font-size: 13px;
	font-weight: bold;
	padding: 14px 18px 0 18px;
	height: 48px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.industrieslist li:hover .box .img .png {
		display: block;
	}
}

.footer-container {
	background: #F6F6F6;
	box-shadow: 0px -3px 4px -2px rgba(153, 153, 153, 0.35);
	padding-top: 15px;
	padding-bottom: 7px;
}

.footer-container .copyright-wrap {
	padding: 40px 0 25px;
	font-size: 14px;
	float: right;
	display: inline-block;
}

.footer-container .copyright-wrap .footer-links2 {
	display: inline-block;
	float: right;
}

.footer-container .copyright-wrap .footer-links2 li {
	display: inline-block;
	padding: 0 15px;
	position: relative;
	float: left;
	text-align: center;
}

.footer-container .copyright-wrap .footer-links2 li:before,
.footer-container .copyright-wrap .footer-links2 li:after {
	width: 1px;
	height: 23px;
	background-color: #BCBEC0;
	position: absolute;
	left: 0;
	content: "";
}

.footer-container .copyright-wrap .footer-links2 li a {
	color: #414042;
}

.footer-container .copyright-wrap .footer-links2 li:first-child {
	width: 170px;
}

.footer-container .copyright-wrap .footer-links2 li:last-child {
	padding-right: 0;
	width: 80px;
}

.footer-container .copyright-wrap address {
	display: inline-block;
	float: right;
	color: #414042;
	width: auto;
	clear: none;
	font-size: 14px;
	padding: 0 15px;
	font-style: normal;
}

.footer-container .sitemap-wrap {
	position: relative;
	color: #333;
}

.footer-container .sitemap-wrap:before {
	background: #0093D8;
	height: 13px;
	left: 6px;
	margin-top: -6px;
	width: 3px;
	content: "";
	position: absolute;
	top: 9px;
}

.footer-container .sitemap-wrap:after {
	background: #0093D8;
	height: 3px;
	left: 1px;
	margin-top: -1px;
	width: 13px;
	content: "";
	position: absolute;
	top: 9px;
}

.footer-container .sitemap-wrap .sitemap {
	padding: 0 0 10px 22px;
	display: inline-block;
	cursor: pointer;
}

.footer-container .sitemap-wrap .copyright-wrap {
	padding: 0 0 10px;
	font-weight: 600;
}

.footer-container .active .sitemap-wrap:before {
	display: none;
}

.footer-container .active .sitemap-wrap .copyright-wrap {
	display: none;
}

.footer-container .f-expand {
	display: none;
	width: 100%;
}

.footer-container .first-level>li {
	width: 25%;
	float: left;
	padding-right: 20px;
}

.footer-container .first-level>li a {
	color: #818285;
}

.footer-container .first-level>li a:hover {
	font-weight: bold;
}

.footer-container .first-level>li .title {
	padding-top: 18px;
	border-top: 1px solid #4faed1;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
}

.footer-container .second-level {
	padding-bottom: 24px;
}

.footer-container .brands-logo-wrap {
	display: block;
	clear: both;
}

.footer-container .brands-logo-wrap h3 {
	color: #7E8083;
	font-size: 18px;
	text-transform: none;
	margin-bottom: 10px;
}

.footer-container .brands-logo-wrap ul {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.footer-container .brands-logo-wrap ul li {
	padding: 17px 5px;
	text-align: center;
	flex: 1 0 auto;
}

.footer-container .brands-logo-wrap ul li a {
	background-image: url(../images/brands-sprite.png);
	text-decoration: none;
	margin: auto;
}

.footer-container .brands-logo-wrap ul li a.brand1 {
	background-position: 0 0;
	width: 80px;
	height: 70px;
	display: block;
}

.footer-container .brands-logo-wrap ul li a.brand1:hover {
	background-position: 0 -70px;
}

.footer-container .brands-logo-wrap ul li a.brand2 {
	background-position: -172px 0;
	width: 97px;
	height: 70px;
	display: block;
}

.footer-container .brands-logo-wrap ul li a.brand2:hover {
	background-position: -172px -70px;
}

.footer-container .brands-logo-wrap ul li a.brand3 {
	background-position: -359px 0;
	width: 138px;
	height: 70px;
	display: block;
}

.footer-container .brands-logo-wrap ul li a.brand3:hover {
	background-position: -359px -70px;
}

.footer-container .brands-logo-wrap ul li a.brand4 {
	background-position: -541px 0;
	width: 180px;
	height: 70px;
	display: block;
}

.footer-container .brands-logo-wrap ul li a.brand4:hover {
	background-position: -541px -70px;
}

.footer-container .brands-logo-wrap ul li a.brand5 {
	background-position: -759px 0;
	width: 150px;
	height: 70px;
	display: block;
}

.footer-container .brands-logo-wrap ul li a.brand5:hover {
	background-position: -759px -74px;
}

.footer-container .brands-logo-wrap ul li a.brand6 {
	background-position: -930px 0;
	width: 165px;
	height: 70px;
	display: block;
}

.footer-container .brands-logo-wrap ul li a.brand6:hover {
	background-position: -930px -75px;
}

.footer-bottom {
	background: #414142;
	background: -moz-linear-gradient(top, #414142 0%, #48484a 100%);
	background: -webkit-linear-gradient(top, #414142 0%, #48484a 100%);
	background: linear-gradient(to bottom, #414142 0%, #48484a 100%);
	padding-bottom: 20px;
}

.footer-bottom span {
	padding-top: 20px;
	display: inline-block;
	float: left;
	font-size: 24px;
	color: #fff;
}

.footer-bottom span a {
	color: #0089BB;
}

.social-wrap {
	float: right;
	padding-top: 23px;
}

.social-wrap li {
	display: inline-block;
	background-image: url(../images/social-icons.png);
	width: 36px;
	height: 35px;
	margin: 0 15px;
	position: relative;
}

.social-wrap li a {
	width: 36px;
	height: 35px;
	float: left;
	display: block;
	position: relative;
}

.social-wrap li a img {
	position: absolute;
	bottom: 36px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	display: none;
	max-width: initial;
}

.social-wrap li a:hover {
	text-decoration: none;
}

.social-wrap li a:hover img {
	display: block;
}

.social-wrap li:last-child {
	margin-right: 0;
}

.social-wrap li.social-gp {
	background-position: -144px 0;
	vertical-align: middle;
}

.social-wrap li.social-gp:hover {
	background-position: -144px -35px;
}

.social-wrap li.social-vc {
	background-position: 0 0;
	vertical-align: middle;
}

.social-wrap li.social-vc:hover {
	background-position: 0 -35px;
}

.social-wrap li.social-ln {
	background-position: -36px 0;
	vertical-align: middle;
}

.social-wrap li.social-ln:hover {
	background-position: -36px -35px;
}

.social-wrap li.social-yt {
	background-position: -72px 0;
	vertical-align: middle;
}

.social-wrap li.social-yt:hover {
	background-position: -72px -35px;
}

.social-wrap li.social-tw {
	background-position: -108px 0;
	vertical-align: middle;
}

.social-wrap li.social-tw:hover {
	background-position: -108px -35px;
}

.breadcrumbs {
	background: #fcfcfc;
	border-top: 1px solid #e8e8e9;
	position: relative;
	box-shadow: 0px 2px 5px -2px rgba(153, 153, 153, 0.35);
}

.breadcrumbs .line {
	width: 100%;
	height: 1px;
	background-color: #e8e8e9;
	position: absolute;
	top: 37px;
}

.breadcrumbs .container {
	overflow: visible;
}

.breadcrumbs ul li {
	float: left;
	font-size: 13px;
	color: #0089bb;
	padding: 9px 0;
}

.breadcrumbs ul li a {
	float: left;
	color: #0089bb;
	font-weight: 600;
}

.breadcrumbs ul li a:hover {
	color: #39C;
}

.breadcrumbs ul li strong {
	color: #636363;
	font-weight: normal;
}

.breadcrumbs ul li .arrow-link {
	float: left;
	padding: 0;
	background: url(../images/breadcrumbs-arrow-right.png) no-repeat 50%;
	width: 8px;
	margin: 0 12px 0 5px;
	position: relative;
	top: 2px;
}

.breadcrumbs ul li .arrow-link.open:before {
	content: '';
	width: 19px;
	height: 9px;
	background: url(../images/bread-crumbs-popup-arrow.png) no-repeat top center;
	position: absolute;
	top: 18px;
	right: -5px;
}

.breadcrumbs ul li.main-item {
	padding: 9px 0;
	box-shadow: inset -10px 0px 11px -14px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.breadcrumbs ul li.main-item a.main-link {
	margin-left: 10px;
	margin-right: 5px;
	color: #6D6E71;
	/*font-weight: 600;*/
	position: relative;
}

.breadcrumbs ul li.main-item strong {
	margin-left: 10px;
	margin-right: 10px;
	color: #0089BB;
	font-weight: 600;
	display: block;
	float: left;
}

.breadcrumbs ul li.main-item:hover a.arrow-link {
	background: url("../images/breadcrumbs-arrow-down.png") no-repeat 50%;
}

.breadcrumbs ul li.home a.main-link {
	margin-left: 0;
}

.breadcrumbs ul li.cms_page {
	box-shadow: none;
}

.breadcrumbs .breadcrumbs-popup {
	display: none;
	position: absolute;
	background: white;
	top: 37px;
	z-index: 1000;
	padding: 20px;
	min-width: 200px;
	border: 1px solid #e8e8e9;
	-moz-box-shadow: #CDCDCD 0px 2px 6px;
	-webkit-box-shadow: #cdcdcd 0px 2px 6px;
	box-shadow: #cdcdcd 0px 2px 6px;
}

.breadcrumbs .breadcrumbs-popup ul li {
	padding: 0;
}

.breadcrumbs .breadcrumbs-popup a,
.breadcrumbs .breadcrumbs-popup strong {
	font-size: 11px;
	line-height: 18px;
	color: #6D6E71;
	text-transform: initial;
	font-weight: normal;
}

.breadcrumbs .breadcrumbs-popup strong {
	color: #6D6E71 !important;
	line-height: initial;
	margin: 0 0 3px 2px !important;
	font-weight: bold !important;
}

.breadcrumbs .breadcrumbs-popup a:hover {
	text-decoration: underline;
}

.breadcrumbs .breadcrumbs-popup ul li {
	display: block;
	float: none;
	clear: both;
	line-height: initial;
	max-width: 190px;
}

.breadcrumbs .column2 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

.breadcrumbs .column3 {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}

.content {
	padding: 15px 0 30px 0;
	min-height: 400px;
}

.page-title {
	font-size: 21px;
	font-weight: 700;
	color: #636363;
	padding-bottom: 3px;
	margin-bottom: 30px;
	text-transform: uppercase;
	position: relative;
}

.page-title:after {
	content: '';
	position: absolute;
	width: 200px;
	height: 1px;
	background: #0089bb;
	bottom: -15px;
	left: 0;
}

.std h2 {
	font-size: 21px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #636363;
	position: relative;
}

.std h2:after {
	content: '';
	display: block;
	width: 200px;
	height: 1px;
	background-color: #0089bb;
	margin: auto;
	margin-top: 20px;
}

.std p {
	margin: 0 0 1.5em;
	font-size: 17px;
	line-height: 25px;
	color: #808285;
}

.std p.contact {
	font-size: 14px !important;
	color: #636363 !important;
	line-height: 1.5 !important;
}

.std a {
	color: #3399cc;
}

.std a:hover {
	color: #2e8ab8;
	text-decoration: none;
}

.privacy {
	background-color: #F6F6F6;
}

.privacy .p-main {
	padding: 22px 28px;
	background: #fff;
	font-size: 17px;
	box-shadow: 0 0 1px 3px #eff0f0;
	border-radius: 9px;
	margin-top: 25px;
}

.bioimage {
	width: 100%;
	height: auto;
}

.product {
	background-color: #F6F6F6;
}

.product-page-wrap {
	margin-top: 25px;
	box-shadow: 0 0 1px 3px #eff0f0;
	border-radius: 9px;
	overflow: hidden;
}

.product-page-wrap .c-text {
	padding: 22px 28px;
	background: #fff;
	font-size: 17px;
	box-shadow: 0 0 1px 3px #eff0f0;
}

.responsive-table {
	margin-bottom: 1.5em;
	color: #636363;
	font-size: 14px;
	text-align: left;
	margin-top: 1em;
}

.responsive-table.product-page-data-table th:last-child {
	text-align: left;
}

.responsive-table {
	width: 100%;
	position: relative;
}

.responsive-table thead th {
	font-size: 13px;
	font-weight: 700;
}

.responsive-table thead th:last-child {
	text-align: left;
}

.responsive-table td,
.responsive-table th {
	padding: 2px 7px;
}

.responsive-table tbody tr:nth-child(odd) {
	background-color: #f6f6f6;
}

.responsive-table a {
	color: #39C;
}

@media (min-width: 1025px) {
	.responsive-table a:hover {
		font-weight: bold;
	}
}

a.download-link {
	color: #bcbec0;
	font-style: italic;
}

a.download-link span {
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

a.download-link .pdf-icon {
	display: inline-block;
	margin-right: 12px;
	position: relative;
	top: 2px;
	width: 30px;
	height: 18px;
	background-position: 5px -990px;
}

a.download-link .pdf-icon2 {
	background-position: 0px -1576px;
}

a.download-link .threed-icon {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
	width: 16px;
	height: 19px;
	left: 4px;
	background-image: url(../images/3d-icon.png);
	text-indent: -9999px;
}

a.download-link .blue-pdf-icon {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 18px;
	background-position: 0px -1601px;
	text-indent: -9999px;
}

a.download-link .pdf-icon,
a.download-link .driver-icon {
	margin-left: 5px;
	margin-right: 0;
}

a.download-link .audio-icon {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 17px;
	height: 17px;
	background-image: url(../images/audio-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}

.download-list {
	/* float: right;*/

}

.download-list a {
	float: right;
	font-size: 12px;
	font-weight: 600;
	padding-right: 20px;
	position: relative;
	color: #6e6f72;
	top: -9px;
}

.download-list a:after {
	content: '';
	position: absolute;
	top: 0px;
	right: 0;
	width: 18px;
	height: 18px;
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -949px;
}

@media (min-width: 1025px) {
	.download-list a:hover:after {
		background-position: -49px -949px;
	}
}

.document-library-link a {
	color: #3399cc;
}

.industry-icons {
	position: relative;
	margin-bottom: 15px;
	display: inline-block;
	margin-top: 20px;
}

.industry-icons ul li {
	 
	float: left;
	font-size: 14px;
	list-style: none;
	position: relative;
	width: 57px;
	height: 57px;
	font-style: normal;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.industry-icons ul li .pic {
	width: 60px;
	cursor: pointer;
}

.industry-icons ul li .pic img {
	max-width: 60px;
}

.industry-icons ul li.aerospace {
	background-color: #462666;
}

.industry-icons ul li.defense {
	background-color: #1c4792;
}

.industry-icons ul li.space {
	background-color: #7bc255;
}

.industry-icons ul li.industrial {
	background-color: #FEC40E;
}

.top-b1 {
	border-top: 1px solid #ddd;
	border-bottom: 0;
}

.top-b1 ul li {
	width: 33.333333%;
}

.ca-title {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.category-bottom-part {
	margin-top: 45px;
}

.plist1 li .box {
	background: #fff;
}

.plist1 li .box .bt {
	position: relative;
}

.plist1 li .box .bt:after {
	content: "";
	border-top: 1px solid #939598;
	position: absolute;
	top: 0;
	display: block;
	height: 1px;
	opacity: 0.3;
	width: 80%;
	left: 10%;
}

@media (min-width: 1025px) {
	.plist1 li:hover .box .pic {
		opacity: 0.3;
	}
}

.plist2 li {
	width: 30%;
	margin: 0 1.6%;
}

.plist2 li .box {
	border-radius: 9px;
	box-shadow: 0 0 1px 3px #eff0f0;
	overflow: hidden;
	margin-bottom: 30px;
}

.plist2 li .box .bt {
	position: relative;
}

.plist2 li .box .bt:after {
	content: "";
	border-top: 1px solid #939598;
	position: absolute;
	top: 0;
	display: block;
	height: 1px;
	opacity: 0.3;
	width: 80%;
	left: 10%;
}

@media (min-width: 1025px) {
	.plist2 li:hover .box .pic {
		opacity: 1;
	}
}

.share-buttons-bottom {
	margin: 30px 0 0 0;
	width: 100%;
}

.share-buttons-bottom .span {
	border-top: 1px solid #0089bb;
	width: 260px;
	display: inline-block;
	padding: 10px 0;
	font-weight: bold;
	font-size: 15px;
}

.share-buttons-bottom .list li {
	width: 32px;
	float: left;
	margin: 0 2px 5px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	transition: 0.5s;
}

@media (min-width: 1025px) {
	.share-buttons-bottom .list li:hover {
		margin-top: -4px;
	}
}

.product-class {
	margin-bottom: 30px;
}

.product-class .left-part {
	float: left;
	width: 50%;
	box-sizing: border-box;
	display: inline-block;
	padding: 35px 35px 35px 0;
}

.product-class .left-part .splide,
.product-class .left-part .splide__slide {
	position: relative;
	outline: none;
}

.product-class .left-part #secondary-slider {
	float: left;
	margin-right: 5px;
	display: inline-block;
}

.product-class .left-part #secondary-slider .splide__list .splide__slide {
	border: 3px solid transparent;
	cursor: pointer;
	opacity: .7;
}

.product-class .left-part #secondary-slider .splide__list .is-active {
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
}

.product-class .left-part .splide__arrow {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	border: none;
	padding: 0;
	background: transparent;
	color: #636363;
	font-size: 14px;
}

.product-class .left-part .splide__arrow svg {
	fill: #D8D8D8 !important;
	width: 25px !important;
	height: 25px !important;
}

.product-class .left-part .splide__arrow--prev {
	top: -30px !important;
}

.product-class .left-part .splide__arrow--prev svg {
	transform: rotate(-90deg);
}

.product-class .left-part .splide__arrow--next {
	top: auto;
	bottom: -30px;
}

.product-class .left-part .splide__arrow--next svg {
	transform: rotate(90deg);
}

.product-class .left-part #primary-slider {
	float: right;
	max-width: calc(95% - 80px);
	display: inline-block;
}

.product-class .left-part #primary-slider .splide__track {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.product-class .left-part #primary-slider .splide__track ul {
	font-size: 17px;
	line-height: 23px;
	color: #808285;
}

.product-class .left-part .zoom-info {
	text-align: center;
	font-size: 12px;
}

.product-class .right-part {
	float: left;
	width: 50%;
	box-sizing: border-box;
	display: inline-block;
	padding: 35px;
}

.product-class .right-part .page-title:after {
	display: none;
}

.product-class .right-part .short-description {
	margin-top: 35px;
	font-size: 17px;
}

.product-class .right-part .short-description p {
	margin: 0 0 1.5em;
}

.product-class .right-part .short-description ul {
	margin: 0 0 1.5em;
	padding-left: 17px;
}

.product-class .right-part .short-description li {
	list-style: disc
}

.product-xiangxi {
	background: #f6f6f6;
	padding: 35px 0 30px 0;
}

.product-xiangxi .info1 {
	background: #fff;
	overflow: hidden;
	margin-bottom: 35px;
}

.product-xiangxi .left-part {
	float: left;
	width: 50%;
	box-sizing: border-box;
	display: inline-block;
	padding: 35px;
}

.product-xiangxi .left-part .jsh {
	/*font-size: 16px;
	line-height: 28px;
	color: #808285;*/
}

.product-xiangxi .left-part .jsh p {
	 
}

.product-xiangxi .left-part .jsh ul {
	padding-left:40px;
}

.product-xiangxi .h2 {
	font-size: 18px;
	font-weight: bold;
	color: #636466;
	text-transform: uppercase;
	line-height: 23px;
	margin-bottom: 20px;
}

.product-xiangxi .right-part {
	float: left;
	width: 50%;
	box-sizing: border-box;
	display: inline-block;
	padding: 35px;
}

.product-xiangxi .info2 {
	padding: 35px;
	background: #fff;
	overflow: hidden;
}

.product-xiangxi .info2 ul {
	padding-left: 40px;
}

.document-library-link1 {
	margin-bottom: 25px;
	text-align: center;
}

.document-library-link1 a {
	margin: auto;
	font-size: 13px;
	color: #58595b;
	height: 40px;
	line-height: 37px;
	border-radius: 10px;
	border: 2px solid #58595b;
	display: inline-block;
	padding: 0 65px;
	font-weight: bold;
	transition: all .3s;
}

.document-library-link1 a:hover {
	color: black;
	border-color: black;
	box-shadow: 0 0 3px -1px #ffffff, 0 0 6px 0 #959595;
}

.a-center {
	text-align: center;
}

table.chart {
	table-layout: inherit;
	word-break: normal;
}

table.chart thead th {
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	font-weight: normal;
	height: 26px;
	vertical-align: middle;
	font-size: 12px;
	word-break: normal;
}

table.chart thead tr:first-child th {
	color: #58595b;
	font-size: 13px;
	padding-bottom: 20px;
	width: 25%;
}

table.chart tbody td {
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: #6e6f72;
	font-size: 12px;
	vertical-align: middle;
	word-break: normal;
}

table.chart tbody tr:nth-child(odd) {
	background: #F7F8F8;
}

table.chart tbody tr:nth-child(odd) td {
	border-right: 2px solid #fff;
}

table.chart .right-border {
	border-right: 1px solid #DBDCDC !important;
}

.bioimage {
	width: 100%;
	height: auto;
	 
	-webkit-box-shadow: 0 0 1px 3px #eff0f0;
	-moz-box-shadow: 0 0 1px 3px #eff0f0;
	box-shadow: 0 0 1px 3px #eff0f0;
}

.cms-image-small {
	display: none;
}

.work-with-us {
	padding: 60px 0 90px 0;
}

.work-with-us .info {
	text-align: center;
	padding: 0 25px;
}

.work-with-us .info .std {
	color: #808285;
	font-size: 17px;
	line-height: 25px;
}

.work-with-us .info .button {
	text-align: center;
	margin-top: 50px;
}

.work-with-us .info .img {
	margin-top: 50px;
}

.big-button {
	display: inline-block;
}

.big-button a {
	width: 310px;
	float: none;
	display: inline-block;
	height: 70px;
	line-height: 70px;
	margin: 0 20px;
	font-size: 17px;
	text-align: center;
	font-weight: 600;
	font-style: italic;
	border-radius: 9px;
	color: #fafaf9;
	background-color: #058ec2;
}

.big-button a:hover {
	background-color: rgba(0, 137, 187, 0.8);
	box-shadow: inset 0 0 8px -3px #000000;
}

.inn-button-2 a {
	color: #058ec2;
	border: 2px solid #058ec2;
	background: #fff;
}

.inn-button-2 a:hover {
	background-color: #eeeeed;
}

.badges {
	text-align: center;
	padding: 0 1%;
	font-size: 0;
}

.badges .badge {
	margin-top: 40px;
	width: 33.333333%;
	text-align: center;
	padding: 0 1%;
	display: inline-block;
	vertical-align: top;
}

.badges .badge .image {
	text-align: center;
	margin-bottom: 8px;
	transition: 0.5s;
}

.badges .badge .image img {
	margin: 0 auto;
	text-align: center;
}

.badges .badge .title {
	color: #7f7c7e;
	font-size: 21px;
	font-weight: 700;
}

.badges .badge .link {
	font-size: 17px;
	color: #636363;
}

.badges .badge .description {
	color: #666;
	font-size: 16px;
	padding-bottom: 13px;
	max-width: 240px;
	margin: 0 auto;
}

.badges .group1:hover .image {
	transform: scale(1.1);
}

.badges .group2:hover .image {
	transform: scale(1.1);
}

.badges00 .badge {
	width: 50%;
}

.badges00 .badge .a a {
	font-size: 16px;
	color: #39C;
}

.badges00 .badge .a a:hover {
	color: #2e8ab8;
}

.badges01 .image img {
	max-width: 150px;
}

.career-employees {
	position: relative;
}

.career-employees .bck-image {
	height: 680px;
}

.career-employees .col1-layout {
	position: absolute;
	top: 0;
	right: 0;
	height: 680px;
	width: 40%;
	background-color: rgba(0, 137, 187, 0.8);
}

.career-employees .col1-layout .col-main {
	max-width: 280px;
	color: #fff;
	margin: 85px 0 0 55px;
	padding: 0;
}

.career-employees .col1-layout .col-main .award-icon {
	margin-bottom: 25px;
}

.career-employees .col1-layout .col-main .award-icon img {
	max-width: 112px;
}

.career-employees .col1-layout .col-main .page-title {
	color: #fff;
}

.career-employees .col1-layout .col-main .page-title:after {
	width: 90px;
	background: #fff;
}

.career-employees .col1-layout .col-main .block1 {
	font-size: 16px;
	font-style: italic;
	color: #fff;
}

.career-employees .col1-layout .col-main .block1 p {
	font-size: 16px;
	color: #fff;
}

.career-employees .col1-layout .col-main .block1 a {
	display: block;
	color: #add8e8;
	margin-top: 20px;
	font-weight: bold;
}

.career-employees .col1-layout .col-main .block2 {
	font-size: 13px;
	margin-top: 90px;
	line-height: 24px;
}

.career-employees1 .bck-image {
	height: 520px;
}

.career-employees1 .col1-layout {
	left: 0;
	right: auto;
	height: 520px;
}

.career-employees1 .col1-layout .col-main {
	margin: 75px 100px 0 0;
	float: right;
	text-align: right;
	max-width: 335px;
}

.career-employees1 .col1-layout .col-main .award-icon {
	overflow: hidden;
}

.career-employees1 .col1-layout .col-main .award-icon img {
	float: right;
	max-width: 70px;
}

.career-employees1 .col1-layout .col-main .page-title:after {
	left: auto;
	right: 0;
}

.happy-index {
	clear: both;
	margin-top: 70px;
	display: inline-block;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 85px;
	position: relative;
}

.happy-index::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -90px;
	width: 180px;
	height: 1px;
	background-color: #bcbec0;
}

.happy-index img {
	margin: auto;
}

.disclaimer {
	padding: 30px 0px 20px 0;
	background: #FAFAFB;
	box-shadow: 0px -3px 4px -2px rgba(153, 153, 153, 0.35);
}

.disclaimer p {
	margin-bottom: 10px;
	font-size: 12px;
	color: #A7A9AC;
}

.wendang {
	background-color: #F6F6F6;
}

.wendang .wendang-bottom {
	margin-top: 25px;
}

.wendang .wendang-bottom .left-part {
	float: left;
	width: 67%;
	padding: 22px 28px;
	background: #fff;
	font-size: 17px;
	box-shadow: 0 0 1px 3px #eff0f0;
	border-radius: 9px;
}

.wendang .wendang-bottom .right-part {
	padding: 0 0 22px 0;
	float: right;
	width: 30%;
}

.wendang .wendang-bottom .right-part .seach-by-area {
	margin-bottom: 25px;
	position: relative;
}

.wendang .wendang-bottom .right-part .seach-by-area input {
	border: 0;
	background: #FFF;
	height: 28px;
	width: 100%;
	box-shadow: 0px 0px 5px 1px #d1d2d3;
	border-radius: 6px;
	padding: 0 15px;
	color: #58595b;
	font-size: 12px;
}

.wendang .wendang-bottom .right-part .seach-by-area .search-area {
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	right: 5px;
	width: 11px;
	height: 27px;
	border: 0;
	background: none;
	padding: 7px 15px;
	cursor: pointer;
}

.wendang .wendang-bottom .right-part .seach-by-area .search-area:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
	width: 11px;
	height: 15px;
	margin-left: -3px;
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0px -870px;
}

.accordion>ul>li>a {
	cursor: pointer;
}

.accordion>ul>li>a:after {
	content: '';
	position: absolute;
	top: 8px;
	right: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5.5px 0 5.5px;
	border-color: #77787b transparent transparent transparent;
}

.accordion>ul>.active>a:after {
	content: '';
	position: absolute;
	top: 8px;
	right: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 5.5px 7px 5.5px;
	border-color: transparent transparent #0089bb transparent;
}

.accordion li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bcbec0;
}

.accordion li:first-child {
	border-top: 1px solid #bcbec0;
}

.accordion li a {
	color: #77787b;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	display: block;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	padding-right: 20px;
}

.accordion li ul.subs {
	margin-top: 5px;
}

.accordion li ul.subs li {
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0;
}

.accordion li ul.subs li:first-child {
	border-top: none;
}

.accordion li ul.subs li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	vertical-align: top;
}

.accordion li ul.subs li a.active {
	color: #0089bb;
}

.accordion li ul.subs li a:hover {
	color: #0089bb;
}

.accordion li ul.subs li .number {
	color: #a7a9ac;
	font-size: 11px;
}

#media-accordion li {
	overflow: hidden;
}

#media-accordion li ul.subs {
	margin-top: 25px;
	max-width: 360px;
}

#media-accordion li:last-child {
	margin-bottom: 0;
}

#media-accordion li .media-thumbnail {
	width: 50%;
	display: inline-block;
	float: left;
	clear: both;
	padding-right: 10px;
}

#media-accordion li .media-thumbnail .pic {
	border: 2px solid #FFF;
	height: auto;
	max-height: 100%;
}

#media-accordion li .media-thumbnail .pic:after {
	padding-bottom: 66.66666667%;
}

#media-accordion li .media-thumbnail:hover {
	opacity: 0.8;
}

#media-accordion li .media-details {
	width: 50%;
	display: inline-block;
}

#media-accordion li .media-details .title,
#media-accordion li .media-details .time {
	font-size: 14px;
	font-weight: normal;
	color: #6E6F72;
	line-height: 21px;
	max-height: 42px;
	overflow: hidden;
}

#media-accordion li .title {
	text-transform: none;
}

#media-accordion li.current .media-thumbnail .pic {
	border-color: #3399cc;
}

#media-accordion li.current .title {
	color: #3399cc;
}

.a-right,
.align-right {
	text-align: right;
}

.new-count {
	display: inline-block;
	background: #008BB7;
	font-size: 10px;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 17px;
	padding: 0;
	margin: 0;
	color: white;
	border-radius: 9px;
	border: 1px solid white;
	margin-left: 5px;
}

.jingxiaoshang {
	background-color: #F6F6F6;
}

.jingxiaoshang-bottom {
	padding: 22px 28px;
	background: #fff;
	font-size: 17px;
	box-shadow: 0 0 1px 3px #eff0f0;
	border-radius: 9px;
	margin-top: 25px;
}

.jingxiaoshang-bottom .radio {
	-webkit-appearance: radio;
}

.jingxiaoshang-bottom .input-box-nc {
	background: #fff;
	font-size: 12px;
	padding: 0 8px;
	height: 28px;
	border: 1px solid #eff0f0;
}

.jingxiaoshang-bottom .search-button-nc {
	float: none;
	margin-left: 5px;
	border: 2px solid #bdbec0;
	padding: 2px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background: #3399cc;
	outline: none;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

.buttons-set {
	margin: 10px 0 0;
	padding-top: 10px;
	text-align: right;
}

.buttons-set button.button,
.buttons-set a.button {
	float: right;
	margin-left: 5px;
	min-width: 140px;
	border-radius: 8px;
	border: 2px solid #d4d5d6;
	box-shadow: inset 0 0px 5px -3px #000000;
	background: #39C;
	display: inline-block;
	padding: 7px 15px;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
}

.formlist {
	margin: 1.5em 0 0 0;
}

.formlist li {
	display: inline-block;
	width: 48.5%;
	margin-right: 2%;
	margin-bottom: 30px;
}

.formlist li .box {
	padding-top: 2px;
}

.formlist li .input-text {
	width: 100%;
	height: 28px;
	padding: 0 8px;
	background: #FFF;
	font-size: 12px;
	color: #58595b;
	box-shadow: -1px -1px 1px 1px #d1d2d3;
	border: 0;
	text-align: left;
}

.formlist li textarea.input-text {
	height: 120px;
	padding: 8px;
}

.formlist li:nth-child(2n) {
	margin-right: 0;
}

.contact-consent {
	font-size: 12px;
	margin: 20px 0;
}

.contact-consent a {
	color: #39C;
}

.distributors .wendang-bottom .left-part {
	background: none;
	padding: 0;
	box-shadow: none;
}

.distributors .accordion .subs {
	max-width: 100% !important;
	margin-top: 15px !important;
	margin-left: 25px;
	margin-right: 25px;
}

.distributors .accordion .subs div {
	width: 100%;
	font-size: 14px;
	padding: 5px;
	color: #6E6F72;
}

.distributors .accordion .subs .sub-sub-item {
	border-top: 1px solid #bcbec0;
	padding: 10px 0;
}

.distributors .accordion .subs .sub-sub-item .section-subtitle {
	color: #9D9FA2;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	cursor: pointer;
}

.distributors .accordion .subs div.location-info.odd {
	background: white;
}

.distributors .accordion .subs div .location {
	text-transform: uppercase;
	font-weight: bold;
}

.distributors .accordion .subs div.location-info a {
	color: #0089BB;
	font-style: italic;
}

#map {
	height: 470px;
	margin-bottom: 0px;
	-webkit-box-shadow: 0 0 1px 3px #eff0f0;
	-moz-box-shadow: 0 0 1px 3px #eff0f0;
	box-shadow: 0 0 1px 3px #eff0f0;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	padding: 0px;
}

.industries01 {
	padding-bottom: 50px;
}

.industries01 .info {
	max-width: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.industries01 .left {
	width: 50%;
	margin-right: 40px;
	font-size: 17px;
	line-height: 28px;
	color: #808285;
}

.industries01 .left h1 {
	position: relative;
	font-size: 41px;
	line-height: 34px;
	font-weight: 600;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: #636363;
}

.industries01 .left h1:after {
	content: "";
	height: 2px;
	width: 70px;
	background-color: #008dbe;
	position: absolute;
	left: 0;
	bottom: 0;
}

.industries01 .right {
	width: 50%;
}

.industries02 {
	padding: 35px 0 30px 0;
	background-color: #F6F6F6;
}

.industries02 .info1 {
	padding: 40px;
	background: #fff;
	margin-bottom: 35px;
}

.industries02 .info1 h2 {
	position: relative;
	font-size: 21px;
	line-height: 24px;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.industries02 .info1 h2:after {
	content: "";
	height: 2px;
	width: 200px;
	background-color: #008dbe;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 0;
}

.industries02 .info1 p {
	font-size: 17px;
	line-height: 23px;
	text-align: center;
	color: #808285;
}

.industries02 .info2 {
	padding: 40px;
	background: #fff;
}

.industries02 .info2 .main-chart {
	display: flex;
}

.industries02 .info2 .main-chart .left {
	width: 70%;
}

.industries02 .info2 .main-chart .left .main-image {
	position: relative;
	display: inline-block;
}

.industries02 .info2 .main-chart .left .main-image .point {
	position: absolute;
	width: 32px;
	height: 32px;
	transition: all 0.3s;
}

/*.industries02 .info2 .main-chart .left .main-image .active {
  transform: scale(1.8);
}*/
.industries02 .info2 .main-chart .left .main-image .selected {
	transform: scale(1.8);
	animation: pulse 1s linear infinite;
}

.industries02 .info2 .main-chart .right {
	width: 30%;
	max-width: 310px;
	text-align: center;
	padding: 30px;
	box-sizing: border-box;
	background-color: #f6f6f6;
	margin: 0 auto;
}

.industries02 .info2 .main-chart .right .icon img {
	margin: auto;
}

.industries02 .info2 .main-chart .right .title {
	font-weight: bold;
	font-size: 19px;
	line-height: 27px;
	color: #58595b;
	margin-top: 10px;
}

.industries02 .info2 .main-chart .right ul {
	margin-top: 30px;
}

.industries02 .info2 .main-chart .right ul li {
	margin: 9px 0;
}

.industries02 .info2 .main-chart .right ul li a {
	font-size: 14px;
	color: #6e6f72;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.industries02 .info2 .main-chart .right ul li .active {
	color: #58595b;
	font-weight: bold;
}

.industries02 .info2 .main-chart .right .info-tab {
	display: none;
}

.industries02 .info2 .main-chart .right .info-tab .arrow {
	cursor: pointer;
	transition: all 0.3s;
}

.industries02 .info2 .main-chart .right .info-tab .title {
	font-size: 13px;
	line-height: 18px;
	color: #58595b;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}

.industries02 .info2 .main-chart .right .info-tab .content1 {
	font-size: 12px;
	line-height: 21px;
	color: #808285;
	margin-bottom: 20px;
	text-align: left;
}

.industries02 .info2 .main-chart .right .info-tab a {
	margin-top: 20px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 40px;
	text-transform: none;
	transition: all 0.3s;
	background: #39C;
	display: inline-block;
	color: #FFF;
	line-height: 19px;
	text-align: center;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}

	50% {
		-webkit-transform: scale(2.2);
		transform: scale(2.2);
	}

	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
}

.info3 {
	padding-top: 30px;
}

.applist ul li {
	width: 23%;
	float: left;
	margin: 0 1%;
	margin-bottom: 30px;
}

.applist ul li a {
	display: block;
	background-color: #fff;
	border-radius: 9px;
	box-shadow: 0 0 1px 3px #eff0f0;
	overflow: hidden;
}

.applist ul li a .bt {
	font-size: 12px;
	text-transform: uppercase;
	padding: 14px 18px 0;
	line-height: 1;
	margin: 0;
	height: 48px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.industries-show {
	background-color: #F6F6F6;
}

.industries-bottom {
	margin-top: 25px;
}

.industries-bottom .left-part {
	width: 68%;
	display: inline-block;
}

.industries-bottom .left-part .left-top {
	padding: 0 10px;
}

.industries-bottom .left-part .left-top .info {
	background: #fff none repeat scroll 0 0;
	border-radius: 9px;
	box-shadow: 0 0 1px 3px #eff0f0;
	font-size: 17px;
	float: left;
	width: 100%;
	margin-right: 2%;
	color: #808285;
	padding: 30px;
}

.industries-bottom .left-part .left-top .info p {
	margin-bottom: 1.5rem;
}

.industries-bottom .left-part .left-top .info .icons {
	margin-top: 20px;
}

.industries-bottom .left-part .left-top .info .icons ul li {
	float: left;
	height: 32px;
	border-radius: 10px 0 10px 10px;
	background-color: #0090bc;
	position: relative;
	margin: 0 8px 8px 0;
	font-size: 14px;
	width: 34px;
	color: #636363;
	cursor: pointer;
}

.industries-bottom .left-part .left-top .info .icons ul li span.icon {
	background-image: url(../images/icons.svg?1605822479);
	background-repeat: no-repeat;
	background-color: #0090bc;
	background-size: 450px 32px;
	-moz-border-radius: 10px 0 10px 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px 0 10px 10px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	position: absolute;
	left: 0;
	text-indent: -9999px;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-rf-coaxial-connectors {
	background-position: 7px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-active-optics {
	background-position: -32px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-multipin-aerospace-connectors {
	background-position: -70px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-optical-connectors {
	background-position: -109px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-rf-cable-assemblies {
	background-position: -148px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-rf-microwave-switches {
	background-position: -342px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-multipin-industrial-connectors {
	background-position: -226px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-optical-cable-assemblies {
	background-position: -264px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-antennas {
	background-position: -304px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-microwave-components {
	background-position: -187px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-outdoor-connectors {
	background-position: -382px center;
}

.industries-bottom .left-part .left-top .info .icons ul li .icon-space-qualified-components {
	background-position: -421px center;
}

.industries-bottom .left-part .left-top .info .icons ul li ul.icon-menu {
	display: none;
	position: absolute;
	top: 37px;
	width: 240px;
	padding: 15px 22px;
	z-index: 1;
	opacity: 0.95;
	border-radius: 10px;
	left: 0;
	background-color: #0090bc;
}

.industries-bottom .left-part .left-top .info .icons ul li ul.icon-menu li {
	display: block;
	font-size: 11px;
	line-height: 16px;
	float: none;
	width: 100%;
	margin-bottom: 0px;
	color: #fff;
}

.industries-bottom .left-part .left-top .info .icons ul li ul.icon-menu li span.text {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 5px;
	width: 100%;
}

.industries-bottom .left-part .left-top .info .icons ul li ul.icon-menu li a {
	color: #fff;
	letter-spacing: 0.38px;
}

.industries-bottom .left-part .left-top .info .icons ul li ul.icon-menu li a:hover {
	font-weight: bold;
}

.industries-bottom .left-part .left-bottom {
	margin-top: 30px;
	padding: 0 10px;
}

.industries-bottom .right-part {
	margin-bottom: 18px;
	padding: 0 0 22px 0;
	float: right;
	width: 30%;
}

.industries-bottom .right-part .industries-sidebar-image {
	border-radius: 9px;
	margin-bottom: 23px;
	box-shadow: 0 0 1px 3px #eff0f0;
	overflow: hidden;
}

.management {
	background-color: #e6e7e8 !important;
	padding: 0 !important;
}

.management .info1 {
	box-shadow: #000000 0px 0px 15px -2px;
	background-color: #fff;
	overflow: hidden;
}

.management .executive-header {
	margin-bottom: 40px;
	position: relative;
}

.management .content1 {
	margin: 0 100px;
}

.management .people {
	text-align: center;
}

.management .people .person {
	display: inline-block;
	margin-bottom: 40px !important;
	text-align: center;
	vertical-align: top;
}

.management .people .person .holder {
	width: 270px;
	margin: auto;
	display: inline-block;
	cursor: pointer;
}

.management .people .person .holder .pic {
	width: 180px;
	margin: auto;
	margin-bottom: 20px;
	box-shadow: 10px 10px 18px 0px #999999;
	border-radius: 90px;
}

.management .people .person .holder .pic .hh {
	opacity: 0;
}

.management .people .person .holder .pic .h {
	opacity: 1;
}

.management .people .person .holder .title {
	display: block;
	float: left;
	font-size: 21px;
	text-align: center;
	text-transform: uppercase;
	color: #7C7C7B;
	font-weight: 500;
	width: 100%;
}

.management .people .person .holder .title sup {
	top: -0.5em;
}

.management .people .person .holder .subtitle {
	display: block;
	float: left;
	min-height: 50px;
	width: 100%;
	font-size: 16px;
	text-transform: none;
	text-align: center;
	font-weight: 300;
	color: #999;
}

.management .people .person .holder .text {
	display: none;
}

@media (min-width: 1025px) {
	.management .people .person:hover .holder .pic .hh {
		opacity: 1;
	}

	.management .people .person:hover .holder .pic .h {
		opacity: 0;
	}
}

.management .person-1 .holder .image {
	background-position: -221px -20px;
}

.page-title1 {
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	display: block;
	margin: 22px auto 30px;
	text-align: center;
	position: relative;
	padding-top: 20px;
}

.page-title1:before {
	content: "";
	height: 2px;
	width: 70px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -35px;
	background: #0089BB;
}

.india-links {
	clear: both;
	padding-top: 20px;
	color: #BCBEC0;
	font-style: italic;
	font-size: 16px;
	margin-bottom: 40px;
}

.india-links a {
	color: #BCBEC0;
	text-decoration: underline;
}

.people .info-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: white;
	top: 0px;
	left: 0px;
	opacity: 0.9;
	display: none;
	z-index: 10000;
}

.people .info-overlay.show {
	display: inline-block;
}

.people .info2 {
	position: fixed;
	z-index: 20000;
	background: white;
	width: 750px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	padding: 0 20px;
	max-height: 95%;
	overflow-y: scroll;
	box-sizing: border-box;
}

.people .info2 .close {
	width: 18px;
	height: 18px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/governance-close.png) no-repeat;
	cursor: pointer;
}

.people .info2 .person {
	width: 100%;
	margin: 0;
}

.people .info2 .person .holder {
	padding: 20px 0;
	width: 100%;
}

.people .info2 .person .holder .image-holder {
	width: 30%;
	float: left;
}

.people .info2 .person .holder .image-holder .pic {
	float: left;
	margin-right: 40px;
}

.people .info2 .person .holder .person-content {
	float: left;
	text-align: left;
	width: 65%;
}

.people .info2 .person .holder .person-content .text {
	display: block;
	float: left;
	width: 100%;
	font-size: 16px;
	color: #999;
}

.people .info2.show {
	display: inline-block;
}

.press .wendang-bottom .left-part {
	padding: 0;
	background: none;
	box-shadow: none;
	border-radius: 0;
}

.press .wendang-bottom .left-part .part-bottom {
	padding: 22px 28px;
	background: #fff;
	box-shadow: 0 0 1px 3px #eff0f0;
	border-radius: 9px;
}

.pager {
	overflow: hidden;
	display: block;
	margin-top: 20px;
	color: #636363;
	line-height: 30px;
	font-size: 12px;
}

.pager .pages {
	float: left;
	overflow: hidden;
	margin-left: 0;
	margin-bottom: 5px;
}

.pager .pages ol {
	padding: 0;
}

.pager .pages li {
	float: left;
	margin: 0 4px 0 0 !important;
}

.pager .pages li #pager-current-page {
	width: 50px;
	height: 20px;
	border: 1px solid #d1d2d3;
	padding: 0 5px;
}

.pager .pages li.pager-pages {
	margin: 0 10px !important;
}

.pager .pages li.nexts a {
	width: 21px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin-top: 5px;
	background-image: url(../images/icon_sprite.png);
	background-position: -50px -1190px;
}

.pager .pages li.last a {
	width: 21px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin-top: 5px;
	background-image: url(../images/icon_sprite.png);
	background-position: -75px -1190px;
}

.pager .limiter {
	float: left;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	color: #4f4e4c;
	margin-bottom: 5px;
}

.pager .limiter select {
	font-size: 14px;
	height: 30px;
	text-indent: 8px;
	border: 1px solid #d4d5d6;
	margin: 0 10px;
	min-width: 60px;
}

.pager .count-container {
	float: right;
	font-size: 13px;
	color: #4f4e4c;
	margin-bottom: 5px;
}

.news-top {
	margin-bottom: 25px;
}

.news-top ul {
	margin: 0 -13px;
}

.news-top ul li {
	display: block;
	float: left;
	width: 33.3333333%;
	padding: 0 13px;
}

.news-top ul li a {
	display: block;
	background: white;
	border-radius: 9px;
	overflow: hidden;
	box-shadow: #eff0f0 0px 0px 1px 3px;
}

.news-top ul li a .bt {
	font-weight: bold;
	font-size: 12px;
	color: #878787;
	padding: 10px;
}

.news-top ul li a .bt span {
	display: block;
	height: 42px;
	overflow: hidden;
	line-height: 21px;
}

.news-bottom article {
	margin-bottom: 40px;
	padding-bottom: 40px;
	display: inline-block;
	border-bottom: 1px solid #c6c6c6;
}

.news-bottom article .left-side {
	float: left;
}

.news-bottom article .left-side a {
	display: block;
}

.news-bottom article .left-side .pic {
	margin: 0 20px 20px 0;
	width: 140px;
}

.news-bottom article .right-side {
	float: left;
	max-width: 76%;
}

.news-bottom article.last {
	border-bottom: none;
	margin-bottom: 20px;
	padding-bottom: 0;
}

.twitter-feed {
	margin-top: 20px;
	width: 100%;
	padding: 20px 15px 10px 15px;
	background: white;
	border-radius: 9px;
	box-shadow: #eff0f0 0px 0px 1px 3px;
}

.twitter-feed .title {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #7c7c7b;
	border-bottom: 1px solid #0089bb;
	padding-bottom: 20px;
}

.twitter-feed ul li {
	margin: 10px 0;
	font-size: 13px;
}

.twitter-feed ul li span {
	display: block;
	width: 100%;
	clear: both;
	color: #878787;
}

.twitter-feed ul li span a {
	color: #39C;
	display: block;
}

.twitter-feed ul li span.date {
	font-weight: 600;
	font-size: 12px;
	color: #636363;
	text-transform: uppercase;
}

.insights-button {
	display: block;
	margin-top: 20px;
}

.insights-button a {
	width: 100%;
	margin: 0;
	display: block;
}

.insights-show .wendang-bottom .left-part .part-bottom {
	padding: 0;
	overflow: hidden;
}

.insights-show .wendang-bottom .left-part .part-bottom article {
	padding: 22px 28px;
}

.insights-show .wendang-bottom .left-part .part-bottom article .page-title {
	float: left;
}

.insights-show .wendang-bottom .left-part .part-bottom article .date {
	float: right;
	position: relative;
	bottom: 8px;
}

.insights-show .wendang-bottom .left-part .part-bottom article .date .left {
	display: inline-block;
	padding-right: 12px;
	border-right: 1px solid #39C;
}

.insights-show .wendang-bottom .left-part .part-bottom article .date .right {
	display: inline-block;
	padding-left: 12px;
}

.insights-show .wendang-bottom .left-part .part-bottom article .date .day {
	font-size: 33px;
	line-height: 1em;
}

.insights-show .wendang-bottom .left-part .part-bottom article .date .month {
	display: block;
	text-transform: uppercase;
	font-size: 13px;
}

.insights-show .wendang-bottom .left-part .part-bottom article .date .year {
	font-size: 11px;
	display: block;
}

.insights-show .wendang-bottom .left-part .part-bottom article .content1 {
	clear: both;
}

.insights-show .wendang-bottom .left-part .part-bottom article .content1 .inline-date {
	text-transform: uppercase;
}

.insights-show .wendang-bottom .left-part .part-bottom article .content1 .inline-date span {
	color: #0089bb;
}

.article-image {
	margin-bottom: 30px;
}

.videos .video {
	margin-bottom: 20px;
}

.videos .title {
	margin-bottom: 30px;
	color: #808285;
}

.videos .title .download-media {
	font-style: italic;
	color: #39C;
}

.videos .title .download-media:hover {
	color: #2e8ab8;
}

.videos .media-description {
	color: #808285;
	font-style: italic;
	font-weight: 200;
}

.webinar-main-image {
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 9px;
	box-shadow: #eff0f0 0px 0px 1px 3px;
}

.audio-player {
	margin: 40px auto;
	padding: 20px 0;
	position: relative;
}

.audio-player:before {
	content: '';
	width: 80%;
	height: 1px;
	background-color: #B4B4B4;
	position: absolute;
	top: 0;
	left: 10%;
}

.audio-player>div {
	width: 60%;
	margin: auto;
	font-style: italic;
}

.audio-player>div span.title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
}

.audio-player>div .player {
	margin-top: 10px;
}

.audio-player:before {
	content: '';
	width: 80%;
	height: 1px;
	background-color: #B4B4B4;
	position: absolute;
	top: 0;
	left: 10%;
}

.audio-player:after {
	content: '';
	width: 80%;
	height: 1px;
	background-color: #B4B4B4;
	position: absolute;
	bottom: 0;
	left: 10%;
}

.audio-player .mejs__container {
	height: 80px !important;
	background: none;
}

.audio-player .mejs__container .mejs__controls .mejs__replay button:after,
.audio-player .mejs__container .mejs__controls .mejs__play button:after {
	position: absolute;
	content: "";
	background: url("../images/play-button.svg") no-repeat;
	width: 35px;
	height: 35px;
	top: 0;
	left: 0;
	transition: all 100ms linear;
	pointer-events: none;
}

.audio-player .mejs__container .mejs__controls .mejs__pause button:after {
	position: absolute;
	content: "";
	background: url("../images/pause-button.svg") no-repeat;
	width: 35px;
	height: 35px;
	top: 0;
	left: 0;
	transition: all 100ms linear;
	pointer-events: none;
}

.audio-player .mejs__container .mejs__controls {
	flex-wrap: wrap;
	height: 100%;
	background: none;
}

.audio-player .mejs__container .mejs__controls .mejs__button {
	flex: 0 0 100%;
	order: 2;
}

.audio-player .mejs__container .mejs__controls .mejs__button button {
	margin: auto;
	padding: 0;
	position: relative;
	width: 35px;
	height: 35px;
	border: 0 !important;
	background: transparent;
	outline: none;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail {
	flex: 0 0 100%;
	order: 1;
	margin: 0;
	padding: 0 6px;
	height: 19px;
	background: url(../images/progress-middle.png) repeat-x;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/progress-left.png) no-repeat;
	width: 13px;
	height: 19px;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 0;
	background: url(../images/progress-right.png) no-repeat;
	width: 13px;
	height: 19px;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total {
	margin: 0;
	height: 6px;
	top: 6px;
	background: url(../images/progress-default.png) repeat-x;
	width: calc(88%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total span {
	height: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-current {
	background: url(../images/progress-bg.png) repeat-x;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-hovered,
.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-buffering {
	background-color: #D9F5FF;
	opacity: 0.5;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-handle {
	width: 22px;
	height: 23px;
	background: url(../images/progress-handle.png) no-repeat;
	margin-left: -8px;
	margin-top: -10px;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-handle .mejs__time-handle-content {
	display: none;
}

.audio-player .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-float {
	display: none !important;
}

.awards {
	display: inline-block;
	width: 100%;
	font-size: 0;
}

.awards li {
	position: relative;
	margin: 15px 0% !important;
	width: 33%;
	display: inline-block;
	vertical-align: top;
	font-style: normal !important;
	text-align: center;
	box-sizing: border-box;
}

.awards li img {
	margin: 0 auto;
}

.awards li.clear {
	width: 100%;
	clear: both;
	min-height: 40px;
}

.awards li .award-title {
	margin-top: 15px;
	font-size: 10pt;
	font-weight: bold;
	color: #8a8c8e;
}

.awards li .award-title-1 {
	font-size: 7pt;
	font-weight: bold;
	color: #8a8c8e;
	line-height: 12pt;
}

.awards li .award-subtitle {
	font-size: 8pt;
	color: #8a8c8e;
	font-weight: 100;
	line-height: 12pt;
}

.awards li .award-main-title {
	line-height: 9pt;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
	margin-left: 2px;
}

.heading {
	background-image: url(../images/background-1.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 280px;
	text-align: center;
}

.heading h1 {
	color: white;
	font-size: 42px;
	line-height: 160px;
}

.figures .info-list {
	background: white;
	box-shadow: #666 0px 0px 20px 0px;
	margin-top: -125px;
	padding: 0;
	margin-bottom: 80px;
}

.h2 {
	font-size: 21px;
	line-height: 25px;
	color: #636466;
	font-weight: bold;
	text-transform: initial;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.h2:after {
	display: block;
	content: "";
	height: 2px;
	background: #636466;
	width: 12px;
	position: absolute;
	left: 0;
	bottom: 0px;
}

.revenue {
	padding: 85px 70px 30px 70px;
	position: relative;
}

.revenue:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 17.5px 0 17.5px;
	border-color: white transparent transparent transparent;
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -17.5px;
	z-index: 10;
}

.revenue .col-main p {
	font-size: 15px;
	line-height: 18px;
	font-style: italic;
	color: #B2B2B2;
	margin-bottom: 40px;
}

.revenue .col-main p img {
	margin: 0 auto 80px auto;
	max-width: 100%;
}

.r2 {
	background-color: #f7f7f7;
	padding: 55px 70px 30px 70px;
	position: relative;
}

.r2:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 17.5px 0 17.5px;
	border-color: #f7f7f7 transparent transparent transparent;
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -17.5px;
}

.r2 .badges {
	text-align: left;
}

.r2 .badges .badge {
	margin-top: 0;
	margin-bottom: 20px;
}

.r2 .badges .badge .title {
	font-size: 14px;
	line-height: 18px;
	color: #B1B3B6;
	text-align: center;
	font-weight: bold;
}

.r2 .badges .badge .title small {
	font-size: 12px;
	line-height: 16px;
	color: #B1B3B6;
	font-style: italic;
	font-weight: 100;
	text-transform: none;
}

.r2 .badges .badge .image img {
	width: 190px;
}

.r3 .items {
	text-align: center;
}

.r3 .items .item {
	width: 33%;
	display: inline-block;
	margin-bottom: 65px;
}

.r3 .items .item img {
	width: 250px;
	margin: auto;
}

.r4 {
	background-color: #f7f7f7;
}

.r4:after {
	display: none;
}

.r4 .items {
	text-align: center;
}

.r4 .title {
	font-size: 14px;
	line-height: 18px;
	color: #B1B3B6;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.r4 .items .item {
	width: 30%;
	display: inline-block;
	margin-bottom: 38px;
}

.r4 .items .item img {
	width: 160px;
	height: 310px;
	margin: auto;
}

.about {
	padding-bottom: 0 !important;
}

.about .p-main {
	padding: 30px 0;
}

.about01 {
	padding: 15px 0 55px 0;
	background-color: #f0f0f0;
	box-shadow: inset 0 3px 4px -2px rgba(153, 153, 153, 0.23);
}

.about01 .badges .badge:hover .image {
	transform: scale(1.1);
}

.about01 .badges .badge .link a {
	color: #39C;
}

.about02 {
	box-shadow: 0 -3px 4px -2px rgba(153, 153, 153, 0.23);
	padding: 72px 0 80px 0;
	position: relative;
}

.title-title {
	font-size: 21px;
	font-weight: bold;
	color: #636363;
	text-align: center;
}

.timeline-wrap {
	padding-top: 70px;
	height: 600px;
	padding-bottom: 80px;
}

@media only screen and (min-width: 771px) {
	.timeline-wrap {
		margin-top: 270px;
		height: auto;
	}
}

.timeline-wrap .line {
	height: 600px;
	width: 2px;
	background-color: #3c8fc6;
	position: absolute;
	top: 255px;
	left: 50%;
}

@media only screen and (min-width: 480px) {
	.timeline-wrap .line {
		top: 235px;
	}
}

@media only screen and (min-width: 771px) {
	.timeline-wrap .line {
		height: 2px;
		width: 100%;
		background-color: #3c8fc6;
		position: relative;
		top: -24px;
		left: auto;
	}
}

.timeline-wrap .years-wrap {
	text-align: center;
	z-index: 1;
	position: relative;
	height: 48px;
}

@media only screen and (min-width: 771px) {
	.timeline-wrap .years-wrap {
		left: -55px;
	}
}

@media only screen and (min-width: 1080px) {
	.timeline-wrap .years-wrap {
		left: auto;
	}
}

.timeline-wrap .years-wrap ul li {
	position: absolute;
	top: 5px;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li {
		left: 50%;
		-webkit-transform: translatex(-50%);
		-moz-transform: translatex(-50%);
		-ms-transform: translatex(-50%);
		-o-transform: translatex(-50%);
		transform: translatex(-50%);
	}
}

.timeline-wrap .years-wrap ul li .image {
	width: 184px;
	height: 220px;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li .image {
		width: 219px;
		height: 182px;
	}
}

.timeline-wrap .years-wrap ul li.year1 {
	left: 80px;
}

.timeline-wrap .years-wrap ul li.year1 .image {
	background: url(../images/year-1952.png) no-repeat 0 0;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li.year1 {
		left: 50%;
	}

	.timeline-wrap .years-wrap ul li.year1 .image {
		background-position: 0 -220px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li.year1 .image {
		background-position: 0 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
}

.timeline-wrap .years-wrap ul li.year2 {
	left: 215px;
}

.timeline-wrap .years-wrap ul li.year2 .image {
	background: url(../images/year-1963.png) no-repeat 0 0;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li.year2 {
		top: 80px;
		left: 50%;
	}

	.timeline-wrap .years-wrap ul li.year2 .image {
		background-position: 0 -220px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li.year2 .image {
		background-position: 0 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
}

.timeline-wrap .years-wrap ul li.year3 {
	left: 350px;
}

.timeline-wrap .years-wrap ul li.year3 .image {
	background: url(../images/year-1983-new.png) no-repeat 0 0;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li.year3 {
		top: 160px;
		left: 50%;
	}

	.timeline-wrap .years-wrap ul li.year3 .image {
		background-position: 0 -220px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li.year3 .image {
		background-position: 0 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
}

.timeline-wrap .years-wrap ul li.year4 {
	left: 485px;
}

.timeline-wrap .years-wrap ul li.year4 .image {
	background: url(../images/year-1993.png) no-repeat 0 0;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li.year4 {
		top: 240px;
		left: 50%;
	}

	.timeline-wrap .years-wrap ul li.year4 .image {
		background-position: 0 -220px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li.year4 .image {
		background-position: 0 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
}

.timeline-wrap .years-wrap ul li.year5 {
	left: 620px;
}

.timeline-wrap .years-wrap ul li.year5 .image {
	background: url(../images/year-1995.png) no-repeat 0 0;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li.year5 {
		top: 320px;
		left: 50%;
	}

	.timeline-wrap .years-wrap ul li.year5 .image {
		background-position: 0 -220px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li.year5 .image {
		background-position: 0 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
}

.timeline-wrap .years-wrap ul li.year6 {
	left: 755px;
}

.timeline-wrap .years-wrap ul li.year6 .image {
	background: url(../images/year-2003-new.png) no-repeat 0 0;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li.year6 {
		top: 400px;
		left: 50%;
	}

	.timeline-wrap .years-wrap ul li.year6 .image {
		background-position: 0 -220px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li.year6 .image {
		background-position: 0 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
}

.timeline-wrap .years-wrap ul li.year7 {
	left: 890px;
}

.timeline-wrap .years-wrap ul li.year7 .image {
	background: url(../images/year-today.png) no-repeat 0 0;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li.year7 {
		top: 480px;
		left: 50%;
	}

	.timeline-wrap .years-wrap ul li.year7 .image {
		background-position: 0 -220px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li.year7 .image {
		background-size: 100%;
	}
}

@media only screen and (min-width: 771px) {
	.timeline-wrap .years-wrap ul li:nth-child(3n+1) {
		top: 0;
	}
}

.timeline-wrap .years-wrap ul li:nth-child(3n+1) span {
	width: 48px;
	height: 48px;
	line-height: 42px;
	font-size: 18px;
}

@media only screen and (min-width: 771px) {
	.timeline-wrap .years-wrap ul li:nth-child(3n+1) .text {
		top: 65px;
	}
}

.timeline-wrap .years-wrap ul li.last span {
	font-size: 14px;
	text-transform: uppercase;
}

.timeline-wrap .years-wrap ul li.open .text,
.timeline-wrap .years-wrap ul li.open .image {
	opacity: 1;
}

.timeline-wrap .years-wrap ul li.open span {
	background-color: #3c8fc6;
	color: #ffffff;
}

.timeline-wrap .years-wrap ul li span {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 32px;
	text-align: center;
	background-color: #faf9f0;
	border: 2px solid #3890c8;
	border-radius: 40px;
	font-size: 14px;
	color: #3c8fc6;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.timeline-wrap .years-wrap ul li span:hover {
	transform: scale(1.1);
}

.timeline-wrap .years-wrap ul li .text {
	opacity: 0;
	width: 200px;
	left: -75px;
	position: absolute;
	font-size: 12px;
	line-height: 20px;
	top: 55px;
	transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li .text {
		top: 0;
		left: -225px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li .text {
		top: -22px;
		left: -125px;
		width: 120px;
		line-height: normal;
	}
}

.timeline-wrap .years-wrap ul li .image {
	opacity: 0;
	position: absolute;
	top: -240px;
	left: 50%;
	transition: all 0.2s ease-in-out;
	transform: translatex(-50%);
}

@media only screen and (max-width: 770px) {
	.timeline-wrap .years-wrap ul li .image {
		top: -70px;
		left: 200px;
	}
}

@media only screen and (max-width: 599px) {
	.timeline-wrap .years-wrap ul li .image {
		top: -20px;
		left: 115px;
		width: 110px;
		height: 91px;
	}
}

.about03 {
	padding: 67px 0;
}

.about03 .legend {
	margin: 30px 0;
	text-align: center;
}

.about03 .legend span {
	font-size: 15px;
	color: #4d4d4d;
	position: relative;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 15px;
}

.about03 .legend span.icon1 {
	margin-left: 40px;
	margin-right: 40px;
}

.about03 .legend span.icon1:before {
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0 -1480px;
	content: "";
	position: absolute;
	width: 21px;
	height: 24px;
	left: -30px;
	top: -6px;
}

.about03 .legend span.icon2:before {
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: -40px -1480px;
	content: "";
	position: absolute;
	width: 21px;
	height: 24px;
	left: -30px;
	top: -6px;
}

.about03 .cms-image-big {
	display: block !important;
	position: relative;
}

.about03 .cms-image-big .map-badge {
	bottom: 160px;
	right: 140px;
	width: 140px;
	position: absolute;
}

.find-location {
	text-align: center;
}

.find-location a {
	position: relative;
	margin-top: 50px;
	color: #39C;
}

.find-location a:before {
	content: '';
	position: absolute;
	top: -8px;
	width: 60px;
	height: 1px;
	background-color: #4faed1;
	left: 50%;
	transform: translatex(-50%);
}

.about04 {
	padding: 67px 0;
	background-color: #f0f0f0;
	box-shadow: inset 0 3px 4px -2px rgba(153, 153, 153, 0.23);
}

.about04 .icon-wrap {
	margin-top: 45px;
	text-align: center;
}

.about04 .icon-wrap li {
	position: relative;
	float: left;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 8px;
}

.about04 .icon-wrap li:last-child {
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.about04 .icon-wrap li {
		display: inline-block;
	}
}

@media only screen and (min-width: 771px) {
	.about04 .icon-wrap li {
		padding-right: 5px;
	}
}

@media only screen and (min-width: 1025px) {
	.about04 .icon-wrap li {
		float: none;
		padding-right: 20px;
	}

	.about04 .icon-wrap li:nth-child(3) {
		padding-right: 0;
	}
}

.about04 .icon-wrap li .image {
	width: 97px;
	height: 97px;
	float: left;
	background-image: url(../images/our-values-sprite@2x.png);
	background-repeat: no-repeat;
	background-size: 650px 210px;
	text-indent: -9999px;
}

.about04 .icon-wrap li.icon1 .image {
	background-position: 0 0;
}

.about04 .icon-wrap li.icon2 .image {
	background-position: -107px 0;
}

.about04 .icon-wrap li.icon3 .image {
	background-position: -214px 0;
}

.about04 .icon-wrap li.icon4 .image {
	background-position: -320px -107px;
}

.about04 .icon-wrap li.icon5 .image {
	background-position: -430px 0px;
}

.about04 .icon-wrap li.icon6 {
	padding-right: 20px;
}

.about04 .icon-wrap li.icon6 .image {
	background-position: -430px -107px;
}

.about04 .icon-wrap li.icon7 .image {
	background-position: -530px 0px;
}

.about04 .icon-wrap li .text-wrap {
	color: #4d4d4d;
	float: left;
	padding-top: 20px;
}

.about04 .icon-wrap li .text-wrap .title {
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
}

.about04 .icon-wrap li .text-wrap .desc {
	font-style: italic;
	font-size: 12px;
	width: 160px;
}

@media only screen and (min-width: 1025px) {
	.about04 .icon-wrap li .text-wrap .desc {
		width: auto;
	}
}

.career-employees2 .col1-layout .col-main {
	margin: 75px 30px 0 0;
	max-width: 280px;
}

.about05 {
	padding: 83px 0;
	background: url(../images/bck-employees-bottom.png) no-repeat bottom center;
	box-shadow: inset 0 3px 4px -2px rgba(153, 153, 153, 0.23);
}

.icons-wrap {
	text-align: center;
}

@media only screen and (min-width: 600px) {
	.icons-wrap {
		margin: 90px 0 15px;
	}
}

.icons-wrap li {
	display: inline-block;
	padding: 0 40px 25px;
}

.icons-wrap li:last-child {
	padding-bottom: 0;
}

.icons-wrap li img {
	max-width: 100%;
}

@media only screen and (min-width: 600px) {
	.icons-wrap li {
		width: 33.3333%;
		padding: 0 1%;
		float: left;
	}
}

@media only screen and (min-width: 1025px) {
	.icons-wrap li {
		float: none;
		width: auto;
		padding: 0 40px;
	}
}

.innovation {
	padding-bottom: 0 !important;
}

.innovation .p-main {
	padding: 80px 0;
}

.innovation .p-main .std {
	color: #9d9d9c;
	line-height: 31px;
	font-size: 20px;
	text-align: center;
}

.innovation .p-main .std p {
	color: #9d9d9c;
	line-height: 31px;
	font-size: 20px;
}

.innovation01 {
	text-align: center;
	padding: 83px 0;
}

.innovation01 a {
	color: #39C;
}

.innovation01 .badges .badge:hover .image {
	transform: scale(1.1);
}

.innovation01 .items {
	margin-top: 62px;
}

.innovation01 .items .item {
	padding: 20px;
	width: 25%;
	float: left;
	position: relative;
}

.innovation01 .items .item a::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.innovation01 .items .item a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

.innovation01 .items .item a img {}

.innovation01 .items .item a div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.innovation01 .items .item a div span {
	display: none;
	text-align: center;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 90%;
	text-transform: uppercase;
	padding: 10px;
	transform: translateY(-50%);
}

@media (min-width: 1025px) {
	.innovation01 .items .item a:hover div {
		background-color: rgba(50, 50, 50, 0.8);
	}

	.innovation01 .items .item a:hover div span {
		display: block;
	}
}

.innovation02 {
	background: url(../images/innovation-future-bg.jpg) no-repeat top center / cover;
	position: relative;
}

.innovation02:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 137, 187, 0.8);
}

.innovation02 .info {
	position: relative;
	z-index: 4;
}

.innovation02 .info .std h2 {
	color: #fff;
}

.innovation02 .info .std p {
	color: #fff;
}

.innovation02 .info .std h2:after {
	background-color: #fff;
}

.innovation02 .info .big-button a {
	color: #058ec2;
	background-color: #fafaf9;
}

.innovation02 .info .big-button a:hover {
	background-color: #eeeeed;
}

.innovation02 .info .inn-button-2 a {
	color: #fff;
	border: 2px solid #fff;
	background: none;
}

.innovation02 .info .inn-button-2 a:hover {
	background-color: rgba(0, 137, 187, 0.8);
}

.project {
	padding: 0 !important;
}

.project01 {
	background: url(../images/future-top-background-1.jpg) no-repeat;
	padding-top: 160px;
	background-size: cover;
}

.project01 .p-info {
	max-width: 94%;
	margin: auto;
	background: white;
	position: relative;
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.35);
}

.project01 .p-info .radiall-future-logo {
	width: 260px;
	height: 260px;
	position: absolute;
	left: 50%;
	margin-left: -130px;
	top: -75px;
}

.project01 .p-info .inner-content {
	margin: 235px 150px 90px;
	display: inline-block;
	text-align: center;
}

@media only screen and (max-width: 770px) {
	.project01 .p-info .inner-content {
		width: 100%;
		margin: 235px 0px 90px;
	}
}

.project01 .p-info .inner-content h1 {
	margin-bottom: 35px;
	font-size: 33px;
	line-height: 40px;
	letter-spacing: 13px;
	font-weight: bold;
	color: #58595b;
}

@media only screen and (max-width: 599px) {
	.project01 .p-info .inner-content h1 {
		letter-spacing: initial;
	}
}

.project01 .p-info .inner-content p {
	font-size: 15px;
	line-height: 24px;
	color: #898B8D !important;
	margin-bottom: 35px;
	margin-left: 20px;
	margin-right: 20px;
}

@media only screen and (max-width: 599px) {
	.project01 .p-info .inner-content p {
		margin-left: 0px;
		margin-right: 0px;
		padding: 10px;
	}
}

.project01 .p-info .inner-content p:last-child {
	margin-bottom: 0px;
}

.project01 .p-info .inner-content a {
	display: inline-block;
	width: 270px;
	height: 50px;
	font-size: 18px;
	font-weight: bold;
	background: #0D8FBF;
	color: white;
	line-height: 50px;
	margin-top: 40px;
	border-radius: 7px;
}

@media only screen and (max-width: 599px) {
	.project01 .p-info .inner-content a {
		max-width: 95%;
	}
}

.outlook {
	padding: 85px 0 90px 0;
}

.outlook .items {
	display: flex;
	flex-direction: row;
	margin-top: 80px;
}

@media only screen and (max-width: 840px) {
	.outlook .items {
		display: block;
	}
}

.outlook .items .item-holder {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	width: 20%;
	text-align: center;
}

@media only screen and (max-width: 840px) {
	.outlook .items .item-holder {
		width: 100%;
		float: left;
		height: 220px;
	}
}

.outlook .items .item-holder .item {
	font-weight: bold;
	font-size: 15px;
	line-height: 16px;
	color: white;
	width: 20%;
	margin: auto;
	position: relative;
}

.outlook .items .item-holder .item:hover {
	cursor: pointer;
}

.outlook .items .item-holder .item.big {
	width: 175px;
	height: 190px;
}

.outlook .items .item-holder .item.big .slide {
	height: 175px;
}

.outlook .items .item-holder .item.small {
	width: 135px;
	height: 190px;
}

.outlook .items .item-holder .item.small .slide {
	height: 135px;
}

.outlook .items .item-holder .item.hover {
	width: 175px;
	height: 190px;
}

.outlook .items .item-holder .item.hover .slide {
	height: 175px;
}

.outlook .items .item-holder .item .slide {
	background: url("../images/outlook-hover-bg.png") no-repeat;
	background-size: 100%;
	width: 100%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.outlook .items .item-holder .item .slide.slide-1 {
	background: url("../images/outlook-bg.png") no-repeat;
	background-size: 100%;
}

.outlook .items .item-holder .item .slide>span:first-child {
	-ms-transform: translateX(-50%) translateY(-10%);
	transform: translateX(-50%) translateY(-10%);
	letter-spacing: 0px;
}

.outlook .items .item-holder .item .slide>span {
	margin: -15px 0 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	text-align: center;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.outlook .items .item-holder .item .slide>span .subitle {
	color: #8C8C8C;
	text-transform: uppercase;
	font-style: normal;
}

.outlook .items .item-holder .item .slide>span>span:first-child {
	background: url("../images/icons.png") no-repeat;
	display: block;
	margin: -40px auto 0 auto;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.outlook .items .item-holder .item .slide:not(:first-child) {
	color: #636466;
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
	font-style: italic;
	display: none;
}

.outlook .items .item-holder .item .slide:not(:first-child):after {
	content: "";
	display: block;
	width: 8px;
	height: 10px;
	background: url("../images/icons.png") no-repeat;
	background-position: -50px -100px;
	position: absolute;
	bottom: 30px;
	left: 50%;
}

.outlook .items .item-holder .item .slide .top-icon-1 {
	background-position: -100px 0px !important;
}

.outlook .items .item-holder .item .slide .top-icon-2 {
	background-position: -100px -50px !important;
}

.outlook .items .item-holder .item .slide .top-icon-3 {
	background-position: -100px -100px !important;
}

.outlook .items .item-holder .item .slide .top-icon-4 {
	background-position: -150px -50px !important;
	height: 35px !important;
}

.outlook .items .item-holder .item .slide .top-icon-5 {
	background-position: -150px 0px !important;
}

.outlook .items .item-holder .item .slide .top-icon-6 {
	background-position: -200px 0px !important;
}

.outlook .items .item-holder .item .slide .top-icon-7 {
	background-position: -200px -50px !important;
}

.outlook .items .item-holder .item .slide .top-icon-8 {
	background-position: -200px -100px !important;
}

.outlook .items .item-holder .item .slide .top-icon-9 {
	background-position: -250px 0px !important;
	width: 44px !important;
	height: 40px !important;
}

.outlook .items .item-holder .item .slide .top-icon-10 {
	background-position: -250px -50px !important;
	width: 40px !important;
	height: 40px !important;
	margin-top: -45px !important;
}

.outlook .items .item-holder .item .slide .top-icon-11 {
	background-position: -250px -100px !important;
}

.outlook .items .item-holder .item .slide .top-icon-12 {
	background-position: -250px -150px !important;
	width: 40px !important;
}

.outlook .items .item-holder .item .slide .top-icon-13 {
	background-position: -300px 0px !important;
}

.outlook .items .item-holder .item .slide .top-icon-14 {
	background-position: -300px -50px !important;
	width: 36px !important;
	height: 36px !important;
}

.outlook .items .item-holder .item .slide .top-icon-15 {
	background-position: -300px -100px !important;
}

.outlook .pagenation li {
	display: inline-block;
	margin: 0 5px;
}

.outlook .pagenation li a {
	display: block;
	width: 11px;
	height: 11px;
	border: none;
	background: url("../images/icons.png") no-repeat -50px -50px;
}

.outlook .pagenation li a.active {
	background-position: -50px 0px;
}

.numbers {
	padding-top: 110px;
	padding-bottom: 80px;
	background: #f5f5f5;
}

.numbers h2 {
	font-size: 21px;
	line-height: 25px;
	color: #58595B;
	font-weight: bold;
	text-transform: initial;
	position: relative;
	text-align: left;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.numbers h2:after {
	display: block;
	content: "";
	height: 2px;
	background: #58595B;
	width: 12px;
	position: absolute;
	left: 0;
	bottom: 0px;
}

.numbers .left {
	max-width: 515px;
	display: inline-block;
}

.numbers .left img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.4);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.4);
	box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.4);
}

.numbers .left .top1 {
	width: 100%;
	float: left;
}

.numbers .left .top1 .image-1 {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	max-width: 255px;
}

.numbers .left .top1 .image-2 {
	float: right;
	max-width: 220px;
	margin-left: 18px;
	margin-bottom: 18px;
}

.numbers .left .top1 .image-3 {
	float: right;
	max-width: 220px;
	margin-top: 18px;
	margin-left: 18px;
	margin-bottom: 18px;
}

.numbers .left .bottom {
	width: 100%;
	float: left;
}

.numbers .left .bottom .image-4 {
	float: left;
	max-width: 170px;
	margin-top: 18px;
	margin-right: 18px;
}

.numbers .left .bottom .image-5 {
	float: right;
	max-width: 310px;
	margin-top: 18px;
	margin-left: 18px;
}

.numbers .right {
	float: right;
	max-width: 400px;
}

.numbers .right h3 {
	font-size: 21px;
	line-height: 25px;
	font-weight: bold;
	color: #414042;
}

.numbers .right p {
	font-size: 11px;
	line-height: 18px;
	color: #898b8d;
}

.numbers .right .top1 {
	margin-bottom: 40px;
	margin-top: 30px;
}

.numbers .right .top1 p {
	color: #898B8D;
	font-size: 17px;
	line-height: 22px;
}

.numbers .right .sub {
	display: flex;
}

.numbers .right .sub p {
	margin-bottom: 30px;
}

.numbers .right .sub .sub-left {
	width: 50%;
	margin-right: 25px;
}

.numbers .right .sub .sub-right {
	width: 50%;
	margin-left: 25px;
}

@media only screen and (max-width: 1024px) {
	.numbers .left {
		float: none;
		margin: auto;
		clear: both;
		display: block;
	}

	.numbers .right {
		clear: both;
		margin: auto;
		padding-top: 40px;
		float: none;
	}
}

@media only screen and (max-width: 599px) {
	.numbers .left .top1 img {
		clear: both;
		margin: 0 auto 18px auto !important;
		float: none !important;
		margin: 20px;
	}

	.numbers .left .bottom img {
		clear: both;
		margin: 0 auto 18px auto !important;
		float: none !important;
		margin: 20px;
	}
}

@media only screen and (max-width: 320px) {
	.numbers .left .bottom .image-5 {
		max-width: 220px;
	}
}

.timeline .menu {
	position: relative;
	float: right;
	top: -60px;
}

@media only screen and (max-width: 1023px) {
	.timeline .menu {
		float: none;
		top: -20px;
		margin-bottom: 20px;
	}

	.timeline .menu li {
		padding-left: 0 !important;
		display: block !important;
		clear: both;
	}
}

.timeline .menu li {
	display: inline-block;
	padding-left: 30px;
}

.timeline .menu li:nth-child(1) {
	width: 190px;
}

.timeline .menu li:nth-child(2) {
	width: 140px;
}

.timeline .menu li:nth-child(3) {
	width: 320px;
}

.timeline .menu li .circle {
	border-radius: 11px;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	top: 6px;
	margin-right: 5px;
	border: 2px solid #ffffff;
}

.timeline .menu li .circle:before {
	content: " ";
	display: block;
	width: 14px;
	height: 14px;
	background: #0F90C0;
	border-radius: 7px;
	margin-left: -7px;
	margin-top: -7px;
	position: absolute;
	left: 50%;
	top: 50%;
}

.timeline .menu li .circle.grey:before {
	background: white;
	border: 2px solid #b1b3b6;
}

.timeline .menu li .circle.black:before {
	background: #000000;
}

.timeline .menu li a {
	color: #636466;
	font-size: 13px;
}

.timeline .menu li a.active {
	font-weight: bold;
}

.timeline .menu li a.active .circle.blue {
	border: 2px solid #0f90c0;
}

.timeline .menu li a.active .circle.black {
	border: 2px solid #000000;
}

.timeline .menu li a.active .circle.grey {
	border: 2px solid #b1b3b6;
}

.timeline .menu li a:hover {
	font-weight: bold;
}

.timeline .menu li a:hover .circle.blue {
	border: 2px solid #0f90c0;
}

.timeline .menu li a:hover .circle.black {
	border: 2px solid #000000;
}

.timeline .menu li a:hover .circle.grey {
	border: 2px solid #b1b3b6;
}

.timeline .container1 div {
	max-width: 100%;
	transition: all 0.5s ease;
}

.timeline .container1 div.active {
	display: block;
}

.timeline .container1 div img {
	max-width: 100%;
}

.timeline .placeholder {
	width: 17.7%;
	height: 51%;
	position: absolute;
	right: 0.5%;
	bottom: 0;
}

.timeline .placeholder>div {
	position: absolute;
	left: 0%;
	bottom: 18%;
	font-style: italic;
	color: #0F90C0;
	font-size: 100%;
}

@media only screen and (max-width: 1024px) {
	.timeline .placeholder>div {
		font-size: 90%;
	}
}

@media only screen and (max-width: 979px) {
	.timeline .placeholder>div {
		font-size: 80%;
	}
}

@media only screen and (max-width: 840px) {
	.timeline .placeholder>div {
		font-size: 70%;
	}
}

@media only screen and (max-width: 770px) {
	.timeline .placeholder>div {
		font-size: 60%;
	}
}

@media only screen and (max-width: 479px) {
	.timeline .placeholder>div {
		display: none;
	}
}

.slider {
	position: relative;
	padding: 0;
	max-width: 100%;
	padding-bottom: 40px;
	background: url("../images/slider-bg-1-1.png") no-repeat;
}

.slider .slick-dots {
	bottom: 0;
}

.slider .slick-dots li button {
	width: 11px;
	height: 11px;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: url(../images/icons.png) no-repeat;
	background-position: -50px -50px;
}

.slider .slick-dots .slick-active button {
	background-position: -50px 0px;
}

.slider .slick-dots li button:before {
	content: '';
}

.slider .main>img {
	max-width: 100%;
}

@media only screen and (max-width: 710px) {
	.slider {
		background: url("../images/slider-bg-mobile-1.jpg") no-repeat;
	}
}

@media only screen and (max-width: 510px) {
	.slider {
		background: url("../images/slider-bg-small-1.jpg") no-repeat;
	}
}

.slider .slider-wrapper {
	margin: auto;
	position: relative;
}

.slider .bx-wrapper {
	max-width: 1140px !important;
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	margin-bottom: 0;
}

.slider .bx-viewport {
	height: 100% !important;
}

.slider .bx-pager {
	position: relative;
	bottom: 50px;
	padding: 0;
	left: 0;
}

@media only screen and (max-width: 770px) {
	.slider .bx-pager {
		bottom: 40px;
	}
}

.slider .bx-pager .bx-pager-item a {
	width: 11px;
	height: 11px;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: url("../images/icons.png") no-repeat;
	background-position: -50px -50px;
}

.slider .bx-pager .bx-pager-item a.active {
	background-position: -50px 0px;
}

.slider .slide {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 15px 30px 30px;
	display: none;
}

.slider .slide.show {
	display: block;
}

.slider .slide .left {
	display: inline-block;
	width: 45%;
	position: relative;
}

.slider .slide .left::after {
	content: "";
	display: block;
	padding-bottom: 65%;
}

@media only screen and (max-width: 599px) {
	.slider .slide .left {
		display: block;
		width: 100%;
		margin: 0px auto 0px auto;
		text-align: center;
		float: left;
	}
}

.slider .slide .left img {
	/*margin-right: 60px;
  margin-top: 90px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: right;

}

@media only screen and (max-width: 1024px) {
	.slider .slide .left img {
		/*margin-top: 50px;*/
	}
}

@media only screen and (max-width: 840px) {
	.slider .slide .left img {
		/*margin-right: 30px;
    margin-top: 30px;*/
		max-width: 80%;
	}
}

@media only screen and (max-width: 599px) {
	.slider .slide .left img {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
}

.slider .slide .right {
	display: inline-block;
	width: 46%;
	vertical-align: top;
	margin-top: 80px;
	font-size: 17px;
	color: #ffffff;
}

@media only screen and (max-width: 1024px) {
	.slider .slide .right {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 840px) {
	.slider .slide .right {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 599px) {
	.slider .slide .right {
		display: block;
		width: 95%;
		margin: 30px auto 0 auto;
		text-align: center;
		float: none;
	}
}

.slider .slide .right span {
	display: block;
	margin-bottom: 15px;
}

.slider .slide .right .title {
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
}

@media only screen and (max-width: 770px) {
	.slider .slide .right .title {
		line-height: 20px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 740px) {
	.slider .slide .right .title {
		line-height: 18px;
		font-size: 12px;
	}
}

.slider .slide .right .inner-content {
	line-height: 25px;
	font-style: italic;
	position: relative;
	padding-bottom: 15px;
}

@media only screen and (max-width: 770px) {
	.slider .slide .right .inner-content {
		line-height: 20px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 740px) {
	.slider .slide .right .inner-content {
		line-height: 18px;
		font-size: 12px;
	}
}

.slider .slide .right .inner-content:after {
	display: block;
	content: "";
	height: 2px;
	background: white;
	width: 12px;
	position: absolute;
	left: 0;
	bottom: 0px;
}

@media only screen and (max-width: 599px) {
	.slider .slide .right .inner-content:after {
		left: 50%;
		margin-left: -6px;
	}
}

.slider .slide .right .name {
	font-size: 12px;
	line-height: 19px;
	font-style: italic;
}

.shaping {
	background: #fdfdfd;
	padding: 100px 0 50px 0;
}

.shaping .h2 {
	text-align: center;
}

.shaping .h2:after {
	position: absolute;
	left: 50%;
	margin-left: -6px;
}

.shaping .items {
	display: flex;
	flex-direction: row;
}

@media only screen and (max-width: 770px) {
	.shaping .items {
		display: block;
	}
}

.shaping .items .item-holder {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	width: 25%;
}

@media only screen and (max-width: 770px) {
	.shaping .items .item-holder {
		width: 100%;
	}
}

.shaping .items .item-holder .item {
	margin: 10px;
	text-align: center;
	padding: 29px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: white;
	-moz-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.15);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.15);
	font-size: 11px;
	line-height: 20px;
}

.shaping .items .item-holder .item .icon {
	background: url("../images/icons.png") no-repeat;
}

.shaping .items .item-holder .item.item-1 .icon {
	width: 14px;
	height: 32px;
	background-position: 0px 0px;
	margin: auto;
	margin-bottom: 20px;
}

.shaping .items .item-holder .item.item-2 .icon {
	width: 26px;
	height: 32px;
	background-position: 0px -50px;
	margin: auto;
	margin-bottom: 20px;
}

.shaping .items .item-holder .item.item-3 .icon {
	width: 23px;
	height: 32px;
	background-position: 0px -100px;
	margin: auto;
	margin-bottom: 20px;
}

.shaping .items .item-holder .item.item-4 .icon {
	width: 37px;
	height: 32px;
	background-position: 0px -150px;
	margin: auto;
	margin-bottom: 20px;
}

.shaping .items .item-holder img {
	max-width: 90%;
	margin: 20px auto;
	-moz-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.15);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.15);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

@media (max-width: 1080px) {
	.container02 {
		padding: 0 15px;
	}

	.container {
		padding: 0 15px;
	}
}

@media (max-width: 992px) {
	.awards li {
		width: 50%;
	}

	.management .container02 {
		padding: 0;
	}

	.management .executive-header {
		margin-bottom: 20px;
	}

	.management .content1 {
		margin: 0 15px;
	}
}

@media (max-width: 768px) {
	.home-banner .home-banner-slick .item .banner-info .b4 {
		padding-left: 46px;
		padding-top: 67px;
	}

	.home-banner .home-banner-slick .item .banner-info .b2 {
		padding-left: 0;
		padding-right: 20px;
		padding-top: 52px;
	}

	.home-banner .home-banner-slick .item .banner-info .b2 .purpose {
		margin: 0 auto;
	}

	.home-banner .home-banner-slick .item .banner-info .b1 {
		padding-right: 49px;
	}

	.home-banner .home-banner-slick .item .banner-info .b3 {
		padding: 68px 50px;
	}

	.home-banner .home-banner-slick .item .banner-info .b3 .jsh {
		font-size: 16px;
	}

	.home-banner .home-banner-slick .item .banner-info .b3 .bt {
		font-size: 24px;
		line-height: 30px;
	}

	.home-banner .home-banner-slick01 .item .banner-info .b3 {
		padding: 96px 50px;
	}

	.home-banner .home-banner-slick01 .item .banner-info .b3 .jsh {
		font-size: 22px;
		line-height: 30px;
	}

	.home-banner .home-banner-slick01 .item .banner-info .b3 .bt {
		font-size: 16px;
	}

	.home-banner .home-banner-slick .slick-next {
		right: 10px;
	}

	.home-banner .home-banner-slick .slick-prev {
		left: 10px;
	}

	.responsive-table th {
		display: block;
		text-align: left !important;
		width: 100% !important;
	}

	.top-buttons ul li {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #ddd;
	}

	.top-buttons ul li:nth-last-child(1) {
		border-bottom: 0;
	}

	a.download-link {
		display: block;
		width: 100%;
	}

	.product-class .left-part {
		width: 100%;
		padding: 35px 0 35px 0;
	}

	.product-class .right-part {
		width: 100%;
		padding: 0;
	}

	.product-xiangxi .left-part {
		width: 100%;
		padding: 35px;
	}

	.product-xiangxi .right-part {
		width: 100%;
		padding: 0 35px;
	}

	.breadcrumbs {
		display: none;
	}

	.industries01 .info {
		display: block;
	}

	.industries01 .left {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.industries01 .right {
		width: 100%;
		padding-top: 30px;
	}

	.industries02 .info2 .main-chart .left {
		width: 100%;
	}

	.industries02 .info2 .main-chart {
		display: BLOCK;
	}

	.industries02 .info2 .main-chart .right {
		width: 100%;
		max-width: 100%;
		padding: 30px;
	}

	.header .nav {
		display: none;
	}

	.header {
		height: 57px;
		padding-top: 10px;
	}

	.phone-nav {
		display: block;
	}

	.header .skins .header-search {
		float: left;
		margin-top: 50px;
	}

	.header .skins .header-search .search .search-main {
		top: 111px;
		height: auto;
		padding: 20px 0;
	}

	.header .skins .header-search .search .search-main .logo {
		display: none;
	}

	.header .skins .header-search .search .search-main .search-controller {
		width: 100%;
		margin-left: 0;
	}

	.header .skins .header-search .search .search-main .search_mini_form {
		width: 100%;
		padding-right: 0;
	}

	.header .skins .header-search .pull-right a.active .icon {
		background-position: -46px -146px;
	}

	.std p {
		font-size: 15px;
	}

	.page-title {
		font-size: 18px;
	}

	.page-title:after {
		width: 100px;
		bottom: -10px;
	}

	.privacy .p-main {
		font-size: 15px;
		padding: 20px;
	}

	.inmain {
		border-top: 1px solid #e8e8e9;
	}

	.product-xiangxi .left-part .jsh {
		font-size: 15px;
	}

	.product-xiangxi .h2 {
		font-size: 15px;
	}

	.product-class .right-part .short-description {
		margin-top: 25px;
		font-size: 15px;
	}

	.industries01 .left h1 {
		font-size: 24px;
		line-height: 34px;
		padding-bottom: 15px;
		margin-bottom: 16px;
	}

	.industries01 .left {
		font-size: 15px;
		line-height: 24px;
	}

	.industries01 {
		padding-bottom: 30px;
	}

	.industries02 .info1 {
		padding: 20px;
		margin-bottom: 25px;
	}

	.industries02 .info1 h2 {
		font-size: 18px;
		padding-bottom: 15px;
	}

	.industries02 .info1 p {
		font-size: 15px;
	}

	.industries02 .info2 {
		padding: 20px;
	}

	.industries-bottom .left-part .left-top .info {
		font-size: 15px;
		width: 100%;
		margin-right: 0;
		padding: 20px;
	}

	.accordion li a {
		font-size: 15px;
	}

	.responsive-table td,
	.responsive-table th {
		width: 100% !important;
		display: block;
	}

	.download-list {
		float: none;
		text-align: right;
	}

	.download-list a {
		float: none;
	}

	.wendang .wendang-bottom .left-part {
		padding: 20px;
	}

	.jingxiaoshang-bottom {
		padding: 20px;
		font-size: 15px;
	}

	.a-center {
		text-align: left;
	}

	a.download-link .blue-pdf-icon {
		display: none;
	}

	.pager .count-container {
		display: none;
	}

	.tab {
		margin: 0 0 16px 0;
	}

	.press .wendang-bottom .left-part {
		padding: 0;
	}

	.press .wendang-bottom .left-part .part-bottom {
		padding: 20px;
	}

	.wendang .wendang-bottom .left-part {
		font-size: 15px;
	}

	.a-right,
	.align-right {
		text-align: left;
	}

	.cms-image-big {
		display: none;
	}

	.cms-image-small {
		display: block;
	}

	.management .people .person .holder .title {
		font-size: 17px;
	}

	.management .people .person .holder .subtitle {
		min-height: 40px;
		width: 100%;
		font-size: 14px;
	}

	.management .people .person {
		margin-bottom: 20px !important;
	}

	.management .people .person .holder .pic {
		width: 110px;
	}

	.management .people .person .holder {
		width: auto;
	}

	.management .people .person {
		margin-bottom: 20px !important;
		width: 49%;
	}

	.badges .badge .description {
		font-size: 14px;
	}

	.badges .badge .image {
		width: 130px;
		margin: 0 auto 8px auto;
	}

	.about02 {
		padding: 42px 0 40px 0;
	}

	.career-employees .col1-layout {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		width: 100%;
		overflow: hidden;
	}

	.career-employees .bck-image {
		height: 200px;
	}

	.career-employees .col1-layout .col-main {
		max-width: 100%;
		margin: 0;
		padding: 20px;
	}

	.career-employees .col1-layout .col-main .block1 {
		font-size: 14px;
	}

	.career-employees .col1-layout .col-main .block2 {
		margin-top: 20px;
	}

	.about03 {
		padding: 37px 0;
	}

	.about03 .legend {
		margin: 18px 0;
	}

	.about03 .cms-image-big .map-badge {
		bottom: 50px;
		right: 20px;
		width: 70px;
	}

	.about04 {
		padding: 37px 0;
	}

	.about05 {
		padding: 33px 0;
	}

	.icons-wrap {
		margin: 20px 0 15px;
	}

	.project01 .p-info .radiall-future-logo {
		width: 160px;
		height: 160px;
		margin-left: -80px;
		top: -75px;
	}

	.project01 {
		padding-top: 100px;
	}

	.project01 .p-info .inner-content {
		margin: 85px 0px 40px;
	}

	.project01 .p-info .inner-content h1 {
		margin-bottom: 15px;
		font-size: 24px;
	}

	.project01 .p-info .inner-content p {
		margin-bottom: 15px;
	}

	.project01 .p-info .inner-content a {
		font-size: 14px;
		margin-top: 10px;
	}

	.outlook {
		padding: 35px 0 30px 0;
	}

	.outlook .items {
		margin-top: 30px;
	}

	.numbers {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.numbers .right {
		padding-top: 0;
	}

	.numbers .right .sub p {
		margin-bottom: 10px;
	}

	.slider .slide {
		padding: 0;
	}

	.shaping {
		padding: 40px 0 20px 0;
	}

	.innovation .p-main {
		padding: 30px 0;
	}

	.innovation .p-main .std {
		line-height: 24px;
		font-size: 15px;
	}

	.innovation .p-main .std p {
		line-height: 24px;
		font-size: 15px;
	}

	.innovation01 {
		padding: 32px 0;
	}

	.innovation01 .items {
		margin-top: 22px;
	}

	.innovation01 .items .item {
		padding: 5px;
		width: 50%;
	}

	.work-with-us {
		padding: 30px 0;
	}

	.work-with-us .info {
		padding: 0;
	}

	.work-with-us .info .std {
		font-size: 15px;
	}

	.std h2 {
		font-size: 17px;
	}

	.big-button a {
		width: 100%;
		float: none;
		height: 40px;
		line-height: 40px;
		margin: 0;
		font-size: 14px;
		display: block;
	}

	.big-button {
		display: block;
		margin-bottom: 10px;
	}

	.work-with-us .info .button {
		margin-top: 20px;
	}

	.revenue {
		padding: 20px;
	}

	.figures .info-list {
		margin-top: -125px;
		margin-bottom: 39px;
	}

	.heading {
		height: 200px;
	}

	.heading h1 {
		font-size: 24px;
		line-height: 100px;
	}

	.revenue .col-main p {
		margin-bottom: 20px;
	}

	.revenue .col-main p img {
		margin: 0 auto 10px auto;
	}

	.r3 .items .item {
		width: 100%;
		margin-bottom: 0;
	}

	.r4 .items .item {
		width: 100%;
		margin-bottom: 8px;
	}

	.happy-index {
		margin-top: 10px;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.badges00 .badge .a a {
		font-size: 14px;
	}
}

@media (max-width: 600px) {
	.jingxiaoshang-bottom .input-box-nc {
		width: 100%;
		margin-bottom: 5px;
	}

	.prolist li {
		width: 48%;
	}

	.industrieslist li {
		width: 48%;
	}

	.footer-container .copyright-wrap .footer-links2 {
		float: none;
		display: block;
		overflow: hidden;
	}

	.footer-container .copyright-wrap address {
		float: none;
		padding: 0;
		display: block;
	}

	.footer-container .copyright-wrap .footer-links2 li {
		padding: 0 15px 0 0;
		width: auto !important;
	}

	.footer-container .copyright-wrap .footer-links2 li:before,
	.footer-container .copyright-wrap .footer-links2 li:after {
		display: none;
	}

	.footer-container .first-level>li {
		width: 100%;
		padding-right: 0;
	}

	.footer-container .copyright-wrap {
		float: none;
		display: block;
	}

	.footer-bottom span {
		display: block;
		float: none;
		font-size: 16px;
		text-align: center;
	}

	.social-wrap {
		float: none;
		padding-top: 10px;
		padding-bottom: 23px;
		text-align: center;
	}

	table.chart {
		table-layout: inherit;
		min-width: 1100px;
	}

	.product-xiangxi .info2 {
		overflow: auto;
	}

	.product-xiangxi .left-part {
		padding: 15px;
	}

	.product-xiangxi .right-part {
		padding: 15px;
	}

	.product-xiangxi .info2 {
		padding: 15px;
	}

	.industries-bottom .left-part .left-top .info .icons ul li:nth-child(2n+3) {
		clear: both;
	}

	.applist ul li {
		width: 48%;
		margin-bottom: 2%;
	}

	.industries-bottom .left-part {
		width: 100%;
	}

	.industries-bottom .right-part {
		width: 100%;
	}

	.plist2 li {
		margin: 0 1%;
	}

	.wendang .wendang-bottom .left-part {
		width: 100%;
	}

	.wendang .wendang-bottom .right-part {
		padding: 20px 0 22px 0;
		width: 100%;
	}

	.article-image {
		margin-bottom: 0;
	}

	.insights-show .wendang-bottom .left-part .part-bottom article {
		padding: 20px 0;
	}

	.twitter-feed {
		margin-top: 0;
	}

	.audio-player>div {
		width: 100%;
	}

	.audio-player {
		margin: 20px auto;
	}

	.audio-player:before {
		width: 100%;
		left: 0;
	}

	.audio-player:after {
		width: 100%;
		left: 0;
	}

	.formlist li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.contact-consent {
		margin: 10px 0;
	}

	.buttons-set {
		padding-top: 0;
	}

	.distributors .accordion .subs .sub-sub-item .section-subtitle {
		font-size: 14px;
	}

	.distributors .accordion .subs {
		margin-left: 15px;
		margin-right: 15px;
	}

	.badges .badge {
		margin-top: 10px;
		width: 100%;
	}

	.india-links {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.badges .badge .title {
		font-size: 17px;
	}

	.badges .badge .link {
		font-size: 15px;
	}

	.awards li {
		width: 100%;
		margin: 15px 0 0 0 !important;
	}
}

@media (max-width: 480px) {
	.wendang .wendang-bottom .left-part .news-top {
		display: none;
	}

	.news-bottom article .left-side .pic {
		margin: 0 0 20px 0;
		width: 100%;
	}

	.news-bottom article .left-side {
		float: none;
	}

	.news-bottom article .right-side {
		width: 100%;
	}

	.news-bottom article {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
}

.pages li.prev a {
	width: 21px;
	height: 20px;
	background-position: -25px -1190px;
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin-top: 5px;
}

.pages li.first a {
	width: 21px;
	height: 20px;
	background-position: 0 -1190px;
	background-image: url(../images/icon_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin-top: 5px;
}


.purpose-header {
	position: relative;
	background-attachment: fixed;
}

.purpose-header .list .item {
	height: calc(100vh - 145px);
}

.purpose-header .hover {
	padding: 40px 100px 194px 100px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.purpose-header .img {
	margin-left: 100px;
	padding-top: 97px;
	width: 49%;
}

.vertical-separator {
	height: 50px;
	width: 1px;
	background: #0089BB;
	margin: 30px auto 30px auto;
}

.col-main {
	text-align: center;
	max-width: 900px;
	margin: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	font-size: 17px;
}

.col-main p {
	margin-bottom: 20px;
	color: #808080;
	font-size: 22px;
	line-height: 39px;
	font-style: italic;
	font-weight: 100;
}

.purpose02 {
	background-color: #F2F2F2;
}

.purpose02:before {
	content: ' ';
	height: 21px;
	width: 100%;
	background: url(../images/purpose-bg.gif) repeat-x;
	display: block;
	transform: rotate(-180deg);
}

.purpose02 .author-img {
	margin: 30px auto 0 auto;
}

.purpose02 p.author {
	margin-top: 30px;
	line-height: initial;
	font-size: 14px;
	font-weight: 100;
	font-style: italic;
	margin-bottom: 0;
}

.purpose02 p.author .name {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0F89B9;
	display: block;
	font-style: normal;
}

.purpose03 {
	background-color: #2A2A2A;
	margin: auto;
}

.purpose03:after {
	content: ' ';
	height: 36px;
	width: 100%;
	background: url(../images/video-gradient-bg.gif) repeat-x;
	display: block;
}

.purpose03 .video-player {
	padding: 40px 0;
}

.purpose03 video {
	width: 755px;
	display: block;
	margin: auto;
	max-width: 90%;
}

.our-purpose {
	background: #F4F4F4;
}

.our-purpose:after {
	content: ' ';
	height: 21px;
	width: 100%;
	background: url(../images/purpose-bg.gif) repeat-x;
	display: block;
}

.our-purpose .container02 {
	max-width: 990px;
	margin: auto;
}

.our-purpose h2 {
	text-align: center;
	font-weight: bold;
	color: #414042;
	font-size: 21px;
	line-height: 24px;
	text-transform: none;
	margin-bottom: 0;
	padding: 30px;
}

.our-purpose .container1 {
	padding-bottom: 50px;
}

.our-purpose .container1 div {
	width: 25%;
	font-size: 14px;
	line-height: 25px;
	color: #838587;
	padding: 0 20px;
	float: left;
}

.our-purpose .container1 div strong {
	color: #636466;
}

.flip-cards .container02 {
	margin: auto;
	width: 1000px;
	max-width: 90%;
	position: relative;
	z-index: 10000;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: [ col1-start] 25% [ col2-start] 25% [ col3-start] 25% [ col4-start] 25% [ col4-end];
	grid-template-rows: [ row1-start] auto [ row2-start] auto [ row3-start] auto [ row4-start] auto [ row4-end];
	perspective: 3000px;
}

.flip-cards .box {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all .8s linear;
}

.flip-cards .box:hover {
	cursor: pointer;
	transform: rotateY(180deg);
}

.flip-cards .box.ignore-hover:hover {
	cursor: default;
	transform: rotateY(0deg);
}

.flip-cards .box .face.chrome {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.flip-cards .box .back.chrome {
	transform: rotateY(180deg);
	backface-visibility: hidden;
}

.flip-cards .box .face.no-chrome {
	position: absolute;
	transform: rotateX(0deg);
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.flip-cards .box .back.no-chrome {
	transform: rotateY(180deg);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.flip-cards img {
	width: 100%;
}

.flip-cards .box1 {
	grid-column: col1-start / col3-start;
	grid-row: row1-start / row3-start;
}

.flip-cards .box2 {
	grid-column: col3-start;
	grid-row: row1-start;
}

.flip-cards .box3 {
	grid-column: col3-start;
	grid-row: row2-start;
}

.flip-cards .box4 {
	grid-column: col4-start;
	grid-row: row1-start / row3-start;
}

.flip-cards .box5 {
	grid-column: col1-start;
	grid-row: row3-start / row4-end;
}

.flip-cards .box6 {
	grid-column: col2-start;
	grid-row: row3-start;
}

.flip-cards .box7 {
	grid-column: col3-start / col4-end;
	grid-row: row3-start;
}

.flip-cards .box8 {
	grid-column: col2-start / col4-start;
	grid-row: row4-start / row4-end;
}

.flip-cards .box9 {
	grid-column: col4-start / col4-end;
	grid-row: row4-start / row4-end;
}

.flip-cards .box10 {
	grid-column: col1-start / col3-start;
	grid-row: row5-start / row5-end;
}

.flip-cards .box11 {
	grid-column: col3-start / col4-start;
	grid-row: row5-start / row5-end;
}

.flip-cards .box12 {
	grid-column: col4-start / col4-end;
	grid-row: row5-start / row5-end;
}

@media (max-width: 460px) {
	.flip-cards .container02 {
		grid-template-columns: [ col1-start] 50% [ col2-start] 50% [ col2-end];
		grid-template-rows: [ row1-start] auto [ row2-start] auto [ row3-start] auto [ row4-start] auto [ row5-start] auto [ row6-start] auto [ row7-start] auto [ row8-start] auto [ row9-start]
	}

	.flip-cards .box1 {
		grid-column: col1-start / col2-end;
		grid-row: row1-start / row2-start;
	}

	.flip-cards .box2 {
		grid-column: col1-start;
		grid-row: row2-start;
	}

	.flip-cards .box3 {
		grid-column: col1-start;
		grid-row: row3-start;
	}

	.flip-cards .box4 {
		grid-column: col2-start / col2-end;
		grid-row: row2-start / row4-start;
	}

	.flip-cards .box5 {
		grid-column: col1-start;
		grid-row: row4-start / row6-start;
	}

	.flip-cards .box6 {
		grid-column: col2-start / col2-end;
		grid-row: row4-start / row5-start;
	}

	.flip-cards .box7 {
		grid-column: col1-start / col2-end;
		grid-row: row6-start / row7-start;
	}

	.flip-cards .box8 {
		grid-column: col1-start / col2-end;
		grid-row: row7-start / row8-start;
	}

	.flip-cards .box9 {
		grid-column: col2-start / col2-end;
		grid-row: row5-start;
	}

	.flip-cards .box10 {
		grid-column: col1-start / col2-end;
		grid-row: row8-start / row9-start;
	}

	.flip-cards .box11 {
		grid-column: col1-start / col2-start;
		grid-row: row9-start / row9-end;
	}

	.flip-cards .box12 {
		grid-column: col2-start / col2-end;
		grid-row: row9-start / row9-end;
	}
}

.employee-slider {
	background: #2A2A2A;
	position: relative;
}

.employee-slider:after {
	content: ' ';
	height: 36px;
	width: 100%;
	background: url(../images/video-gradient-bg.gif) repeat-x;
	display: block;
}

.employee-slider .container02 {
	max-width: 750px !important;
	padding-top: 100px;
	padding-bottom: 100px;
}

.employee-slider .list {
	position: relative;
}

.employee-slider .slide .left {
	float: left;
	width: 70%;
}

@media (max-width: 750px) {
	.employee-slider .container02 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media (max-width: 750px) {
	.employee-slider .slide .left {
		width: 100%;
		margin-bottom: 30px;
		padding: 20px
	}
}

.employee-slider .slide .left .title {
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF
}

.employee-slider .slide .left .title:before {
	content: ' ';
	display: block;
	height: 3px;
	width: 50px;
	background-color: #464646;
	margin-bottom: 27px
}

.employee-slider .slide .left .line-text {
	color: #808080;
	line-height: 23px;
	font-size: 16px;
	font-style: italic;
	margin-top: 20px
}

.employee-slider .slide .right {
	float: right;
	width: 25%
}

@media (max-width: 750px) {
	.employee-slider .slide .right {
		width: 100%;
		margin-bottom: 30px
	}
}

.employee-slider .slide .right img,
.employee-slider .slide .right div {
	margin: auto;
	text-align: center
}

.employee-slider .slide .right .name {
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 17px;
	line-height: 24px;
	color: #0F89B9;
	font-weight: bold
}

.employee-slider .slide .right .job-title {
	color: #ADADAD;
	font-size: 14px;
	line-height: 24px;
	font-style: italic
}

.employee-slider .list .slick-dots {
	bottom: 0;
	width: auto;
}

.employee-slider .list .slick-dots li button:before {
	color: #fff;
	opacity: 1;
}

.employee-slider .list .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #808080;
}

.employee-slider .list .slick-prev,
.employee-slider .list .slick-next {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	z-index: 5;
	background: url("../images/bx-left.png") no-repeat center center;
}

.employee-slider .list .slick-prev:before,
.employee-slider .list .slick-next:before {
	display: none;
}

.employee-slider .list .slick-prev {
	left: -50px;
}

.employee-slider .list .slick-next {
	right: -50px;
	background: url("../images/bx-right.png") no-repeat center center;
}

.sharing-our-purpose .container02 {
	max-width: 990px;
	margin: auto;
	padding-bottom: 80px
}

.sharing-our-purpose h2 {
	text-align: center;
	font-weight: bold;
	color: #414042;
	font-size: 21px;
	line-height: 24px;
	text-transform: none;
	padding-bottom: 70px;
	margin-bottom: 0
}

.sharing-our-purpose .container1 {
	display: flex;
	flex-direction: row
}

@media (max-width: 750px) {
	.sharing-our-purpose .container1 {
		display: block
	}
}

.sharing-our-purpose .container1 div {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	width: 25%;
	margin: 0 30px;
	font-size: 12px;
	line-height: 19px;
	color: #838587;
	font-style: italic;
	text-align: center
}

@media (max-width: 750px) {
	.sharing-our-purpose .container1 div {
		width: 80%;
		margin: 0 10% 60px 10%
	}
}

.sharing-our-purpose .container1 div p {
	margin: 30px 0
}

.sharing-our-purpose .container1 div img {
	margin: auto
}





@media(max-width:1080px) {
	.purpose-header .list .item {
		height: 200px;
	}

	.purpose-header .img {
		margin-left: 0;
		padding-top: 10px;
		width: 200px;
	}

	.purpose-header .purpose-logo img {
		height: 31px;
	}

	.purpose-header .hover {
		padding: 20px 50px 94px 50px;
	}

	.vertical-separator {
		height: 30px;
		margin: 20px auto 20px auto;
	}

	.col-main {
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 14px;
	}

	.col-main p {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 30px;
	}

	.purpose02 .author-img {
		margin: 20px auto 0 auto;
	}

	.purpose02 p.author {
		margin-top: 10px;
	}

	.purpose03 video {
		width: 100%;
		max-width: 100%;
	}

	.purpose03 .video-player {
		padding: 20px 0;
	}

	.our-purpose h2 {
		font-size: 18px;
		padding: 15px;
	}

	.our-purpose .container1 div {
		width: 100%;
		padding: 10px 0;
	}

	.flip-cards .container02 {
		width: 100%;
		max-width: 100%;
	}

	.employee-slider .slide .left .title {
		font-size: 16px;
	}

	.employee-slider .slide .left .title:before {
		width: 30px;
		margin-bottom: 10px;
	}

	.sharing-our-purpose .container02 {
		padding-bottom: 20px;
	}

	.sharing-our-purpose .container1 div p {
		margin: 10px 0;
	}

	.sharing-our-purpose .container1 div {
		margin: 0 10% 30px 10%;
	}
}

.figures .h2 {
	text-align: left;
}

@media(max-width:1200px) {
	.people .info2 .person .holder .person-content {
		padding-left: 10px;
	}
}

.social-wrap li.social-sph {
	background-image: url(../images/social-icons2.png);
}

.social-wrap li.social-sph:hover {
	background-position: -74px -35px;
}



.footer-message .footer-xinxi {
	width: 60px;
	position: fixed;
	bottom: 15px;
	right: 10px;
	border-radius: 50%;
	background-color: #0f90c0;
	padding: 10px;
	cursor: pointer;

}

@media(max-width:1200px) {
	.footer-message .footer-xinxi {
		display: none;
	}
}

.footer-font {
	position: fixed;
	width: 320px;
	height: 500px;
	max-width: 320px;
	max-height: 500px;
	background-color: #f6f6f7;
	bottom: 10px;
	right: 15px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	z-index: 999;
	border-radius: 10px;
	display: none;
}

.footer-font .title {
	text-align: center;
	width: 320px;
	height: 48px;
	background-color: #fff;
	border-radius: 10px;
	line-height: 48px;
	font-weight: bold;
}

.footer-font .title .jianhao {
	float: right;
	width: 48px;
	height: 48px;
	padding: 10px;
	font-size: 16px;
	cursor: pointer;
}

.footer-font .text {
	padding-top: 10px;
	background-color: #fff;
	max-width: 280px;
	border-radius: 20px;
	margin-top: 40px;
	margin-left: 20px;
}

.footer-font .text p {
	line-height: 24px;
	padding: 5px 10px;
	margin-top: 20px;
}

.footer-font .text ul {
	padding: 15px;
	padding-top: 5px;
}

.footer-font .text ul li {
	margin-bottom: 10px;
	font-size: 16px;
}

.footer-font .text ul li .input1 {
	width: 100%;
	background-color: rgb(248, 248, 248);
	border: 1px solid rgb(117, 117, 117);
	border-radius: 5px;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
}

.footer-font .text ul li .input2 {
	height: 80px;
}

.footer-font .text ul li .input-btn {
	height: 40px;
	width: 100%;
	background-color: #0f90c0;
	color: #fff;
	text-align: center;
	display: block;
	line-height: 40px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 5px;
}

.footer-font .xinfeng {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #0f90c0;
	position: absolute;
	left: calc(50% - 25px);
	top: 60px;
	padding: 12px;
}


.input-box {
	padding-top: 2px;
	margin-bottom: 25px;
}

.rohs1 form#compliance {
	margin-bottom: 25px;
}

.rohs1 form#compliance input {
	width: 79%;
	display: inline-block;
	border-radius: 0;
	border: 0;
	background: #FFF;
	font-size: 12px;
	font-weight: 600;
	color: #58595b;
	-webkit-box-shadow: -1px -1px 1px 1px #d1d2d3;
	-moz-box-shadow: -1px -1px 1px 1px #d1d2d3;
	box-shadow: -1px -1px 1px 1px #d1d2d3;
	height: 28px;
	padding: 0 8px;
	vertical-align: top;
}

.rohs1 form#compliance .buttons-set {
	width: 20%;
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.rohs1 form#compliance .buttons-set button.button {
	min-width: 80px;
	padding: 2px 15px;
}

.rohs1 .desc {
	font-style: italic;
	font-weight: 300;
	margin-bottom: 20px;
}

.rohs1 a.xiaz {
	color: #39C;
	text-decoration: none;
}

.rohs1 .col-right {
	padding: 22px 20px;
	background: #fff;
	-moz-box-shadow: #eff0f0 0px 0px 1px 3px;
	-webkit-box-shadow: #eff0f0 0px 0px 1px 3px;
	box-shadow: #eff0f0 0px 0px 1px 3px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.rohs1 .col-right a {
	color: #39C;
	text-decoration: none;
}


@media(max-width:768px) {
	.rohs1 form#compliance input {
		width: 100%;
	}

	.rohs1 form#compliance .buttons-set {
		margin-top: 20px;
	}
}


/******航空******/
.industries02 .info2 .main-chart .left .main-image img.hover,
.industries02 .info2 .main-chart .left .main-image img.active {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}



.purpose04 {
	background-color: #ededed;
	padding: 100px 0;
	margin: 100px 0;
	position: relative;
	box-shadow: 3px 0px 10px 5px #bbb;
}

.purpose04 h2 {
	text-align: center;
	font-weight: bold;
	color: #414042;
	font-size: 21px;
	line-height: 24px;
	text-transform: none;
	padding-bottom: 70px;
	margin-bottom: 0;
}

.purpose04 .time-line {
	max-width: 100%;
	margin: auto 20px;
}

.purpose04 .time-line .row {
	display: flex;
	padding-bottom: 100px;
	position: relative;
	cursor: pointer;
}

.purpose04 .time-line .row:after {
	content: '';
	width: 2px;
	height: 100%;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	background-color: #2a2a2a;
}

.purpose04 .time-line .row:first-child:after {
	top: 24px;
}

.purpose04 .time-line .row .left {
	flex-grow: 1;
	width: calc(50% - 40px);
	text-align: right;
	min-height: 65px;
}

.purpose04 .time-line .year {
	font-size: 26px;
	color: #414042;
}

.purpose04 .time-line .row .center {
	flex-grow: 1;
	width: 80px;
	position: relative;
}

.purpose04 .time-line .row .center:before {
	content: '';
	width: 12px;
	height: 12px;
	background-color: #2a2a2a;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	border-radius: 12px;
	top: 13px;
	box-shadow: 2px 2px 4px #999;
}

.purpose04 .time-line .row .right {
	flex-grow: 1;
	width: calc(50% - 40px);
}

.purpose04 .time-line span {
	display: block;
}

.purpose04 .time-line .title {
	font-weight: bold;
	font-size: 16px;
	color: #414042;
	clear: both;
	text-transform: uppercase;
	line-break: anywhere;
	display: none;
}

.purpose04 .time-line .contentss {
	font-style: italic;
	font-size: 12px;
	line-height: 19px;
	color: #808080;
	clear: both;
	display: none;
}

.purpose04 .time-line .row:hover .title,
.purpose04 .time-line .row:hover .contentss {
	display: block;
}

.purpose05 {
	position: relative;
	margin-bottom: 100px;
}

.purpose05 h2 {
	text-align: center;
	font-weight: bold;
	color: #414042;
	font-size: 21px;
	line-height: 24px;
	text-transform: none;
	margin-bottom: 25px;
}

.purpose05>div {
	font-size: 17px;
	text-align: center;
	max-width: 820px;
	color: #808080;
	margin: 0 auto 40px;
}

.purpose05 .grid {
	margin: auto;
	width: 1000px;
	max-width: 90%;
	position: relative;
	z-index: 10000;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: [col1-start] 25% [col2-start] 25% [col3-start] 25% [col4-start] 25% [col4-end];
	grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row4-start] auto [row4-end];
}

.purpose05 .grid>div {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all .8s linear;
	position: relative;
}

.purpose05 .grid .item1 {
	grid-column: col1-start / col2-start;
	grid-row: row1-start / row2-start;
}

.purpose05 .grid .item2 {
	grid-column: col2-start / col3-start;
	grid-row: row1-start / row2-start;
}

.purpose05 .grid .item3 {
	grid-column: col3-start / col4-end;
	grid-row: row1-start / row2-start;
}

.purpose05 .grid .item4 {
	grid-column: col1-start / col2-start;
	grid-row: row2-start / row2-end;
}

.purpose05 .grid .item5 {
	grid-column: col2-start / col4-start;
	grid-row: row2-start / row2-end;
}

.purpose05 .grid .item6 {
	grid-column: col4-start / col4-end;
	grid-row: row2-start / row2-end;
}

.purpose05 .grid .face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.purpose05 .grid .back {
	transform: rotateY(180deg);
	backface-visibility: hidden;
}

.purpose05 .grid>div:hover {
	cursor: pointer;
	transform: rotateY(180deg);
}


.employee-slider .slide .left .subtitle {
	font-size: 14px;
	color: #fff;
	font-style: italic;
	font-weight: 500;
	position: absolute;
	bottom: 0px;
}

.employee-slider .list .slick-dots {
	bottom: -40px;
}


.employee-slider .slide .left .line-text {
	padding-bottom: 20px; 
	overflow: hidden;
}

.page-title p {
	font-size: 18px;
	font-weight: normal;
}

table.chart tbody td.a-center span.dott {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #6e6f72;
}


.insights-show .wendang-bottom .left-part .part-bottom article .content1 ul,
.insights-show .wendang-bottom .left-part .part-bottom article .content1 li,
.product-xiangxi .left-part li,
.product-xiangxi .info2 li,
.product-class .right-part .short-description {
	list-style: disc outside;
}


/*xin*/
.cms-full-width {
	width: 100%;
}

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1
}

.bx-wrapper img {
	max-width: 100%;
	display: block
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/xin/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: none;
	text-indent: -9999px;
	display: block;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 3px solid;
	width: 16px;
	height: 16px;
	border-color: #ACE1EF
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	border-color: #0089BB
}

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/xin/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/xin/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}

.bx-wrapper .bx-controls-auto {
	text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/xin/controls.png) -86px -11px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/xin/controls.png) -86px -44px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666 \9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}

.bx-controls.bx-has-pager {
	position: relative
}

.bx-wrapper .bx-pager.bx-default-pager {
	position: absolute;
	left: 20px;
	width: auto;
	bottom: 10px;
	z-index: 100
}

@keyframes splide-loading {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

a.apply-now-white,
a.apply-now-white-green,
a.our-locations-black,
a.apply-now-black,
a.apply-now-green,
a.apply-now-red {
	color: white;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	background-color: #009245;
	display: inline-block;
	text-align: center;
	padding: 0 26px;
	border-radius: 18px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 0.5s
}

a.apply-now-white:hover,
a.apply-now-white-green:hover,
a.our-locations-black:hover,
a.apply-now-black:hover,
a.apply-now-green:hover,
a.apply-now-red:hover {
	transform: scale(1.05)
}

a.apply-now-white-green {
	color: #009245;
	background-color: white
}

a.apply-now-white-red {
	color: #69174C;
	background-color: white
}

a.apply-now-black,
a.our-locations-black {
	color: white;
	background-color: #2a2a2a
}

a.apply-now-white,
a.apply-now-blue {
	color: white;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	background-color: #0f90c0;
	display: inline-block;
	text-align: center;
	padding: 0 26px;
	border-radius: 18px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 0.5s
}

a.apply-now-white:hover,
a.apply-now-blue:hover {
	transform: scale(1.05);
	color: white
}

a.apply-now-white {
	color: #0f90c0;
	background-color: white
}

a.apply-now-white-green:hover {
	color: #009245
}

a.apply-now-white-red:hover {
	color: #69174C
}

a.apply-now-white-blue:hover {
	color: #0f90c0
}

a.apply-now-black:hover,
a.our-locations-black:hover {
	color: white
}

a.apply-now-white-red {
	color: #69174C;
	background-color: white
}

.cms-careers-employment .cms-full-width section.main {
	position: relative;
}

.cms-careers-employment .cms-full-width {
	width: 100%
}

.cms-careers-employment .cms-full-width .width-1200 {
	max-width: 1200px;
	width: 100%;
	margin: auto
}

.cms-careers-employment .cms-full-width section.main {
	position: relative
}

.cms-careers-employment .cms-full-width section.main img {
	margin: auto;
	max-width: 100%
}

.cms-careers-employment .cms-full-width section.main .apply-now-white {
	position: absolute;
	bottom: 30px;
	left: 8%
}

.cms-careers-employment .cms-full-width section.apply-now-mobile {
	display: none
}

.cms-careers-employment .cms-full-width section.about-us>div {
	max-width: 1024px;
	margin: auto;
	padding: 90px 20px;
	box-sizing: border-box
}

.cms-careers-employment .cms-full-width section.about-us>div h2 {
	font-family: "Open Sans";
	font-size: 40px;
	font-weight: 600;
	margin: 0 auto;
	padding: 0;
	text-transform: none;
	text-align: center;
	color: #2a2a2a;
	margin-bottom: 32px
}

.cms-careers-employment .cms-full-width section.about-us>div p {
	font-family: "Open Sans";
	font-size: 17px;
	line-height: 35px;
	text-align: center;
	color: #818181
}

.cms-careers-employment .cms-full-width section.about-us>div p.first {
	margin-bottom: 24px;
	font-style: italic;
	font-size: 19px;
	color: #424143
}

.cms-careers-employment .cms-full-width section.about-us>div p.second {
	max-width: 870px;
	margin: 0 auto
}

.cms-careers-employment .cms-full-width section.employee-benefits {
	background-color: #0f90c0;
	margin-bottom: 20px
}

.cms-careers-employment .cms-full-width section.employee-benefits:before {
	content: "";
	box-shadow: 0px -16px 20px -7px #999;
	height: 20px;
	width: 100%;
	display: block
}

.cms-careers-employment .cms-full-width section.employee-benefits:after {
	content: "";
	box-shadow: 0px 16px 20px -7px #999;
	height: 20px;
	width: 100%;
	display: block
}

.cms-careers-employment .cms-full-width section.employee-benefits>div {
	max-width: 980px;
	margin: auto;
	padding: 90px 20px 70px 20px
}

.cms-careers-employment .cms-full-width section.employee-benefits>div h2 {
	margin: 0 auto 40px;
	padding: 0;
	font-size: 25px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-weight: 700
}

.cms-careers-employment .cms-full-width section.employee-benefits>div ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline
}

.cms-careers-employment .cms-full-width section.employee-benefits>div ul li {
	text-align: center;
	width: 25%;
	margin-bottom: 35px
}

.cms-careers-employment .cms-full-width section.employee-benefits>div ul li img {
	margin: 0 auto 32px;
	transform: scale(0.5)
}

.cms-careers-employment .cms-full-width section.employee-benefits>div ul li div.title {
	color: white;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 8px auto;
	padding: 0
}

.cms-careers-employment .cms-full-width section.employee-benefits>div ul li div.content1 {
	color: #fff;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	font-style: italic;
	margin: 0;
	padding: 0
}

.cms-careers-employment .cms-full-width section.employee-benefits>div .action-bar {
	margin: 20px auto 0 auto;
	text-align: center
}

.cms-careers-employment .cms-full-width section.support {
	background-color: #f2f2f5
}

.cms-careers-employment .cms-full-width section.support>div {
	max-width: 1024px;
	margin: auto;
	padding: 90px 20px;
	box-sizing: border-box
}

.cms-careers-employment .cms-full-width section.support>div h2 {
	font-weight: 600;
	font-size: 41px;
	color: #2a2a2a;
	text-transform: none;
	padding: 0;
	margin: 0 0 36px 0
}

.cms-careers-employment .cms-full-width section.support>div ul {
	display: flex;
	flex-direction: row;
	gap: 30px
}

.cms-careers-employment .cms-full-width section.support>div ul li {
	border-radius: 20px;
	height: 280px;
	width: 330px;
	justify-content: space-between;
	padding: 18px 30px;
	position: relative;
	box-sizing: border-box
}

.cms-careers-employment .cms-full-width section.support>div ul li.hover .plus .cls-v {
	display: none
}

.cms-careers-employment .cms-full-width section.support>div ul li.hover .content1 {
	display: none
}

.cms-careers-employment .cms-full-width section.support>div ul li.hover .hover-content {
	display: block;
	color: white;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	margin-top: 20px
}

.cms-careers-employment .cms-full-width section.support>div ul li.hover:before {
	content: none
}

.cms-careers-employment .cms-full-width section.support>div ul li:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0
}

.cms-careers-employment .cms-full-width section.support>div ul li .plus {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	transition: all 0.5s
}

.cms-careers-employment .cms-full-width section.support>div ul li .plus:hover {
	transform: scale(1.4)
}

.cms-careers-employment .cms-full-width section.support>div ul li .plus .cls-1 {
	fill: #fff
}

.cms-careers-employment .cms-full-width section.support>div ul li .plus .cls-2 {
	isolation: isolate
}

.cms-careers-employment .cms-full-width section.support>div ul li .plus .cls-3 {
	mix-blend-mode: overlay
}

.cms-careers-employment .cms-full-width section.support>div ul li .title {
	color: white;
	font-weight: 700;
	font-size: 12px;
	line-height: 30px
}

.cms-careers-employment .cms-full-width section.support>div ul li .content1 {
	color: white;
	font-weight: 600;
	font-size: 18px;
	line-height: 34px;
	position: absolute;
	bottom: 55px;
	transition: all 0.5s
}

.cms-careers-employment .cms-full-width section.support>div ul li .hover-content {
	display: none;
	transition: all 0.5s
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-1 {
	background-color: #005984
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-1:before {
	background: url("../images/xin/support-icon-1.png") no-repeat;
	width: 177px;
	height: 136px;
	transform: scale(0.5);
	right: -18px;
	top: -6px
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-1 .plus .cls-3 {
	fill: #003f60
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-2 {
	background-color: #0f90c0
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-2:before {
	background: url("../images/xin/support-icon-2.png") no-repeat;
	width: 120px;
	height: 162px;
	transform: scale(0.5);
	right: -9px;
	top: -14px
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-2 .plus .cls-3 {
	fill: #0b6fad
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-3 {
	background-color: white
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-3:before {
	background: url("../images/xin/support-icon-3.png") no-repeat;
	width: 146px;
	height: 156px;
	transform: scale(0.5);
	right: -18px;
	top: -11px
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-3 .title {
	color: #005984
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-3 .content1 {
	color: #0f90c0
}

.cms-careers-employment .cms-full-width section.support>div ul li.block-3 .plus .cls-3 {
	fill: black
}

.cms-careers-employment .cms-full-width section.support>div ul li.hover.block-3 .hover-content {
	color: #005984
}

.cms-careers-employment .cms-full-width section.development>div {
	max-width: 850px;
	margin: auto;
	padding: 90px 20px;
	box-sizing: border-box
}

.cms-careers-employment .cms-full-width section.development>div h2 {
	font-size: 25px;
	font-weight: 700;
	margin: 0 auto;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	color: #424143;
	margin-bottom: 32px
}

.cms-careers-employment .cms-full-width section.development>div p {
	font-size: 17px;
	line-height: 29px;
	text-align: center;
	color: #818181;
	font-weight: 400;
	margin-bottom: 36px
}

.cms-careers-employment .cms-full-width section.development>div p:last-child {
	margin-bottom: 0
}

.cms-careers-employment .cms-full-width section.people img {
	margin: auto;
	max-width: 100%
}

.cms-careers-employment .cms-full-width section.join-our-team {
	position: relative;
	display: flex;
	flex-direction: row
}

.cms-careers-employment .cms-full-width section.join-our-team div.left {
	background-color: white;
	flex-grow: 1
}

.cms-careers-employment .cms-full-width section.join-our-team div.main {
	width: 1200px;
	background-color: #f2f2f5;
	display: flex;
	flex-direction: row
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .info-section {
	background-color: white;
	flex: 0 0 490px;
	padding: 140px 120px 140px 70px
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .info-section h2 {
	margin: 0 0 36px 0;
	padding: 0;
	font-size: 40px;
	font-weight: 600;
	text-align: left;
	color: #2a2a2a;
	text-transform: none
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .info-section p {
	font-size: 17px;
	line-height: 29px;
	color: #818181;
	margin: 0 0 50px 0
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards {
	position: relative;
	flex: 1
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder {
	position: absolute;
	left: -82px;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100% + 82px)
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul {
	display: flex;
	flex-direction: row;
	gap: 30px;
	overflow: hidden
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li {
	flex: 0 0 300px;
	height: 330px;
	border-radius: 10px;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: white
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li.active {
	background-color: #0f90c0
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li.active .number,
.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li.active .title,
.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li.active .content1 {
	color: white
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li.active .arrow {
	display: block;
	cursor: pointer;
	background: url("../images/xin/arrows-blue.png") no-repeat
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li.active .arrow:hover {
	background: url("../images/xin/arrows-white.png") no-repeat
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li .arrow {
	display: none;
	width: 55px;
	height: 9px;
	position: absolute;
	right: 24px;
	bottom: 28px;
	background: url("../images/xin/arrows-grey.png") no-repeat;
	cursor: default
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li .number {
	position: absolute;
	top: 28px;
	left: 24px;
	color: #2a2a2a;
	font-size: 40px;
	font-family: "Abril Fatface"
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li .title {
	position: absolute;
	top: 28px;
	right: 24px;
	color: #818181;
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 700
}

.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li .content1 {
	position: absolute;
	top: 118px;
	left: 24px;
	color: #818181;
	font-size: 18px;
	line-height: 34px;
	font-weight: 600
}

.cms-careers-employment .cms-full-width section.join-our-team div.right {
	background-color: #f2f2f5;
	flex-grow: 1
}

 

 

@media only screen and (min-width: 769px) {
	.cms-careers-employment .cms-full-width section.main .background-medium {
		display: block
	}

	.cms-careers-employment .cms-full-width section.main .background-big,
	.cms-careers-employment .cms-full-width section.main .background-small {
		display: none
	}

	.cms-careers-employment .cms-full-width section.people .background-medium {
		display: block
	}

	.cms-careers-employment .cms-full-width section.people .background-big {
		display: none
	}

	 
}

@media only screen and (min-width: 1201px) {
	.cms-careers-employment .cms-full-width section.main .background-big {
		display: block
	}

	.cms-careers-employment .cms-full-width section.main .background-medium,
	.cms-careers-employment .cms-full-width section.main .background-small {
		display: none
	}

	.cms-careers-employment .cms-full-width section.main .apply-now-white {
		position: absolute;
		bottom: 10%;
		left: 25%
	}

	.cms-careers-employment .cms-full-width section.people .background-big {
		display: block
	}

	.cms-careers-employment .cms-full-width section.people .background-medium {
		display: none
	}
}

@media only screen and (max-width: 1024px) {
	.cms-careers-employment .cms-full-width section.join-our-team div.main {
		flex-direction: column
	}

	.cms-careers-employment .cms-full-width section.join-our-team div.main .info-section {
		padding: 70px 20px 30px 20px;
		flex: 0
	}

	.cms-careers-employment .cms-full-width section.join-our-team div.main .cards {
		padding: 30px 10px 70px 10px
	}

	.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder {
		position: initial;
		transform: none;
		width: 100%
	}

	.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul {
		justify-content: left
	}

	.cms-careers-employment .cms-full-width section.support>div ul li.hover .hover-content {
		line-height: 15px
	}

	 
}

@media only screen and (max-width: 768px) {
	.cms-careers-employment .cms-full-width section.main .background-medium {
		display: block
	}

	.cms-careers-employment .cms-full-width section.main .background-big,
	.cms-careers-employment .cms-full-width section.main .background-small {
		display: none
	}

	.cms-careers-employment .cms-full-width section.support>div h2 {
		text-align: center
	}

	.cms-careers-employment .cms-full-width section.support>div ul {
		flex-direction: column;
		align-items: center
	}

	.cms-careers-employment .cms-full-width section.people .background-medium {
		display: block
	}

	.cms-careers-employment .cms-full-width section.people .background-big {
		display: none
	}

	.cms-careers-employment .cms-full-width section.employee-slider>div .bx-wrapper {
		max-width: 70% !important
	}
}

@media only screen and (max-width: 660px) {
	.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul {
		flex-direction: row;
		justify-content: left;
		overflow: hidden
	}

	.cms-careers-employment .cms-full-width section.join-our-team div.main .cards .placeholder ul li {
		max-width: 300px
	}
}

@media only screen and (max-width: 600px) {
	.cms-careers-employment .cms-full-width section.employee-benefits>div ul li {
		width: 50%
	}

	 
}

@media only screen and (max-width: 480px) {
	.cms-careers-employment .cms-full-width section.main .background-small {
		display: block
	}

	.cms-careers-employment .cms-full-width section.main .background-big,
	.cms-careers-employment .cms-full-width section.main .background-medium {
		display: none
	}

	.cms-careers-employment .cms-full-width section.main .apply-now-white {
		display: none
	}

	.cms-careers-employment .cms-full-width section.apply-now-mobile {
		display: flex;
		align-items: center
	}

	.cms-careers-employment .cms-full-width section.apply-now-mobile a {
		margin: 40px auto 0 auto
	}

	.cms-careers-employment .cms-full-width section.about-us>div {
		padding: 30px 20px
	}

	.cms-careers-employment .cms-full-width section.employee-benefits>div ul {
		flex-direction: column
	}

	.cms-careers-employment .cms-full-width section.employee-benefits>div ul li {
		width: 100%
	}

	.cms-careers-employment .cms-full-width section.employee-benefits>div ul li:last-child {
		margin-bottom: 0px
	}

	.cms-careers-employment .cms-full-width section.support>div ul li {
		width: 310px
	}

	.cms-careers-employment .cms-full-width section.people .background-medium {
		display: block
	}

	.cms-careers-employment .cms-full-width section.people .background-big {
		display: none
	}
}




.cms-careers-opportunities .cms-full-width {
	width: 100%
}

.cms-careers-opportunities .cms-full-width .width-1200 {
	max-width: 1200px;
	width: 100%;
	margin: auto
}

.cms-careers-opportunities .cms-full-width section.main {
	position: relative
}

.cms-careers-opportunities .cms-full-width section.main img {
	margin: auto;
	max-width: 100%
}

.cms-careers-opportunities .cms-full-width section.main .apply-now-white {
	position: absolute;
	bottom: 30px;
	left: 8%
}

.cms-careers-opportunities .cms-full-width section.apply-now-mobile {
	display: none
}

.cms-careers-opportunities .cms-full-width section.opportunities>div {
	max-width: 980px;
	margin: auto;
	padding: 60px 20px;
	box-sizing: border-box;
	position: relative
}

.cms-careers-opportunities .cms-full-width section.opportunities>div h2 {
	font-size: 25px;
	font-weight: 700;
	margin: 0 auto;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	color: #2a2a2a;
	margin-bottom: 32px
}

.cms-careers-opportunities .cms-full-width section.opportunities>div p {
	font-size: 17px;
	line-height: 29px;
	text-align: center;
	color: #818181;
	font-weight: 400
}

.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder {
	margin: 80px auto;
	position: relative
}

.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder img {
	max-width: 100%
}

.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content {
	position: absolute;
	width: 280px;
	left: 0;
	bottom: 0
}

.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content h3 {
	font-size: 41px;
	line-height: 54px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Open Sans";
	color: #2a2a2a;
	margin-bottom: 46px;
	letter-spacing: -2px
}

.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content h3:after {
	content: none
}

.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content h3:before {
	content: none
}

.cms-careers-opportunities .cms-full-width section.opportunities>div .apply-now {
	margin-top: 10px;
	width: 167px
}

.cms-careers-opportunities .cms-full-width section.teams>div {
	max-width: 1000px;
	margin: auto;
	padding: 20px 20px 60px 20px;
	box-sizing: border-box;
	position: relative
}

.cms-careers-opportunities .cms-full-width section.teams>div h2 {
	font-size: 25px;
	font-weight: 700;
	margin: 0 auto;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	color: #2a2a2a;
	margin-bottom: 32px
}

.cms-careers-opportunities .cms-full-width section.teams>div nav {
	margin: 24px auto
}

.cms-careers-opportunities .cms-full-width section.teams>div nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px
}

.cms-careers-opportunities .cms-full-width section.teams>div nav ul li {
	white-space: nowrap
}

.cms-careers-opportunities .cms-full-width section.teams>div nav ul li a {
	color: #b3b3b3;
	font-size: 15px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase
}

.cms-careers-opportunities .cms-full-width section.teams>div nav ul li a:hover {
	color: #818181
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .category-title {
	position: relative;
	margin-bottom: 32px
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .category-title img {
	max-width: 100%
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .category-title .title {
	position: absolute;
	left: 40px;
	bottom: 20px;
	color: white;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs {
	display: flex;
	flex-direction: column
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job {
	width: 100%;
	border-top: 1px solid #bbbdbf
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job:last-child {
	margin-bottom: 60px;
	border-bottom: 1px solid #bbbdbf
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job.active svg .cls-v {
	display: none
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job.active .job-content {
	display: flex
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job:hover svg {
	transition: all 0.5s;
	transform: scale(1.2)
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .title {
	cursor: pointer;
	padding-left: 40px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	color: #424143;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .title svg {
	width: 22px;
	height: 22px
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content {
	display: none;
	flex-direction: row;
	margin-bottom: 50px
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content .left {
	width: 38%;
	padding-left: 40px
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content .left div {
	margin: 24px 0;
	padding: 24px 0;
	font-weight: 400;
	font-size: 17px;
	line-height: 31px;
	color: #6d6e71;
	max-width: 300px;
	position: relative
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content .left div:before {
	content: "";
	position: absolute;
	top: 0;
	width: 60px;
	height: 1px;
	background-color: #0089bb
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content .right {
	margin-left: auto;
	width: 58%
}

.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content .right img {
	max-width: 100%
}

.cms-careers-opportunities .cms-full-width section.teams>div .action-bar {
	text-align: center
}

.cms-careers-opportunities .cms-full-width section.teams>div .action-bar a.spontaneous-application {
	font-size: 28px;
	height: 70px;
	width: 500px;
	max-width: 100%;
	padding: 0 35px;
	line-height: 70px;
	border-radius: 35px
}

@media only screen and (min-width: 769px) {
	.cms-careers-opportunities .cms-full-width section.main .background-medium {
		display: block
	}

	.cms-careers-opportunities .cms-full-width section.main .background-big,
	.cms-careers-opportunities .cms-full-width section.main .background-small {
		display: none
	}
}

@media only screen and (min-width: 1201px) {
	.cms-careers-opportunities .cms-full-width section.main .background-big {
		display: block
	}

	.cms-careers-opportunities .cms-full-width section.main .background-medium,
	.cms-careers-opportunities .cms-full-width section.main .background-small {
		display: none
	}

	.cms-careers-opportunities .cms-full-width section.main .apply-now-white {
		position: absolute;
		bottom: 10%;
		left: 25%
	}
}

@media only screen and (max-width: 768px) {
	.cms-careers-opportunities .cms-full-width section.main .background-medium {
		display: block
	}

	.cms-careers-opportunities .cms-full-width section.main .background-big,
	.cms-careers-opportunities .cms-full-width section.main .background-small {
		display: none
	}
}

@media only screen and (max-width: 660px) {
	.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content h3 {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 20px
	}

	.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .category-title .title {
		font-size: 14px;
		left: 10px;
		bottom: 10px
	}

	.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .title {
		padding-left: 20px
	}

	.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content {
		flex-direction: column
	}

	.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content div.left {
		width: 100%;
		padding: 0 20px;
		text-align: center
	}

	.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content div.left div {
		max-width: 100%;
		text-align: center
	}

	.cms-careers-opportunities .cms-full-width section.teams>div .categories .category .jobs .job .job-content div.right {
		margin: 40px auto 0;
		width: 100%
	}

	.cms-careers-opportunities .cms-full-width section.teams>div a.spontaneous-application {
		font-size: 20px !important
	}
}

@media only screen and (max-width: 480px) {
	.cms-careers-opportunities .cms-full-width section.main .background-small {
		display: block
	}

	.cms-careers-opportunities .cms-full-width section.main .background-big,
	.cms-careers-opportunities .cms-full-width section.main .background-medium {
		display: none
	}

	.cms-careers-opportunities .cms-full-width section.main .apply-now-white {
		display: none
	}

	.cms-careers-opportunities .cms-full-width section.apply-now-mobile {
		display: flex;
		align-items: center
	}

	.cms-careers-opportunities .cms-full-width section.apply-now-mobile a {
		margin: 40px auto 0 auto
	}

	.cms-careers-opportunities .cms-full-width section.opportunities>div {
		padding: 30px 20px
	}

	.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content {
		position: relative;
		margin: 20px auto;
		width: 100%;
		text-align: center
	}

	.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content h3 {
		text-align: center
	}

	.cms-careers-opportunities .cms-full-width section.opportunities>div .image-holder .info-content h3 br {
		display: none
	}

	.cms-careers-opportunities .cms-full-width section.teams>div a.spontaneous-application {
		font-size: 14px !important
	}
}



.cms-careers-culture .cms-full-width {
	width: 100%
}

.cms-careers-culture .cms-full-width .width-1200 {
	max-width: 1200px;
	width: 100%;
	margin: auto
}

.cms-careers-culture .cms-full-width section.main {
	position: relative
}

.cms-careers-culture .cms-full-width section.main img {
	margin: auto;
	max-width: 100%
}

.cms-careers-culture .cms-full-width section.main .apply-now-white {
	position: absolute;
	bottom: 30px;
	left: 8%
}

.cms-careers-culture .cms-full-width section.apply-now-mobile {
	display: none
}

.cms-careers-culture .cms-full-width section.about-us>div {
	max-width: 850px;
	margin: auto;
	padding: 90px 20px
}

.cms-careers-culture .cms-full-width section.about-us>div h2 {
	font-family: "Open Sans";
	font-size: 40px;
	font-weight: 600;
	margin: 0 auto;
	padding: 0;
	text-transform: none;
	text-align: center;
	color: #2a2a2a;
	margin-bottom: 32px
}

.cms-careers-culture .cms-full-width section.about-us>div p {
	font-family: "Open Sans";
	font-size: 17px;
	line-height: 29px;
	text-align: center;
	color: #818181
}

.cms-careers-culture .cms-full-width section.our-values {
	background-color: #f3f2f4;
	margin-bottom: 20px
}

.cms-careers-culture .cms-full-width section.our-values:before {
	content: "";
	box-shadow: 0px -16px 20px -7px #999;
	height: 20px;
	width: 100%;
	display: block
}

.cms-careers-culture .cms-full-width section.our-values:after {
	content: "";
	box-shadow: 0px 16px 20px -7px #999;
	height: 20px;
	width: 100%;
	display: block
}

.cms-careers-culture .cms-full-width section.our-values>div {
	max-width: 980px;
	margin: auto;
	padding: 75px 20px
}

.cms-careers-culture .cms-full-width section.our-values>div ul {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 60px
}

.cms-careers-culture .cms-full-width section.our-values>div ul li {
	text-align: center
}

.cms-careers-culture .cms-full-width section.our-values>div ul li img {
	margin: 0 auto 32px
}

.cms-careers-culture .cms-full-width section.our-values>div ul li div.title {
	color: #6d6e71;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 8px auto;
	padding: 0
}

.cms-careers-culture .cms-full-width section.our-values>div ul li div.content1 {
	color: #818181;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	font-style: italic;
	margin: 0;
	padding: 0
}

.cms-careers-culture .cms-full-width section.our-values>div .action-bar {
	margin: 40px auto 0 auto;
	text-align: center
}

.cms-careers-culture .cms-full-width section.initiatives>div {
	max-width: 1060px;
	margin: auto;
	padding: 80px 20px
}

.cms-careers-culture .cms-full-width section.initiatives>div h2 {
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	color: #424143;
	padding: 0;
	margin: 0 0 36px 0;
	text-align: center
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 {
	margin: auto;
	width: 1000px;
	max-width: 90%;
	position: relative;
	z-index: 10000;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: [col1-start] 33% [col2-start] 33% [col3-start] 33% [col3-end];
	grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row4-start] auto [row4-end];
	perspective: 3000px
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 0.8s linear
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box:hover {
	cursor: pointer;
	transform: rotateY(180deg)
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box.ignore-hover:hover {
	cursor: default;
	transform: rotateY(0deg)
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box .face.chrome {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box .back.chrome {
	transform: rotateY(180deg);
	backface-visibility: hidden
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box .face.no-chrome {
	position: absolute;
	transform: rotateX(0deg);
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box .back.no-chrome {
	transform: rotateY(180deg);
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 img {
	width: 100%
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box1 {
	grid-column: col1-start / col2-start;
	grid-row: row1-start / row2-start
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box2 {
	grid-column: col2-start / col3-start;
	grid-row: row1-start / row2-start
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box3 {
	grid-column: col3-start / col3-end;
	grid-row: row1-start / row2-start
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box4 {
	grid-column: col1-start / col2-start;
	grid-row: row2-start / row4-start
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box5 {
	grid-column: col2-start / col3-end;
	grid-row: row2-start / row3-start
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box6 {
	grid-column: col2-start / col3-start;
	grid-row: row3-start / row4-start
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box7 {
	grid-column: col3-start / col3-end;
	grid-row: row3-start / row4-start
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box8 {
	grid-column: col1-start / col3-start;
	grid-row: row4-start / row4-end
}

.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box9 {
	grid-column: col3-start / col3-end;
	grid-row: row4-start / row4-end
}

.cms-careers-culture .cms-full-width section.future-generations {
	background-color: #f3f2f4
}

.cms-careers-culture .cms-full-width section.future-generations:before {
	content: "";
	box-shadow: 0px -16px 20px -7px #999;
	height: 20px;
	width: 100%;
	display: block
}

.cms-careers-culture .cms-full-width section.future-generations>div {
	max-width: 980px;
	margin: auto;
	padding: 80px 20px
}

.cms-careers-culture .cms-full-width section.future-generations>div h2 {
	font-weight: 600;
	font-size: 41px;
	color: #2a2a2a;
	text-transform: none;
	padding: 0;
	margin: 0 0 40px 0
}

.cms-careers-culture .cms-full-width section.future-generations>div div.video {
	position: relative;
	cursor: pointer
}

.cms-careers-culture .cms-full-width section.future-generations>div div.video img {
	width: 100%
}

.cms-careers-culture .cms-full-width section.future-generations>div div.video video {
	max-width: 100%;
	position: relative
}

.cms-careers-culture .cms-full-width section.future-generations>div ul {
	display: flex;
	flex-direction: row
}

.cms-careers-culture .cms-full-width section.future-generations>div ul li.text {
	max-width: 300px
}

.cms-careers-culture .cms-full-width section.future-generations>div ul li.text .title {
	font-size: 19px;
	line-height: 28px;
	font-style: italic;
	color: #424143;
	margin-bottom: 45px
}

.cms-careers-culture .cms-full-width section.future-generations>div ul li.text p {
	padding: 0;
	margin: 0 0 45px 0;
	color: #818181;
	font-size: 17px;
	line-height: 29px
}

.cms-careers-culture .cms-full-width section.future-generations>div ul li.text p span {
	color: #2a2a2a;
	font-size: 12px;
	line-height: 30px;
	font-weight: 700;
	display: block
}

@media only screen and (min-width: 769px) {
	.cms-careers-culture .cms-full-width section.main .background-medium {
		display: block
	}

	.cms-careers-culture .cms-full-width section.main .background-big,
	.cms-careers-culture .cms-full-width section.main .background-small {
		display: none
	}

	.cms-careers-culture .cms-full-width section.future-generations>div ul {
		gap: 100px
	}
}

@media only screen and (min-width: 1201px) {
	.cms-careers-culture .cms-full-width section.main .background-big {
		display: block
	}

	.cms-careers-culture .cms-full-width section.main .background-medium,
	.cms-careers-culture .cms-full-width section.main .background-small {
		display: none
	}

	.cms-careers-culture .cms-full-width section.main .apply-now-white {
		position: absolute;
		bottom: 10%;
		left: 25%
	}
}

@media only screen and (max-width: 768px) {
	.cms-careers-culture .cms-full-width section.main .background-medium {
		display: block
	}

	.cms-careers-culture .cms-full-width section.main .background-big,
	.cms-careers-culture .cms-full-width section.main .background-small {
		display: none
	}

	.cms-careers-culture .cms-full-width section.future-generations>div ul {
		gap: 50px
	}
}

@media only screen and (max-width: 600px) {
	.cms-careers-culture .cms-full-width section.our-values>div ul {
		flex-direction: column
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 {
		grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end];
		grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row4-start] auto [row5-start] auto [row5-end]
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box1 {
		grid-column: col1-start / col2-start;
		grid-row: row1-start / row2-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box2 {
		grid-column: col2-start / col2-end;
		grid-row: row1-start / row2-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box4 {
		grid-column: col1-start / col2-start;
		grid-row: row2-start / row4-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box3 {
		grid-column: col2-start / col2-end;
		grid-row: row2-start / row3-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box6 {
		grid-column: col2-start / col2-end;
		grid-row: row3-start / row4-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box5 {
		grid-column: col1-start / col2-end;
		grid-row: row4-start / row5-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box7 {
		grid-column: col1-start / col2-start;
		grid-row: row5-start / row6-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box9 {
		grid-column: col2-start / col2-end;
		grid-row: row5-start / row6-start
	}

	.cms-careers-culture .cms-full-width section.initiatives>div .flip-cards .content1 .box8 {
		grid-column: col1-start / col2-end;
		grid-row: row6-start / row6-end
	}

	.cms-careers-culture .cms-full-width section.future-generations>div ul {
		flex-direction: column;
		gap: 50px;
		align-items: center
	}
}

@media only screen and (max-width: 480px) {
	.cms-careers-culture .cms-full-width section.main .background-small {
		display: block
	}

	.cms-careers-culture .cms-full-width section.main .background-big,
	.cms-careers-culture .cms-full-width section.main .background-medium {
		display: none
	}

	.cms-careers-culture .cms-full-width section.main .apply-now-white {
		display: none
	}

	.cms-careers-culture .cms-full-width section.apply-now-mobile {
		display: flex;
		align-items: center
	}

	.cms-careers-culture .cms-full-width section.apply-now-mobile a {
		margin: 40px auto 0 auto
	}

	.cms-careers-culture .cms-full-width section.about-us>div {
		padding: 30px 20px
	}

	.cms-careers-culture .cms-full-width section.future-generations>div h2 {
		text-align: center
	}
}

.cms-contact-us-locations .col-main {
	background-color: transparent;
	padding-top: 0px;
	padding-left: 0;
	padding-right: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align: left;
}

.cms-contact-us-locations h5 {
	margin-bottom: 0
}

.cms-contact-us-locations #list-store-detail {
	display: none
}

.main-container {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 15px
}

.main-container:after {
	content: '';
	display: table;
	clear: both
}

@media only screen and (min-width: 480px) {
	.main-container {
		padding: 15px 30px 30px
	}
}

body.locations-new {
	background-color: white
}

body.locations-new .main-container {
	padding-top: 0
}

body.locations-new .main-container .important-connection {
	display: none
}

body.locations-new .main-container .col-main {
	position: relative;
	padding: 0;
	background: none;
	border: none;
	box-shadow: none
}

body.locations-new .main-container .col-main .page-title {
	display: none
}

body.locations-new .main-container .col-main .std {
	display: none
}

body.locations-new .accordion-icon {
	width: 24px !important;
	height: 24px
}

body.locations-new .accordion-icon:hover {
	transform: scale(1.1)
}

body.locations-new .accordion-black-icons {
	background: url("../images/xin/plus-black-icon.png") no-repeat
}

body.locations-new .accordion-grey-icons {
	background: url("../images/xin/plus-grey-icon.png") no-repeat
}

body.locations-new nav.location {
	margin: 60px auto 40px auto;
	text-align: center
}

body.locations-new nav.location ul li {
	display: inline-block;
	padding: 0 24px;
	border-right: 2px solid #414042;
	line-height: 25px
}

body.locations-new nav.location ul li:first-child {
	padding-left: 0
}

body.locations-new nav.location ul li:last-child {
	padding-right: 0;
	border: none
}

body.locations-new nav.location ul li a {
	color: #414042;
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase
}

body.locations-new nav.location ul li a.active,
body.locations-new nav.location ul li a:hover {
	color: #0f90c0
}

body.locations-new .top-search {
	width: 350px;
	margin: 0 auto 50px auto;
	height: 50px;
	border-radius: 25px;
	box-shadow: 0 0 5px 5px rgba(230, 230, 230, 0.5)
}

body.locations-new .top-search form {
	display: flex;
	flex-direction: row;
	align-items: center
}

body.locations-new .top-search form input {
	border: none;
	background: none;
	height: 50px;
	line-height: 50px;
	outline: none;
	box-shadow: none;
	font-size: 16px;
	font-weight: 700;
	margin: 0 20px;
	color: #818181
}

body.locations-new .top-search form input::placeholder {
	color: #818181
}

body.locations-new .top-search form button {
	text-indent: -99999px;
	border: none;
	outline: none;
	background: url("../images/xin/search-icon-2.png") no-repeat;
	width: 20px;
	height: 20px;
	margin-left: auto;
	margin-right: 5px
}

body.locations-new .locations-content h4 {
	text-align: center
}

body.locations-new .locations-content>div {
	display: none
}

body.locations-new .locations-content>div.active {
	display: block
}

body.locations-new .accordion>ul li {
	border-color: #bbbdbf;
	padding: 20px 0
}

body.locations-new .accordion>ul li.active>a .accordion-black-icons {
	background: url("../images/xin/minus-black-icon.png") no-repeat
}

body.locations-new .accordion>ul li li.sub-sub-item {
	border-top: 1px solid #bbbdbf;
	border-bottom: 1px solid #bbbdbf;
	margin-top: -1px
}

body.locations-new .accordion>ul li li.sub-sub-item.active>a .accordion-grey-icons {
	background: url("../images/xin/minus-grey-icon.png") no-repeat
}

body.locations-new .accordion>ul li li.sub-sub-item a {
	margin-left: 0;
	color: #b3b3b3
}

body.locations-new .accordion>ul li a {
	font-size: 16px;
	font-weight: 700;
	color: #414042;
	margin-left: 40px;
	display: flex;
	flex-direction: row;
	gap: 20px
}

body.locations-new .accordion>ul li a:after {
	content: none
}

body.locations-new .accordion>ul li>ul {
	width: 100%;
	margin: 20px auto 0 auto !important;
	max-width: initial !important;
	padding: 0 80px;
	text-align: left;
}

body.locations-new .accordion>ul li>ul ul.sub-sub-item {
	padding-left: 40px
}

body.locations-new .location-info {
	display: flex;
	flex-direction: column;
	margin: 40px 0 40px 0
}

body.locations-new .location-info:first-child {
	margin-top: 20px
}

body.locations-new .location-info:last-child {
	margin-bottom: 20px
}

body.locations-new .location-info .location {
	font-size: 14px;
	font-weight: 700;
	color: #414042;
	text-transform: uppercase
}

body.locations-new .location-info .descriptiopn {
	margin-bottom: 40px
}

body.locations-new .location-info .links,
body.locations-new .location-info .links a,
body.locations-new .location-info .address,
body.locations-new .location-info .phone,
body.locations-new .location-info .fax {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	font-style: italic;
	color: #6d6e70
}

body.locations-new .location-info .name {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	color: #0f90c0;
	text-transform: none
}

body.locations-new .location-info .links a {
	color: #6d6e70 !important
}

body.locations-new .location-info .links a:hover {
	color: #0f90c0 !important
}

body.locations-new .explore-locations h2 {
	margin: 50px auto;
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	color: #414042
}

body.locations-new .explore-locations .locations-masonry {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

body.locations-new .explore-locations .locations-masonry img {
	max-width: 100%;
	display: block
}

body.locations-new .explore-locations .locations-masonry .location {
	flex: 0 0 33%;
	position: relative;
	margin-bottom: 36px;
	cursor: pointer;
	padding: 0 10px
}

body.locations-new .explore-locations .locations-masonry .location .title {
	position: absolute;
	bottom: 26px;
	left: 26px;
	font-weight: 700;
	color: white;
	font-size: 22px;
	text-transform: uppercase
}

body.locations-new .explore-locations .locations-popup-overlay {
	display: none;
	background-color: white;
	opacity: 0.5;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000
}

body.locations-new .explore-locations .locations-popup {
	display: none;
	background-color: white;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 2000;
	padding: 30px 45px 40px 45px;
	width: 530px;
	border-radius: 15px;
	box-shadow: 0 0 5px 5px rgba(170, 170, 170, 0.5);
	overflow-y: auto;
	max-height: 100%
}

body.locations-new .explore-locations .locations-popup .locations-popup-close {
	position: absolute;
	right: 10px;
	top: 15px;
	width: 30px;
	height: 30px;
	background: url("../images/xin/close-icon.png") no-repeat
}

body.locations-new .explore-locations .locations-popup h3 {
	font-size: 25px;
	font-weight: 700;
	margin: 0 0 10px 0;
	padding: 0;
	color: #414042
}

body.locations-new .explore-locations .locations-popup .slide-info {
	margin-bottom: 10px;
	font-style: italic;
	color: #414042;
	font-size: 14px
}

body.locations-new .explore-locations .locations-popup .slide-info a {
	color: #0f90c0
}

body.locations-new .explore-locations .locations-popup .slide-info span {
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase
}

body.locations-new .explore-locations .locations-popup .location-info {
	margin-top: 20px
}

body.locations-new .explore-locations .locations-popup .bx-wrapper {
	margin-bottom: 0
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls {
	position: initial
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls .bx-pager.bx-default-pager {
	left: 50%;
	transform: translateX(-50%);
	bottom: -40px
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls .bx-pager.bx-default-pager a {
	width: 6px;
	height: 6px;
	border-color: #d1d3d4
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active {
	border-color: #1084b0
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
	left: -15px;
	width: 30px;
	height: 30px;
	background: url("../images/xin/arrow-black-left.png") no-repeat;
	transition: transform 0.5s
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover {
	transform: scale(1.1)
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
	right: -15px;
	width: 30px;
	height: 30px;
	background: url("../images/xin/arrow-black-right.png") no-repeat;
	transition: transform 0.5s
}

body.locations-new .explore-locations .locations-popup .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
	transform: scale(1.1)
}

@media only screen and (max-width: 768px) {
	body.locations-new .accordion>ul li a {
		margin-left: 10px;
		gap: 10px
	}

	body.locations-new .accordion>ul li>ul {
		padding: 0 20px
	}

	body.locations-new .explore-locations .locations-masonry .location {
		flex: 0 0 50%
	}
}

@media only screen and (max-width: 600px) {
	body.locations-new nav.location ul li {
		display: block;
		border: none;
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 5px auto
	}

	body.locations-new .explore-locations .locations-popup {
		width: 100%;
		height: 100%;
		border-radius: 0;
		box-shadow: none;
		padding-top: 70px
	}
}

@media only screen and (max-width: 480px) {
	body.locations-new .explore-locations .locations-masonry .location {
		flex: 0 0 50%
	}

	body.locations-new .explore-locations .locations-masonry .location img {
		width: 100%
	}
}

@media only screen and (max-width: 400px) {
	body.locations-new .top-search {
		width: 290px
	}
}




.ews-tradeshows-index-index .page {
	background-color: white
}

.ews-tradeshows-index-index .important-connection {
	display: none
}

.ews-tradeshows-index-index section.slider {
	position: relative
}

.ews-tradeshows-index-index section.slider:before {
	content: '';
	height: 20px;
	width: 100%;
	position: absolute;
	background: white;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%)
}

.ews-tradeshows-index-index section.slider:after {
	content: '';
	height: 20px;
	width: 100%;
	position: absolute;
	bottom: -20px;
	background: white;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%)
}

.ews-tradeshows-index-index section.slider .tp-bullet {
	border-radius: 50%
}

.ews-tradeshows-index-index section.top1 {
	text-align: center;
	margin-top: 65px;
	margin-bottom: 60px
}

.ews-tradeshows-index-index section.top1 h2 {
	font-weight: bold;
	font-size: 25px;
	line-height: 25px;
	color: #262324;
	margin-bottom: 30px
}

.ews-tradeshows-index-index section.top1 p {
	font-size: 19px;
	line-height: 26px;
	margin-bottom: 30px
}

.ews-tradeshows-index-index section.main {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2px;
	margin-bottom: 70px
}

.ews-tradeshows-index-index section.main>div {
	aspect-ratio: 1;
	background-color: #333;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px
}

.ews-tradeshows-index-index section.main>div.has-url {
	cursor: pointer
}

.ews-tradeshows-index-index section.main>div .date {
	display: flex;
	flex-direction: column
}

.ews-tradeshows-index-index section.main>div .date .top1 {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: white
}

.ews-tradeshows-index-index section.main>div .date .bottom {
	font-weight: bold;
	font-size: 26px;
	line-height: 30px;
	color: white
}

.ews-tradeshows-index-index section.main>div .title {
	display: flex;
	flex-direction: column;
	padding: 0 10%;
	text-align: center
}

.ews-tradeshows-index-index section.main>div .title span:nth-child(1) {
	color: white;
	font-size: 19px;
	line-height: 27px;
	font-weight: 600
}

.ews-tradeshows-index-index section.main>div .title span:nth-child(2) {
	color: white;
	font-size: 15px;
	line-height: 34px;
	font-style: italic
}

.ews-tradeshows-index-index section.main>div .link {
	position: relative
}

.ews-tradeshows-index-index section.main>div .link span,
.ews-tradeshows-index-index section.main>div .link a {
	position: relative;
	bottom: -5px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	display: block;
	width: 100%;
	display: flex;
	flex-direction: row
}

.ews-tradeshows-index-index section.main>div .link span span,
.ews-tradeshows-index-index section.main>div .link a span {
	display: block
}

.ews-tradeshows-index-index section.main>div .link span span:nth-child(2),
.ews-tradeshows-index-index section.main>div .link a span:nth-child(2) {
	margin-left: auto;
	width: 30px
}

.ews-tradeshows-index-index section.main>div .link a {
	color: #0089BB
}

.ews-tradeshows-index-index section.main>div .link a span:nth-child(2) .cls-1,
.ews-tradeshows-index-index section.main>div .link a span:nth-child(2) .cls-2 {
	fill: #0089BB;
	stroke: #0089BB
}

.ews-tradeshows-index-index section.main>div.inactive {
	background-color: #F2F2F2
}

.ews-tradeshows-index-index section.main>div.inactive .title span {
	color: #808080
}

.ews-tradeshows-index-index section.main>div.inactive .date .top1,
.ews-tradeshows-index-index section.main>div.inactive .date .bottom {
	color: #808080
}

.ews-tradeshows-index-index section.main>div.inactive .link span,
.ews-tradeshows-index-index section.main>div.inactive .link a {
	color: #B3B3B3
}

.ews-tradeshows-index-index section.main>div.inactive .link span span:nth-child(2) .cls-1,
.ews-tradeshows-index-index section.main>div.inactive .link span span:nth-child(2) .cls-2,
.ews-tradeshows-index-index section.main>div.inactive .link a span:nth-child(2) .cls-1,
.ews-tradeshows-index-index section.main>div.inactive .link a span:nth-child(2) .cls-2 {
	fill: #B3B3B3;
	stroke: #B3B3B3
}

.ews-tradeshows-index-index section.main>div:hover {
	background-color: #0089BB
}

.ews-tradeshows-index-index section.main>div:hover .title span,
.ews-tradeshows-index-index section.main>div:hover .title a {
	color: white
}

.ews-tradeshows-index-index section.main>div:hover .date .top1,
.ews-tradeshows-index-index section.main>div:hover .date .bottom {
	color: white
}

.ews-tradeshows-index-index section.main>div:hover .link span,
.ews-tradeshows-index-index section.main>div:hover .link a {
	color: white
}

.ews-tradeshows-index-index section.main>div:hover .link span span:nth-child(2) .cls-1,
.ews-tradeshows-index-index section.main>div:hover .link span span:nth-child(2) .cls-2,
.ews-tradeshows-index-index section.main>div:hover .link a span:nth-child(2) .cls-1,
.ews-tradeshows-index-index section.main>div:hover .link a span:nth-child(2) .cls-2 {
	fill: white;
	stroke: white
}

.ews-tradeshows-index-index section.main>div.inactive:not(.has-url):hover {
	background-color: #77787C
}

@media only screen and (max-width: 1023px) {
	.ews-tradeshows-index-index section.main {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media only screen and (max-width: 767px) {
	.ews-tradeshows-index-index section.main {
		grid-template-columns: 1fr 1fr
	}
}

@media only screen and (max-width: 480px) {
	.ews-tradeshows-index-index section.main {
		grid-template-columns: 1fr
	}
}



.ews-tradeshows-index-index .col-main {
	box-shadow: none !important;
	background: none;
	border-radius: 0;
	padding: 0;
	float: none;
	width: auto;
	max-width: 100%;
	text-align: left;
}

.be-ix-link-block {
	clear: both;
}

.be-related-link-container {
	padding: 0 10px !important;
	width: 1140px !important;
	max-width: 100% !important;
	margin: 10px auto !important;
	text-align: right;
}

.be-related-link-container .be-label {
	margin-right: 10px !important;
	margin-left: auto !important;
	text-align: right !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	display: inline-block;
	font-weight: bold;
}

@media only screen and (max-width: 770px) {
	.be-related-link-container .be-label {
		text-align: left !important
	}
}


.be-related-link-container a {
	font-size: 13px !important;
	font-weight: normal !important
}

.be-related-link-container .be-list {
	display: inline-block;
	font-size: 13px !important;
}

.be-related-link-container .be-list li {
	margin-right: 5px !important;
	display: inline-block;
}

.be-related-link-container .be-list li:after {
	content: ","
}

.be-related-link-container .be-list li:last-child:after {
	content: ""
}

.tupian {
	padding: 80px 0;
	text-align: center;
	position: relative;
}

.tupian .list {
	position: relative;
}

.tupian .list .slick-prev,
.tupian .list .slick-next {
	width: 40px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 100;
	border-radius: 50%;
}

.tupian .list .slick-prev:before,
.tupian .list .slick-next:before {
	content: '';
}

.tupian .list .slick-prev {
	left: 0;
	background: url(../images/xin/left.png) no-repeat center center;
	background-size: 100%;
}

.tupian .list .slick-next {
	left: auto;
	right: 0;
	background: url(../images/xin/right.png) no-repeat center center;
	background-size: 100%;
}

.tupian:after {
	content: '';
	height: 20px;
	width: 100%;
	left: 0;
	position: absolute;
	bottom: -20px;
	background: white;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}


.tupian .slick-dots li button:before {
	width: 12px;
	height: 12px;
	content: '';
	background: #aaa;
	border-radius: 50%;
	opacity: 1;
}

.tupian .slick-dots li.slick-active button:before {
	opacity: 1;
	background: rgb(125, 125, 125);
}

@media(max-width:768px){
	.tupian {
		padding: 40px 0 50px 0; 
	}
}

body.locations-new .accordion > ul li li.sub-sub-item:first-child{border-top:none;}