@charset "utf-8";
/* CSS Document */
.entry-container {
    background-image:url(../images/bj.png);
    background-position: top center;
    background-attachment: fixed;
    background-repeat: repeat;
}

.warp{ width:700px; min-height:240px; margin:0 auto; background:#FFFFFF; border:solid #F00 0px; overflow:hidden; margin-top:57px}
.logo{ border-bottom:solid 1px #333}
.logo img{ width:100%}
.title{ font-size:20px; color:#000; text-align:center; line-height:24px; padding-top:23px}
.introduce{ font-size:16px; color:#FF8C00; line-height:25px; font-weight:bold; padding:12px 30px 0}
.data{ padding:12px 30px 0}
.data img{ width:100%}
.consult{ padding:0 30px; border-bottom:solid 1px #C3C9D0}
.consult li{ background:#FFF9F9; height:19px; line-height:19px; margin-bottom:11px}
.consult li.consult-1{ font-size:12px; color:#3366ff}
.consult li.consult-2{ font-size:12px; color:#3366ff}
.consult li.consult-2 span{ color:#ff0000}
.consult li.consult-3 a,.consult li.consult-4 a{ float:left; font-size:12px; color:#009AFF; text-decoration:none; margin-right:42px}
.consult li.consult-5{ font-size:12px; color:#3366ff}
.consult li.consult-6{ background:none; font-size:17px; color:#FF8C00; font-weight:bold; height:auto}
.form .form-cont{ padding:0 30px 49px; border-bottom:solid 1px #C3C9D0}
.form .form-cont .formCtrl{ margin-top:24px}
.form .form-cont .formCtrl label{ display:block; font-size:14px; color:#333; font-weight:bold; line-height:16px; padding-bottom:5px}
.form .form-cont .formCtrl label i{ font-style:normal; color:#FF3824; margin-left:3px}
.form .form-cont .formCtrl input{ display:block; width:230px; height:28px; border:solid 1px #C3C9D0; border-radius:2px; padding:0 6px 0 22px; margin:0; outline:none}
.form .form-cont .name input{ background:url(../images/lcon-1.png) 4px no-repeat}
.form .form-cont .email input{ background:url(../images/lcon-2.png) 4px no-repeat}
.form .form-cont .tel input{ background:url(../images/lcon-3.png) 6px no-repeat}
.form .formSubmit{ padding:32px 0 32px}
.form .formSubmit input{ display:block; margin:0; padding:0; background:#FF1A1A; width:140px; height:36px; margin:0 auto; border:none; border-radius:2px; font-size:14px; color:#FFF; cursor:pointer}
.footer{ font-size:13px; color:#333; text-align:center; line-height:32px; padding-bottom:12px}

.back{ background:#000; opacity:0.3; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9; display:none}
.popup{ background:#FFF; width:600px; height:500px; box-shadow:rgba(0,0,0,0.1) 1px 1px 6px; transform:translate(-50%,-50%); text-align:center; position:fixed; top:50%; left:50%; z-index:99; display:none}
.popup .popup-lcon{ margin:26px 0 6px}
.popup .popup-title{ font-size:18px; color:#333; line-height:36px}
.popup .popup-txt{ font-size:16px; color:#333; line-height:26px}
.popup .close{ cursor:pointer; position:absolute; top:-16px; right:-16px}

@media screen and (min-width:320px) and (max-width:767px){

	.warp{ width:100%; margin-top:0}
	.title{ font-size:16px}
	.introduce{ font-size:14px; padding:10px 10px 0}
	.data{ padding:10px 10px 0}
	.consult{ padding:0 10px}
	.consult li.consult-3 a,.consult li.consult-4 a{ margin-right:10px}
	.consult li.consult-1,.consult li.consult-5{ overflow:hidden}
	.consult li.consult-6{ font-size:14px}
	.form .form-cont .formCtrl input{ width:100%; box-sizing:border-box}
	
	.popup{ width:90%}

}