.main { width: 1200px; margin: 0 auto; }
* { margin: 0; padding: 0; font-family: "microsoft yahei"; }
ul { list-style: none; }
a { text-decoration: none; color: black; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.lf { float: left; }
.rf { float: right; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input { border: 0; outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }

/* s1 */
.zg_s1 { background: url(../images/s1.jpg) no-repeat center; height: 250px; min-width: 1200px; }

/* nav */
.zg_nav { height: 50px; min-width: 1200px; }
.zg_logo { background: url(../images/logo.png) no-repeat; width: 191px; height: 74px; display: block; margin-top: 6px; text-indent: -2000px; }
.zg_tel { background: url(../images/tel.png) no-repeat left center; height: 50px; line-height: 52px; width: 170px; text-align: right; color: #fff; font-size: 19px; }
.zg_nav h1 { background: url(../images/title.png) no-repeat; width: 621px; height: 164px; margin: 80px auto 0; text-indent: -20000px; }

/* s2 */
.zg_s2 { background: url(../images/s2.jpg) no-repeat center; height: 618px; min-width: 1200px; overflow: hidden; }
.zg_s2_center { background: url(../images/module_bg.png) no-repeat; width: 1217px; height: 552px; opacity: 0.9; box-shadow: 0 0 10px #666; }
.myform { margin: 87px 0 0 109px; width: 482px; }
.lx,.sf, .qx { background: #fff; width: 482px; height: 51px; border:1px solid #000; outline: none; color: #000; font-size: 23px; padding-left: 140px; margin-bottom: 12px; }
.major { width: 304px; height: 51px; padding-left: 40px; background: #fff; border: none; outline: none; color: #000000; font-size: 23px; margin-bottom: 12px; }
.gender { width: 165px; height: 51px; padding-left: 40px; background: #fff; border: none; outline: none; color: #000000; font-size: 23px; margin-bottom: 12px; }
.tel { background: #fff; width: 342px; height: 51px; border: 1px solid #000;outline: none; color: #000000; font-size: 23px; padding-left: 140px; margin-bottom: 12px; }
::-webkit-input-placeholder { /* WebKit browsers */
color: #000; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important; }
.zg_yzm { width: 482px; height: 55px; color: #000000; font-size: 23px; overflow: hidden; }
.zg_yzm input { height: 51px; width: 264px; padding-left: 40px; display: inline-block; line-height: 51px; float: left;
border: 1px solid #000;}
.sub_btn { background: url(../images/btn.png) no-repeat; width: 294px; height: 54px; color: #ffffff; font-size: 29px; text-align: center; line-height: 54px; font-weight: 700; display: block; border-radius: 12px; margin: 30px auto 0; }
.sub_btn:hover { color: #000; box-shadow: 0 0 20px #fe7153; }
.getyzm { font-size: 23px; color: #fff; text-align: center; line-height: 51px; display: inline-block; height: 51px; float: left; width: 162px; background: #F89353;  border-radius: 15px;margin-left: 10px;}
.getyzm:hover { color: #156834; }
.daojishi { font-size: 20px; position: relative; color: #393939; text-align: center; line-height: 51px; display: inline-block; height: 51px; float: left; width: 178px; background: #bee0be; }
.zg_s2_r { margin: 87px 0 0 77px; width: 461px; }
.zg_s2_r strong { color: #000; font-size: 25px; margin-left: 5px; line-height: 40px; }
.zg_s2_r ul { margin: 32px 0 0 28px; background: url(../images/step.png) no-repeat left center; height: 142px; color: #000; font-size: 18px; height: 154px; padding-left: 40px; }
.zg_s2_r ul li { margin-bottom: 40px; }
.zg_s2_r p { background: url(../images/module_right_shadow.png) no-repeat; width: 405px; height: 70px; margin-top: 40px; color: #000; font-size: 18px; padding: 12px 28px 0px; line-height: 30px; }
.zg_s2_r p span { display: block; float: left; height: 56px; }

/* s3 */
.zg_s3 { background: url(../images/s3.jpg) no-repeat center; height: 232px; min-width: 1200px; }
.zg_s3_center { color: #fff; font-size: 18px; text-align: center; margin-top: 106px; }

/* Popup */
.zg_popup { position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10000; box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.2); background: url(../images/popup.png) no-repeat; width: 755px; height: 324px; }
.close { background: url(../images/close.png) no-repeat; width: 28px; height: 28px; position: absolute; top: 16px; right: 16px; }
.close:hover { -webkit-animation: skin-wrap 1s 1; animation: skin-wrap 1s 1; }
@-webkit-keyframes skin-wrap {
	0% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes skin-wrap {
	0% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes skin-wrap {
	0% { -ms-transform: rotate(0); }
	100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes skin-wrap {
	0% { -o-transform: rotate(0); }
	100% { -o-transform: rotate(360deg); }
}
@keyframes skin-wrap {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}
.zg_popup strong { color: #29512e; font-size: 28px; font-weight: 700; text-align: center; margin-top: 38px; display: block; }
.mask_num { background: url(../images/mark.png) no-repeat; width: 225px; height: 55px; color: #ffffff; font-size: 42px; font-weight: 700; text-align: center; margin: 26px auto 0; }
.mask_num1 { background: url(../images/mark.png) no-repeat; width: 225px; height: 55px; color: #ffffff; font-size: 42px; font-weight: 700; text-align: center; margin: 26px auto 0; }


.zg_popup .consultation { color: #29512e; font-size: 20px; width: 430px; height: 40px; line-height: 40px; border-bottom: 1px solid #29512e; font-weight: 700; display: block; margin: 36px auto 0; text-align: center; }
.zg_popup .consultation span { color: #e03a3a; }
