/*头部样式*/
.tb-header {
	position: relative;
	background: #fff;
	line-height: 1;
	z-index: 9999;
	box-shadow: 0 1px 5px rgba(0,0,0,.07)
}

.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::after {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		height: 1px;
		background: #e7ebf3;
		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.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%
	}
}

/*头部联系电话部分*/

/*头部联系*/
.contacts-header {
	float: right;
	display: flex;
	padding-left: 8px;
	align-items: center;
	line-height: 32px;
	margin-top: 10px;
}

.contacts-header .contact-item {
	position: relative;
	margin-left: 12px
}

.contacts-header .contact-item .tbfa {
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	font-size: 20px
}

.contacts-header .contact-item .contact-tooltip {
	margin-top: 16px;
	left: 100%;
	transform: translateX(-100%);
	transition: margin .3s
}

.contacts-header .contact-item .contact-tooltip::before {
	height: 24px;
	top: -24px;
	left: 0;
	right: 0
}

.contacts-header .contact-item .contact-tooltip::after {
	top: -12px;
	right: 12px;
	border-bottom: 6px solid #fff
}

.contacts-header .contact-item:hover .contact-tooltip {
	visibility: visible;
	margin-top: 21px
}

.contacts-big .contact-item {
	position: relative;
	padding: 0 46px 0 0;
	line-height: 1;
	text-align: right
}

.contacts-big .contact-item .tbfa {
	position: absolute;
	right: 0;
	top: 0;
	width: 37px;
	border: none;
	color: #336799;
	font-size: 40px;
	font-weight: normal
}

.contacts-big .contact-item .tbfa:hover {
	color: #336799;
	background: none
}

.contacts-big .contact-item .ct-desc {
	margin-bottom: 2px;
	font-size: 12px;
	word-break: keep-all;
	line-height: 1;
	font-weight: normal;
	color: #336799
}

.contacts-big .contact-item .ct-info {
	font-size: 18px;
	word-break: keep-all;
	font-weight: 800;
	line-height: 1
}

.contacts-footer .contact-item {
	margin-bottom: 16px;
	word-break: break-all
}

.contacts-footer .contact-item .ct-title {
	color: #fff
}

.contacts-footer .contact-item a:hover {
	color: #336799
}

.contacts-right_b {
	position: fixed;
	right: 24px;
	bottom: 94px;
	z-index: 9998
}

.contacts-right_b .contact-item {
	position: relative;
	width: 68px;
	height: 68px;
	font-size: 12px;
	margin-top: 8px;
	background: #fff;
	border: 1px solid #336799
}

.contacts-right_b .contact-item.scroll-top {
	display: none;
	padding-top: 22px;
	margin: 8px auto 0 auto;
	cursor: pointer
}

.contacts-right_b .contact-item .ct-info {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #336799;
	transition: color .3s
}

.contacts-right_b .contact-item .tbfa {
	width: 100%;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #336799;
	border: none
}

.contacts-right_b .contact-item .tbfa:hover {
	background: none
}

.contacts-right_b .contact-item .tbfa.icon-scroll-top {
	display: inline-block;
	transition: all .3s
}

.contacts-right_b .contact-item .contact-tooltip {
	margin-right: 6px;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	transition: margin .3s
}

.contacts-right_b .contact-item .contact-tooltip::before {
	width: 12px;
	top: 0;
	bottom: 0;
	right: -12px
}

.contacts-right_b .contact-item .contact-tooltip::after {
	top: 50%;
	right: -12px;
	border-left: 6px solid #fff;
	transform: translateY(-50%)
}

.contacts-right_b .contact-item:hover {
	background: #336799
}

.contacts-right_b .contact-item:hover .tbfa,.contacts-right_b .contact-item:hover>.ct-info {
	color: #fff
}

.contacts-right_b .contact-item:hover .contact-tooltip {
	visibility: visible;
	margin-right: 12px
}

.contacts-widget {
	padding: 24px
}

.contacts-widget .tbfa {
	margin-right: 12px;
	border: none;
	font-size: 18px;
	line-height: 16px;
	vertical-align: top;
	color: #202935
}

.contacts-widget .contact-item {
	margin-bottom: 12px;
	color: #202935
}

.contacts-widget .contact-item:last-child {
	margin-bottom: 0
}

.contacts-widget .contact-item:hover .tbfa {
	color: #202935
}

.contacts-widget .contact-item:hover .tbfa:hover {
	background: none
}

.contacts-widget .ct-info {
	display: inline-block;
	max-width: calc(100% - 32px);
	font-size: 15px;
	line-height: 16px;
	vertical-align: top
}

.is-mobile .contacts-right_b .contact-item .contact-tooltip {
	visibility: visible;
	display: none
}

@media(max-width: 1024px) {
	.contacts-page .contact-item {
		padding: 24px
	}

	.contacts-page .contact-item .ct-detail {
		padding-left: 24px
	}
}

@media(max-width: 890px) {


	.contacts-right_b {
		display: flex;
		right: 0;
		left: 0;
		bottom: 0;
		background: #fff
	}

	.contacts-right_b::after {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		height: 1px;
		background: #e7ebf3;
		transform-origin: 50% 0;
		transform: scaleY(0.5) translateY(50%);
		top: 0
	}

	.contacts-right_b .contact-item {
		flex: 1;
		margin-top: 0;
		text-align: center;
		border: none !important
	}

	.contacts-right_b .contact-item>.ct-info {
		display: block;
		padding: 12px 0;
		color: #202935 !important
	}

	.contacts-right_b .contact-item .tbfa {
		border: none !important;
		color: #202935 !important
	}

	.contacts-right_b .contact-item .tbfa.icon-scroll-top {
		display: block;
		width: 100%;
		color: #202935;
		background: none
	}

	.contacts-right_b .contact-item .tbfa:hover {
		background: none !important;
		color: #202935;
		opacity: .85
	}

	.contacts-right_b .contact-item .contact-tooltip {
		position: fixed;
		bottom: 68px;
		width: 100%;
		top: auto;
		left: 0;
		transform: translateY(0);
		box-shadow: none
	}

	.contacts-right_b .contact-item .contact-tooltip::after {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		height: 1px;
		background: #e7ebf3;
		transform-origin: 50% 0;
		transform: scaleY(0.5) translateY(50%);
		top: 0
	}

	.contacts-right_b .contact-item .contact-tooltip::after {
		border: none
	}

	.contacts-right_b .contact-item.scroll-top {
		margin-top: 0
	}

	.contacts-right_b .contact-item:hover {
		background: #fff !important
	}

	.contacts-page .contact-item {
		width: calc(50% - 24px)
	}

	.contacts-page .contact-item .tbfa {
		margin-bottom: 16px
	}

	.contacts-big .contact-item {
		padding-right: 38px
	}

	.contacts-big .contact-item .ct-info {
		font-size: 14px;
		color: #336799
	}

	.contacts-big .contact-item .tbfa {
		width: 30px;
		top: -2px;
		font-size: 32px
	}

	.is-mobile .contacts-right_b .contact-item .contact-tooltip {
		display: none;
		visibility: visible
	}

	.is-mobile .contacts-right_b .contact-item:hover .contact-tooltip {
		display: none
	}
}

@media(max-width: 640px) {
	.contacts-page {
		margin: 0 15px 5px 15px
	}

	.contacts-page .contact-item {
		width: 100%;
		padding: 15px;
		margin: 0 0 8px 0
	}

	.contacts-widget {
		padding: 15px
	}

	.contacts-big .contact-item .ct-desc {
		transform: scale(0.8);
		transform-origin: 100% 55%
	}
}



/*banner*/


        
        /* banner 图片样式区域 */
        .tb-page-banner {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 300px;
            background: #202935;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            overflow: hidden;
            scroll-margin-top: 100px; /* 滚动触发位置调整 */
        }
        
        .tb-page-banner .tb-container {
            width: 100%;
            max-width: 1200px;
            padding: 0 20px;
        }
        
        /* banner 大标题 */
        .tb-page-banner .page-banner-title {
            margin: 0;
            text-align: center;
            color: #fff;
            font-size: 30px;
            font-weight: normal;
            letter-spacing: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            
            /* 初始状态 */
            opacity: 0;
            transform: translateY(30px);
            
            /* 动画 */
            animation: fadeInUp 0.8s ease forwards;
            animation-delay: 0.3s; /* 延迟触发 */
        }
        
        /* banner 详细介绍 */
        .tb-page-banner .page-banner-desc {
            margin-top: 8px;
            text-align: center;
            color: #fff;
            font-size: 18px;
            letter-spacing: 0.8;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            overflow: hidden;
            overflow-wrap: break-word;
            
            /* 初始状态 */
            opacity: 0;
            transform: translateY(30px);
            
            /* 动画 */
            animation: fadeInUp 0.8s ease forwards;
            animation-delay: 0.6s; /* 比标题稍晚触发 */
        }
        
        /* 定义动画关键帧 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
                letter-spacing: 0;
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* 桌面端字间距动画 */
        .tb-page-banner .page-banner-title {
            animation: fadeInUp 0.8s ease forwards, titleLetterSpacing 0.8s ease forwards;
            animation-delay: 0.3s;
        }
        
        .tb-page-banner .page-banner-desc {
            animation: fadeInUp 0.8s ease forwards, descLetterSpacing 0.8s ease forwards;
            animation-delay: 0.6s;
        }
        
        @keyframes titleLetterSpacing {
            from { letter-spacing: 0; }
            to { letter-spacing: 2px; }
        }
        
        @keyframes descLetterSpacing {
            from { letter-spacing: 0; }
            to { letter-spacing: 5px; }
        }
        
        /* 平板端响应式调整 (768px-1199px) */
        @media (max-width: 1199px) {
            .tb-page-banner {
                height: 220px;
            }
            
            .tb-page-banner .page-banner-title {
                font-size: 30px;
            }
            
            .tb-page-banner .page-banner-desc {
                font-size: 18px;
            }
            
            @keyframes titleLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 1px; }
            }
            
            @keyframes descLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 3px; }
            }
        }
        
        /* 移动端响应式调整 (≤767px) */
        @media (max-width: 767px) {
            .tb-page-banner {
                height: 180px;
                margin-top: 50px;
            }
            
            .tb-page-banner .page-banner-title {
                font-size: 24px;
            }
            
            .tb-page-banner .page-banner-desc {
                font-size: 14px;
                margin-top: 6px;
            }
            
            @keyframes titleLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 1px; }
            }
            
            @keyframes descLetterSpacing {
                from { letter-spacing: 0; }
                to { letter-spacing: 2px; }
            }
        }







/*底部样式*/
.tb-footer {
	padding: 24px 0;
	background: #202935;
	color: #8a8a8a
}

.tb-footer a {
	color: #8a8a8a
}

.tb-footer a:hover {
	color: #336799
}

.tb-footer .m-q-wraper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 24px 0
}

.tb-footer .footer-nav {
	flex: 1;
	display: flex;
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none
}

.tb-footer .footer-nav ul {
	list-style: none;
	padding-left: 16px
}

.tb-footer .footer-nav ul li {
	padding-top: 8px
}

.tb-footer .footer-nav ul li a {
	color: #8a8a8a
}

.tb-footer .footer-nav ul li a:hover {
	color: #336799
}

.tb-footer .footer-nav>li {
	flex: 1;
	padding: 0;
	margin-bottom: 16px;
	margin-right: 48px;
	vertical-align: top
}

.tb-footer .footer-nav>li>a {
	font-weight: bold;
	color: #fff
}

.tb-footer .footer-nav>li>a:hover {
	color: #336799
}

.tb-footer .footer-nav>li>.sub-menu {
	padding: 0
}

.tb-footer .footer-nav>li:last-child {
	margin-right: 0
}

.tb-footer .footer-nav+.contacts-footer,.tb-footer .footer-nav+.footer-qrcode {
	margin-left: 48px
}

.tb-footer .contacts-footer {
	flex: 0 0 240px;
	margin-bottom: 8px
}

.tb-footer .contacts-footer+.footer-qrcode {
	margin-left: 48px
}

.tb-footer .footer-qrcode {
	display: flex;
	flex: 0 1 110px;
	max-width: 236px;
	margin-bottom: 8px;
	color: #8a8a8a;
	text-align: right
}

.tb-footer .footer-qrcode .f-q-item {
	flex: 0 0 110px;
	margin-bottom: 16px
}

.tb-footer .footer-qrcode .f-q-item:not(:first-child) {
	margin-left: 16px
}

.tb-footer .footer-qrcode img {
	max-width: 110px;
	padding: 4px;
	background: #fff
}

.tb-footer .footer-qrcode img+.f-q-desc {
	margin-top: 8px
}

.tb-footer .footer-qrcode .f-q-desc {
	text-align: center;
	color: #fff
}

.tb-footer .tb-f-text {
	text-align: center;
	margin-bottom: 8px;
	color: #8a8a8a
}

.tb-footer .f_links {
	margin-bottom: 8px;
	text-align: center
}

.tb-footer .f_links strong {
	display: inline;
	margin-right: 8px
}

.tb-footer .f_links ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none
}

.tb-footer .f_links li {
	display: inline-block;
	margin: 0 8px 8px 8px
}

.tb-footer .footer-copyright {
	text-align: center;
	color: #8a8a8a
}

.tb-footer .footer-copyright .tb-f-item {
	margin-left: 16px
}

.tb-footer .footer-copyright .tb-gongan {
	vertical-align: bottom
}

.tb-footer .tb-just-qrcode {
	justify-content: space-around
}

.tb-footer .tb-qrcode-contact .contacts-footer,.tb-footer .tb-just-contact .contacts-footer {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	margin-bottom: 0
}

.tb-footer .tb-qrcode-contact .contacts-footer .contact-item,.tb-footer .tb-just-contact .contacts-footer .contact-item {
	flex: 0 0 25%;
	padding-right: 24px
}

.tb-footer .tb-qrcode-contact {
	align-items: flex-start
}

@media(max-width: 1024px) {
	.tb-footer .m-q-wraper {
		margin: 0;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start
	}

	.tb-footer .footer-nav {
		display: none
	}

	.tb-footer .footer-nav+.contacts-footer,.tb-footer .footer-nav+.footer-qrcode {
		margin-left: 0
	}

	.tb-footer .contacts-footer {
		display: flex;
		flex: 1;
		padding-left: 0;
		flex-wrap: wrap
	}

	.tb-footer .contacts-footer .contact-item {
		flex: 0 0 50%;
		padding-right: 48px
	}

	.tb-footer .contacts-footer+.footer-qrcode {
		margin-left: 0
	}
}

@media(max-width: 890px) {
	.tb-footer .tb-qrcode-contact .contacts-footer .contact-item,.tb-footer .tb-just-contact .contacts-footer .contact-item {
		flex: 0 0 50%
	}
}

@media(max-width: 640px) {
	.tb-footer .m-q-wraper {
		margin: 0
	}

	.tb-footer .tb-qrcode-contact .contacts-footer,.tb-footer .tb-just-contact .contacts-footer,.tb-footer .contacts-footer {
		display: none
	}

	.tb-footer .tb-qrcode-contact .contacts-footer+.footer-qrcode,.tb-footer .tb-just-contact .contacts-footer+.footer-qrcode,.tb-footer .contacts-footer+.footer-qrcode {
		margin-left: 0
	}

	.tb-footer .footer-qrcode {
		margin-bottom: 8px
	}

	.tb-footer .f_links {
		display: none
	}

	.tb-footer .m-show {
		display: block
	}
}

.tb-container {
	max-width: 1293px;
}

@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 15px;
	}

	.tb-custome-wraper .tb-container {
		margin: 0 20px;
	}
}






/*漂浮客户*/
.tb-contacts .contact-tooltip {
	visibility: hidden;
	width: 240px;
	position: absolute;
	top: 100%;
	padding: 24px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	text-align: center;
	line-height: 1.5;
	z-index: 1
}

.tb-contacts .contact-tooltip::before {
	position: absolute;
	content: "";
	background: rgba(0,0,0,0)
}

.tb-contacts .contact-tooltip::after {
	position: absolute;
	content: "";
	border: 6px solid rgba(0,0,0,0)
}

.tb-contacts .contact-tooltip .ct-desc {
	text-align: center;
	color: #8a8a8a
}

.tb-contacts .contact-tooltip .ct-desc+img {
	margin-top: 8px
}

.tb-contacts .contact-tooltip .ct-info {
	display: block;
	text-align: center;
	font-weight: bold
}

.tb-contacts .contact-tooltip .ct-info+img {
	margin-top: 8px
}

.tb-contacts .contact-tooltip>img {
	max-width: 140px;
	padding: 4px
}

.contacts-page {
	display: flex;
	margin-right: -24px;
	flex-wrap: wrap
}

.contacts-page .contact-item {
	position: relative;
	display: flex;
	width: calc(33.33% - 24px);
	margin: 0 24px 24px 0;
	padding: 48px;
	align-items: flex-end
}

.contacts-page .contact-item .tbfa {
	width: 48px;
	height: 48px;
	margin-bottom: 24px;
	line-height: 48px;
	font-size: 32px;
	border-radius: 50%
}

.contacts-page .contact-item .icon-qq {
	background: #56b6e7;
	color: #fff
}

.contacts-page .contact-item .icon-whatsapp {
	background: #25d366;
	color: #fff
}

.contacts-page .contact-item .icon-xhs {
	background: #ff2442;
	color: #fff
}

.contacts-page .contact-item .icon-xhs::before {
	position: relative;
	left: -3px
}

.contacts-page .contact-item .icon-qzone {
	background: #fdbe3d;
	color: #fff
}

.contacts-page .contact-item .icon-douban {
	background: #33b045;
	color: #fff
}

.contacts-page .contact-item .icon-wechat {
	background: #7bc549;
	color: #fff
}

.contacts-page .contact-item .icon-weibo {
	background: #ff763b;
	color: #fff
}

.contacts-page .contact-item .icon-telegram {
	background: #2ca5e0;
	color: #fff
}

.contacts-page .contact-item .icon-facebook {
	background: #4867aa;
	color: #fff
}

.contacts-page .contact-item .icon-skype {
	background: #00aff0;
	color: #fff
}

.contacts-page .contact-item .icon-twitter {
	background: #41b8fc;
	color: #fff
}

.contacts-page .contact-item .icon-instagram {
	background: #fa8529;
	color: #fff
}

.contacts-page .contact-item .icon-line {
	background: #08bc1f;
	color: #fff
}

.contacts-page .contact-item .icon-tel {
	background: #fdbe3d;
	color: #fff
}

.contacts-page .contact-item .icon-email {
	background: #feda77;
	color: #fff
}

.contacts-page .contact-item .icon-douyin {
	background: #363741;
	color: #fff
}

.contacts-page .contact-item .icon-aliww {
	background: #ff5400;
	color: #fff
}

.contacts-page .contact-item .icon-address {
	background: #faa90e;
	color: #fff
}

.contacts-page .contact-item .icon-fax {
	background: #515bd4;
	color: #fff
}

.contacts-page .contact-item .icon-service {
	background: #336799;
	color: #fff
}

.contacts-page .contact-item .icon-custom-contact {
	background: #717be7;

	color: #fff
}

.contacts-page .contact-item .ct-info-wraper {
	flex: 1;
	overflow: hidden
}

.contacts-page .contact-item .ct-info-wraper a {
	color: #336799
}

.contacts-page .contact-item .ct-detail {
	flex: 0 0 104px;
	padding-left: 24px
}

.contacts-page .contact-item .ct-detail img {
	width: 80px;
	max-height: 100%
}

.contacts-page .contact-item .ct-title {
	display: block;
	width: 100%;
	font-weight: bold;
	color: #202935
}

.contacts-page .contact-item .ct-title+.ct-info {
	margin-top: 4px
}

.contacts-page .contact-item .ct-info {
	display: block;
	word-break: break-all
}

.contacts-page .contact-item .ct-desc {
	margin-top: 4px;
	color: #8a8a8a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contacts-page .contact-item:nth-child(2) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.contacts-page .contact-item:nth-child(3) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.contacts-page .contact-item:nth-child(4) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.contacts-page .contact-item:nth-child(5) {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.contacts-page .contact-item:nth-child(6) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.contacts-page .contact-item:nth-child(7) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.contacts-page .contact-item:nth-child(8) {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s
}

.contacts-page .contact-item:nth-child(9) {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.contacts-page .contact-item:nth-child(10) {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s
}

.contacts-page .contact-item:nth-child(11) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.contacts-page .contact-item:nth-child(12) {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s
}

.contacts-page .contact-item:nth-child(13) {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s
}

.contacts-page .contact-item:nth-child(14) {
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s
}

.contacts-page .contact-item:nth-child(15) {
	-webkit-animation-delay: 2.8s;
	animation-delay: 2.8s
}

.contacts-page .contact-item:nth-child(16) {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}