@charset "utf-8";

/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0}
body{background:url(../images/login-bg.png) 50% 0 no-repeat;background-size:100% 100%;color:#333;font-family:"微软雅黑",Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;}
address,caption,cite,code,dfn,em,i,th,var,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
a,fieldset,img{border:0;}
img{vertical-align:middle;}
ul,dl{display:block;}
li{list-style-type:none;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}/*去掉苹果的默认UI来渲染按钮*/
a{outline:none;text-decoration:none;}
a:hover{text-decoration:underline;}

/* A HREF 默认样式 */
a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#0B69BE;}
a:active{color:#333;}

/* Top */
.top{background:#E3E3E3;color:#A1A1A1;width:100%;}
.top span{height:28px;line-height:28px;}
.top a{color:#A1A1A1;padding:0 8px 0 30px;}
.top a.home{background:url(../images/Ico.png) -178px 1px no-repeat;}
.top a.fav{background:url(../images/Ico.png) -178px -28px no-repeat;}
.top a.contact{background:url(../images/Ico.png) -178px -64px no-repeat;}

/* Header */
.header{margin:50px auto 45px;width:100%;position:relative;}
.header h1{overflow:hidden;}
.header .hot-line{background:url(../images/Ico.png) -185px -180px no-repeat;color:#FFF;font-size:20px;height:30px;line-height:30px;padding:0 10px 0 25px;position:absolute;top:12px;right:0;z-index:9;/**/-webkit-text-shadow:-1px 0 2px #0B69BE,1px 0 2px #0B69BE,0 -1px 2px #0B69BE,0 1px 2px #0B69BE;-o-text-shadow:-1px 0 2px #0B69BE,1px 0 2px #0B69BE,0 -1px 2px #0B69BE,0 1px 2px #0B69BE;-moz-text-shadow:-1px 0 2px #0B69BE,1px 0 2px #0B69BE,0 -1px 2px #0B69BE,0 1px 2px #0B69BE;text-shadow:-1px 0 2px #0B69BE,1px 0 2px #0B69BE,0 -1px 2px #0B69BE,0 1px 2px #0B69BE;}
.header .hot-line i{font-style:italic;}

/* Nav */
.nav{background:url(../images/Index-02.png) 0 0 repeat-x;height:30px;line-height:30px;width:100%;}
.nav ul li{display:inline;float:left;margin-right:10px;}
.nav ul li:hover,.nav ul li.current{background:url(../images/Index-02.png) 0 -40px repeat-x;}
.nav ul li a{display:block;color:#FFF;font-size:16px;padding:0 30px;text-decoration:none;}

/* Banner */
.banner{height:328px;width:90%;position:relative;z-index:9;}

#animateBox{overflow:hidden;} 
#animateBox .playPic{height:328px;position:absolute;top:0;left:0;z-index:99;}
#animateBox .playPic li{float:left;height:328px;overflow:hidden;position:relative;}
#animateBox .playPic li .txt-bg{background:#000;height:42px;width:100%;position:absolute;bottom:0;left:0;z-index:1;}
#animateBox .playPic li h4{height:42px;line-height:42px;text-indent:1em;width:100%;position:absolute;bottom:0;left:0;z-index:2;}
#animateBox .playPic li a{color:#FFF;}
#animateBox .optionBtn{height:40px;text-align:right;position:absolute;bottom:0;right:0;z-index:200;}
#animateBox .optionBtn span{background:#FFF;cursor:pointer;display:inline-block;height:6px;width:6px;margin-top:17px;margin-right:5px;/**/-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/* News */
.news{background:#EFEFEF;padding:0px 5px 5px 5px;}
.news ul li{ background:url(../images/Index-03.png) 2px 13px no-repeat;float:left;line-height:30px;width:100%;}
.news ul li a{display:block;height:30px;margin-right:100px;margin-left:15px;}
.news ul li span{display:block;float:right;height:30px;margin-top:-30px;}

/* 招生 */
.enrollment .item{color:#FFF;float:left;height:70px;margin-left:36px;width:223px;}
.enrollment .item:first-child{margin-left:0;}
.enrollment .item a{color:#FFF;text-decoration:none;}
.enrollment .item h3{height:24px;line-height:24px;margin-top:20px;}
.enrollment .item h3,.enrollment .item p{padding-left:15px;}
.enrollment .policy{background:url(../images/Index-04.png) 0 0 no-repeat;}
.enrollment .lot{background:url(../images/Index-04.png) 0 -70px no-repeat;}
.enrollment .guidance{background:url(../images/Index-04.png) 0 -140px no-repeat;}
.enrollment .results{background:url(../images/Index-04.png) 0 -210px no-repeat;}

/* 登录 */
.login-bg{background:#000;height:200px;margin-left:-140px;width:280px;position:absolute;top:45px;left:80%;z-index:100;filter:alpha(Opacity=50);-moz-opacity:0.2;-o-opacity:0.2;-webkit-opacity:0.2;opacity:0.5;}
.login{
    width:40%;
    height: 500px;
    float:left;
    box-sizing:border-box;
    padding:0 25px;
}
.container-box{
    overflow:hidden;
}

input,select{background:#FFF;border:0;display:block;font-family:"微软雅黑";font-size:12px;outline:none;}

.form-group input,.form-group select{color:#000000;height:30px;line-height:30px;}
.form-group label{color:#000000;display:inline-block;height:30px;line-height:30px;}
.form-group{background:#FFF;margin-top:15px;padding:0 15px;}
.help{color:#FFF;line-height:30px;margin-top:10px;text-align:center;}

.login .form-group label{}
.login .form-group .form-control{width:168px;}

.button{margin-top:20px;text-align:center;}
.button a,.button input[type="button"]{color:#000000;cursor:pointer;display:inline-block;font-size:14px;height:30px;line-height:30px;padding:0 28px;text-decoration:none;}
.button a:hover,.button input[type="button"]:hover,.button a.hover,.button input[type="button"].hover{background:#9d080d;}

/* 注册 */
.reg-bg{height:240px;margin-left:-315px;width:630px;position:absolute;left:50%;z-index:100;filter:alpha(Opacity=50);-moz-opacity:0.2;-o-opacity:0.2;-webkit-opacity:0.2;opacity:0.5;}
.reg{height:250px;margin-left:-315px;width:630px;position:absolute;top:20px;left:50%;z-index:101;}

.reg .form-group{margin:15px 15px 0;width:255px;}
.reg .form-group .form-control{width:168px;}
.reg .form-group .other{width:192px;}
.reg .help{margin:15px 15px 0;}
.reg .button a,.reg .button input[type="submit"]{margin:0 20px;}

/* 学生基本信息 */
h3{font-weight:bold;height:40px;line-height:40px;}
.pub-container{overflow:hidden;background:#EFEFEF;border:1px solid #D4D4D4;padding:20px 15px;-webkit-border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.info-form-group{display:inline-block;}
.info-form-group input{border:1px solid #D4D4D4;color:#666;height:28px;line-height:28px;padding:0 10px;/**/-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.info-form-group select{border:1px solid #D4D4D4;color:#666;height:28px;line-height:28px;padding:0 10px;/**/-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.info-form-group label{color:#666;display:inline-block;font-size:14px;height:30px;line-height:30px;padding-right:10px;}

.checked{position:relative;font-size:14px;height:30px;line-height:30px;padding:0 20px;}
.checked input[type="checkbox"]{position:absolute;top:10px;left:0;z-index:9;}

/*新闻内容*/
.news_title{background:#EFEFEF;padding:5px 10px;text-align:center;font-size:18px;line-height:22px;}
.news_auth{background:#EFEFEF;padding:5px 0px;text-align:center;font-size:13px;line-height:12px;}
.news_content{background:#EFEFEF;padding:15px 20px;min-height:350px;}

.w120{width:120px;}
.w350{width:350px;}
.w552{width:552px;}
.w584{width:584px;}

.mid-01{margin-left:130px;}
.mid-01 input,.mid-02 input,.w270{width:270px;}
.mid-02{margin-left:110px;}
.mid-03{margin-left:120px;}

.zytb{border:0;width:100%;}
.zytb td{font-size:14px;line-height:30px;padding:10px 0;}
.zytb .normal{width:180px;}
.zytb .red{color:#F00;}

.result{border:0;width:100%;}
.result td{font-size:14px;padding:2px 5px;}

.result-info{border-top:1px solid #D4D4D4;border-right:1px solid #D4D4D4;background:#FFF;width:100%;}
.result-info th{font-weight:bold;}
.result-info th,.result-info td{border-bottom:1px solid #D4D4D4;border-left:1px solid #D4D4D4;font-size:12px;padding:3px 5px;text-align:center;}

/* Footer */
.footer{ color:#666;padding:20px 0;text-align:center;width:100%;}
.footer .container{min-height:48px;position:relative;}
.footer .container .img{position:absolute;top:0;right:0;z-index:9;}
.footer .container .img img{display:inline-block;height:46px;width:46px;margin:0 10px;}

/* PUBLIC */
h1{font-size:24px;}
h3{font-size:16px;}
h4{font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.container{margin:0 auto;width:1000px;}
.content{width:100%;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mt20{margin-top:20px;}
.radius{-webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.radius15{-webkit-border-radius:15px;-o-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}

.radius115{-webkit-border-radius:15px;-o-border-radius:15px;-moz-border-radius:15px;border-radius:15px; border-radius: 50px; border: 1px solid #666;}

.bgf{background:#00FF66;}

.transition,.button a,.button input[type="submit"]{-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;}

.opacity{filter:alpha(Opacity=70);-moz-opacity:0.7;-o-opacity:0.7;-webkit-opacity:0.7;opacity:0.7;}

.clear-fix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;overflow:hidden;}
.clear-fix{*zoom:1;}

.clear-both{clear:both;display:block;height:0;visibility:hidden;overflow:hidden;}

.resetpwd-bg{background:#000;height:300px;margin-left:-140px;width:680px;position:absolute;top:45px;left:25%;z-index:100;filter:alpha(Opacity=50);-moz-opacity:0.2;-o-opacity:0.2;-webkit-opacity:0.2;opacity:0.5;}
.resetpwd{height:200px;margin-left:-140px;width:350px;padding:10px 15px;position:absolute;top:145px;left:25%;z-index:101;}
.resetpwd-title{height:200px;margin-left:-140px;width:680px;color:#ffffff;padding:10px 15px;position:absolute;top:50px;left:25%;z-index:101;}
.resetpwd .form-group label{}
.resetpwd .form-group .form-control{width:168px;}
/* 媒体查询 */
@media screen and (max-height:700px){
    .container{margin:0 auto;width:80%;}
	.header{margin:15px 0;}
	.header h1 img{width:30%;}
	.header .hot-line{top:0;font-size:14px;}
	
	.banner{height:280px;width:100%;position:relative;z-index:9;}

	#animateBox{} 
	#animateBox .playPic{height:280px;}
	#animateBox .playPic li{height:280px;}
	.mt20{margin-top:5px;}
	.mt21{margin-top:0px;}
	.form-group,.reg .form-group{margin-top:10px;}
	.button{margin-top:10px;}
	
	.login-bg,.login,.reg-bg,.reg{top:7%;}
	
}
/* 500html */
.tips{margin:80px auto 0;width:600px;}
.tips p{font-size:16px;line-height:30px;}
.tips p.img{text-align:center;margin-bottom:20px;}
.tips p.title{text-align:center;font-size:20px;margin-bottom:15px;}
.tips p.text{padding-left:100px;}
.tips a{color:#2370AD;text-decoration:underline;padding:0 8px;}
.tips a:hover{color:#C00;}


/*hzq 20250603 add*/
.login {width:45%;}
.login .form-group input{width: 100%;
    height: 56px;
    padding-inline-start: var(--input-padding);
    padding-inline-end: var(--input-height);
     width:100%;
    min-width:0;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    --input-font-size: var(--chakra-fontSizes-md);
    --input-padding: var(--chakra-space-4);
    --input-border-radius: var(--chakra-radii-md);
    --input-height: var(--chakra-sizes-10);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #ddd;
    border-radius: 50px;
    background: rgb(243, 244, 246);
    font-size: 16px;text-indent: 20px;}

.title_xt {color:#222;font-size:26px;line-height:26px; padding:40px 0 0 0; text-align: center;font-weight: bold;}
.login form {margin-top:40px; padding:0;}
.login .form-group label  {height:56px;line-height:56px;    text-indent: 5px;}
.login .button{
    margin-top:10px;
}

.login .button div{
    margin-bottom:12px;
}

.login .button a{
    display:block;
    width:90%;
    margin:0 auto;
    height:56px;
    line-height:56px;
    text-align:center;
    border-radius:50px;
}

.full-main {width:80%; height:520px;  background: #fff; margin:0px auto; margin-top: 10px; border: 1px solid #ddd;}
.logo_w { margin:0 auto; text-align:center; padding:20px 0;}
.login .form-group .sfz_w { width:100% !important;box-sizing:border-box;}
.captcha-box{
    display:flex;
    align-items:center;
    gap:10px;
    flex:1;
}

.captcha-box input{
    flex:1;
    min-width:0;
}

.captcha-row{
    display:flex;
    align-items:center;
}

.captcha-row label{
    width:90px;
    flex-shrink:0;
}

.captcha-row input{
    flex:1;
    min-width:0 !important;
}

#codeImg{
    width:90px;
    height:40px;
    margin-left:10px;
    flex-shrink:0;
}
.login .form-group{
    display:flex;
    align-items:center;
    background:none;
    padding:0;
}

.login .form-group label{
    width:90px;
    flex-shrink:0;
    margin-right:10px;
    height:56px;
    line-height:56px;
}

.login .form-group .sfz_w{
    flex:1;
    width:auto !important;
}
.web_txt {text-align: center;margin-top:10px;margin-bottom: 20px;font-size: 16px;font-weight: 900;color: red;}

.body_bg {background:url(../images/web_bottom_bg1.jpg) 50% 0 no-repeat;background-size:100% 100%;}
.but_green{width:80px;height:40px; background: #1d7e06; border: none;color: #fff;}
.but_red{width:80px;height:40px;background: #bd0808;    border: none;    color: #fff;}

@media (max-width: 1600px){

	.login .form-group input{
    height:56px;
}
	
}


@media (max-width: 1500px){
	.login form {margin-top:30px; padding:0 30px;}
	.login .form-group input{ min-width: 180px;}
	.full-main {width:90%; height:600px;  background: #fff; margin:0px auto; margin-top: 10px; border: 1px solid #ddd;}
	
	.web_txt {text-align: center;margin-top:10px;margin-bottom: 10px;font-size: 14px;font-weight: 900;color: red;}

}