/*
* @Author: 姚丽娟
* @Date:   2020-02-15 11:30:47
* @Last Modified by:   姚丽娟
* @Last Modified time: 2020-02-23 12:01:55
*/

/* ---------------- home 页面 开始--------- */
/* --- facility---- */
@media screen and (max-width:1366px){
	.facility img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.facility .txt_box{
		position: static;
		border-radius: 0;
		width: 100%;
		padding:90px 15px;
		box-sizing: border-box;
		margin-left: 0;
		text-align: center;
		transform:translate(0,0);
		background-color: rgba(255,255,255,.7);
		white-space: normal;
	}

	/* ---- program页面下的 service----- */
	.service_txt_list{
		margin-bottom: 100px;
	}
	.service_txt_list li.txt{
		max-width: 100%;
		margin: 0 auto;
		position:static;
		text-align: center;
	}
	.service_txt_list.list1 .txt{
		margin: 0 auto;
	}
	.service_txt_list.list1 .txt, 
	.service_txt_list.list3 .txt{
		max-width: 100%;
		transform: translateX(0);
		margin:0 auto;
	}
	.service_txt_list.list2 .txt{
		margin-left: 0;
	}
	.service_txt_list li.img{
		position: static;
		margin:0 auto;
	}
	.service_txt_list.list1 .img, 
	.service_txt_list.list3 .img{
		margin:0 auto;
	}
	
	.service_txt_list.list2 .img{
		position: static;
		margin:0 auto;
		text-align: center;
		transform: translateX(0);
		margin:0 auto;
	}
}
/* --- 尺寸 1024 到 1366 之间 ---- */
@media screen and (min-width:1024px) and (max-width:1366px){
	*{
		transition: all 1s ease;
	}
	.header .pos_l{
		margin-left: -90px;
	}
	.header .pos_r{

		margin-left: 26px;
	}
	.service .service_des li{
		margin-right: 70px;
	}
	.program .prog_list li{
		margin-right: 90px;
	}
	.program .img1{
		margin-left: 260px;
	}
	.program .img2{
		margin-left: -350px;
	}
	.educators .img1{
		top: 140px;
		margin-left: -100px;
	}
	.educators .img1 img{
		width: 75%;
	}
	.educators .img2{
		margin-left: 220px;
	}
	.educators .img2 img{
		width: 90%;
	}
	.educators .img3{
		margin-left: 85px;
	}
	.footer .info{
		margin-left: -200px;
	}
	.footer .links{
		margin-left: 310px;
	}
}
@media screen and (max-width:1024px){
	.header .wrapper{
		padding:0 42px;
		box-sizing: border-box;
	}
	.header .pos_l{
		position: static;
		float: left;
		margin-left: 15px;
		transform: translateX(0);
	}
	.header .pos_l .logo1{
		display: none;
	}
	.header .pos_r{
		position: static;
		margin-left: 0;
		margin-right: 0;
		float: right;
	}
	.header .pos_r .icon_nav{
		display: block;
		cursor: pointer;
		margin-top: 30px;
	}
	.header .pos_r .nav_bar{
		display: block;
		position: fixed;
		top: 85px;
		left: 0;
		width: 100%;
		background-color: #669933;
		padding:0px 42px;
		box-sizing: border-box;
		box-shadow: 1px 0px 8px rgba(0,0,0,.2);
		height: 0;
		overflow: hidden;
	}
	.header .pos_r .nav_bar li:first-child{
		margin-top: 40px;
	}
	.header .pos_r .nav_bar li:last-child{
		margin-bottom: 40px;
	}
	.header .pos_r .nav_bar li a{
		display: block;
		height: 60px;
		line-height: 60px;
		border-radius: 4px;
		padding:0;
		text-align: center;
	}
	.cuisine .cui_list .img{
		display: none;
	}
	.cuisine .cui_list li.txt{
		width: 100%;
		text-align: center;
		position: static;
		margin-left: 0;
		transform: translateX(0);
	}
	.facility .txt_box .txt .big_size{
		 display: none;
	}
	.facility .txt_box .txt .small_size{
		display: block;
	}
	.footer .wrapper{
		padding:0 42px;
		box-sizing: border-box;
	}
	.footer .pos_l{
		position: static;
		transform: translateX(0);
		float: left;
		margin-left: 60px;
	}
}
@media screen and (min-width:768px) and (max-width: 1024px){
	.service .wrapper{
		padding:0 42px;
		box-sizing: border-box;
	}
	.service .service_des{
		justify-content: space-between;
	}
	.service .service_des li{
		margin-right: 0px;
	}
	.program .prog_list{
		justify-content: space-between;
	}
	.program .prog_list li{
		margin-right: 0;
	}
	
	.footer .pos_r{
		position: static;
		float: right;
		margin-left: 0;
		margin-right: 60px;
	}
}
@media screen and (max-width:768px){
	.header .pos_l{
		width:75%;
	}
	.header .pos_l .logo,
	.header .pos_l .logo a{
		width: 100%;
	}
	.header .pos_l .logo a img{
		max-width: 100%;
	}
	.wrapper{
		padding:0 42px;
		box-sizing: border-box;
	}
	.service .service_box{
		width: 100%;
		overflow: hidden;
	}
	.service .service_des{
		display: block;
		font-size: 0;
		max-height: 460px;
		overflow:hidden;
		position: relative;
		white-space: nowrap;
	}
	.service .service_box .btn{
		display: block;
	}
	.service .service_des li{
		display: inline-block;
		width: 100%;
		margin-right: 0;
	}
	.program .prog_list{
		display: block;
	}
	.program .prog_list li,
	.program .prog_list li:nth-child(3n){
		margin:0 auto 40px;
	}
	.educators .img1,
	.educators .img3{
		display: none;
	}
	.educators .img4{
		display: block;
	}
	.contact p{
		font-size: 20px;
	}
	.footer .pos_r{
		display: none;
	}
	/* ---web Cam --- */
	.web_cam .wrapper{
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,.5);
	}
	.web_cam .login li.btns input{
		width: 465px;
		margin-left: 35px;
		margin-bottom: 30px;
	}
	.web_cam .login li.btns .link{
		color:#333;
		font-size: 20px;
	}
	.web_cam .login li.btns .link1{
		font-weight: bold;
	}
	.web_cam .ap_links{
		margin-top: 170px;
	}
}
/* ---------------- home 页面 结束---------