
.tb-header {
	position: relative;
	top: 0; /* 距离顶部0距离 */

	background: #ffffff; /* 使用transparent关键字更直接表示透明 */
	line-height: 1;
	z-index: 9999;
	box-shadow: none; /* 暂时移除阴影看是否影响透明效果 */

}

.tb-container {
	max-width: 1293px;
	/*margin: 0 auto;*/ /* 水平居中（核心！） */
}

@media (max-width:1341px) {
	.tb-container {
		margin: 0 24px;
	}

	.tb-custome-wraper .tb-container {
		margin: 0 48px;
	}
}

@media (max-width: 640px) {


	.tb-container {
		margin: 0 25px;
	}

	.tb-custome-wraper .tb-container {
		margin: 0 20px;
	}
}


.tb-header .tb-back {
	display: none
}

.tb-header .logo {
	float: left;
	margin: 0px 20px 0px 0px;
	vertical-align: top
}

.tb-header .logo img {
	display: block;
	height: 50px;
	vertical-align: sub
}

.tb-header .logo a {
	font-size: 28px
}

.tb-header .icon-search {
	font-size: 18px
}

.tb-header .search-fold,.tb-header .menu-i {
	display: none;
	float: right;
	padding: 6px 4px;
	font-size: 20px;
	color: #202935;
	cursor: pointer
}

.tb-header .search-fold:hover,.tb-header .menu-i:hover {
	color: #336799
}

.tb-header .menu-i {
	display: none
}

.tb-header .tb-langs {
	position: relative;
	float: right;
	padding-right: 16px;
	margin-left: 20px;
	line-height: 32px;
	cursor: pointer;
	transition: all .3s
}

.tb-header .tb-langs:after {
	position: absolute;
	right: 0;
	font-family: "tbfa";
	content: "?";
	font-size: 12px;
	font-weight: bold;
	transition: all .3s
}

.tb-header .tb-langs:hover>span {
	color: #336799
}

.tb-header .tb-langs:hover::after {
	color: #336799;
	transform: rotate(180deg)
}

.tb-header .tb-langs:hover .tb-langs-tootip {
	visibility: visible;
	margin-top: 21px
}

.tb-header .tb-langs-tootip {
	visibility: hidden;
	position: absolute;
	top: 100%;
	right: 0;
	padding: 16px 0;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	text-align: center;
	line-height: 1.5;
	z-index: 1;
	list-style: none;
	transition: margin .3s
}

.tb-header .tb-langs-tootip a {
	display: block;
	padding: 8px 24px;
	white-space: nowrap;
	text-align: left
}

.tb-header .tb-langs-tootip a:hover {
	background: #f3f5f7
}

.tb-header .tb-langs-tootip a.active {
	color: #336799
}

.tb-header .tb-langs-tootip::before {
	position: absolute;
	content: "";
	height: 24px;
	top: -24px;
	left: 0;
	right: 0
}

.tb-header .tb-langs-tootip::after {
	position: absolute;
	content: "";
	top: -12px;
	right: 12px;
	border: 6px solid rgba(0,0,0,0);
	border-bottom: 6px solid #fff
}

.tb-header .tb-langs-tootip.acive {
	visibility: visible;
	margin-top: 21px
}

.tb-header .tb-search-form {
	float: right
}

.tb-header .tb-search-form .tb-base-form {
	vertical-align: top;
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.tb-header .tb-search-form .tb-primary-btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.tb-header .top-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	float:right;
}

.tb-header .top-nav li {
	position: relative;
	display: inline-block;
	cursor: pointer
}

.tb-header .top-nav li>a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tb-header .top-nav li:hover>a {
	color: #000000
}

.tb-header .top-nav li:hover>.sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}

.tb-header .top-nav .sub-menu {
	visibility: hidden;
	position: absolute;
	left: 100%;
	top: -16px;
	padding: 16px 0;
	background: #fff;
	opacity: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	transform: translateX(-8px);
	transition: all .3s
}

.tb-header .top-nav .sub-menu li {
	display: block;
	white-space: nowrap
}

.tb-header .top-nav .sub-menu li>a {
	padding: 8px 24px
}

.tb-header .top-nav .sub-menu li.current-menu-item>a,.tb-header .top-nav .sub-menu li.current-menu-parent>a,.tb-header .top-nav .sub-menu li.current-menu-ancestor>a,.tb-header .top-nav .sub-menu li.current-post-ancestor>a,.tb-header .top-nav .sub-menu li.current-category-ancestor>a {
	color: #000000
}

.tb-header .top-nav .sub-menu li.menu-item-has-children {
	padding-right: 18px
}

.tb-header .top-nav .sub-menu li.menu-item-has-children::before {
	position: absolute;
	opacity: 0;
	right: 8px;
	top: 9px;
	font-family: "tbfa";
	content: "\EC82";
	font-size: 12px;
	font-weight: bold;
	color: #202935;
	transition: transform .3s
}

.tb-header .top-nav .sub-menu li.menu-item-has-children:hover::before {
	opacity: 1;
	color: #336799
}

.tb-header .top-nav>li {
	cursor: pointer
}

.tb-header .top-nav>li>a {
	padding-right: 18px;
	height: 32px;
	line-height: 32px;
	font-size: 16px
}

.tb-header .top-nav>li>.sub-menu {
	transform: translate(-50%, -16px);
	left: calc(50% - 16px);
	top: 48px
}

.tb-header .top-nav>li>.sub-menu::before {
	position: absolute;
	content: "";
	top: -16px;
	height: 16px;
	width: 100%
}

.tb-header .top-nav>li.menu-item-has-children>a {
	padding-right: 38px
}

.tb-header .top-nav>li.menu-item-has-children::before {
	position: absolute;
	right: 25px;
	top: 12px;
	font-family: "tbfa";
	content: "\EC82";
	font-size: 12px;
	font-weight: bold;
	color: #202935;
	transition: transform .3s
}

.tb-header .top-nav>li.menu-item-has-children.current-menu-item::before,.tb-header .top-nav>li.menu-item-has-children.current-menu-parent::before,.tb-header .top-nav>li.menu-item-has-children.current-menu-ancestor::before,.tb-header .top-nav>li.menu-item-has-children.current-post-ancestor::before,.tb-header .top-nav>li.menu-item-has-children.current-category-ancestor::before {
	color: #000000
}

.tb-header .top-nav>li.current-menu-item>a,.tb-header .top-nav>li.current-menu-parent>a,.tb-header .top-nav>li.current-menu-ancestor>a,.tb-header .top-nav>li.current-post-ancestor>a,.tb-header .top-nav>li.current-category-ancestor>a {
	color: #000000
}

.tb-header .top-nav>li:hover.menu-item-has-children::before {
	color: #336799;
	transform: rotate(180deg)
}

.tb-header .top-nav>li:hover>.sub-menu {
	transform: translate(-50%, -8px)
}

.tb-header.layout-1 {
	padding: 14px 0 8px 0
}

.tb-header.layout-1 .top-nav {
	display: inline-block;
	margin-top: 10px;
}

.tb-header.layout-1 .search-form {
	float: right
}

.tb-header.layout-2 {
	padding: 16px 0
}

.tb-header.layout-2 .top-nav {
	padding-right: 278px
}

.tb-header.layout-2 .concat {
	float: right
}

.tb-header.layout-2 .search-fold {
	position: absolute;
	right: -6px;
	bottom: 0
}

.tb-header.layout-2 .tb-search-form {
	position: absolute;
	right: 0;
	bottom: 0
}

.header-fix .tb-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

















@media(max-width: 890px) {
	.tb-header{
		background-color:#FFFFFF
	}
	.tb-header::after {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		height: 1px;
		background: #ffffff;
		transform-origin: 50% 0;
		transform: scaleY(0.5) translateY(50%);
		bottom: 0
	}

	.tb-header .search-fold {
		display: block;
		padding: 4px 8px 4px 16px;
		margin-right: -8px
	}

	.tb-header .menu-i {
		position: relative;
		float: right;
		display: block;
		padding: 4px 22px 4px 8px;
		margin-right: -24px
	}

	.tb-header .menu-i+.search-fold {
		margin-right: 0
	}

	.tb-header .tb-langs {
		line-height: 28px
	}

	.tb-header .tb-langs:hover .tb-langs-tootip {
		margin-top: 12px
	}

	.tb-header .tb-langs:hover .tb-langs-tootip.active {
		margin-top: 12px;
		visibility: visible
	}

	.tb-header .tb-search-form {
		display: none
	}

	.tb-header .contacts-header {
		display: none
	}

	.tb-header .tb-back {
		position: relative;
		display: inline-block;
		left: -24px;
		padding: 0 11px 0 19px;
		margin-right: -24px;
		font-size: 20px;
		line-height: 28px;
		cursor: pointer;
		color: #202935
	}

	.tb-header .logo {
		margin: 0
	}

	.tb-header .logo img {
		max-height: 38px
	}

	.tb-header .top-nav {
		padding: 24px
	}

	.tb-header .top-nav li {
		display: block;
		text-align: left
	}

	.tb-header .top-nav .sub-menu {
		position: relative;
		padding: 0 0 0 24px;
		width: 100%;
		opacity: 1;
		visibility: visible;
		left: auto;
		top: auto;
		transform: translateX(0);
		box-shadow: none;
		transition: none
	}

	.tb-header .top-nav .sub-menu li a {
		padding: 8px 0
	}

	.tb-header .top-nav .sub-menu li.menu-item-has-children {
		padding-right: 0
	}

	.tb-header .top-nav .sub-menu li.menu-item-has-children::before {
		display: none
	}

	.tb-header .top-nav>li.menu-item-has-children {
		padding-right: 0
	}

	.tb-header .top-nav>li.menu-item-has-children::before {
		display: none
	}

	.tb-header .top-nav>li>a {
		font-size: 14px;
		font-weight: bold;
		height: auto
	}

	.tb-header .top-nav>li>.sub-menu {
		position: relative;
		opacity: 1;
		visibility: visible;
		left: auto;
		top: auto;
		transform: translate(0, 0)
	}

	.tb-header .top-nav>li.current-menu-item:after,.tb-header .top-nav>li.current-menu-parent:after,.tb-header .top-nav>li.current-menu-ancestor:after,.tb-header .top-nav>li.current-post-ancestor:after,.tb-header .top-nav>li.current-category-ancestor:after {
		display: none
	}

	.tb-header .top-nav>li:hover>.sub-menu {
		transform: translate(0, 0)
	}

	.tb-header.layout-1,.tb-header.layout-2 {
		padding: 12px 0
	}

	.tb-header.layout-1 .top-nav,.tb-header.layout-2 .top-nav {
		position: fixed;
		padding: 16px 24px 0 24px;
		top: 52px;
		bottom: 0;
		left: 100%;
		width: 100%;
		background: #fff;
		overflow-x: hidden;
		overflow-y: auto;
		transition: all .3s
	}

	.tb-header.layout-1 .top-nav.active,.tb-header.layout-2 .top-nav.active {
		left: 0
	}

	.tb-header.layout-1 .tb-search-form,.tb-header.layout-2 .tb-search-form {
		display: none;
		position: absolute;
		background: #fff;
		padding: 24px 24px;
		text-align: center;
		top: 100%;
		border-top: 1px solid #e7ebf3;
		border-bottom: 1px solid #e7ebf3;
		top: calc(100% + 12px);
		left: -24px;
		right: -24px
	}

	.tb-header.layout-1 .tb-search-form .tb-base-form,.tb-header.layout-2 .tb-search-form .tb-base-form {
		width: 640px;
		height: 48px;
		padding: 4px 12px;
		line-height: 48px
	}

	.tb-header.layout-1 .tb-search-form .tb-primary-btn,.tb-header.layout-2 .tb-search-form .tb-primary-btn {
		height: 48px;
		line-height: 48px;
		width: 136px
	}

	.tb-header.layout-1 .tb-search-form .tb-base-form,.tb-header.layout-2 .tb-search-form .tb-base-form {
		width: calc(100% - 120px);
		height: 48px;
		line-height: 48px
	}

	.tb-header.layout-1 .tb-search-form .tb-primary-btn,.tb-header.layout-2 .tb-search-form .tb-primary-btn {
		width: 120px;
		height: 48px;
		line-height: 48px
	}

	.tb-header.layout-2 .search-fold {
		position: relative;
		right: auto;
		top: auto;
		bottom: auto
	}

	.tb-header.menu-fix {
		padding-bottom: 0
	}

	.tb-header.menu-fix .tb-container {
		text-align: left
	}

/*	.tb-header.menu-fix .tb-container::after {
		position: absolute;
		width: 32px;
		height: 44px;
		bottom: 0;
		right: 8px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%)
	}*/

	.tb-header.menu-fix .logo {
		position: relative;
		left: 0;
		transform: translateX(0)
	}

	.tb-header.menu-fix .menu-i {
		display: none
	}

	.tb-header.menu-fix .menu-i+.search-fold {
		margin-right: -8px
	}

	.tb-header.menu-fix .search-fold {
		position: absolute;
		right: 0;
		bottom: 6px;
		font-size: 18px;
		z-index: 1;
		padding-left: 16px;
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0px, #fff 12px, #fff)
	}

	.tb-header.menu-fix .tb-search-form {
		top: 100%
	}

	.tb-header.menu-fix .contacts-big {
		display: block;
		padding-left: 0;
		margin-top: 5px;
	}

	.tb-header.menu-fix .top-nav {
		display: block;
		position: relative;
		padding: 0 24px 0 0;
		margin-left: -24px;
		top: auto;
		left: auto;
		word-break: keep-all;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		transition: auto;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none
	}

	.tb-header.menu-fix .top-nav::after {
		display: none
	}

	.tb-header.menu-fix .top-nav>li {
		display: inline-block
	}

	.tb-header.menu-fix .top-nav>li a {
		padding: 16px 0 12px 24px;
		font-size: 16px;
		line-height: 1;
		font-weight: normal
	}

	.tb-header.menu-fix .top-nav>li.current-menu-item a::after,.tb-header.menu-fix .top-nav>li.current-menu-parent a::after,.tb-header.menu-fix .top-nav>li.current-menu-ancestor a::after,.tb-header.menu-fix .top-nav>li.current-post-ancestor a::after,.tb-header.menu-fix .top-nav>li.current-category-ancestor a::after {
		position: absolute;
		content: "";
		width: 16px;
		height: 3px;
		bottom: 0;
		left: calc(50% + 4px);
		background: #336799;
		border-radius: 2px;
		z-index: 1
	}

	.tb-header.menu-fix .top-nav .sub-menu {
		display: none
	}

	.tb-header.menu-fix .top-nav::-webkit-scrollbar {
		display: none;
		width: 0 !important
	}

	.is-mobile .tb-langs:hover .tb-langs-tootip {
		visibility: hidden;
		margin-top: none
	}
}

@media(max-width: 640px) {
	.tb-header{
		background-color:#FFFFFF
	}
	.tb-header.layout-1 .tb-search-form .tb-base-form,.tb-header.layout-2 .tb-search-form .tb-base-form {
		width: calc(100% - 68px);
		height: 36px;
		line-height: 36px
	}

	.tb-header.layout-1 .tb-search-form .tb-primary-btn,.tb-header.layout-2 .tb-search-form .tb-primary-btn {
		width: 68px;
		height: 36px;
		line-height: 36px
	}

	.tb-header.layout-1 .top-nav,.tb-header.layout-2 .top-nav {
		padding: 8px 15px 15px 15px
	}

	.tb-header.layout-1 .tb-search-form,.tb-header.layout-2 .tb-search-form {
		left: -15px;
		right: -15px;
		padding: 15px
	}

	.tb-header .menu-i {
		padding-right: 13px;
		margin-right: -15px
	}

	.tb-header .tb-back {
		left: -15px;
		padding-left: 10px;
		margin-right: -15px
	}

	.tb-header.menu-fix .tb-container::after {
		right: 0
	}

	.tb-header.menu-fix .top-nav {
		padding: 0 15px 0 0;
		margin-left: -15px
	}

	.tb-header.menu-fix .top-nav>li a {
		padding-left: 15px
	}

	.tb-header.menu-fix .top-nav>li.current-menu-item a::after,.tb-header.menu-fix .top-nav>li.current-menu-parent a::after,.tb-header.menu-fix .top-nav>li.current-menu-ancestor a::after,.tb-header.menu-fix .top-nav>li.current-post-ancestor a::after,.tb-header.menu-fix .top-nav>li.current-category-ancestor a::after {
		width: 15px;
		left: 50%
	}
}
