﻿.search {
	width: 100%;
	height: 100%;
	position: relative;
}

.search-box, .section {
	width: 100%;
	height: 100%;
}

.search .search-box .search-r1 {
	display: table;
	width: auto;
	height: auto;
	margin: 2rem auto;
	padding: 1em;
}

	.search .search-box .search-r1 h2 {
		width: 100%;
		height: 60px;
		line-height: 60px;
		font-size: 60px;
		color: #FFF;
		text-align: center;
		letter-spacing: 8px;
	}

	.search .search-box .search-r1 .search-r1-c1 {
		width: 790px;
		height: 80px;
		margin:0 auto;
		position: relative;
		padding: 15px 20px;
		background: hsla(0,0%,100%,0.2) border-box;
		-webkit-box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,0 .5em 1em rgba(0,0,0,0.6);
		box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,0 .5em 1em rgba(0,0,0,0.6);
		text-shadow: 0 1px 1px hsla(0,0%,100%,.3);
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

		.search .search-box .search-r1 .search-r1-c1::before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: -30px;
			z-index: -1;
			-webkit-filter: blur(10px);
			filter: blur(10px);
		}

		.search .search-box .search-r1 .search-r1-c1 .key {
			width: 430px;
			font-size: 15px;
			height: 50px;
			font-family: Arial;
			font-weight: bold;
			color: #303030;
			padding-left: 15px;
			float: left;
			border: none;
			outline: none;
			border-right: 1px solid #e6e6e6;
			-webkit-border-radius: 0;
			border-radius: 0;
		}

		.search .search-box .search-r1 .search-r1-c1 .submit {
			width: 120px;
			font-size: 18px;
			color: #fff;
			-webkit-border-radius: 0;
			border-radius: 0;
			outline: none;
			cursor: pointer;
			height: 50px;
			border: 0;
			background: #e41f2b;
			float: right;
		}

		.search .search-box .search-r1 .search-r1-c1 .select {
			position: absolute;
			top: 15px;
			right: 140px;
			width: 200px;
			line-height: 50px;
			font-size: 18px;
			background: #f6f6f6;
			cursor: pointer;
			z-index: 99999;
		}

			.search .search-box .search-r1 .search-r1-c1 .select .select_text {
				background: url(../images/index99_03.jpg) no-repeat right center;
				font-size: 16px;
				text-align: center;
				padding: 0 35px 0 5px;
			}

			.search .search-box .search-r1 .search-r1-c1 .select .select_ul {
				display: none;
				background: #fff;
				line-height: 50px;
				font-size: 14px;
			}

				.search .search-box .search-r1 .search-r1-c1 .select .select_ul li {
					width: 200px;
					margin: 0 auto;
					font-size: 15px;
					border-bottom: 1px solid #dcdfdf;
					text-align: center;
					padding: 0 35px 0 5px;
				}

					.search .search-box .search-r1 .search-r1-c1 .select .select_ul li.cur {
						color: #fff;
						background: #ea5514;
					}

		.search .search-box .search-r1 .search-r1-c1 select.select {
			width: 180px;
			height: 50px;
			float: left;
			border: 0;
			outline: none;
			padding-left: 10px;
			text-align: center !important;
			font-size: 18px;
			color: #2e2e2e;
			background: #c1c1c1;
			border-left: 1px solid #e6e6e6;
		}

			.search .search-box .search-r1 .search-r1-c1 select.select option {
				text-align: center;
				line-height: 56px;
				margin: 0 auto;
			}

	.search .search-box .search-r1 .search-r1-c2 {
		width: 100%;
		height: 30px;
		line-height: 30px;
		margin: 0 auto;
	}

		.search .search-box .search-r1 .search-r1-c2 p {
			font-size: 14px;
			color: #FFF;
		}

			.search .search-box .search-r1 .search-r1-c2 p span {
				display: inline-block;
				width: 20px;
				height: 20px;
				background: #99CC00;
				color: #000;
				line-height: 20px;
				text-align: center;
				border-radius: 100%;
			}

	.search .search-box .search-r1 h3 {
		display: table;
		height: 70px;
		line-height: 70px;
		margin: 0 auto;
		font-size: 28px;
		color: #FFF;
		font-family: 'Microsoft YaHei';
		padding-left: 50px;
		background: url(../Images/Tel.png) left center no-repeat;
		background-size: 40px auto;
	}

	.search .search-box .search-r1 h4 {
		display: table;
		height: 30px;
		line-height: 30px;
		margin: 0 auto;
		font-weight: normal;
		font-size: 14px;
		color: #FFF;
		background: url(../Images/ts.png) left center no-repeat;
	}

		.search .search-box .search-r1 h4 span {
			display: inline-block;
			width: 90px;
			height: 30px;
			text-align: center;
		}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

	.modal.fade {
		opacity: 0;
		-webkit-transition: opacity .3s linear;
		-o-transition: opacity .3s linear;
		transition: opacity .3s linear;
	}

		.modal.fade.in {
			opacity: 1;
		}

	.modal .modal-box {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 600px;
		height: 250px;
		margin: -125px 0 0 -300px;
		background: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 6px;
		outline: 0;
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
		box-shadow: 0 3px 9px rgba(0,0,0,.5);
		z-index: 9999;
	}

	.modal.fade .modal-box {
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform: translate(0,-25%);
		-ms-transform: translate(0,-25%);
		-o-transform: translate(0,-25%);
		transform: translate(0,-25%);
	}

	.modal.in .modal-box {
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}

	.modal .modal-box .modal-box-header {
		padding: 15px;
		border-bottom: 1px solid #e5e5e5;
	}

		.modal .modal-box .modal-box-header .close {
			float: right;
			font-size: 21px;
			font-weight: 700;
			line-height: 1;
			color: #000;
			text-shadow: 0 1px 0 #fff;
			filter: alpha(opacity=20);
			opacity: .2;
			-webkit-appearance: none;
			padding: 0;
			cursor: pointer;
			background: none;
			border: 0;
			margin-top: -2px;
			outline: none;
		}

		.modal .modal-box .modal-box-header h4 {
			font-size: 18px;
		}

	.modal .modal-box .modal-box-body {
		width: 100%;
		height: 130px;
		padding: 30px;
		display: flex;
		justify-content: center;
		align-items: Center;
		border-bottom: 1px solid #e5e5e5;
	}

		.modal .modal-box .modal-box-body .modal-body-result {
			flex: 1;
			display: table-cell;
			text-align: center;
			position: relative;
		}

			.modal .modal-box .modal-box-body .modal-body-result .modal-result-box {
				width: 100%;
				display: table;
			}

	.modal .modal-box .modal-box-btn {
		width: 100%;
		padding: 20px;
		text-align: right
	}

		.modal .modal-box .modal-box-btn button {
			display: inline-block;
			padding: 6px 12px;
			margin-bottom: 0;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.42857143;
			text-align: center;
			white-space: nowrap;
			vertical-align: middle;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			outline: none;
			border: 1px solid #CCC;
			border-radius: 4px;
			background: none;
		}

			.modal .modal-box .modal-box-btn button:nth-of-type(1):hover {
				background: #DCDCDC;
			}

			.modal .modal-box .modal-box-btn button:nth-of-type(1):active {
				background: #CCC;
			}

			.modal .modal-box .modal-box-btn button:nth-of-type(2) {
				background: #FF5500;
				border: 1px solid #ffccb2;
				color: #FFF;
			}

				.modal .modal-box .modal-box-btn button:nth-of-type(2):hover {
					background: #f16018;
				}

				.modal .modal-box .modal-box-btn button:nth-of-type(2):active {
					background: #da4a03;
				}
