/* quotation_form */
.float-nav {
	/* display: none;
	opacity: 0; */
	position: fixed;
	right: 50px;
	z-index: 100;
	height: 390px;
	width: 100px;
	top: 30%;
	text-align: center;
	background: #f7ab00;
	transition: 0.5s;
}

.float-nav>div>div{
    height: 85px;
    width: 80px;
    background: #ffffff;
    margin: 10px auto 0;
    font-size: 14px;
    cursor: pointer;
}

.float-nav img {
    width: 40px;
    height: 40px;
    padding: 8px 0 6px;
    margin: 0 auto;
    display: block;
	box-sizing: content-box !important;
}

.float-nav .totop img{
    height: 35px;
	padding-top: 11px;
}

.quotation_form {
	width: 700px;
	height: 500px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -350px;
	z-index: 1002;
	display: none;
}

.quotation_form .quotation_close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 40px;
}

/* join_form */
.join_form {
	width: 700px;
	height: 500px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -350px;
	z-index: 1002;
	display: none;
}

.join_form .join_close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 40px;
}

/* complain_form */
.complain_form {
	width: 700px;
	height: 500px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -350px;
	z-index: 1002;
	display: none;
}

.complain_form .complain_close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 40px;
}

.quotation_content {
	color: #0062ad;
}

.quotation_content form {
	width: 440px;
	margin: 0 auto;
}

.quotation_content h2 {
	text-align: center;
	font-weight: normal;
	line-height: 27px;
	padding: 55px 0px 26px;
}

.quotation_content input {
	width: 340px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 2px;
	display: block;
	padding: 0px 15px 0px 15px;
	margin: 0px auto 20px;
	border: 1px solid #999;
	transition: 0.2s;
}

.quotation_content input:focus {
	background: #0062ac;
	color: #fff;
	border: 1px solid #0062ac;
}
.quotation_content input:focus::-webkit-input-placeholder {
	color: #fff;
}

.quotation_content input:focus::-moz-placeholder {
	color: #fff;
}

.quotation_content input:focus:-ms-input-placeholder {
	color: #fff;
}

.quotation_content input:focusinput:-moz-placeholder {
	color: #fff;
}

.quotation_content button {
	width: 210px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #0062ad;
	border-radius: 2px;
	display: block;
	margin: 35px auto 18px;
}

.quotation_content_t1{
	text-align: center;
	line-height: 20px;
	font-size: 32px;
}
.quotation_content_t2{
	font-size: 16px;
	margin-top: 24px
}

.quotation_bg {
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border: 1px solid #afafaf;
	border-radius: 10px;
}


.quotation_mask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	background: #000;
	opacity: 0.5;
}


@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	
	.float-nav {
	    position: fixed;
	    right: 30px;
	    z-index: 101;
	    height: 600px;
	    width: 150px;
	    top: 800px;
	    text-align: center;
	    background: #f7ab00;
	}
	
	.float-nav>div>div {
	    height: 137px;
	    width: 132px;
	    background: #ffffff;
	    margin: 10px auto 0;
	    font-size: 14px;
	    cursor: pointer;
	}
	.float-nav img {
	    width: 80px;
	    height: 80px;
	    padding: 8px 0 6px;
	    margin: 0 auto;
	    display: block;
	    box-sizing: content-box !important;
	}
	.float-nav .totop img{
	    height: 75px;
		padding-top: 11px;
	}
	.float-nav p {
	   font-size: 26px;
	   font-weight: 800;
	}
	
	
	/* 表单 */
	.quotation_form {
	    width: 1000px;
	    height: 700px;
	    margin-top: -350px;
	    margin-left: -500px;
	}
	.complain_form {
	   width: 1000px;
	   height: 700px;
	   margin-top: -350px;
	   margin-left: -500px;
	}
	.join_form {
	    width: 1000px;
	    height: 700px;
	    margin-top: -350px;
	    margin-left: -500px;
	}
	.quotation_close{
		right: 20px;
		top: 20px;
		width: 50px;
		height: 50px;
		line-height: 30px;
		font-size: 70px;
	}
	.complain_close {
	   right: 20px;
	   top: 20px;
	   width: 50px;
	   height: 50px;
	   line-height: 30px;
	   font-size: 70px;
	}
	.join_close {
	    right: 20px;
	    top: 20px;
	    width: 50px;
	    height: 50px;
	    line-height: 30px;
	    font-size: 70px;
	}
	
	.quotation_content_t1{
		text-align: center;
		line-height: 60px;
		font-size: 50px;
	}
	.quotation_content_t2{
		font-size: 30px;
		margin-top: 36px
	}
	.quotation_content form {
	    width: 550px;
	}
	.quotation_content input {
	    width: 440px;
	    height: 60px;
	    line-height: 60px;
	    border-radius: 5px;
	    padding: 0px 15px 0px 15px;
	    margin: 0px auto 30px;
	    border: 1px solid #999;
	    transition: 0.2s;
	    font-size: 28px;
	}
	.quotation_content button {
	    width: 260px;
	    height: 70px;
	    line-height: 70px;
	    font-size: 30px;
	    border-radius: 2px;
	    display: block;
	    margin: 45px auto 18px;
	}
}