	
	#header {
		display: none;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
	}

	.index-business-slide-pc,
	.slide-next,
	.slide-prev {
		display: none;
	}


	#header .header-top {
		display: flex;
		justify-content: space-between;
		width: 100%;
		line-height: 2;
		font-size: 13px;
		padding: 0 18px;
	}

	#header .header-top .navigator-wrap {
		color: #58595b;
	}
	
	.nuxt-link-active{display: block; height: 62px;}

	#header .header-top-right {
		display: flex;
		height: 27px;
		align-items: flex-end;
	}

	#header .header-top-right .navigator-wrap {
		height: 27px;
		display: flex;
	}
	

	#header .header-top .contact {
		display: inline-flex;
		align-items: center;
		position: relative;
	}
	#header .header-top .lang {
		padding: 0 20px;
		cursor: pointer;
		position: relative;
	}
	#header .header-top .lang::before{
		content: ' ';
		position: absolute;
		border-right: 1px solid #ccc;
		top: 50%;
		right: 0;
		height: 16px;
		transform: translateY(-50%);
	}
	#header .header-top .lang.active,
	#header .header-top .lang:hover {
		color: #ffa003;
	}

	#header .header-top .contact {
		margin: 0 8px;
		letter-spacing: 3px;
	}

	#header .header-top .contact.header-qr{ line-height: 1;}
	#header .header-top .contact.header-qr span{ line-height: 1; height: 14px;}
	
	image {
		max-width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}

	.banner image {
		max-width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		height: 200px;
		width: 100%;
	}
	
	.header-icon{ margin-left: 20px; display: flex;}
	.wechat-icon{ width: 30px; height: 24px;}
	.facebook-icon{ width: 11px; height: 22px;}

	#header .header-top .icon {
		transform: scale(.6);
	}

	.wechat-qrcode--wrapper {
		position: relative;
	}

	.wechat-qrcode--wrapper:hover .wechat-qr {
		display: block;
	}

	.qr {
		position: absolute;
		top: 33px;
		left: -50px;
		width: 140px;
		height: 140px;
		box-shadow: 0 0 4px #ddd;
		z-index: 9999;
	}
	
	.qr-pic{width: 140px; height: 140px;}

	#header .header-mid {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 20px;
	}
	
	#header .header-mid-right {
		font-size: 13px;
	}

	.select,
	select {
		background: #414143;
	    border-radius: 2px;
		/* padding: 0 10px; */
		color: #fff;
		border: none;
		height: 23px;
		position: relative;
	}
	.select {
		position: relative;
		min-width: 160px;
		height: 25px;
		line-height: 25px;
		cursor: pointer;
	}

	.select .select_text {
		padding: 0 20px 0 10px;
		text-align: center;
		color: #fff;
		letter-spacing: 2px;
	}

	.select_text:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -2px;
		border-top: 5px solid #fff;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
	}

	.select_ul {
		position: absolute;
		overflow: hidden;
		top: 25px;
		left: 0;
		min-width: 100%;
		border: 1px solid #d4d4d4;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		background: #fff;
	}

	input {
		line-height: 1;
		font-size: 12px;
		padding: 5px;
		color: #333;
		border: 1px solid #ccc;
		background: #fff;
	}

	#header .search-input {
		margin: 0 10px;
		width: 200px;
		padding: 5px;
		height: 25px;
	}

	#header .search-btn {
		width: 25px;
		padding: 0;
		display: block;
		overflow: hidden;
		background: url(../images/frontend/search.png) no-repeat;
		background-size: 100%;
		cursor: pointer;
		border: none;
	}

	#header .header-top a:hover,#header .header-top .link:hover {
		color: #ffa003;
	}

	.nav-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		border-bottom: 1px solid #dfdcd8;
		margin-bottom: 0;
		padding: 0;
	}

	#header .nav-list .list-item {
		min-height: 60px;
	}
	
	.nav-list .list-item {
		list-style: none;
		margin: 0;
		position: relative;
		text-align: center;
		padding: 5px 0;
		align-items: center;
		display: flex;
		flex: 1;
	}

	.nav-list .list-item>a,.nav-list .list-item>.link {
		text-decoration: none;
		line-height: 20px;
		font-size: 13px;
		display: inline-block;
		color: #000;
		width: 100%;
	}

	.nav-list-en .list-item>a,.nav-list-en .list-item>.link {
		/*padding: 0 21px;*/
	}

	.nav-list-pt .list-item>a,.nav-list-pt .list-item>.link {
		/*padding: 0 16px;*/
	}

	.nav-list .list-item>a:hover,.nav-list .list-item>.link:hover {
		color: #ffa003;
	}

	.nav-list .list-item .list-item-child {
		position: absolute;
		z-index: 20;
		background: #414143;
		padding: 20px;
		display: none;
		overflow: hidden;
		min-height: 360px;
		top: 60px;
		left: 0;
		text-align: left;
	}

	.en-header .nav-list .list-item .list-item-child {
		top: 90px;
	}

	.nav-list .list-item.activeli {
		background: #414143;
		color: #fff;
	}

	.nav-list .list-item.activeli .list-item-child {
		display: block;
		min-width: 250px;
	}

	.nav-list .list-item.activeli .child-last {
		left: inherit;
		right: 0;
	}

	.nav-list .list-item.activeli .link {
		color: #fff
	}

	.nav-list .list-item .list-item-child .h2 {
		font-size: 14px;
		color: #fff;
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
		white-space: nowrap;
		cursor: pointer;
		min-width: 210px;
		position: relative;
		padding-right: 20px;
	}

	.nav-list .list-item .list-item-child .ul {
		display: inline-block;
		padding-left: 0;
		margin-right: 40px;
		vertical-align: top;
		white-space: nowrap;
	}

	.nav-list .list-item .list-item-child .link {
		color: #fff;
		font-size: 12px;
	}

	.default-layout {
		padding-top: 70px !important;
	}
	.default-layout{
		padding-bottom: 0 !important;
	}
	.filter-bar {
		display: none;
	}
	.header-top .login {display:flex;}
	.header-top .login .user-name{ display: inline-block; max-width:120px; height:26px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.login-left {
		display: none;
	}

	.cattitle-right {
		position: absolute;
		right: 0;
	}

	.cattitle-right a {
		border: 1px solid #aaa;
		padding: 0 16px;
		margin-left: 10px;
		border-radius: 16px;
		font-size: 14px;
		color: #808080;
	}

	.default-layout {
		padding-bottom: 0;
	}

	@media screen and (max-width:1199px) {
        #header .header-top .contact {
    		letter-spacing: 0;
    	}
    	#header .header-top .lang{
    	    padding:0 12px;
    	}
    	#header .header-top{ padding: 0 10px;}
    	.header-icon{ margin-left:0;}
    	
    	.ml-3, .mx-3{
    	    margin-right:.5rem!important;
    	    margin-left:.5rem!important;
    	}
	}
	
	@media screen and (min-width:992px) {
		#header {
			display: block;
		}

		.index-business-slide-pc,
		.slide-next,
		.slide-prev {
			display: block;
		}

		/* .navbar {
			display: none;
		} */

		.index-business-slide-m {
			display: none;
		}

		.default-layout {
			padding-top: 160px !important;
		}

		.en-layout{padding-top:190px !important;}

		.login-left {
			display: block;
		}
	}

	@media screen and (max-width: 768px) {
		#filters {
			display: none;
		}

		.cont-list-box {
			width: 100% !important;
			margin-left: 0 !important;
		}

		.cate-tit {
			margin: 8px 0 16px;
			/* text-align: right; */
			padding-bottom: 5px;
		}

		.filter-bar {
			display: flex;
			justify-content: space-between;
			width: 100%;
			font-size: 14px;
		}

		.filter-bar image {
			margin-right: 5px;
		}

		.cate-tit h2 {
			width: 100%;
			text-align: left;
		}

		.cattitle-right {
			position: relative;
			right: 0;
			text-align: right;
		}

		.default-layout {
			padding-bottom: 50px;
		}
		.default-layout-pb0{
			margin-bottom: 0;
		}
	}

	.navbar {
		font-size: 14px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 19;
		background: #fff;
	}
/* 
	.layui-layer.login-box {
		border-radius: 5px;
		max-width: 95%;
	}

	.layui-layer-page.login-box .layui-layer-content {
		overflow: hidden;
	}

	.login-list {
		display: flex;
	}

	.login-right {
		width: 375px;
	}

	.login-logo image {
		width: 240px;
		height: 61px;
		margin: 30px 0;
	}

	.login-item {
		text-align: left;
		width: 300px;
		margin: 0 auto 25px;
		padding-bottom: 8px;
	}

	.login-user-pass {
		border-bottom: 1px solid #888;
	}

	.login-username-icon {
		margin-right: 30px;
		vertical-align: middle;
	}

	input.login-input-item {
		padding: 8px 5px;
		width: 240px;
	}

	.login-submit-btn,
	.reg-submit-btn,
	.forget-submit-btn,
	.contact-submit-btn {
		border: 1px solid #999;
		background: #9c3435;
		color: #fff;
		display: block;
		width: 200px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin: 0 auto;
		border-radius: 5px;
		cursor: pointer;
	}

	.login-forget-box {
		margin-bottom: 0;
	}

	.login-forget-btn {
		margin-left: 60px;
		margin-right: 50px;
		font-size: 16px;
	}

	.login-reg-btn {
		font-size: 16px;
	}

	.login-reg-box {
		padding-top: 40px;
		display: none;
	}

	.login-user-pass {
		border-bottom: 1px solid #888;
	}

	.login-open-close {
		position: absolute;
		right: 10px;
		top: 5px;
		cursor: pointer;
	}

	.login-logo {
		text-align: center;
	}

	.login-left image {
		height: 382px;
		object-fit: cover;
	}


	.pagination {
		text-align: center;
		display: block;
		margin: 10px 0;
	}

	.pagination a,
	.pagination .anum,
	.pagination .current {
		padding: 0 4px;
		background: #fff;
		font-size: 13px;
		min-width: 35.5px;
		height: 28px;
		line-height: 28px;
		box-sizing: border-box;
		text-align: center;
		margin: 0 5px;
	}

	.pagination .current {
		color: #ffa003;
		cursor: default;
	} */

	.nav-list .list-item .list-item-child .menu-item-area {
		
	}

	.nav-list .list-item .list-item-child .menu-item-area0 {
		
	}

	.nav-list .more-icon {
		width: 16px;
		height: 16px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.menu-item-select .more-icon,
	.menu-item-select0 .more-icon {
		margin-top: 6px;
	}

	.nav-list .list-item .list-item-child .ul .li {
		position: relative;
		padding-right: 20px;
	}

	.menu-item-select {
		min-width: 100px;
	}

	.more-icon2 {
		display: none;
	}

	.nav-list a:hover .more-icon1,.nav-list .link:hover .more-icon1 {
		display: none;
	}

	.nav-list a:hover .more-icon2,.nav-list .link:hover .more-icon2 {
		display: inline-block;
	}

	.nav-list .list-item>.link:hover,.nav-list .list-item>a:hover,
	.nav-list .list-item .list-item-child .link:hover,.nav-list .list-item .list-item-child a:hover {
		color: #ffa003;
	}


	input:focus {
		outline-width: 0;
	}

	.banner {
		margin-bottom: 10px;
	}

	.banner .swiper-slide,
	.index-news-slide .swiper-slide {
		padding: 0;
	}

	/* .swiper-slide {
		padding: 5px;
	} */

	.swiper-slide image:hover {
		transform: scale(1.1);
		transition: all .3s;
	}

	.banner .swiper-slide image:hover {
		transform: scale(1);
		transition: all .3s;
	}

	.swiper-slide .link:hover .title .line-clamp,.swiper-slide a:hover .title .line-clamp,
	.talent .link:hover .title .line-clamp,.talent a:hover .title .line-clamp,
	.business-box1 .link:hover .title .line-clamp,.business-box1 a:hover .title .line-clamp {
		color: #ffa003;
	}

	.swiper-container {
		margin-right: 0;
		margin-left: 0;
	}

	.link.d-flex:hover .box-right .product-name,a.d-flex:hover .box-right .product-name {
		color: #ffa003;
	}

	.navbar-collapse {
		overflow: auto;
		position: fixed;
		width: 75%;
		top: 0;
		padding: 16px;
		left: 100%;
		bottom: 0;
		background: #fff;
		z-index: 60;
	}

	.search-box {
		margin: 20px 0;
	}

	.navbar-collapse .nav-item .nav-link {
		padding: 16px 0;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #333;
	}

	.navbar-light .search-input {
		max-width: 200px;
		padding: 0 5px;
		height: 25px;
		line-height: 1;
		margin-right: 10px;
	}

	.navbar-light .search-btn {
		width: 25px;
		display: inline-block;
		background: url(../images/frontend/search.png) no-repeat;
		background-size: 100%;
		cursor: pointer;
	}

	.navbar-light .lang {
		width: 25px;
		height: 25px;
		display: inline-block;
		margin-right: 10px;
		background-size: 100% !important;
	}


	.mobile-top,
	.cate-filter-sub {
		display: none;
	}

	@media screen and (max-width: 768px) {
		.mobile-top {
			display: block;
			margin-bottom: 10px;
		}

		.about-mobile {
			margin-top: 5px;
			width: 100%;
			border-radius: 1px;
			-webkit-appearance: push-button !important;
		}

	}
	
	
	
	
	/* 移动端 */
	@media screen and (max-width: 991px){
	.user-name{display: inline;}
	.navbar{ padding: 8px 16px; font-size: 14px;}
	.logo-m{width: 174px; height: 44px; display: block;}
	.navbar-brand{ padding-top: 5px; padding-bottom: 5px; box-sizing: border-box;}
	.navbar-toggler{ padding: 5px 13px; font-size: 20px; margin: 0;}
	/* .navigator-wrap{height: 54px;} */
	
	.mr-3, .mx-3{ margin-right: 16px !important;}
	
	
	.navbar-collapse {
		overflow: auto;
		position: fixed;
		width: 75%;
		top: 0;
		padding: 16px;
		left: 100%;
		bottom: 0;
		background: #fff;
		z-index: 60;
		transition: .5s;
	}
	.navbarShow{
		left: 25%;
	}
	
	
	.search-box {
		margin: 20px 0;
	}
	.navbar-collapse .nav-item .nav-link {
		padding: 16px 0;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #333;
	}
	.navbar-light .search-input {
		width: 200px;
		padding: 0 5px;
		height: 25px;
		line-height: 1;
		margin-right: 10px;
	}
	.navbar-light .search-btn {
		width: 25px;
		background: url(../images/frontend/search.png) no-repeat;
		background-size: 100%;
		cursor: pointer;
		overflow: hidden; display: block; line-height: 1; margin: 0; padding: 0;
		flex-shrink: 0;
		border: none;
	}
	.navbar-light .search-btn:after{display: none;}
	.navbar-light .lang {
		width: 25px;
		height: 25px;
		display: inline-block;
		margin-right: 10px;
		background-size: 100%!important;
	}
	
	
	.mobile-top, .cate-filter-sub { display: none; }
	
	input {
	    line-height: 1;
	    font-size: 12px;
	    padding: 5px;
	    color: #333;
	    border: 1px solid #ccc;
	}
	
	
	.nuxt-link-active{display: block; height: auto;}
	
	.mt-3{ margin-top: 16px !important;}
	
	.header-top-right .navigator-wrap{display: inline-block; overflow: hidden; height: auto; height: 25px;}
	
	.header-top-right .lang{ color:#565656; border:solid 2px #565656; width: 25px; height: 25px; border-radius: 6px; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; font-weight: bold;}
	.header-top-right .lang.active{ color: #ffa002; border-color: #ffa002;}
	
	.shade {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 49;
		background: #000;
		transition: opacity .5s ease;
		pointer-events: none;
		opacity: 0;
	}
	.shadeShow{
		pointer-events: auto;
		opacity: .8;
	}
	}
	
	/* @media screen and (min-width: 992px){
	.navbar { display: none; }
	} */