@media screen and (min-width: 1200px){
	.logo{
		animation: nav-box 1s;}
	.search{
		animation: nav-lianjie 1.0s;}
	.top_link{
		animation: uptodown 1.0s;}
	.nav ul ol li:hover dl{
		display: block;}
	/* .side_nav ul>li>a::after{
		position: absolute;
		right: 10px;
		top: 20px;
		content: "";
		width: 10px;
		height: 10px;
		display: inline-block;
		background: url('../img/icon_more3.png') no-repeat;
	} */
	

}
@media screen and (max-width: 1424px){
	.banner .areaheart{
		width: 100%;}
}
@media screen and (max-width: 1200px){
	.flexslider,.slides li{
		height: 350px;}
	.banner .areaheart,
	.areaheart{
		width: 98%;
		padding: 0 1%;}
	.part03 .areaheart{
		overflow: hidden;}
	.logo{
		width: 60%;}
	.logo img{
		width: 100%;height: auto;}
	.gzh{
		display: none;}
	.liaison,
	.alumni,
	.notice,
	.news{
		width: 49%;}
	.person_txt p,
	.alumin_border,
	.donation_pic,
	.news_pic{
		display: none;}
	.alumni .tabBox .bd li,
	.donation_box,
	.part02 .news_list{
		width: 100%;}
	.active_title{
		background: green;
		top: 10px;
		height: auto;}
	.person_txt h4{
		display:flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    padding-top: 0;
	    padding-bottom: 0;}
	.part01 .news_list{
		padding-left: 0;}
	.tabBox .hd{
		position: static;
		width: 100%;
		height: 50px;}
	.tabBox .hd ul li{
		width: 33.333%;
		float: left;
		height: 50px;
		line-height: 50px;
		background-image: none !important;}
	.tabBox .hd ul li a{
		padding: 0;}
	.links{
		width: 50%;
		margin-right: 0;}
	.ewm{
		display: none;}
	.min{
		float: right;}
	.jz_pic{
		height: auto;
		background-image: none;}
	.form_jz b{
		display: block;
		width: 100px;}

	#mycall{
		width: 100%;
		height: 200px;}
}

@media screen and (max-width: 1000px){
	.top{
		height: auto;
		background: #00712f;
		position: relative;}
	.logo{
		float: none;
		/* width: 50%; */
		margin: 0;
		padding-top: 95px;
		padding-bottom: 15px;}
	/* .logo img{
		max-width: 100%;
	} */
	/* .contact{
		margin-top: 15px;
		padding-bottom: 10px;
	} */
	.top_right{
		position: absolute;
		left: 1%;
		top: 0px;
		margin: 0;
		width: 98%;}
	.contact{
		padding: 0;
		line-height: 32px;}
	.search_box{
		height: 30px;
		padding: 10px 0;
		border-top: 1px solid #21884c;
		border-bottom: 1px solid #21884c;}
	.search_in{
		padding-right: 150px;}
	.search{
		width: 100%;}
	.nav{
		height: 38px;}
	.nav ul li{
		font-size: 14px;
		line-height: 38px;}
	.nav ul ol dl dd, .nav ul ol li{
		font-size: 12px;
		height: 32px;
		line-height: 32px;}
	.nav ul ol{
		top: 38px;}
	.flexslider,.slides li{
		height: 250px;}
	.active{
		display: none;}
	.banner_sm {
		height: 200px;}
	.side_nav{
		width: 200px;
		top: -70px;
		left: 10px;}
	.side_nav_in .side_tit{
		height: 60px;
		padding-top: 10px;}
	.side_nav h2{
		font-size: 20px;
		height: 48px;
		line-height: 48px;}
	.side_nav p{
		display: none;}
	.side_nav li{
		height: 36px;
		line-height: 36px;}
	.side_link li h4{
		position: static;}
	.side_link li{
		height: auto;
		margin-bottom: 24px;}
	.side_con{
		padding: 10px 10px 20px 220px;}
	.ipt_btn input{
		margin: 0;
		width: 48%;
		margin-top: 20px;}

	#fullsize,#image,
	#wrapper{
		width: 100%;}
	#information h3{
		font-size: 18px;}
	#information p{
		font-size: 14px;}
	#slidearea{
		width: 100%;
		margin-left: 0;}
	#slider,#slidearea,
	#slideleft, #slideright{
		height: 90px;}
	#slider img{
		width: 120px;
		height: 90px;}
}

@media screen and (max-width: 768px){
	.flexslider,.slides li{
		height: 200px;}
	.flex-direction-nav{
		display: none;}
	.flex-control-nav{
		bottom: 10px;}
	.person li,
	.liaison,
	.alumni,
	.foundation,
	.donation,
	.notice,
	.news{
		width: 100%;}
	.person li{
		margin-bottom: 1px;}
	.donation_box h2{
		height: 48px;
		line-height: 48px;}
	.link_box li{
		width: 23%;
		margin: 5px 1%;}
	.page img{
		display: none;}
	.jz_way li{
		width: 20%;
		margin-left: 6.666%;}
	.list_turn{
		display: none;}
	.notice{
		padding-bottom: 20px;}
	.links{
		width: 100%;}
	.ewm{
		display: block;
		margin-top: 20px;
		width: 100%;}
	.min{
		float: right;
		width: 100%;}
	.links_in li{
		width: 100%;
		padding: 0;}
	.ewm li{
		width: 50%;
		margin: 0 !important;}
	.ewm li img{
		margin: 0 auto;}
	.min .min_ewm{
		left: 50px;
		top: -35px;}
	.min .min_wb{
		margin-bottom: 10px;}
	.min p{
		margin-top: 0;}
	.pic_box li{
		width: 48%;
		margin-right: 4%;}
	.pic_box li:nth-child(3n){
		margin-right: 4%;}
	.pic_box li:nth-child(2n){
		margin-right: 0;}
	.pic_news li .img_box{
		display: none;}
	.pic_news li .txt_box{
		padding: 0;}
	.pic_fx .bd ul li{
		margin-right: 0;
		width: 48%;
		padding: 0 1%;}
}

@media screen and (max-width: 600px){
	.logo{
		width: 80%;}
	/* .logo img{
		max-width: 80%;
	} */
	.nav_icon2 {
		display: block;}
	.nav{
		position: fixed;
		right: 0;
		top: 0;
		z-index: 999;
		width: 134px;
		height: auto;
		display: none;
		border-bottom: 0 none;
		display: none;}
	.nav li{
		float: none;
		width: 100%;
		background-image: none;}
	.nav ul>li{
		border-bottom: 1px solid #d9c09c;}
	.nav ul ol{
		position: static;}
	.nav ul ol dl{
		display: none;}
	.flexslider,.slides li{
		height: 160px;}
	.link_box li{
		width: 48%;}
	.foot{
		font-size: 14px;
		line-height: 20px;}
	.foot span{
		display: none;}
	/* .search{
		top: 5px;
	} */
	.banner_sm{
		height: 160px;}
	.side_nav{
		position: static;
		width: 100%;
		margin-top: 2px;}
	.side_nav_in .side_tit h2{
		text-indent: 0;
		width: 100%;
		background: #00712f;}
	.side_nav li.on i{
		display: none;}
	.place{
		height: 40px;
		line-height: 40px;}
	.article_tit{
		padding-top: 0;}
	.article_tit p span{
		font-size: 14px;
		padding-left: 0 !important;
		background: none !important;}
	.side_nav li{
		float: left;
		width: 50%;
		box-sizing: border-box;
		border-left: 1px solid #fff;}
	.side_link{
		display: none;}
	.side_link li{
		padding: 0 1%;}
	.side_con{
		clear: both;
		padding: 0; overflow: hidden;}
	.dp_article h4,
	.article_tit h4{
		font-size: 18px;}
	.article_tit h5{
		font-size: 14px;}
	.article_fy p{
		font-size: 14px;
		line-height: 22px;}
	.public_style{
		padding: 20px 0;}
	.list_item li .list_title{
		padding-top: 15px;}
	.pic_box li p{
		height: 30px;
		line-height: 30px;}
	.photo_list{
		width: 50%;}
	.photo_min{
		width: 100%;}
	.slideBox .bd li .tit{
		width: 100%;}
	.slideBox .bd li .tit h4{
		padding: 10px 10px 5px 10px;}
	.slideBox .bd li .tit p{
		padding: 0 10px;}
	#xm,
	#mycall,
	.form_jz input[type=text]{
		width: 280px;}
	.jz_way li{
		width: 24%;}
	.jz_pic p{
		line-height: 28px;}

	/* #fullsize,#image,
	#wrapper{
		width: 100%;
	}
	#information h3{
		font-size: 18px;
	}
	#information p{
		font-size: 14px;
	}
	#slidearea{
		width: 100%;
		margin-left: 0;
	}
	#slider,#slidearea,
	#slideleft, #slideright{
		height: 90px;
	}
	#slider img{
		width: 120px;
		height: 90px;
	} */
.photo_list li h2,
.foundation_in li h2{
	position: absolute;
	left: 6px;
	top: 6px;
	width: 70px;
	height: 24px;
	line-height: 24px;
	border-radius: 24px;
	font-size: 12px;}
.list_zd li{ padding: 15px 0;}
.list_zd li .date{ top: 15px;}
.side_nav_in .side_tit{ background: none;}

}

@media screen and (max-width: 500px){
	.part03{
		padding: 20px 0;}
	.part02{
		padding-bottom: 20px;}
	.list_item li{
		height: 36px;
		line-height: 36px;}
	.list_item li span{
		font-size: 12px;}
	.list_item li p{
		width: 75%;
		font-size: 14px;}
	.side_nav_in li{
		text-indent: 15px;
		font-size: 14px;}
}

@media screen and (max-width: 440px){
	.flexslider,.slides li{
		height: 120px;}
	.public_title span{
		display: none;}
	.person_txt h4{
		font-size: 14px;
		line-height: 20px;}
	.person li .person_txt::after{
		display: none;}
	.txtMarquee-top2 .infoList li ol li span{
		font-size: 12px;}
	.form_jz span{
		font-size: 14px;}
	
	.foundation_in li{
		width: 100%;}
	.donat_in{
		padding-left: 0;}


}
@media screen and (max-width: 400px){
	.tabBox .bd li span{
		display: none;}
	.banner_sm{
		height: 120px;}
	.contact p b{
		display: none;}
	.nav_icon2{
		bottom: 15px;}
	#xm, #mycall, .form_jz input[type=text]{
		width: 200px;}

}