.tb-header {
	position: absolute;
	top: 0;
    left: 0;
	line-height: 1;
	z-index: 9999;
	background: rgba(0, 0, 0, .3);
	border-bottom: 1px solid rgba(255, 255, 255, .3);

}

.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: #ffffff;
	cursor: pointer	
}

.tb-header .search-fold:hover,.tb-header .menu-i:hover {
	color: #ffffff
}

.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: #ffffff
}

.tb-header .tb-langs:hover::after {
	color: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav li:visited>a {
	color: #ffffff
}


.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>a:hover {
color:#000;
}

.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: #ffffff
}

.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: #ffffff;
	transition: transform .3s
}

.tb-header .top-nav .sub-menu li.menu-item-has-children:hover::before {
	opacity: 1;
	color: #ffffff
}

.tb-header .top-nav>li {
	cursor: pointer
}

.tb-header .top-nav>li>a {
	padding-right: 30px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;

	
	color:#FFFFFF;
	
}
.tb-header .top-nav a.on_nav{ 
	color:#ffffff;
 }


.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: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav>li:hover.menu-item-has-children::before {
	color: #ffffff;
	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
}





/*头部顶部的联系方式*/


.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: #fff;
	font-size: 40px;
	font-weight: normal
}

.contacts-big .contact-item .tbfa:hover {
	color: #ffffff;
	background: none
}
/*24小时服务热线*/
.contacts-big .contact-item .ct-desc {
	margin-bottom: 2px;
	font-size: 12px;
	word-break: keep-all;
	line-height: 1;
	font-weight: normal;
	color: #ffffff
}

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

.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: #2a303c
}

.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 #2a303c
}

.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-bg {
	background-color:#202935;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;
}
.contacts-right_b .contact-item .ct-info {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;

}

.contacts-right_b .contact-item .tbfa {
	width: 100%;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	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: #2a303c
}

.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
}








/*客服right*/

.tb-contacts .contact-tooltip {
	visibility: hidden;
	width: 240px;
	position: absolute;
	top: 100%;
	padding: 24px;
	background: #202935;
	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: #ffffff
}

.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
}



















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

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

.tb-footer a:hover {
	color: #2a303c
}

.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: #2a303c
}

.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: #2a303c
}

.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
}

/*banner图片手机版*/
@media(max-width: 890px) {

.tb-page-banner{
	margin-top:106px;
	margin-bottom:20px;
	}

}


.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: #ffffff;
	cursor: pointer	
}

.tb-header .search-fold:hover,.tb-header .menu-i:hover {
	color: #ffffff
}

.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: #ffffff
}

.tb-header .tb-langs:hover::after {
	color: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav li:visited>a {
	color: #ffffff
}


.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>a:hover {
color:#000;
}

.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: #ffffff
}

.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: #ffffff;
	transition: transform .3s
}

.tb-header .top-nav .sub-menu li.menu-item-has-children:hover::before {
	opacity: 1;
	color: #ffffff
}

.tb-header .top-nav>li {
	cursor: pointer
}

.tb-header .top-nav>li>a {
	padding-right: 30px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;

	
	color:#FFFFFF;
	
}
.tb-header .top-nav a.on_nav{ 
	color:#ffffff;
 }


.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: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav>li:hover.menu-item-has-children::before {
	color: #ffffff;
	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
}





/*头部顶部的联系方式*/


.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: #fff;
	font-size: 40px;
	font-weight: normal
}

.contacts-big .contact-item .tbfa:hover {
	color: #ffffff;
	background: none
}
/*24小时服务热线*/
.contacts-big .contact-item .ct-desc {
	margin-bottom: 2px;
	font-size: 12px;
	word-break: keep-all;
	line-height: 1;
	font-weight: normal;
	color: #ffffff
}

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

.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: #2a303c
}

.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 #2a303c
}

.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-bg {
	background-color:#202935;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;
}
.contacts-right_b .contact-item .ct-info {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;

}

.contacts-right_b .contact-item .tbfa {
	width: 100%;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	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: #2a303c
}

.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
}








/*客服right*/

.tb-contacts .contact-tooltip {
	visibility: hidden;
	width: 240px;
	position: absolute;
	top: 100%;
	padding: 24px;
	background: #202935;
	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: #ffffff
}

.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
}



















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

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

.tb-footer a:hover {
	color: #2a303c
}

.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: #2a303c
}

.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: #2a303c
}

.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
}

/*banner图片手机版*/
@media(max-width: 890px) {

.tb-page-banner{
	margin-top:106px;
	margin-bottom:20px;
	}

}

.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: #ffffff;
	cursor: pointer	
}

.tb-header .search-fold:hover,.tb-header .menu-i:hover {
	color: #ffffff
}

.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: #ffffff
}

.tb-header .tb-langs:hover::after {
	color: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav li:visited>a {
	color: #ffffff
}


.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>a:hover {
color:#000;
}

.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: #ffffff
}

.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: #ffffff;
	transition: transform .3s
}

.tb-header .top-nav .sub-menu li.menu-item-has-children:hover::before {
	opacity: 1;
	color: #ffffff
}

.tb-header .top-nav>li {
	cursor: pointer
}

.tb-header .top-nav>li>a {
	padding-right: 30px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;

	
	color:#FFFFFF;
	
}
.tb-header .top-nav a.on_nav{ 
	color:#ffffff;
 }


.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: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav>li:hover.menu-item-has-children::before {
	color: #ffffff;
	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
}





/*头部顶部的联系方式*/


.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: #fff;
	font-size: 40px;
	font-weight: normal
}

.contacts-big .contact-item .tbfa:hover {
	color: #ffffff;
	background: none
}
/*24小时服务热线*/
.contacts-big .contact-item .ct-desc {
	margin-bottom: 2px;
	font-size: 12px;
	word-break: keep-all;
	line-height: 1;
	font-weight: normal;
	color: #ffffff
}

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

.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: #2a303c
}

.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 #2a303c
}

.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-bg {
	background-color:#202935;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;
}
.contacts-right_b .contact-item .ct-info {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;

}

.contacts-right_b .contact-item .tbfa {
	width: 100%;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	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: #2a303c
}

.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
}








/*客服right*/

.tb-contacts .contact-tooltip {
	visibility: hidden;
	width: 240px;
	position: absolute;
	top: 100%;
	padding: 24px;
	background: #202935;
	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: #ffffff
}

.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
}



















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

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

.tb-footer a:hover {
	color: #2a303c
}

.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: #2a303c
}

.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: #2a303c
}

.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
}

/*banner图片手机版*/
@media(max-width: 890px) {

.tb-page-banner{
	margin-top:106px;
	margin-bottom:20px;
	}

}


.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: #ffffff;
	cursor: pointer	
}

.tb-header .search-fold:hover,.tb-header .menu-i:hover {
	color: #ffffff
}

.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: #ffffff
}

.tb-header .tb-langs:hover::after {
	color: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav li:visited>a {
	color: #ffffff
}


.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>a:hover {
color:#000;
}

.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: #ffffff
}

.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: #ffffff;
	transition: transform .3s
}

.tb-header .top-nav .sub-menu li.menu-item-has-children:hover::before {
	opacity: 1;
	color: #ffffff
}

.tb-header .top-nav>li {
	cursor: pointer
}

.tb-header .top-nav>li>a {
	padding-right: 30px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;

	
	color:#FFFFFF;
	
}
.tb-header .top-nav a.on_nav{ 
	color:#ffffff;
 }


.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: #ffffff;
	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: #ffffff
}

.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: #ffffff
}

.tb-header .top-nav>li:hover.menu-item-has-children::before {
	color: #ffffff;
	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
}





/*头部顶部的联系方式*/


.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: #fff;
	font-size: 40px;
	font-weight: normal
}

.contacts-big .contact-item .tbfa:hover {
	color: #ffffff;
	background: none
}
/*24小时服务热线*/
.contacts-big .contact-item .ct-desc {
	margin-bottom: 2px;
	font-size: 12px;
	word-break: keep-all;
	line-height: 1;
	font-weight: normal;
	color: #ffffff
}

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

.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: #2a303c
}

.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 #2a303c
}

.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-bg {
	background-color:#202935;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;
}
.contacts-right_b .contact-item .ct-info {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 11px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	transition: color .3s;

}

.contacts-right_b .contact-item .tbfa {
	width: 100%;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	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: #2a303c
}

.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
}








/*客服right*/

.tb-contacts .contact-tooltip {
	visibility: hidden;
	width: 240px;
	position: absolute;
	top: 100%;
	padding: 24px;
	background: #202935;
	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: #ffffff
}

.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
}



















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

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

.tb-footer a:hover {
	color: #2a303c
}

.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: #2a303c
}

.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: #2a303c
}

.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
}

/*banner图片手机版*/
@media(max-width: 890px) {

.tb-page-banner{
	margin-top:106px;
	margin-bottom:20px;
	}

}
@media(max-width: 890px) {
	.tb-header{
		background-color:#202935
	}
}	

@media(max-width: 890px) {
	.tb-container .ct-info{
	color:#FFFFFF;
	}
}	

@media(max-width: 890px) {

	.tb-widget-contact .tb-contact-header .ct-info{

		color: #000000;

	}
	.tb-widget-contact .ct-info{

		color: #000000;

	}
	
}