@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1024px) {

	/*2022/3/25*/
	.teacherDate, .todoList {
		padding: 24px 15px 0;
		margin: 0;
	}
	.schoolBox,.applicatCenter{
		margin-top: 20px;
	}
	.officeCenter{
		padding-bottom: 10px;	
	}
	.officeCenter,.applicatCenter,.announceNews{
		margin: 20px 15px 0;
	}
	.officeTitle{
		overflow:hidden;
	}
	.officeTitle h3{
		float:left;
		font-size: 18px;
		color: #222;
		padding: 25px 0 0 26px;                                                   
		align-items: center; 
	}
	.serverDl dd{
		width: auto;
	}
        
     /*2022/3/23*/
	.nav{ display:none;}
	.navMobil{ display:block;}
	

	/*2022/3/29*/
	.mobilLogo{
		position:absolute;
		left: 21px;
		top: 16px;
	}
    .mobilLogo a{
		width:280px;
		height:33px;
		display:block;
		background: url(../theme/jxvc/images/logo.png) center center no-repeat;
		background-size:100% 100%;
	}
    
	/*2022/3/30*/
    .layui-layer-setwin {
		right: 38px !important;
		*right: 0;
		top: 44px !important;
	}	


	.navMobilButton{
		width: 36px;
		height: 32px;
		background: url(../images/navMobilButton1.png) center center no-repeat;
		position: absolute;
		top: 25px;
		right: 13px;
		background-size: 75% 70%;
		z-index:200;
	 }
	.navmobilUl{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgb(195, 18, 44);
	z-index: 999;display:none;}

	/*2022/3/29*/
	.navMobilClose{ 
		width: 25px;
		height: 25px;
		background: url(../images/navMobilClose.png) center center no-repeat;
		position: absolute;
		top: 18px;
		right: 18px;
		background-size: 75% 75%;
	}
	.navUl{ 
		margin-top:57px;
		border-bottom: 1px solid #d14b5e;
	}

   /*2022/3/29*/
	.navUl li {
		margin: 0;
		line-height: 54px;
		border-bottom:1px solid #d14b5e;
	}

	/*2022/3/29*/
	.navUl li a{
		color: #fff;
		font-size: 18px;
    	padding: 0 3px;
		display:block;
		text-align:center;		
	}
    /*2022/3/29*/
	.navUl li a.navSelect{
		color:#fae29c;
	}

    .unslider-wrap.unslider-carousel li{
		display: flex;
	}
	/*网上办事大厅页面*/
	/*2022/3/24*/
	.upComeBox{
		width: 100%;
	}
	.serverUl ul {
		justify-content: space-between;
		margin: 0;
	}
	.serverUl li {
		width: 30%;
		margin: 0 0 30px;
	}

	/*应用中心*/
	/*2022/3/24*/
	.applyUl li {
		margin: 16px 0;
		width: 16.6%;
	}
	.applyUl li a{
		margin: 0 auto;
	}


	/*办事中心*/
	.officeCenter li{width: 144px; height:auto;}
	.applicatCenter li{
		width:144px;
		height:auto;
	}

	/*2022/4/2*/
	.upComeBox{
		width: auto;
		margin: 30px 15px 0;
		border-radius: 10px;
	}
	.serverCont{
		width:100%;
	}

	/*通知公告*/
	.announceBox, .schoolBox{ width:100%; float:none;}
	
		/*2021/12/30*/
	.studentNewsAll ul {
		display: flex;
		justify-content: space-around; 
		flex-flow: row wrap;
		flex-flow: column;
	}
	.studentNewsAll ul li {
		width: 100%;	
	}
	.newsUl li span{
		margin-top:2px;
	}

	.studentNewsAll li a{
		width:73%;
	}
	.studentTitle h3{
		    float: left !important;
			padding: 25px 0 0 26px !important;
	}

}

@media screen and (max-width:820px) {
    /*应用中心*/
	/*2022/3/24*/
	.applyUl li {
		margin: 16px 0;
		width: 20%;
	}
	.applyUl li a{
		margin: 0 auto;
	}

	/*网上办事大厅*/
	/*2022/3/25*/
	.serverUl li {
		width: 45.5%;
		margin: 0 0 30px;
	}

	/*首页办事中心*/
	/*2022/3/25*/
	.officeCenter ul {
		display: flex;
		flex-flow: wrap row;
		padding: 0;
	}
	.officeCenter li {
		width: 20%;
	}

}

@media screen and (max-width:768px) {
	.teacherText,.dateText{ font-size:18px;}
	.applicatCenter li { width: 121px; float: left; border-radius: 4px; margin: 10px 0px 0; overflow: hidden;}
		.officeCenter li b{ font-size:16px;}
	
	/*2022/3/23*/
	 .applicatCenter{
		padding-bottom:42px;
	 }
	 .unslider {
		padding: 0;
		height: 111px;
		margin: 0px 20px 0;
	}
	/*2022/3/24*/
	.serverTitle span{
		font-size: 26px;
	}
	.serverTop{
		flex-flow:row wrap;
	}

}

@media screen and (min-width:483px) and (max-width:705px) { 

		.officeCenter ul,.applicatCenter ul{
			display:flex;
			flex-flow: row wrap;
		}
		.officeCenter li,.applicatCenter li{
			width: 25% !important;    
		}
		.applicatCenter ul{
			align-content: flex-start;
		}
		.newsUl li a{
			width:65%;
		}

}

@media screen and (max-width:640px) {
    
	.layui-layer-iframe{
			width:420px !important;
			height:370px !important;
			left:50% !important;
			margin-left:-210px !important;
	}
    
    /*应用中心*/
	/*2022/3/24*/
	.applyUl li {
		margin: 16px 0;
		width: 33.333%;
	}
	.applyUl li a{
		width: 90%;
		margin: 0 auto;
	}
	.serverUl li {
		width: 100%;
		margin: 0 0 20px;
	}
	.c-index-banner{
		overflow-x:auto !important;
		padding-bottom: 15px;
	}
	.c-index-banner::-webkit-scrollbar {
		display: none;
    } 

	.c-index-banner ul{
		display: flex;
		width: 780% !important;
	}
	.unslider {
		margin: 0;
	}
	.unslider-wrap.unslider-carousel li{
		width: 100% !important;
	}
	.unslider-nav{
		display: none;
	}
	
	.applicatCenter {
		padding-bottom: 26px;
	}
	.applicatCenter li {
		margin: 16px 0px 0;
	}
	.applicatCenter li b {
		padding-top: 10px;
	}


	/*网上办事大厅来源部门*/
    /*2022/3/25*/
	.serverDl {
		overflow: hidden;
		margin: 0 0 10px 0;
		display: flex;
		flex-flow: row warp;
		flex-flow: wrap row;
	}
	.serverDl dd{
		width: 100%;
		float: none;
	}
	.serverDl dd a.selected {
		font-size: 14px;
		color: #d9473c;
		height: 23px;
		background: #fbeceb;
		text-align: center;
		line-height: 23px;
		border-radius: 5px;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	#typeContainer{
		padding-top: 10px;
	}
	.serverDl dd a.unselected {
		line-height: 23px;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.serverDl dt {
		line-height: 23px;
		margin-right: 15px;
		margin-bottom: 14px;
		float: none;
		width: 100%;
	}

}


@media screen and (max-width:500px) {
	.newsUl {margin: 22px 15px 0;}
	.processUl{margin: 5px 0 0 87px;}
	.announceTitle h3,.officeTitle h3 { padding: 25px 0 0 22px; }
	.announceBox,.schoolBox{ height:583px;}	

	/*2022/3/30*/
	.layui-layer-iframe{
			width:400px !important;
			height:370px !important;
			left:50% !important;
			margin-left:-200px !important;
	}

	/*2022/3/23*/
	.personImg{ 
		margin-top:15px;
	}
	.clickName { 
		margin:23px 0 0 18px
	}
	.onlineCont {
		margin: 0 20px;
	}
	
	.serverUl ul{
		margin: 0;
        flex-flow: column;
	}
	.serverUl li{
		width: auto;
		margin: 0 0 20px;
	}
	.serverRight {
		width: 70%;
	}
	/*应用中心*/
	/*2022/3/24*/
	.applyUl li {
		margin: 16px 0;
		width: 50%;
	}
	.applyUl li a{
		width: 90%;
		margin: 0 auto;
	}
    .teacherDate{
		margin: 0 15px;
	}
    .todoList{
		display: flex;
		justify-content: space-between;
	}
    	
	.teacherText, .dateText{font-size: 16px;}

	/*2022/3/25*/
	.todoUl{
		float:none;
		overflow:hidden;
	}
	.officeCenter ul{     
		padding: 0;
		display: flex;
		flex-flow: wrap row;
	}
	.officeCenter li {
		width: 25%;
		margin: 10px 0;
	}
	.officeCenter li img {
		width: 60px;
		height: 60px;
	}
		.todoUl li { margin-right: 6px; padding: 0 8px;}
	.processText a,.newsUl li a{ font-size:16px; width:60%;}


	/*2022/3/29*/
	
	.navMobilButton{
		top:83px;
	}
	.onlineSearch {
		margin-top: 15px;
	}
	.todoDate{ float:none; position: absolute; right: 15px;}
		.teacherDate, .todoList{
				margin: 0;
		 }
	.teacherText, .dateText{font-size: 16px;}

	
	/*2021/12/30*/
	.newsUl li a {
		font-size: 16px;
		width: 60%;
	}
	.newsUl li span {
		margin-top: 2px;
		margin-right: 0;
	}

	/*2022/4/1*/
	.tipsText {
		height: auto !important; 
		line-height: 21px !important;
		padding: 5px 0 !important;
	}
	.layui-form-item .layui-form-label{
		display:none !important;
	}

}

@media screen and (max-width:375px) {
	/*2022/3/30*/
	.layui-layer-iframe{
			width:340px !important;
			height:370px !important;
			left:50% !important;
			margin-left:-170px !important;
	}
	.officeCenter ul{ padding-top:20px;}
	.officeCenter li {
		margin:0;
	}
		.officeCenter li img{/* width:80px; height:80px;*/}
	.applicatCenter ul { padding: 0; overflow: hidden;}
		.applicatCenter li{ width:120px;}
}

@media screen and (max-width:360px) {
	.newsUl { margin: 22px 0 0 15px; }
}

@media screen and (max-width:320px) {
	.officeCenter li {
		width: 50%;
	}
	.applicatCenter li { width: 104px; }
	.newsUl li a {
		width: 50%;
	}
}