/* CSS  */
/*  */
@font-face{ font-family: FZHZGBJW;src: url('../font/FZHZGBJW.TTF');}
/* CSS  */
/* 方正兰亭粗黑简  */
@font-face {font-family: FZLTCHGBK;src: url('https://files.offcn.com/font/FZLTCHGBK.TTF');}
/* 方正兰亭黑简  */
@font-face {font-family: FZLTHGBK;src: url('https://files.offcn.com/font/FZLTHGBK.TTF');}
* {margin:0;padding:0;outline:none;list-style:none;text-decoration:none;font-family: FZLTHGBK;box-sizing: border-box;}
body,html {color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #eff5ff;font-family: FZLTHGBK;position: relative;font-size: 14px;}
body{min-width: 320px;overflow-x: hidden;}
img{border:none;max-width: 100%;vertical-align: top; }
input, textarea ,select{border:none;background:none;cursor:pointer;vertical-align:middle;font-family: FZLTHGBK;  }
select {border:inherit;background: inherit; }
em, i {font-style:normal;  }
a{color: #000;text-decoration: none;}
a:focus, input, select {outline:none;}
.clearfix {*zoom:1; clear: both; }
.clearfix:after {content:"\200B"; display: block;clear: both;height: 0;  }
/* header-PC */
.conWrap{width: 1200px;margin: 0 auto;}
.header-pc{width: 100%;background: #333;height: 90px;}
.header-pc .headWrap{display: flex;justify-content: space-between;align-items: center;height: 100%;width:1036px;margin: 0 auto;}
.header-pc .headWrap div a{display: block;font-size: 16px;margin-top:-18px;}
.header-pc .headWrap ul{display: flex;align-items: center; font-size: 20px;color: #fff;border-left: 1px solid #fff;padding: 1% 0;}
.header-pc .headWrap ul li{margin-left: 36px;cursor: pointer;}
.header-pc .goback{font-size: 20px;color: #fff;}
/* header-WAP */
.header-wap{display: none;}
.header-wap{height: .6rem;background:#fff;padding: 0.05rem .2rem 0;overflow: hidden;width: 100%;}
.header-wap .logo{display: block;float: left;width: 1.72rem;position: relative;top: .05rem;}
.headTel{display: block;float: right;padding-left: .32rem;color: #333;height: .5rem;line-height: .6rem;font-weight: bold;background: url(http://www.kaoyan365.cn/statics/images/ztimages//headTel.png) no-repeat left 0.16rem;background-size: .2rem auto;font-size: 0.2rem;}
/* banner */
.banner{width: 100%;height:630px; background: url(../images/banner2.jpg) no-repeat top center;}
.banner div{text-align: center;padding-top: 7%;}
.banner h2{font-family: FZHZGBJW;color: #f4f6ff;text-shadow: 0px 8px 8px #3b59fd;font-size: 94px;letter-spacing:6px;padding-top:4%;opacity: 0;transition: 0.5s;position: relative;top: 10px;}


.banner h2 span{font-family: FZHZGBJW;}
.banner-wap{display: none;text-align: center;margin-bottom: 0.4rem;}
.banner-wap{width: 100%;height: 4.5rem;background: url(../images/banner4.png) no-repeat;background-size: 100% 100%;}
.banner-wap img{width: 4.9rem;margin: 1.1rem 0 0.4rem;}
.banner-wap h2{font-family: FZHZGBJW;color: #f4f6ff;text-shadow: 0px 0.08rem 0.08rem #3b59fd;font-size: 0.56rem;letter-spacing:0.02rem;}
.banner-wap h2 span{font-family: FZHZGBJW;}
.midCon{background: #fff;box-shadow: 0px 2px 2px 0px rgba(86,117,251,0.15);margin-top:1%;border-radius: 10px;}
.selectBox{display: flex;justify-content: space-between;width: 95%;margin: 0 auto;}
.selectBox .select-part{width: 24.5%;height: 48px;border: 1px solid #567aff;border-radius: 6px;margin: 4% 0 3%;display: flex;align-items: center;}
.selectBox .select-part img{margin-left: 5%;}
.selectBox .select-part select,
.selectBox .select-part #school{height: 100%;border: none;padding-left: 5%;font-size: 20px;color: #999;-webkit-appearance: none;background: url(../images/arrow.png) no-repeat 92% center;width: 84%;}
.selectBox .select-part select option{width: 100%;padding: 2px;}
.selectBox .select-part #school{background: none;}

.selectBox div.posInput{position: relative;}
.selectBox div.posInput .before1{width: 100%;background: #fff;border-radius: 10px;position: absolute;left: 0;top: 54px;display: none;z-index: 2;padding: 10px;box-shadow: 0px 2px 10px 0px rgba(86,117,251,0.2);padding-bottom: 14%;}
.selectBox div.posInput .before1 p{font-size: 16px;color: #333;padding: 5px;}
.selectBox div.posInput .before1::before{content: "更多院校请手动输入";position: absolute;bottom: 4%;left: 15px;font-size: 16px;color: #3b59fd;}
.selectBox div.posInput .before2{height: 220px;overflow-x: hidden;padding-bottom: 0;}
.selectBox div.posInput .before2::before{display: none;}

.selectBox div.posInput #school_name p:hover{background: blanchedalmond;}





#selectBtn{width: 15.1%;height: 50px;background: linear-gradient(to bottom, #5d82fb, #2e5aff);background-size: 100%;border-radius: 50px;color: #fff;font-size: 20px;margin: 4% 0;}
.bot{font-size:16px;color: #424242;line-height: 30px;width: 95%;margin: 0 auto;padding-bottom: 4%;text-align: justify;}
.bot img{margin-top: 0.8%;}
.part2 {text-align: center;background: url(../images/bg2.png) no-repeat bottom center;padding-bottom: 3%;}
.part2 i{font-size: 74px;color: #e2edff;display: block;font-weight: bold;padding-top: 4%;}
.part2 h2{margin-top: -2.6%;margin-bottom: 3.2%;}
.part2 h2 b{font-size: 42px;color: #333;position: relative;}
.part2 h2 span{color: #485ef6;}
.part2 h2 b::before{content: "";background: url(../images/icon2.png) no-repeat; position: absolute;left: -17%;top: 24%;background-size: 100% 100%;width: 13.4%;height: 48%;}
.part2 h2 b::after{content: "";background: url(../images/icon2.png) no-repeat; position: absolute;right: -17%;top: 24%;background-size: 100% 100%;width: 13.4%;height: 48%;transform: rotate(-180deg);}
.part2 .conBox{background: #fff;box-shadow: 0px 2px 2px 0px rgba(86,117,251,0.15);border-radius: 10px;}
.part2 ul{width: 93.4%;padding: 3% 0;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.part2 ul li{width: 30%;height: 262px;position: relative;}
.part2 ul li i{width: 90%;height: 94%;position: absolute;left: 0;top: 0;background: #eef5ff;border-radius: 20px;}
.part2 ul li h3{width: 90%;height: 94%;background: #5e82fc;position: absolute;right: 0;bottom: 0;border-radius: 10px 10px 30px 10px;text-align: center;}
.part2 ul li img{width: 46.3%;height: auto;margin-top:7%;}
.part2 ul li p{font-size: 16px;color: #fff;font-weight: normal;line-height: 30px;padding: 3% 1%;}
.conBox2{display: none;padding: 5% 0 1%;}
.conBox2 div{width: 90%;background: #5e82fb;border-radius: 10px 10px 30px 10px;margin: 0 auto;display: flex;align-items: center; padding: 2% 0;margin-bottom: 5%;}
.conBox2 div > *{float: left;}
.conBox2 div img{margin-left: 6%;width: 100px;}
.conBox2 div p{text-align: left;color: #fff;font-size: 18px;line-height: 32px;margin-left: 6%;}
.fixRight{width: 104px;height: 296px;position: fixed;left: 10px;top:40%;background: #ffc54e;border-radius: 10px 10px 80px 80px;}
.fixRight li a{display: block;color: #333;}
.fixRight li{width: 78.4%;background: url(../images/line.png) no-repeat bottom center;text-align: center;margin: 14% auto;padding-bottom: 10px;position: relative;}
.fixRight li span{display: block; width: 39px;height: 34px;margin: 0 auto;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fixRight li:nth-child(1) span{background: url(../images/min01.png) no-repeat;}
.fixRight li:nth-child(2) span{background: url(../images/min02.png) no-repeat;}
.fixRight li:nth-child(3) span{background: url(../images/min03.png) no-repeat;}
.fixRight li:nth-child(1):hover span{background: url(../images/min1.png) no-repeat;}
.fixRight li:nth-child(2):hover span{background: url(../images/min2.png) no-repeat;}
.fixRight li:nth-child(3):hover span{background: url(../images/min3.png) no-repeat;}
.fixRight li a:hover{color: #ff6600;}
.fixRight li p{margin-top: 10%;}
.fixRight li.last{background: none;}
.fixRight .close{position: absolute;top: -40px;right: 10px;cursor: pointer;}
.fixRight li:nth-child(2) img{position: absolute;right: -98px;top: -13px;transform: rotateX(90deg);width: 100px;}
.fixRight li:nth-child(2):hover img{-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;transform: rotateY(0);}
.footer-wap{display: none;overflow: hidden;position: fixed;bottom: 0;width: 100%;z-index:999999;}    
.footer-wap a{display: block;float: left;width: 50%;text-align: center;height: .68rem;line-height: .68rem;}    
.footer-wap a em{color: #fff;padding-left: .5rem;background: no-repeat left center;background-size: contain;}    
.footerTel{background: #1b1b1b;}    
.footerTel em{background-image: url(http://www.kaoyan365.cn/statics/images/ztimages//footerTel.png);}    
.footerOnline{background: #f20202;}    
.footerOnline em{background-image: url(http://www.kaoyan365.cn/statics/images/ztimages//footeronline.png);} 
.loginForm{width: 100%;height: 100%;position: fixed;left: 0;top: 0;text-align: center;display: none;}
.loginForm i{position: absolute;left: 0;top: 0;background: #000;opacity: .6;width: 100%;height: 100%;}
.loginForm .formWrap{width: 550px;height: 408px;position: absolute;left: 50%;margin-left: -275px;top:34%;background: #fff;border-radius: 10px;position: relative;padding-top: 1px;}
.loginForm .formWrap .off{background: url(../images/off.png) no-repeat;width: 33px;height: 33px;position: absolute;right: 0; top: -48px;cursor: pointer;}
.loginForm h2{margin: 8% 0;}
.loginForm h2 b{position: relative;font-size: 26px;color: #4a70ff;font-weight: bold;}
.loginForm h2 b::before{content: "";position: absolute;left: -36%;top:14%;background: url(../images/line2.png) no-repeat;width: 66px;height: 21px;}
.loginForm h2 b::after{content: "";position: absolute;right: -36%;top:14%;background: url(../images/line2.png) no-repeat;width: 66px;height: 21px;transform: rotate(180deg);}
.part-form{width: 72.5%;height: 56.3%;margin: 0 auto;}
.part-form .input-bg{width: 100%;height: 22%;border-radius: 50px;background: #eff5ff;margin-bottom: 6%;display: flex;align-items: center;}
.part-form .input-bg2{position: relative;}
.part-form  img{margin-left: 24px;}
.part-form input{width: 87%;height: 100%; font-size: 16px;color: #999;padding-left: 20px;}
.part-form .button-yzm-btn{width: 118px;height: 32px;line-height: 32px; border: 1px solid #5378ff;border-radius: 50px;position: absolute;right: 8px;top: 9px;cursor: pointer;color: #4a70ff;}
.part-form .form_countdown{display: none;}
.part-form .form_submit{width: 100%;height: 50px;background: #2e5bff;color: #fff;font-size: 20px;line-height: 50px;border: none;border-radius: 10px;margin-top: 8%;cursor: pointer;}


.midCon .resBox2{font-size: 16px;color: #333;text-align: center;display: none;}
.midCon .resBox2 p{margin: 0.3rem 0;}

.midCon .resBox{width: 95%;margin: 0 auto;text-align: center;display: none;}
.midCon .restitle h3 b{font-size: 26px;color: #4a70ff;position: relative;}
.midCon .restitle h3 b::before{content: "";background: url(../images/icon7.png) no-repeat;width: 58px;height: 26px;position: absolute;left: -78px;top: 1px;}
.midCon .restitle h3 b::after{content: "";background: url(../images/icon7.png) no-repeat;width: 58px;height: 26px;position: absolute;right: -78px;top: 1px;transform: rotate(180deg);}
.midCon .resBox .tableBox{width: 100%;border: 1px solid #4970ff;margin: 28px 0;border-radius: 10px;overflow: hidden;}
.midCon .resBox .tableBox table{width: 100%;}
.midCon .resBox .tableBox table th{background: #4970ff;font-size: 20px;color: #fff;border-right: 1px solid #fff;}
.midCon .resBox .tableBox table td{border-right: 1px solid #4970ff;border-top: 1px solid #4970ff;font-size: 16px;color: #666;}
.midCon .resBox .tableBox table th,.midCon .resBox .tableBox table td{height: 50px;padding: 10px 6px;}
.midCon .resBox .tableBox table .born{border-right: none;width: 476px;}
.midCon .resBox .tableBox table a{text-decoration: underline;color: #4970ff;width: 406px;overflow: hidden;display: block;margin: 0 auto;white-space: nowrap;text-overflow:ellipsis;height: 20px;}
.midCon .resBox .tableBox table th.wid{width: 198px;}
.midCon .resBox .tableBox table th.wid2{width: 260px;}
.midCon .resBox .more{background: url(../images/more.png) no-repeat;background-size:100% 100%;width:24px;height:24px;margin: 0 auto 28px;cursor: pointer;}



@media only screen and (max-width: 1366px) {
	.banner{height:580px;background-size: cover;}
	.banner img{width: 580px;}
	.banner h2{font-size: 82px;}
	.part2 h2{margin-top: -3.5%;}
	.part2{background-size: 100% 42%;}
}
@media only screen and (max-width: 1176px) {
	.banner{height:500px;}
	.banner img{width: 476px;}
	.banner h2{font-size: 72px;}	
	.conWrap{width: 1000px;}
	.selectBox .select-part{height: 42px;}
	.selectBox .select-part img{width: 20px;}
	#selectBtn{height: 42px;margin: 4% 0 3%;}	
	.part2 h2{margin-top: -4.3%;}
	
	.selectBox div.posInput #school_name::before{bottom: 3%;}
	
}
@media only screen and (max-width: 1024px) {	
	.conWrap{width: 900px;}
	.selectBox .select-part{height: 42px;}
	.selectBox .select-part img{width: 20px;}
	#selectBtn{height: 42px;margin: 4% 0 3%;}
	.fixRight{display: none;}
	.selectBox div.posInput #school_name{padding-bottom: 16%;}
}
@media only screen and (max-width: 1100px) {
	.header-pc .headWrap{width: 958px;}
	.header-pc .headWrap ul{font-size: 19px;}
	.header-pc .headWrap img{width: 169px;}
}
@media only screen and (max-width: 950px) {
	.part2 h2{margin-top: -5.4%;}
	.part2 ul li{height: 220px;}
	.part2 i{font-size: 72px;}
	.part2 h2 b{font-size: 41px;}
	.part2 h2 b::before,.part2 h2 b::after{width: 10%;height: 46%;}
	.part2 h2 b::before{left: -12%;}
	.part2 h2 b::after{right: -12%;}
	.part2{margin-bottom: .68rem;;}
	.offcn_copyright{display: none;}
	.footer-wap{display: block;}
}
@media only screen and (max-width: 980px) {
	.header-pc{display: none;}
	.header-wap{display: block;}	
	.banner{height:426px;}
	.banner img{width: 432px;}
	.banner h2{font-size: 62px;}
}
@media only screen and (max-width: 924px) {
	.conWrap{width: 800px;}
}
@media only screen and (max-width: 800px) {	
	.banner{display: none;}
	.banner-wap{display: block;}	
	.conWrap{width: 7.1rem;}
	.selectBox{flex-wrap: wrap;margin-bottom: 0.3rem;}
	.selectBox .select-part{height: 0.6rem;width: 49%;margin: 0.3rem 0px 0px 0px;box-shadow: 0px 0.02rem 0.04rem 0px rgba(86,117,251,0.15);}
	
	.selectBox .select-part select,.selectBox .select-part #school{font-size: 0.22rem;}
	
	#selectBtn{height: 0.6rem;line-height: 0.6rem;font-size: 0.24rem;width: 47%;margin: 0.3rem 0 0;}
	
	.selectBox .select-part img{width: 0.2rem;}	
	.conBox1{display: none;}
	.conBox2{display: block;}	
	.part2 i{font-size: 70px;}
	.part2 h2 b{font-size: 38px;}
	.part2 h2{margin-bottom: 7%;}	
	
	.midCon .resBox .tableBox{margin: 0.3rem 0;}
	.midCon .resBox .tableBox table th{font-size: 0.24rem;}
	.midCon .resBox .tableBox table td{font-size: 0.22rem;}
	.midCon .resBox .tableBox table .born{width: 4rem;}
	.midCon .resBox .tableBox table th.wid{width: 1.98rem;}
	.midCon .resBox .tableBox table th.wid2{width: 3.6rem;}
	.midCon .resBox .tableBox table a{width: 3rem;height: 0.24rem;}
	.midCon .resBox .tableBox table th, .midCon .resBox .tableBox table td{height: 0.5rem;padding: 0.3rem 0;}
	
	.midCon .restitle h3{margin-top: 0.4rem;}	
	.midCon .restitle h3 b{font-size:0.26rem;}
	.midCon .restitle h3 b::before{width: 0.58rem;height:0.26rem;left: -0.78rem;top: 0.01rem;background-size: 100% 100%;}
	.midCon .restitle h3 b::after{width: 0.58rem;height:0.26rem;right: -0.78rem;top:0.01remx;background-size: 100% 100%;}
	
	.conBox2 div p{font-size: 0.22rem;}
	.conBox2 div img{width: 1.3rem;}
	
	.selectBox div.posInput #school_name{top: 0.7rem;}
	.midCon .resBox .more{width: 0.24rem;height: 0.24rem;margin-bottom: 0.28rem;}
	.bot{font-size: 0.2rem;}
	
	.selectBox div.posInput #school_name{padding-bottom: 0.34rem;}
	.selectBox div.posInput #school_name::before{bottom: 0.1rem;}
	
	
}
@media only screen and (max-width: 680px){
	.part2 h2{margin-top: -6%;}
	.part2 h2 b::before,.part2 h2 b::after{display: none;}	
	.part2 i{font-size: 64px;}
	.part2 h2 b{font-size: 36px;}	
	.loginForm .formWrap{width:5.5rem;height: 4.1rem;margin-left: -2.75rem;border-radius: 0.1rem;}
	.loginForm h2{margin: 0.4rem 0;}
	.loginForm .formWrap .off{width:0.33rem;height: 0.33rem;top: -0.48rem;background-size: 100% 100%;}
	.loginForm h2 b{font-size: 0.28rem;color: #4a70ff;font-weight: bold;}
	.loginForm h2 b::before,.loginForm h2 b::after{width: 0.66rem;height: 0.21rem;background-size: 100% 100%;}
	.part-form{width:4.6rem;height: 2.3rem;}
	.part-form .input-bg{height: 0.66rem;margin-bottom:0.2rem;}
	.part-form img{margin-left: 0.24rem;width: 0.28rem;height: 0.28rem;}
	.part-form input{width:3.46rem;font-size: 0.22rem;padding-left: 0.2rem;}
	.part-form .button-yzm-btn{width: 1.58rem;height: 0.46rem;line-height: 0.46rem;right: 0.08rem;top: 0.1rem;font-size: 0.22rem;}
	.part-form .form_submit{height: 0.5rem;font-size:0.22rem;line-height:0.5rem;border-radius: 0.1rem;margin-top:0.2rem;}	
	.bot{font-size: 0.22rem;line-height: 0.36rem;margin-top: 0.3rem;}
	.bot img{width: 0.4rem;margin-top: 0.08rem;}	
}

@media only screen and (max-width: 580px){
	.part2 i{font-size: 60px;}
	.part2 h2 b{font-size: 34px;}
}
@media only screen and (max-width:546px) { 
	.part2 i{font-size: 58px;}
	.part2 h2 b{font-size: 31px;}
}
@media only screen and (max-width: 530px){
	.conWrap{width: 6.8rem;padding-bottom: 0.2rem;}
	.selectBox{padding-top: 0.3rem;}
	.selectBox .select-part{width: 94.5%;height: 0.8rem;margin: 0.2rem auto;box-shadow: 0px 0.02rem 0.6rem 0px rgba(86,117,251,0.15);}
	.selectBox .select-part img{width: 0.28rem;}
	.selectBox .select-part select,.selectBox .select-part #school{font-size: 0.3rem;color: #999;}	
	#selectBtn {width: 53%;height: 0.8rem;line-height: 0.8rem;margin: 0.2rem auto 0;font-size: 0.32rem;}	
	.selectBox div.posInput #school_name{top: 0.9rem;}
	.selectBox div.posInput #school_name p{font-size: 0.26rem;}
	
	
	.midCon .resBox2{font-size: 0.26rem;}
	.midCon .resBox2 p{margin: 0.3rem 0;}
	.midCon .restitle h3 b{font-size:0.34rem;}
	.midCon .restitle h3 b::before{width: 0.78rem;height:0.34rem;left: -0.88rem;top: 0.03rem;background-size: 100% 100%;}
	.midCon .restitle h3 b::after{width: 0.78rem;height:0.34rem;right: -0.88rem;top:0.03remx;background-size: 100% 100%;} 
	.bot{font-size: 0.26rem;}
	.midCon .resBox .tableBox table a{height: 0.26rem;white-space: normal;height: auto;}
	.midCon .resBox .tableBox table th{font-size: 0.28rem;}
	.midCon .resBox .tableBox table td{font-size: 0.26rem;}
	.midCon .resBox .tableBox table th, .midCon .resBox .tableBox table td{padding: 0.3rem 0;}
	.midCon .resBox .tableBox table th.wid{width: 1.4rem;}
	.midCon .resBox .tableBox table th.wid3{width: 1.8rem;}
	
	.conBox2 div p{font-size: 0.28rem;}
	.conBox2 div img{width: 1.6rem;}
	
	.selectBox div.posInput #school_name{padding-bottom: 0.54rem;}
	.selectBox div.posInput #school_name::before{bottom: 0.18rem;font-size: 0.26rem;}
}
@media only screen and (max-width: 500px){
	.part2 i{font-size: 44px;}
	.part2 h2 b{font-size: 30px;}
}
@media only screen and (max-width:476px){
	.part2 i{font-size: 40px;}
	.part2 h2 b{font-size: 26px;}
}
@media only screen and (max-width:430px) {
	.part2 i{font-size: 36px;}
	.part2 h2 b{font-size: 23px;}
	.loginForm .formWrap{width:6.5rem;height:5.4rem;margin-left: -3.25rem;}
	.loginForm h2 b{font-size: 0.42rem;}
	.loginForm h2 b::before,.loginForm h2 b::after{width: 0.86rem;height: 0.32rem;background-size: 100% 100%;}
	.part-form input{font-size: 0.32rem;}
	.part-form .input-bg{height: 0.86rem;margin-bottom:0.4rem;}
	.part-form img{margin-left: 0.24rem;width: 0.32rem;height: 0.32rem;}
	.part-form .button-yzm-btn{width: 1.9rem;height: 0.52rem;line-height: 0.52rem;right: 0.12rem;top: 0.16rem;font-size: 0.3rem;}
	.part-form{width: 5.2rem;}
	.part-form .form_submit{height: 0.8rem;font-size:0.32rem;border-radius: 0.1rem;font-weight: bold;}
		
}
@media only screen and (max-width:370px) { 
	.part2 i{font-size: 32px;}
	.part2 h2 b{font-size: 20px;}	
}
input::-webkit-input-placeholder{
            color:#999;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#999;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#999;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#999;}