@charset "utf-8";
* { margin: 0; padding: 0; }
ul, li, dl, dt, dd { list-style: none; }
a, a:hover { text-decoration: none; }
.clear { clear: both; }

@media only screen and (max-width:320px) {
html, body { font-size: 12px!important }
}

@media only screen and (max-width:359px) and (min-width:320px) {
html, body { font-size: 12px!important }
}

@media only screen and (max-width:479px) and (min-width:360px) {
html, body { font-size: 13px!important }
}

@media only screen and (max-width:599px) and (min-width:480px) {
html, body { font-size: 14px!important }
}

@media only screen and (max-width:719px) and (min-width:600px) {
html, body { font-size: 16px!important }
}

@media only screen and (max-width:720) {
html, body { font-size: 16px!important }
}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.wrap{ background:#fff;}
header .wrap{ background:none;}
.img-responsive { max-width: 100%; display: block; }
.zt1 { background: #fcf8f8; }
.zt1 li { width: 96%; margin: 0.5rem auto; display: table }
.zt1 .img1 img { width: 90%; max-width: 51px; }
.zt1 .img2 img { width: 100%; max-width: 88px; }
.zt1 .zt1_1, .zt1 .zt1_2 { display: table-cell; vertical-align: middle; text-align: center; width: 15%; }
.zt1 .zt1_1 { background: #17aa9d; }
.zt1 .zt1_2 { background: #05a9f6; }
.zt1 .zt1_2 img { width: 100%; max-width: 69px; }
.zt1 .zt1_3, .zt1 .zt1_4 { display: table-cell; width: 85%; padding: 0.5rem; border-left: 1px solid #fcf8f8; }
.zt1 .zt1_4 { background: #8ad3f4; }
.zt1 .zxli { text-align: center; padding: 1rem 0; }
.zt1 .zxli p { display: inline-block; width: 225px; background: #29b8fa; height: 1.5em; line-height: 1.5em; text-align: center; border: 1px solid #29b8fa; color: #fff; }
.zt1 .zxli p span { display: inline-block; color: #313131; background: #fff; width: 90px; float: right; }
.zt2 { text-align: center; }
.zt2 a { color: #ff0000; font-size: 1.1rem; }
.zt3 { text-align: center; color: #17aa9d; font-size: 1.3rem; margin: 0.5rem 0 1rem; }
.zt4 { width: 96%; margin: 0 auto; }
.zt4 li { width: 23%; margin: 0 1%; float: left; text-align: center; }
.zt4 li p { text-align: left; color: #313131; margin-top: 0.5rem; }
.zt4 .tou { color: #f0f0f0; font-size: 1.2rem; }
.zt4 .cen { color: #f0f0f0; font-size: 2rem; font-weight: bold; }
.zt4 .line1, .zt4 .line2, .zt4 .line3, .zt4 .line4 { height: 3px; width: 80%; margin: 0.5rem auto; }
.zt4 .line1 { background: #9e100f; }
.zt4 .line2 { background: #13838d; }
.zt4 .line3 { background: #3b7120; }
.zt4 .line4 { background: #d2a119; }
.zt4 .wei1, .zt4 .wei2, .zt4 .wei3, .zt4 .wei4 { width: 3rem; margin: 0 auto; height: 1.5rem; line-height: 1.5rem; padding-right: 1.8rem; text-align: right; }
.zt4 .wei1 { background: url(zt5.png) right center/1.4rem 1.4rem no-repeat; color: #f85d5b; }
.zt4 .wei2 { background: url(zt6.png) right center/1.4rem 1.4rem no-repeat; color: #65d0d9; }
.zt4 .wei3 { background: url(zt7.png) right center/1.4rem 1.4rem no-repeat; color: #7ed953; width: 4.2rem; }
.zt4 .wei4 { background: url(zt8.png) right center/1.4rem 1.4rem no-repeat; color: #f0e7cd; }
.zt4 .zt4_1, .zt4 .zt4_2, .zt4 .zt4_3, .zt4 .zt4_4 { width: 100%; height: 7rem; padding: 1rem 0; border-radius: 0.5rem; }
.zt4 .zt4_1 { background: #d80100; }
.zt4 .zt4_2 { background: #1caab6; }
.zt4 .zt4_3 { background: #5a9c3a; }
.zt4 .zt4_4 { background: #fdc321; }
.zt5 { text-align: center; font-size: 1.5rem; color: #f72c2c; margin: 0.5rem 0 1rem; }
.zt5 a { display: inline-block; padding: 0.5rem; background: #f72c2c; color: #ffffff; font-size: 1.6rem; margin-left: 0.5rem; }
.zt6 { font-size: 1.3rem; color: #f39801; width: 24rem; margin: 1rem auto; text-align: center; }
.zt7 { width: 96%; margin: 0 auto; }
.zt7 td { color: #313131; padding: 0.5rem 0; vertical-align: middle; text-align: center; border-bottom: 1px solid #f7f0f0; }
.zt7 td.td1 { background: #f6ccae; border-right: 1px solid #ffffff; font-weight: bold; }
.zt7 td.td2 { background: #f6ba8b; color: #313131; border-right: 1px solid #ffffff; }
.zt7 td.td3 { background: #e7e4e4; }
.zt7 td.td4 { background: #f6ccae; border-right: 1px solid #ffffff; font-weight: bold; font-size: 1.1rem; }
.zt7 td.td5 { background: #f6ba8b; color: #313131; border-right: 1px solid #ffffff; font-weight: bold; font-size: 1.1rem; }
.zt7 td.td6 { background: #e7e4e4; font-weight: bold; font-size: 1.1rem; }
.zt8 { background: #5a9bd5; padding: 1rem 2%; margin: 1rem 0; }
.zt8_1 { text-align: center; font-size: 1.5rem; font-weight: bold; color: #ffffff; }
.zt8_1 span { padding: 0.2rem 0.5rem; background: #e33535; display: inline-block; margin-left: 0.5rem; }
.zt8_2 { height: 9rem; margin: 1rem auto 0; background: #ffffff; position: relative; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border: 2px dotted #ffffeb; }
.zt8_2 .zt8_2_1 { font-size: 1.25rem; font-weight: bold; padding-top: 0.8rem; padding-left: 5%; color: #044287; }
.zt8_2 p { color: #05609c; line-height: 1.8rem; padding-top: 0.5rem; padding-left: 5%; }
.zt8_2 a { position: absolute; right: 5%; top: 40%; width: 5rem; text-align: center; height: 2rem; line-height: 2rem; background: #009ac0; color: #ffffff; display: block; }
.zt8_3 { border: 2px dotted #ebf9fe; margin-top: 0.5rem; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; }
.zt8_3 .zt8_3_1 { font-size: 1.25rem; font-weight: bold; padding-top: 0.8rem; padding-left: 5%; color: #ffffff; }
.zt8_3 ul { margin-top: 0.5rem; }
.zt8_3 ul li { margin-left: 2%; width: 48%; float: left; color: #ffffff; line-height: 1.8rem; }
.zt8_3 li .zt8_3_2 { background: url(zt10.png) left top/3.6rem 2.7rem no-repeat; padding-left: 4rem; }
.zt8_3 li .zt8_3_2 span { color: #f9be0d; font-weight: bold; }
.zt8_3 li .zt8_3_3 { background: url(zt11.png) left top /3.1rem 3rem no-repeat; padding-left: 3.4rem; }
.zt8_3 li .zt8_3_3 span { color: #f9be0d; font-weight: bold; }
.zt8_3 a { width: 3.6rem; text-align: center; height: 2rem; line-height: 2rem; font-size: 0.85rem; background: #ffffff; color: #05609c; display: inline-block; margin: 0.5rem 0.2rem 0.5rem 0; }
.zt9 { color: #17aa9d; font-size: 1.3rem; text-align: center; padding:0.8rem 0px 0.4rem; }
.zt10 { margin: 1rem 0; }
.zt10 li { width: 96%; height: 4rem; line-height: 4rem; margin: 0.5rem auto; overflow: hidden; }
.zt10 li .yuan { color: #17aa9d; font-size: 1.5rem; font-weight: bold; width: 5%; float: left; }
.zt10 li .zt10_1 { margin-left: 1%; width: 90%; padding-left: 3%; padding-right: 1%; background: #dee3e3; color: #313131; height: 4rem; line-height: 4rem; float: right; display: table; }
.zt10 li .teacher, .zt10 li .con { vertical-align: middle; display: table-cell; }
.zt10 li .teacher { font-size: 1.4rem; width: 6.5rem; }
.zt10 li .con { line-height: 1; }
.zt11 { width: 80%; margin: 1rem auto; }
.zt11_1 { width: 35%; max-width: 116px; float: left; }
.zt11_1 img { width: 100%; }
.zt11_2 { width: 59%; padding: 1rem 3%; float: right; background: url(zt12_1.png) left top no-repeat, url(zt12_2.png) right bottom no-repeat; line-height: 1.8rem; }
.zt12 { padding: 0.5rem; margin-bottom: 0.5rem; }
.zt12_1 { text-align: center; font-size: 1.5rem; color: #f39801; }
.zt12_2 { width: 94.44%; margin: 1rem auto 0; }
.zt12_2 img { width: 100%; }
.zt13 { width: 97%; margin: 1rem auto; }
.zt13 li { width: 31%; float: left; margin: 0 1%; text-align: center; }
.zt13 li img { width: 100%; max-width: 215px; margin: 0 auto; display: block; }
.zt13 p { color: #313131; font-size: 0.8rem; margin-top: 0.5rem; }
.zt14 { background: #ffffff; padding: 0.5rem; margin-bottom: 0.5rem; }
.zt14_1 { text-align: center; font-size: 1.3rem; color: #f39801; padding:0.8rem 0px 0.4rem; }
.zt14_2 { width:100%; box-sizing:border-box; padding:0.6rem; text-align: center;}
.zt14_2 img { width: 100%; }
.zt15, .zt16 { width: 98%; margin: 0 auto; }
.zt15 { background: #fad2b4; margin-top: 0.5rem; }
.zt16 { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; margin-bottom:1.5rem; }
.zt16 td { border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
.zt15 th, .zt16 td { padding: 0.5rem; text-align: center; color: #313131; font-weight: normal; }
.form1_bg { background: #5a9bd5; }
.form1 { border: none; background: url(zt9_1.png) 0 0/3rem 5.5rem no-repeat, url(zt9_2.png) right bottom/3rem 5.8rem no-repeat; color: #313131; font-size: 1.1rem; padding: 1rem 0; text-align: center; position: relative; }
.form1_1 { font-size: 1.5rem; font-weight: bold; color: #ffffff; line-height: 2.5rem; width: 24rem; margin: 0 auto; text-align: left; }
.form1_2 { font-size: 1.2rem; font-weight: bold; color: #eedb22; line-height: 2rem; width: 24rem; margin: 0 auto 1rem; text-align: left; }
.form1 table { width: 90%; margin: 0 auto; }
.form1 td:nth-of-type(1) { text-align: right; width: 25%; padding-right: 5%; }
.form1 td { height: 35px; color: #fff; }
.form1 td .minput { width: 97%; height: 28px; padding-left: 3%; border: none; }
.form1 td .subbtn { display: inline-block; padding: 1rem; color: #fff; background-color: #eb6100; cursor: pointer; border: none; border-bottom: 1px solid #c47a00; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.form1 table select { width: 100%; height: 28px; padding-left: 3%; border: none; }



.pub_mid_form { background: #0a1135; overflow: hidden; box-sizing: border-box; padding: 0.3rem 0rem 0.8rem; }
.pub_mid_form h3 { text-align: center; color: #fff; font-size: 1.2rem; margin-bottom: 0.2rem; }
.pub_mid_form h3 img { width: 80%; }
.pub_mid_form dl { box-sizing: border-box; padding: 0px 0.3rem; }
.pub_mid_form dl dd { padding: 0rem 0.3rem; width: 28%; float: left; box-sizing: border-box; }
.pub_mid_form dl dd input { background: #fff; border: none; border-radius: 4px; width: 100%; padding: 0.4rem; height: 2rem; line-height: 2rem; font-size: 0.8rem; box-sizing: border-box; }
.pub_mid_form dl dt { box-sizing: border-box; width: 16%; float: right; padding: 0rem 0.3rem; }
.pub_mid_form dl dt input { width: 100%; text-align: center; background: #f60; text-align: center; color: #fff; border-radius: 4px; height: 2rem; line-height: 2rem; box-sizing: border-box; font-size: 0.8rem; font-weight: bold; }