@charset "utf-8";
/************* 首页框架 *************/
html.index-html,
body.index-body {
	height: 100%;
	overflow: hidden;
}

#container,
.sections,
.section {
	/*必须，兼容，在浏览器不支持transform属性时，通过改变top/left完成滑动动画*/
	position: relative;
	/*必须，关系到单个page能否全屏显示*/
	height: 100%;
	z-index: 0;
}

.section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

	.section.fp-auto-height {
		overflow-y: scroll;
		overflow-x: hidden;
	}

/*以下样式用来设置slider样式，可自行修改*/
.pages {
	position: fixed;
	right: 10px;
	top: 50%;
	list-style: none;
	width: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

	.pages li {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #fff;
		margin: 15px 0 0 0;
		transition: all .4s ease;
	}

		.pages li.active {
			margin-left: 0;
			width: 14px;
			height: 14px;
			border: 4px solid #FFFFFF;
			background: none;
			transition: all .4s ease;
		}

	.pages.dark li {
		background: #0b4da1;
	}

		.pages.dark li.active {
			border-color: #0b4da1;
			background: none;
		}


/************ 首页背景 ***********/
.body-main {
	background-image: linear-gradient(to bottom,#3879ba,#34a3aa);
}


/*.body-main:after{
	content: "";
	position: fixed;
	left: 50%;
	top: 0;
	width: 100%;
	max-width: 1920px;
	height: 100vh;
	transform: translate(-50%,0);
	background-image: linear-gradient(to bottom,#3879ba,#34a3aa);
	z-index: -1;
}*/

/************ 首页banner ************/
.index-banner {
	height: 100vh;
	/*max-height: 960px;*/
	position: relative;
	overflow: hidden;
}

	.index-banner .swiper-banner {
		position: relative;
		z-index: 0;
		width: 100%;
		height: 100%;
	}

		.index-banner .swiper-banner .slide-content {
			width: 100%;
			height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 12.5%;
			text-align: left;
		}

			.index-banner .swiper-banner .slide-content .banner-text {
				max-width: 860px;
				margin: 0 auto;
				color: #fff;
				font-size: 50px;
				line-height: 1.2;
				text-shadow: 0 3px 15px rgba(0,0,0,.8);
			}

		.index-banner .swiper-banner .swiper-button-next,
		.index-banner .swiper-banner .swiper-container-rtl .swiper-button-prev {
			right: 3.125%;
		}

		.index-banner .swiper-banner .swiper-button-prev,
		.index-banner .swiper-banner .swiper-container-rtl .swiper-button-next {
			left: 3.125%;
		}

	.index-banner .banner-search {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
		pointer-events: none;
		/*padding-top: 10.873%;*/
	}

		.index-banner .banner-search .banner-search-box {
			pointer-events: auto;
			width: 860px;
			margin: 0 auto;
		}

		.index-banner .banner-search .search-title-box {
			display: flex;
			justify-content: flex-start;
			align-items: stretch;
			width: 100%;
		}

			.index-banner .banner-search .search-title-box .biaoqian-box ul,
			.index-banner .banner-search .search-title-box .link-box {
				display: flex;
				justify-content: flex-start;
				align-items: stretch
			}

			.index-banner .banner-search .search-title-box .biaoqian-box ul {
				width: 100%;
			}

			.index-banner .banner-search .search-title-box .biaoqian-box .menu-item,
			.index-banner .banner-search .search-title-box .link-box .link-item {
				position: relative;
				background: #0b4da1;
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				position: relative;
			}

				.index-banner .banner-search .search-title-box .biaoqian-box .menu-item .icon,
				.index-banner .banner-search .search-title-box .link-box .link-item .icon {
					width: 32px;
					height: 32px;
					display: flex;
					justify-content: center;
					align-items: center;
					filter: brightness(100);
				}

				.index-banner .banner-search .search-title-box .biaoqian-box .menu-item .wenzi, .index-banner .banner-search .search-title-box .biaoqian-box .menu-item .wenzi a,
				.index-banner .banner-search .search-title-box .link-box .link-item .wenzi {
					color: #fff;
					font-size: 18px;
					line-height: 1;
					padding-left: 10px;
				}

				.index-banner .banner-search .search-title-box .biaoqian-box .menu-item:first-child {
					border-top-left-radius: 10px;
				}

				.index-banner .banner-search .search-title-box .link-box .link-item:last-child {
					border-top-right-radius: 10px;
				}

				.index-banner .banner-search .search-title-box .biaoqian-box .menu-item.selected {
					background: none;
				}

					.index-banner .banner-search .search-title-box .biaoqian-box .menu-item.selected:after {
						content: "";
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
						height: 70px;
						z-index: -1;
						background: rgba(255,255,255,82);
						border-top-left-radius: 10px;
						border-top-right-radius: 10px;
					}

					.index-banner .banner-search .search-title-box .biaoqian-box .menu-item.selected .icon {
						filter: none;
					}

					.index-banner .banner-search .search-title-box .biaoqian-box .menu-item.selected .wenzi, .index-banner .banner-search .search-title-box .biaoqian-box .menu-item.selected .wenzi a {
						color: #2b63ac;
						font-size: 22px;
					}

		.index-banner .banner-search .tabbox-container {
			display: none;
			background: rgba(85,0,0,46%);
			padding: 30px 50px;
		}

		.index-banner .banner-search .pinxiang-bd {
		}

			.index-banner .banner-search .pinxiang-bd .search-bd {
				display: flex;
				justify-content: flex-start;
				align-items: stretch;
				width: 100%;
			}

				.index-banner .banner-search .pinxiang-bd .search-bd .select-item {
					position: relative;
					margin-right: 25px;
				}

					.index-banner .banner-search .pinxiang-bd .search-bd .select-item:after {
						content: "";
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
						height: 0;
						border-bottom: 1px #000 solid;
					}

				.index-banner .banner-search .pinxiang-bd .search-bd .select-gangkou {
					width: 175px;
				}

				.index-banner .banner-search .pinxiang-bd .search-bd .select-xianlu {
					width: 330px;
				}

				.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-wrap {
					width: 100%;
					height: 100%;
				}

				.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-label-wrap {
					border: none;
					background: none;
					height: 100%;
				}

					.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-label-wrap .fs-label {
						height: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding-left: 0;
						color: #222;
						font-size: 16px;
						font-weight: 300;
					}

				.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-dropdown {
					width: 100%;
					margin-top: 0;
					left: 0;
	bottom: 60px;
				}

				.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-option,
				.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-search,
				.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-optgroup-label {
					height: 40px;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					font-size: 14px;
					color: #222;
				}

					.index-banner .banner-search .pinxiang-bd .search-bd .select-item .fs-optgroup-label:hover {
						background: #efefef;
					}

				.index-banner .banner-search .pinxiang-bd .search-bd .search-button {
					width: 160px;
					height: 54px;
					border-radius: 54px;
					background: #0195ff;
					color: #fff;
					font-size: 18px;
					line-height: 1;
					display: flex;
					justify-content: center;
					align-items: center;
					cursor: pointer;
				}

					.index-banner .banner-search .pinxiang-bd .search-bd .search-button:before {
						font-size: 22px;
						padding-right: 5px;
					}

			.index-banner .banner-search .pinxiang-bd .search-wenzi,
			.index-banner .banner-search .genzong-bd .genzong-wenzi {
				display: flex;
				justify-content: center;
				align-items: center;
				padding-top: 25px;
			}

				.index-banner .banner-search .pinxiang-bd .search-wenzi .icon,
				.index-banner .banner-search .genzong-bd .genzong-wenzi .icon {
					color: #00aeef;
					font-size: 14px;
					line-height: 1;
					margin-right: 5px;
				}

				.index-banner .banner-search .pinxiang-bd .search-wenzi .wenzi,
				.index-banner .banner-search .pinxiang-bd .search-wenzi .wenzi a,
				.index-banner .banner-search .pinxiang-bd .search-wenzi .mail,
				.index-banner .banner-search .genzong-bd .genzong-wenzi .wenzi,
				.index-banner .banner-search .genzong-bd .genzong-wenzi .mail {
					color: #454545;
					font-size: 14px;
					line-height: 1;
					font-weight: 300;
				}

					.index-banner .banner-search .pinxiang-bd .search-wenzi .mail:hover,
					.index-banner .banner-search .genzong-bd .genzong-wenzi .mail:hover {
						color: #00aeef;
					}

		.index-banner .banner-search .genzong-bd {
		}

			.index-banner .banner-search .genzong-bd iframe {
				width: 100%;
				height: 310px;
			}

	.index-banner .banner-icon {
		position: absolute;
		left: 0;
		bottom: 110px;
		z-index: 1;
	}

		.index-banner .banner-icon img {
			width: auto;
			max-width: 16px;
			height: auto;
			max-height: 25px;
		}

	.index-banner .banner-gonggao {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 90px;
		background: rgba(10,89,151,.9);
		z-index: 2;
	}

		.index-banner .banner-gonggao .content {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
		}

		.index-banner .banner-gonggao .bt {
			color: #fff;
			font-size: 18px;
			line-height: 1.667;
			width: 80px;
			padding-right: 35px;
		}

		.index-banner .banner-gonggao .bc {
			width: calc(100% - 80px);
			padding-left: 25px;
			border-left: 1px rgba(255,255,255,.6) solid;
		}

			.index-banner .banner-gonggao .bc .bc-icon {
				width: 23px;
				height: 19px;
				margin-bottom: 10px;
			}

				.index-banner .banner-gonggao .bc .bc-icon img {
					width: auto;
					max-width: 100%;
					height: auto;
					max-height: 100%;
				}

			.index-banner .banner-gonggao .bc .swiper-gonggao {
				height: 15px;
				width: 100%;
			}

				.index-banner .banner-gonggao .bc .swiper-gonggao .slide-content {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}

					.index-banner .banner-gonggao .bc .swiper-gonggao .slide-content a {
						color: #fff;
						font-size: 15px;
						line-height: 1;
						display: inline-block;
					}

					.index-banner .banner-gonggao .bc .swiper-gonggao .slide-content .title {
						max-width: 80%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

					.index-banner .banner-gonggao .bc .swiper-gonggao .slide-content .more {
					}

						.index-banner .banner-gonggao .bc .swiper-gonggao .slide-content .more:before {
							padding-right: 10px;
						}


/************ 首页简介 ************/
.index-about {
	/*padding: 11.97% 0 10.2% 0;*/
	width: 100%;
}

	.index-about .content {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.index-about .tuwen-box {
		width: 50.74%;
	}

		.index-about .tuwen-box .mt {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 30px;
			color: #fff;
		}

			.index-about .tuwen-box .mt .title-chs {
				font-size: 30px;
				line-height: 1;
				font-weight: 600;
			}

			.index-about .tuwen-box .mt .title-eng {
				font-size: 30px;
				line-height: 1;
				font-weight: 300;
				margin-left: 20px;
			}

		.index-about .tuwen-box .mc {
		}

		.index-about .tuwen-box .info {
			color: #fff;
			font-size: 18px;
			line-height: 2;
			font-weight: 300;
			margin-bottom: 70px;
		}

		.index-about .tuwen-box .swiper-about {
			padding-bottom: 80px;
		}

			.index-about .tuwen-box .swiper-about .slide-content {
				width: 177px;
				height: 177px;
				background: rgba(0,0,0,.25);
				border-radius: 15px;
				padding: 25px 15px 15px 15px;
				color: #fff;
			}

				.index-about .tuwen-box .swiper-about .slide-content .icon {
					width: 56px;
					height: 49px;
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0 auto 10px auto;
				}

					.index-about .tuwen-box .swiper-about .slide-content .icon img {
						width: auto;
						max-width: 100%;
						height: auto;
						max-height: 100%;
					}

				.index-about .tuwen-box .swiper-about .slide-content .num {
					font-size: 30px;
					line-height: 1;
					font-weight: 600;
					margin-bottom: 10px;
				}

				.index-about .tuwen-box .swiper-about .slide-content .wenzi {
					font-size: 16px;
					line-height: 1.375;
				}

			.index-about .tuwen-box .swiper-about .swiper-pagination-bullet {
				width: 14px;
				height: 14px;
				border-radius: 3px;
				background: #fff;
			}

	.index-about .img-box {
		width: 45.74%;
		position: relative;
	}

		.index-about .img-box .clear-pic {
			position: relative;
			z-index: 1;
			width: auto;
			max-width: 100%;
		}

		.index-about .img-box .blur-pic {
			filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
			-webkit-filter: blur(40px); /* Chrome, Opera */
			-moz-filter: blur(40px);
			-ms-filter: blur(40px);
			filter: blur(40px);
			filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=40, MakeShadow=false);
			position: absolute;
			left: 50%;
			top: 30px;
			transform: translate(-50%,0);
		}

/************ 首页服务范围 ************/
.index-fuwu {
	/*padding: 6.25% 0 5.72% 0;*/
	width: 100%;
	padding-top: 5%;
}

	.index-fuwu .mt {
		color: #fff;
		padding-bottom: 2.6%;
	}

		.index-fuwu .mt .content {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.index-fuwu .mt .title-chs {
			font-size: 30px;
			line-height: 1;
			font-weight: 600;
		}

		.index-fuwu .mt .title-eng {
			font-size: 30px;
			line-height: 1;
			font-weight: 300;
			margin-left: 20px;
		}

	.index-fuwu .mc {
	}

		.index-fuwu .mc .serv-list {
		}

	.index-fuwu .slide-content {
		width: 100%;
		position: relative;
	}

		.index-fuwu .slide-content .img-box {
			width: 100%;
			height: 0;
			padding-bottom: 130%;
			position: relative;
		}

			.index-fuwu .slide-content .img-box .img-content {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 84%;
				transition: all .4s ease
			}

				.index-fuwu .slide-content .img-box .img-content .img {
					width: 100%;
					height: 100%;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
				}

		.index-fuwu .slide-content:hover .img-box .img-content {
			height: 100%;
		}

		.index-fuwu .slide-content .text-box {
			border: 1px #fff solid;
			padding: 40px 30px;
			text-align: left;
		}

			.index-fuwu .slide-content .text-box .title {
				color: #fff;
				font-size: 27px;
				line-height: 1;
				margin-bottom: 15px;
			}

			.index-fuwu .slide-content .text-box .wenzi {
				color: #ddd;
				font-size: 18px;
				line-height: 2;
				height: 108px;
				overflow: hidden;
			}


	.index-fuwu .swiper-pagination {
		width: 100%;
		bottom: 0;
		display: none;
	}


/************* 全球分布 *************/
.index-fenbu {
	padding: 5.2% 0 0 0;
	width: 100%;
}

	.index-fenbu .mt {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		padding-bottom: 1.04%;
	}

		.index-fenbu .mt .title-chs {
			font-size: 30px;
			line-height: 1;
			font-weight: 600;
		}

		.index-fenbu .mt .title-eng {
			font-size: 30px;
			line-height: 1;
			font-weight: 300;
			margin-left: 20px;
		}

	.index-fenbu .mc {
		position: relative;
	}

	.index-fenbu .miaoshu {
		color: #fff;
		font-size: 18px;
		line-height: 1;
		margin-bottom: 20px;
		text-align: center;
	}

		.index-fenbu .miaoshu span {
			font-weight: 600;
			font-style: italic;
			font-size: 30px;
			padding: 0 5px;
		}

.map {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	overflow-y: hidden;
	overflow-x: scroll;
	position: relative;
}

	.map::-webkit-scrollbar {
		width: 0 !important;
	}

	.map::-webkit-scrollbar {
		height: 6px;
		width: 6px;
		border-radius: 8px;
	}

	.map::-webkit-scrollbar-track {
		background-color: transparent;
	}

	.map::-webkit-scrollbar-thumb {
		border-radius: 8px;
		background: rgba(0,0,0,.3);
	}


.map-content {
	position: relative;
	width: 1400px;
}

	.map-content .map-box {
		font-size: 0;
		position: relative;
		z-index: 0;
	}

		.map-content .map-box img {
			width: 100%;
		}

	.map-content .pointer-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

		.map-content .pointer-box img {
			width: auto;
		}

		.map-content .pointer-box .pointer-type-1,
		.map-content .pointer-box .pointer-type-2 {
			position: absolute;
			display: none;
		}

			.map-content .pointer-box .pointer-type-1 .icon,
			.map-content .pointer-box .pointer-type-2 .icon {
				text-align: center;
				margin-bottom: 2px;
			}


			.map-content .pointer-box .pointer-type-1 .wenzi,
			.map-content .pointer-box .pointer-type-2 .wenzi {
				color: #454545;
				font-size: 14px;
				line-height: 1;
			}

		.map-content .pointer-box .icon1 {
			right: 280px;
			top: 185px;
		}

		.map-content .pointer-box .icon2 {
			right: 300px;
			top: 205px
		}

		.map-content .pointer-box .icon3 {
			right: 246px;
			top: 223px;
		}

		.map-content .pointer-box .icon4 {
			right: 286px;
			top: 233px;
		}

		.map-content .pointer-box .icon5,
		.map-content .pointer-box .icon6,
		.map-content .pointer-box .icon7 {
			right: 246px;
			top: 257px;
		}

		.map-content .pointer-box .icon8 {
			left: 174px;
			top: 217px;
		}

		.map-content .pointer-box .icon9 {
			left: 304px;
			top: 187px;
		}

		.map-content .pointer-box .icon10 {
			left: 344px;
			top: 217px;
		}

		.map-content .pointer-box .icon11 {
			right: 284px;
			top: 254px;
		}

		.map-content .pointer-box .icon12 {
			right: 200px;
			top: 220px;
		}

		.map-content .pointer-box .icon13 {
			right: 320px;
			top: 330px;
		}

		.map-content .pointer-box .icon14 {
			right: 323px;
			top: 327px;
		}

		.map-content .pointer-box .icon15 {
			right: 243px;
			top: 297px;
		}

		.map-content .pointer-box .icon16 {
			right: 258px;
			top: 337px;
		}

		.map-content .pointer-box .icon17 {
			right: 336px;
			top: 300px;
		}

		.map-content .pointer-box .icon18 {
			right: 310px;
			top: 295px;
		}

		.map-content .pointer-box .icon19 {
			right: 235px;
			top: 212px;
		}

		.map-content .pointer-box .icon20 {
			right: 320px;
			top: 285px;
		}



.index-fenbu .detail {
	position: absolute;
	z-index: 1;
	/* margin-top: -27vh; */
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-left: 200px;
	pointer-events: none;
	/*padding-bottom: 5vh;
	bottom: 0;*/
	bottom: -5vh;
}

	.index-fenbu .detail .tab-menu {
		width: 94px;
	}

		.index-fenbu .detail .tab-menu ul {
		}

			.index-fenbu .detail .tab-menu ul li {
				width: 70px;
				height: 70px;
				border-radius: 50%;
				background: rgba(255,255,255,.2);
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 15px;
				position: relative;
				z-index: 1;
				pointer-events: auto;
			}

				.index-fenbu .detail .tab-menu ul li .neirong {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 54px;
					height: 54px;
					border-radius: 50%;
					color: #fff;
					font-size: 17px;
					cursor: pointer;
				}

				.index-fenbu .detail .tab-menu ul li:first-child .neirong {
					background: #0195ff;
				}

				.index-fenbu .detail .tab-menu ul li:nth-child(2) .neirong {
					background: #75eeee;
				}

				.index-fenbu .detail .tab-menu ul li:nth-child(3) .neirong {
					background: #2fd224;
				}

				.index-fenbu .detail .tab-menu ul li:nth-child(4) .neirong {
					background: #dfed26;
				}
				.index-fenbu .detail .tab-menu ul li:nth-child(5) .neirong {
					background: #ed852a;
				}
				.index-fenbu .detail .tab-menu ul li.selected:after {
					content: "";
					position: absolute;
					right: -24px;
					top: 50%;
					width: 0;
					height: 0;
					border-top: 9px transparent solid;
					border-right: 14px rgba(255,255,255,.2) solid;
					border-bottom: 9px transparent solid;
					margin-top: -9px;
				}

	.index-fenbu .detail .tab-box {
		width: calc(100% - 94px);
	}

	.index-fenbu .detail .tabbox-container {
		display: none;
		background: rgba(255,255,255,.2);
		width: 654px;
		border-radius: 2px;
		padding: 4vh 3vh;
		pointer-events: auto;
		height: 410px;
		overflow-y: auto;
	}

		.index-fenbu .detail .tabbox-container .neirong {
			display: flex;
			justify-content: flex-start;
			align-items: flex-end;
			width: 100%;
			color: #fff;
		}

			.index-fenbu .detail .tabbox-container .neirong .info {
				/*width: 480px;*/
			}

			.index-fenbu .detail .tabbox-container .neirong .bt {
				font-size: 27px;
				line-height: 1;
			}

			.index-fenbu .detail .tabbox-container .neirong .info-item {
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;
				flex-wrap: wrap;
				width: 100%;
				margin-top: 25px;
			}

				.index-fenbu .detail .tabbox-container .neirong .info-item .it {
					font-size: 20px;
					line-height: 1;
					font-weight: 500;
				}

					.index-fenbu .detail .tabbox-container .neirong .info-item .it:before {
						padding-right: 10px;
					}

				.index-fenbu .detail .tabbox-container .neirong .info-item .ic {
					font-size: 18px;
					line-height: 20px;
					font-weight: 300;
				}

			.index-fenbu .detail .tabbox-container .neirong .more {
				width: calc(100% - 480px);
				text-align: right;
			}

				.index-fenbu .detail .tabbox-container .neirong .more .link {
					color: #fff;
					font-size: 18px;
					line-height: 1;
				}

					.index-fenbu .detail .tabbox-container .neirong .more .link:before {
						padding-right: 10px;
					}



/*********** 首页侧边快捷菜单 **********/
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	background: #fff
}


/************** 右侧悬浮首页始终显示 ****************/
.fright {
	display: block !important;
}





/*************** 20211123 *******************/
.index-banner .banner-search .search-title-box .link-box .link-item.selected {
	background: none;
}

	.index-banner .banner-search .search-title-box .link-box .link-item.selected:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 70px;
		z-index: -1;
		background: rgba(255,255,255,82);
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.index-banner .banner-search .search-title-box .link-box .link-item.selected .icon {
		filter: none;
	}

	.index-banner .banner-search .search-title-box .link-box .link-item.selected .wenzi {
		color: #2b63ac;
		font-size: 22px;
	}
.yunjia-box {
	background: rgba(255,255,255,82);
	/*padding: 40px 50px;*/
	width: 100%;
	/*display: none;*/
}

	.yunjia-box .yj-fl {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		margin-bottom: 50px;
	}

		.yunjia-box .yj-fl .link {
			width: 86px;
			height: 36px;
			line-height: 36px;
			border-radius: 36px;
			background-color: rgba(1, 126, 255, .2);
			color: #222;
			font-size: 16px;
			margin-right: 25px;
			position: relative;
			text-align: center;
			cursor: pointer;
		}

			.yunjia-box .yj-fl .link.on {
				width: 150px;
				height: 50px;
				line-height: 50px;
				border-radius: 50px;
				background-image: linear-gradient(to right, #0067ff, #0194ff);
				color: #fff;
				font-size: 22px;
			}

			.yunjia-box .yj-fl .link input {
				position: absolute;
				left: 0;
				top: 0;
				width: 1px;
				height: 1px;
				visibility: hidden;
			}

	.yunjia-box .select-yj {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
	}

		.yunjia-box .select-yj .select-item {
			width: 25.4%;
			max-width: 295px;
		}

			.yunjia-box .select-yj .select-item:last-child {
				width: 160px;
			}

			.yunjia-box .select-yj .select-item .bt {
				color: #111;
				font-size: 16px;
				line-height: 1;
				font-weight: 300;
				margin-bottom: 15px
			}

			.yunjia-box .select-yj .select-item .bc {
			}

			.yunjia-box .select-yj .select-item .fs-wrap {
				width: 100%;
				position: relative;
			}

			.yunjia-box .select-yj .select-item .fs-label-wrap {
				border-top-color: transparent;
				border-left-color: transparent;
				border-right-color: transparent;
				border-bottom-color: #707070;
			}

				.yunjia-box .select-yj .select-item .fs-label-wrap .fs-label {
					padding: 0 40px 0 0;
					height: 56px;
					line-height: 54px;
					font-size: 16px;
					color: #454545;
				}

		.yunjia-box .select-yj .fs-dropdown {
			width: 100%;
			left: 0;
	bottom: 60px;
		}

		.yunjia-box .select-yj .fs-option,
		.yunjia-box .select-yj .fs-search,
		.yunjia-box .select-yj .fs-optgroup-label {
			padding: 4%;
			font-size: 16px;
			color: #454545;
		}


		.yunjia-box .select-yj .search-button {
			width: 160px;
			height: 56px;
			border-radius: 56px;
			background: #0195ff;
			color: #fff;
			font-size: 18px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
		}


			.yunjia-box .select-yj .search-button .icon {
				font-size: 24px;
				margin-right: 10px;
			}

			.yunjia-box .select-yj .search-button .wenzi {
				font-weight: 300;
			}

@media screen and (max-width:1800px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:850px) {
	.yunjia-box {
		padding: 20px;
	}

		.yunjia-box .yj-fl {
			margin-bottom: 20px;
		}

		.yunjia-box .select-yj {
			flex-wrap: wrap;
		}

			.yunjia-box .select-yj .select-item {
				width: 31%;
			}

				.yunjia-box .select-yj .select-item:last-child {
					width: 100%;
					padding-top: 3%;
					display: flex;
					justify-content: center;
					align-items: center;
					max-width: inherit;
				}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:639px) {
}

@media only screen and (max-width: 479px) {
	.index-banner .banner-search .search-title-box .link-box .link-item.selected .wenzi {
		font-size: 17px;
	}

	.yunjia-box .yj-fl .link {
		margin-right: 20px;
		font-size: 14px;
	}

		.yunjia-box .yj-fl .link.on {
			width: 100px;
			height: 40px;
			line-height: 40px;
			border-radius: 40px;
			font-size: 16px;
		}

	.yunjia-box .select-yj .select-item {
		width: 48%;
		margin-bottom: 13px;
	}

		.yunjia-box .select-yj .select-item:last-child {
			width: 48%;
			padding-top: 0;
		}

		.yunjia-box .select-yj .select-item .fs-label-wrap .fs-label {
			height: auto;
			line-height: 1;
			padding: 6px 22px 6px 0px;
		}


	.yunjia-box .select-yj .search-button {
		width: 110px;
		height: 28px;
		border-radius: 28px;
		font-size: 13px;
	}

		.yunjia-box .select-yj .search-button .icon {
			font-size: 16px;
		}
}
