body { font-family: 'Microsoft YaHei', sans-serif; background-color: #ffffff; }
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; }
a { text-decoration: none; }
a:active, a:hover { outline: 0; }
img { border: none; }
li { list-style: none; }
.header img, .header > div { display: inline-block; }
.header { width: 1210px; margin: 0 auto; padding: 25px 0; }
.header .logo, .header .nav { float: left; }
.header .nav { width: 790px; }
.header .nav a:hover { color: #e74c3c; }
.nav li { display: inline-block; text-align: center; width: 15.6%; font-size: 16px; font-weight: 500; position: relative; }
.nav h3 a { display: inline-block; font-size: 16px; color: #333333; line-height: 54px; transition: color 0.3s ease; }
.nav h3 a b { width: 10px; height: 10px; display: inline-block; border: solid 2px #999999; border-left: none; border-top: none; transform: rotate(45deg); vertical-align: middle; margin: -5px 0 0 8px; }
.nav img { position: absolute; top: 10px; right: 30px; }
.sub { position: absolute; width: 100%; top: 58px; left: 0; background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(12, 33, 169, 0.5); transition: all ease 0s !important; display: none; z-index: 100; }
.sub dl { padding: 10px 0; }
.sub a { display: block; text-align: center; font-size: 14px; line-height: 33px; color: #333333; transition: All 0.4s ease-in-out; }
.sub a:hover { color: #3B62FF; background: #eff6ff; }
.header .tel { display: inline-block; float: right; align-items: center; gap: 10px; font-size: 20px; font-weight: bold; color: #000000; line-height: 54px; font-weight: bold; }
.header .tel img { width: 23px; vertical-align: middle; margin-right: 10px; }
.clear { clear: both; width: 100%; }
.bannernav { background: rgba(3, 8, 27, 0.71); text-align: center; clear: both; position: relative; z-index: 99; }
.bannernav a { display: inline-block; line-height: 54px; background: #FF0F0F; color: #fff; clear: both; width: 200px; margin-right: -3px; }
.bannernav a::after { content: " "; width: 10px; height: 10px; display: inline-block; border: solid 2px #fff; border-left: none; border-top: none; transform: rotate(45deg); vertical-align: middle; margin: -5px 0 0 8px; }
.banner { clear: both; position: relative; overflow: hidden; max-width: 1920px; margin: -54px auto 0 auto; }
.banner img { width: 100%; display: block; }
.banner .swiper-slide { width: 100%; height: 100%; }
.banner .swiper-pagination { width: 100%; bottom: 38px; }
.banner .swiper-pagination-bullet { width: 13px; height: 13px; margin: 0 4px; background: #fff; }
.topnew { padding: 80px 0; background: url(../kzcwimg/topnew.png) no-repeat center center; font-weight: bold; font-size: 28px; line-height: 50px; text-align: center; }
.bnbao { width: 1210px; position: relative; margin: auto; }
.banner2 { width: 1210px; margin: auto; position: relative; overflow: hidden; }
.banner2 .swiper-slide span, .banner2 .swiper-slide span a { display: inline-block; width: 280px; height: 160px; text-align: center; font-size: 18px; background: #fff; background: url(../kzcwimg/banb.png) no-repeat center center; font-size: 28px; font-family: FZLanTingHeiS-H-GB; font-weight: 400; color: #FFFFFF; line-height: 160px; }
.bnbao .swiper-button-prev { background: url(../kzcwimg/btnleft.png) no-repeat center center; width: 22px; height: 44px; left: -50px; }
.bnbao .swiper-button-next { background: url(../kzcwimg/btnright.png) no-repeat center center; width: 22px; height: 44px; right: -50px; }
.bnbao .swiper-button-prev:after, .bnbao .swiper-button-next:after { content: " "; }
.bmlc { text-align: center; }
.bmlc img { width: 100%; max-width: 1920px; }
.bmlc2 { background: #ec5840; text-align: center; }
.bmlc2 img { width: 100%; max-width: 1206px; }
.form { background: url(../kzcwimg/formbg.png) no-repeat center center; width: 1210px; height: 740px; margin: 70px auto 100px auto; position: relative; }
.form form { display: block; padding: 57px; }
.form-title { text-align: center; color: #e74c3c; font-size: 36px; font-weight: bold; margin: 30px; font-family: Microsoft YaHei; text-decoration-line: underline; }
.form-title span { font-size: 18px; }
.form-group { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px; }
.form-item { flex: 0 0 calc(33.333% - 10px); min-width: 200px; position: relative; }
.form-item-inline { display: flex; align-items: center; gap: 8px; }
.form-label { font-size: 19px; color: #333; white-space: nowrap; flex-shrink: 0; }
.required::before { content: " *"; color: red; }
.select-container { position: relative; width: 100%; }
.select-container select { width: 100%; padding: 10px 15px; border: 2px solid #e74c3c; border-radius: 20px; font-size: 17px; background-color: #fff; appearance: none; -webkit-appearance: none; cursor: pointer; }
.select-container select:focus { outline: none; border-color: #c0392b; box-shadow: 0 0 0 2px rgba(231, 76, 54, 0.2); }
.select-container::after { content: "▼"; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); pointer-events: none; color: #e74c3c; font-size: 12px; }
.input-container { width: 100%; }
.input-container input[type="text"], .input-container input[type="tel"], .input-container input[type="date"] { width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 20px; font-size: 17px; background-color: #fff; }
.input-container input[type="text"]:focus, .input-container input[type="tel"]:focus, .input-container input[type="date"]:focus { outline: none; border-color: #e74c3c; box-shadow: 0 0 0 2px rgba(231, 76, 54, 0.2); }
.gender-container { display: flex; gap: 47px; width: 100%; }
.gender-btn { flex: 1; padding: 9px; border: 1px solid #fff; background: #fff; border-radius: 30px; text-align: center; font-size: 17px; cursor: pointer; transition: all 0.3s ease; }
.gender-btn.active { background: url(../kzcwimg/checked.png) no-repeat center center; color: white; border-color: #e74c3c; }
.gender-btn:hover:not(.active) { background-color: #f0f0f0; }
.remark-container-full { width: 100%; margin-top: 10px; }
.remark-container-full textarea { width: 1035px; padding: 10px 15px; border: 1px solid #ddd; border-radius: 100px; font-size: 17px; height: 80px; resize: none; }
.remark-container-full textarea:focus { outline: none; border-color: #e74c3c; box-shadow: 0 0 0 2px rgba(231, 76, 54, 0.2); }
.checkbox-container { display: flex; align-items: center; justify-content: center; margin: 40px 0; font-size: 14px; color: #333; }
.checkbox-container input[type="checkbox"] { margin-right: 5px; width: 16px; height: 16px; accent-color: #e74c3c; }
.checkbox-container a { color: #e74c3c; text-decoration: underline; cursor: pointer; }
.btn-container { display: flex; justify-content: center; gap: 20px; margin-top: 20px; }
.submit-btn { width: 442px; height: 69px; background-color: #e74c3c; color: white; border: none; border-radius: 50px; font-size: 30px; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; }
.submit-btn:hover { background-color: #c0392b; }
.reset-btn { background-color: transparent; color: #e74c3c; font-size: 14px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 5px; }
.footer { background: url(../kzcwimg/footerb.png) no-repeat center center; background-size: cover; color: #fff; padding: 20px 0; }
.footer .fcentent { width: 1210px; margin: auto; }
.footer .fcentent .fleft, .footer .fcentent .fright { display: inline-block; }
.footer .fcentent .fright { text-align: right; float: right; padding-top: 20px; }
.footer .fcentent .fright .er { padding-top: 30px; }
.footer .fleft ul li { display: inline-block; width: 197px; text-align: center; color: #fff; margin: 20px 20px 20px 0; }
.footer .fleft ul li a { color: #fff; }
.footer .fleft ul li span, .footer .fleft ul li p { display: block; padding: 10px 0; border-radius: 10px; }
.footer .fleft ul li p { background: linear-gradient(0deg, #FD4522 0%, #E90814 100%); }
.schoollist { width: 1210px; margin: auto; padding: 50px 0; }
.schoollist .top { border-bottom: 1px solid #DDDDDD; padding: 10px 0; }
.schoollist .top .div { font-size: 32px; float: left; }
.schoollist .top .div span { color: #999999; font-size: 20px; }
.schoollist .top .tnav ul li { display: inline-block; padding: 0 10px; border-right: solid 2px #222222; cursor: pointer; }
.schoollist .top .tnav ul li:last-child { border-right: solid 0 #222222; }
.schoollist .top .tnav { color: #222222; font-size: 20px; float: right; }
.schoollist .top .active, .schoollist .top .tnav ul li:hover { color: #FF263E; font-weight: bold; }
#cpjsupdates { clear: both; padding: 20px 0; }
.cpjs ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
#cpjsupdates ul li { width: 48%; min-width: 0; display: flex; align-items: center; box-sizing: border-box; padding: 10px; }
.cpjs h3 { margin: 0 0 8px 0; font-size: 16px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; }
#cpjsupdates .img { display: inline-block; width: 165px; height: 116px; overflow: hidden; text-align: center; }
#cpjsupdates .img img { max-height: 116px; flex-shrink: 0; margin-right: 15px; }
#cpjsupdates .text { display: inline-block; padding-left: 15px; flex: 1; overflow: hidden; }
#cpjsupdates .text p { margin: 0 0 10px 0; font-size: 14px; color: #666; line-height: 1.5; }
.cpjs p span { color: #FF263E; font-weight: bold; }
.cpjs dl a { display: inline-block; padding: 5px 10px; font-size: 12px; text-decoration: none; border-radius: 4px; transition: all 0.3s ease; }
.cpjs dl a:first-child { background-color: #2B8CD3; color: white; margin-right: 5px; }
.cpjs dl a:first-child:hover { background-color: #0056b3; }
.cpjs dl a:last-child { background: #EF490A; color: white; }
.cpjs dl a:last-child:hover { background-color: #cf410b; }
.masklayer { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); display: none; }
.inforYs { position: absolute; padding: 30px; background: #fff; height: 600px; width: 740px; left: 50%; margin-left: -400px; top: 50%; margin-top: -400px; z-index: 199; overflow: auto; }
.alert { text-align: center; color: red; align-items: center; display: none; justify-content: center; font-size: 30px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-shadow: 0 0 20px #0000002b; border-radius: 20px; }