@charset "UTF-8";

/* reset */
.top_rt{
	display: flex;
}
/* responsive */
#mobile-menu-toggle,.gh{
	display: none;
}
 @media screen and (max-width: 721px){
	 * {
	     margin: 0;
	     padding: 0;
	     -webkit-appearance: none; /*去掉浏览器默认样式*/
	     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	     -webkit-touch-callout: none;
	     box-sizing: border-box;
	 }
	 html,
	 body {
	     overflow-x: hidden;
	 }
	 
	 
	 input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
	 
	 #full-screen-slider,.topWrap,.news_a_1{
		 display: none;
	 }
	 .header{
		 height: 70px;  z-index: 999; position: relative;
	 }
	 .nav-wrapper{
		 position: fixed; left: 0; right: 0; top: 0;
		 background-color: #2370D8; height: 70px;
	 }
	 .header.currents .nav-wrapper{
		 height: 70px;
	 }
	 .logo{
		 width: 60px; top: 0; margin: 0; margin-left: 4%; z-index: 1; padding-top: 8px; position: relative;
	 }
	 .logo::after{
		 content: "运城幼儿师范高等专科学校"; font-size: 16px; color: #fff; position: absolute; left: 100%; top: 5px; line-height: 60px; margin-left: 5px;
		  white-space: nowrap;  font-weight: bold;
	 }
	 .header.currents .logo{
		 width: 60px; top: 0;
	 }
	 .logo_bg{
		 display: none !important; 
	 }
	 .nav{
		 position: fixed; top: 0; bottom: 0; right: 0; width: 200px; margin-right: -200px !important; overflow-y: auto;
		        margin: 0;
		        padding-top: 1em;
		        color: white;
		       background-color:#2370D8;/* background: #fff; */
		        display: block;
				transition:  margin-right 0.3s ;
	 }
	 .nav_lf,.nav_rt{
		 width: 100%; float: none; position: relative; z-index: 2;
	 }
	 .nav-wrapper::after{
		 position: fixed; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0, 0, 0, 0.6);  height: 100%; z-index: 2; overflow: hidden; opacity: 0;  transition:  opacity 0.3s ; width: 0;
	 }
	/* .gh{
		 position: absolute;
		         margin: 5%; right: 0; 
		         height: 30px;
		         width: 36px;
		         cursor: pointer;
	 }
	 .gh::before{
		         content: "";
		         position: absolute;
		         top: 5px;
		         right: 3px;
		         border-bottom: 12px double #fff;
		         border-top: 4px solid #fff;
		         width: 30px;
		         height: 5px;
	 } */
	 
	 
	 .gh {
	 z-index: 9; display: block;
	 	height:30px;
	 	width:30px;
	 	margin-right:20px;
	 	margin-top:23px;
	 	position:fixed;
	 	right: 0; top: 0;
	 	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	cursor:pointer;
	 	/*display: none;*/
	 }
	 .gh span {
	 	background-color: #fff;
	 	display: block;
	 	height: 2px;
	 	margin-top: -2px;
	 	position: relative;
	 	top: 50%;
	 	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	width: 100%;
	 }
	 
	 .gh span:after, .gh span:before {
	 	background-color: #fff;
	 	content: "";
	 	display: block;
	 	height: 2px;
	 	left: 0;
	 	position: absolute;
	 	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	 	width:100%;
	 }
	 .gh span:after {
	 	top:10px;
	 }
	 .gh span:before {
	 	top:-10px;
	 }
	 #mobile-menu-toggle{
	 	display: none;
	 }
	 #mobile-menu-toggle:checked + .gh span:after, 
	 #mobile-menu-toggle:checked + .gh span:before {
	 	top: 0;
	 }
	 #mobile-menu-toggle:checked + .gh span:before {
	 	transform: translateY(0px) rotate(-45deg);
	 	-webkit-transform: translateY(0px) rotate(-45deg);
	 	-ms-transform: translateY(0px) rotate(-45deg);
	 }
	 #mobile-menu-toggle:checked + .gh span:after {
	 	transform: translateY(0px) rotate(45deg);
	 	-webkit-transform: translateY(0px) rotate(45deg);
	 	-ms-transform: translateY(0px) rotate(45deg);
	 }
	 #mobile-menu-toggle:checked + .gh span {
	 	background-color: transparent !important;
	 }
	 #mobile-menu-toggle:checked + .gh + .nav-wrapper  .nav{
	 	margin-right: 0 !important;
	 }
	 #mobile-menu-toggle:checked + .gh + .nav-wrapper::after{
		 overflow: visible; opacity: 1; width: 100%;
	 }
	 #mobile-menu-toggle:checked + .gh{
		 margin-right: 220px;
	 }
	 .gh+ .nav{
	 	height: auto;
	 		background: #2f6ea2;
	 		overflow: hidden;
	 		transition: 0.4s;
	 		padding: 0; max-height: 0;
	 }


	 
	 
	 
	 .nav ul > li{
		 width: 100%;/* float: none; */ /* color: #fff; */height: auto;padding-top: 0;
	 }
	 .header.currents .nav ul li{
		 height: auto;padding-top: 0;
	 }
	 .nav ul li > a{
		color: #fff; font-size: 16px; line-height: 36px; height: auto;/* pointer-events: none; */
	 }
	 .nav ul li.on > a, .nav ul li:hover > a{
		 line-height: 36px; height: auto; 
	 }
	 .subNav{
		 position: static; display: block;
	 }
	 .subNav a{
		 font-size: 15px; text-align: left;
	 }
	 .nav ul > li:hover .subNav{
		display: flex; display: -webkit-flex; flex-wrap: wrap;
	 }
	 .nav ul li.on > a,.nav ul li:hover > a{color: #fff;background-color:#B63401;height:auto;line-height: 36px;}
	 
	 .nav ul li.on{height:auto; }
	 
	 .nav ul li.on .subNav{display: flex !important; display: -webkit-flex; flex-wrap: wrap;}
	 .subNav{
		/* display: block; */
		display: flex !important; display: -webkit-flex; flex-wrap: wrap;padding: 5px 0; top: 0;
		animation: none !important; background: rgba(255, 255, 255, 0.3);
	 }
	 .subNav dd{
		
	 }
	 .subNav a{
		 font-size: 12px; padding:3px 5px ;
	 }
	 #left_layer{
		 display: none;
	 }
	 .c3{
		 height: auto;
	 }
	 .ku_1200{
		 width: 92%; margin-left: auto; margin-right: auto; height: auto; 
	 }
	 .news_k_725,.tzgg_400{
		 float: none;margin: 0;  height: auto;  width: 100%;margin-top: 20px;
	 }
	 .news_k_350{
		 float: none; width: 100%; height: auto; margin: 0;
	 }
	 .news_k_350 li{
		 width: 100%; height: auto; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 10px 0;
	 }
	 .sk_60{
		 margin-top: 0;
	 }
	 .sk_270{
		 width: auto; margin-top: 0; height: auto; font-size: 15px;
	 }
	 .sk_270 span{
		 float: none; display: block; width: auto; font-size: 12px;
	 }
	 .tzgg_400 ul li,.tzgg_400 ul{
		 float: none; width: 100%; height: auto;
	 }
	 .tzgg_400 ul{
		 margin-top: 10px;
	 }
	 .tzgg_400 ul li{
		 font-size: 14px;
	 }
	 .tzgg_400 ul li span{
		 margin-right: 0;
	 }
	 .news_k_29{
		 float: none;
	 }
	 .c4{
		 height: auto; padding: 20px 0; margin-bottom: 20px;
	 }
	 .jyjx_1150{
		  width: 92%; margin: 0 auto; height: auto; 
	 }
	 
	 .jyjx_ti,.jyjx_1150 ul{
		float: none; width: 100%;margin: 0;
	 }
	 .jyjx_ti{
	 		 margin-bottom: 15px;
	 }
	 .jyjx_1150 ul li{
		 float: none; width: auto; display: flex; display: -webkit-flex; height: auto; margin: 5px 0;
	 }
	 .scrollleft{
		 width: 92%; margin-bottom: 20px;
	 }
	 .yzgs_ti{
		 width: 92%; margin-bottom: 15px; margin-top: 20px;
	 }
	 .yzgs_ti85{
		/* width: 92%; margin: 0 auto; */
	 }
	 .yzgs_ti85{
		width: 92%; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 15px;
	 }
	 .website{
		 width:92%;  margin: 0 auto;display: flex; justify-content: space-between; flex-wrap: wrap; height: auto;
	 }
	 .yzgs_ti86{
		 width: 49%;
	 }
	 .website li{
		 height: auto; width: 49%; margin: 0 0 3px 0;
	 }
	 .YQ_lianjie{
		 width: 92%; margin: 0 auto;
	 }
	 .YQ_lianjie li{
		 font-size: 13px;
	 }
	 .footer{
		 height: auto;text-align: center;
	 }
	 .footer_1150{
		 width: 92%; margin: 0 auto; height: auto;
	 }
	 .footer_1150_z{
		 float: none; width: 100%; height: auto; font-size: 12px; line-height: 1.8; margin-bottom: 0;
	 }
	 .footer_y{
		 display: inline-block;float: none;
	 }
	 .footerinner{
		 height: auto; display: inline-block; float: none;
	 }
	 .YQ_lianjiek{
		 height: 20px;
	 }
	 /*  */
	 .list_img{
		 height: 190px; background-size: cover;
	 }
	
	 .list_content_zho{
		  width: 92%; margin: 0 auto;
	 }
	 .list_content_lf,.list_ri_12{
		 display: none;
	 }
	 .list_content{
		 top: 0;
	 }
	 .list_ri{
		 float: none; width: auto; margin-top: 0;
	 }
	 .list_ri_auto{
		 float: none; width: auto; margin-top: 10px; font-size: 14px; line-height: 1.7; min-height: auto;
	 }
	 .list_ri_45{
		 margin-top: 15px; float: none; font-size: 20px; line-height: 1.9; height: auto;
	 }
	 .leader_list{
		 display: flex; display: -webkit-flex; flex-wrap: wrap;  justify-content: space-between; 
	 }
	 .leader_list li{
		 float: none; width: 49%;margin: 3px 0; line-height: 1.3; height: auto; font-size: 13px;
	 }
	 .leader_list li a{
		  padding: 10px 3px;
	 }
	 .list_auto{
		 float: none; width: auto; min-height: auto;
	 }
	 .list_auto li{
		 display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;  height: auto; padding: 15px 0;
	 }
	 .list_auto_ti{
		 margin-top: 0; float: none;
	 }
	 .list_auto li span{
		 width: calc(100% - 75px); margin-left: 15px;
	 }
	 .list_auto_ti{
		 font-size:15px; height: auto; 
		overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
	 }
	 .list_auto_zi{
		 font-size: 13px;
		 overflow : hidden;
		 	text-overflow: ellipsis;
		 	display: -webkit-box;
		 	-webkit-line-clamp: 2;
		 	-webkit-box-orient: vertical;
	 }
	 .baguetteBoxOne{
		 display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px;
	 }
	 .gallery a{
		 width: 49%; margin: 3px 0; height: auto;
	 }
	 .pagination-wrapper{
		 float: none; text-align: center; margin-left: 0;
	 }
	.list_ri iframe{
		width: 100% !important; height: auto !important;
	}
	.list_ri img{
		max-width: 100%; height: auto !important;
	}
	.h_title{
		font-size: 18px; line-height: 1.5; margin-bottom: 6px; padding-top: 5px;
	}
	.info2{
		margin-bottom: 10px;
	}
	.boxoff{
		background: none; border-top: 1px solid #eee; margin: 20px 0 0 0; height: 1px; padding-top: 0;
	}
	.boxoff strong{
		display: none;
	}
	.top_bomte2{
		margin-bottom: 30px;font-size: 13px;overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	}
	.top_bomte{
		font-size: 13px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.list_image{
		width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;
	}
	.list_image li{
		width: 49%; height: auto; margin: 3px 0;
	}
	.list_image li span{
		width: 100%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 8px;
	}
	.list_image li img{
		width: 100%;
	}
	.pagination li{
		padding-left: 5px; padding-right: 5px;
	}
	.imgCont .lb .lb-l{
		width: 100%; height: auto; margin-top: 15vh;
	}
	.imgCont .lb .lb-r{
		width: 100%;  height: auto;  padding: 8vh 15px 10px 15px;
	}
	.imgCont .lb .lb-r .details{
		height: auto; padding-top: 10px; margin-bottom: 10px;
	}
	.imgCont .lb .lb-r .details .tit22{
		font-size:18px; line-height: 1.5; height: auto; margin-bottom: 10px;
	}
	.syp{
		font-size: 12px;
	}
	.imgCont .lb .lb-l .yuantu{
		right: 20px; top: 20px;
	}
	.imgCont .lb .lb-l .cont{
		font-size: 24px; top: auto; bottom: 10px; width: auto; 
	}
	.imgCont .lb .swiper-button-next, .imgCont .lb .swiper-container-rtl .swiper-button-prev, .imgCont .lb .swiper-button-prev, .imgCont .lb .swiper-container-rtl .swiper-button-next{
		top: auto; bottom: 15px; 
	}
	.imgCont .lb .swiper-button-prev, .imgCont .lb .swiper-container-rtl .swiper-button-next{
		left: 30%;
	}
	.imgCont .lb .swiper-button-next, .imgCont .lb .swiper-container-rtl .swiper-button-prev{
		right: 30%;
	}
	.mySwiper221box{
		height: auto; padding-bottom: 0; display: none;
	}
	.imgCont{
		background: #474A4D;
	}
 }