@charset "utf-8";


/* zi-diaTel */
	.zi-diaTel {display:none;position:fixed;z-index:50;top:0;left:0;width:100%;height:100%;}
	.zi-diaTel>.bg {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;filter:alpha(opacity=0);}
	.zi-diaTel .content {
		position:absolute;
		z-index:2;
		top:50%;
		top:20%\9;
		left:50%;
		left:0\9;
		overflow:hidden;
		background:#f8f8f8 no-repeat bottom right url(../img/common/contact-us-bg.jpg);
		background-size:cover;
		border-radius:3px;
		width:100%;
		max-width:400px;
		opacity:0;
		filter:alpha(opacity=0);-moz-transform:translate3d(-50%,-70%,0);
		-webkit-transform:translate3d(-50%,-70%,0);
		transform:translate3d(-50%,-70%,0);
	}
	.zi-diaTel .content .info {
		padding:40px 0;
		text-align:center;
		border-bottom:1px solid #aaa;
	}
	.zi-diaTel .content .info p.a {color:#b90000;}
	.zi-diaTel .content .info p.b {
		color:#333;
		font-size:34px;
		line-height:60px;
		padding-top:14px;
	}
	.zi-diaTel .content .btns {
		position:relative;
		text-align:center;
		display: none;
	}
	.zi-diaTel .content .btns:before {position:absolute;left:50%;height:100%;width:1px;top:0;content:"";display:block;background:#aaa;}
	.zi-diaTel .content .btns a {
		display:block;
		width:50%;
		float:left;color:#3e6af8;
		line-height:50px;
		font-size:16px;
		font-weight:bold;
	}
	.zi-diaTel .content .btns a:hover {background:#eee;}
	.zi-diaTel .content form {padding:8% 0;width:288px;}
	.zi-diaTel .content form .tel {font-size:30px;line-height:30px;padding:10px 0;color:#1f6b56;}
	.zi-diaTel .content form .tishi {font-size:12px;color:#555;text-align:center;padding-bottom:15px;white-space:nowrap;}
	.zi-diaTel .content form .tishi span {color:#d00;}
	.zi-diaTel .content form .ipt {position:relative;font-size:15px;color:#555;line-height:30px;padding-top:10px;}
	.zi-diaTel .content form .ipt input, .zi-diaTel .content form .ipt textarea {display:block;width:100%;box-sizing:border-box;padding:10px 10px;height:40px;line-height:20px;border:1px solid #888;background:#fff;}
	.zi-diaTel .content form .ipt textarea {height:100px;}
	.zi-diaTel .content form .ipt input:focus, .zi-diaTel .content form .ipt textarea:focus {border-color:#1f6b56;}
	.zi-diaTel .content form .ipt span {position:absolute;left:0;}
	.zi-diaTel .content form .f-btns {padding-top:25px;}
	.zi-diaTel .content form .f-btns input {line-height:30px;background:#888;color:#fff;padding:2px 40px;margin-right:20px;border-radius:3px;cursor:pointer;}
	.zi-diaTel .content form .f-btns input[type="submit"] {background:#1f6b56;}
	.zi-diaTel .content form .f-btns input:hover {opacity:0.8;}
	.zi-diaTel .content form .notice {color:#f00;padding-top:10px;display:none;}
	.zi-diaTel .content .close {position:absolute;top:2px;right:2px;width:24px;height:24px;cursor:pointer;}
	.zi-diaTel .content .close:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
	.zi-diaTel.active>.bg {opacity:1;filter:alpha(opacity=100);}
	.zi-diaTel.active .content {opacity:1;filter:alpha(opacity=100);-moz-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}


@media screen and (max-width: 768px) {
	.zi-diaTel .content .btns {
		display: block;
	}
	.zi-diaTel .content .info {
		padding:25px 0;
		text-align:center;
		border-bottom:1px solid #aaa;
	}
	.zi-diaTel .content {
		
		max-width:290px;
		opacity:0;

	}
	.zi-diaTel .content .info p.b {
		font-size:24px;
		line-height:30px;
		padding-top:10px;
	}


}