@charset "UTF-8";

/*宽度大于1600px*/
/*@media only screen and (max-width: 1600px) {
	.news_out .prev{
		left:30px;
	}
	.news_out .next{
		right:30px;
	}
	.top{
		right:10px;
	}
}*/

/*宽度小于1600px*/
@media only screen and (max-width: 1600px) {
	.banner,.banner .img,.banner .img img{
		width:100%;
		height:auto;
	}
	.mainwidth{
		width:auto;
		max-width:1200px;
	}
	.schoolmate_out .prev{
		left:-30px;
	}
	.schoolmate_out .next{
		right:-30px;
	}
	.top,.top_back{
		right:30px;
	}
}

/*宽度小于1200px*/
@media only screen /*and (min-width: 961px) */and (max-width: 1200px) {
	.main_content{
		padding-left:220px;
	}
	.main_content .intro{
		width:200px;
		margin-left:-220px;
	}
	.leftside2 .leftlist li a,.leftside2 .leftlist li a:hover,.leftside2 .leftlist li .cur,.leftside2 .leftlist li:hover a{
		padding-left:10px;
	}
		
	.center_side{
		padding:0;
	}
	.main_content .mainside{
		width:100%;
	}
	.main_content .notice_side{
		width:100%;
	}
	
	.column .column_list{
		width:100%;
	}
	.form_out{
		padding:25px 20px 50px;
	}
	.return{
		padding-left:70px;
	}
	.return .label_text{
		margin-left:-60px;
	}
	.return_to{
		margin-left:4px;
	}
	.footer .list2{
		text-align:left;
	}
	.header .nav .nav_li{
		width:12.5%;
		max-width:146px;
	}
	.header .nav .nav_li_2{
		width:11.1%;
		max-width:130px;
	}
	.header_on .nav_out .navon_logo{
		width:8.1%;
		padding:0 1.5%;
		margin:0;
		text-align:center;	
	}
	.header .topbar .search{
		width:150px;
	}
	.mainwidth{
		padding:0 30px;
	}
	.mainwidth_center{
		padding:0;
	}
	.alumni_style .schoolmate_in{
		/*width:47.5%;
		margin-left:5%;*/
	}
	.alumni_style .mate_first{
		margin-left:0;
	}
	.schoolmate_in .img_a img{
		width:100%;
	}
	.schoolmate_in .img_a{
		height:auto;
	}
	.service li,.service li img{
		width:100%;
		height:auto;
	}
	.service li .img_bg .title{
		font-size:16px;
		line-height:25px;
		margin-right:2px;
	}
	.service li .img_bg .see_detail{
		bottom:0px;
		padding-bottom:11px;
		margin:10px 0 5px;
	}
	.service li .notice_on img{
		width:100%;
		height:auto;
	}
	.donate_list{
		margin-left:-5%;
	}
	.donate_list li{
		width:45%;
		margin-left:5%;
	}
	.schoolmate_out .prev{
		left:15px;
	}
	.schoolmate_out .next{
		right:15px;
	}
	/*.header .logo{
		padding-left:7%;
		margin-left:0;
	}*/
	.banner .text{
		left:5%;
	}
	.banner .text .title{
		padding:0 20px;
	}
	.banner .text .info{
		padding:0 10px 0 20px;
	}
	.banner .page{
		right:5%;
	}
	.schoolmate_in{
		margin:0 auto;
	}		
	.notice .teach,.notice .activityin,.campus{
		width:280px;
	}
	.notice .activityin{
		width:45%;
	}
	.notice .teach{
		margin-left:5%;
	}
	.notice .activity{
		margin-left:5%;
		width:58%;
	}
	.notice .act2{
		margin-left:9%;
	}
	.activityin .right{
		width:180px;
	}
	.media{
		width:600px;
	}
	.campus{
		margin-left:4%;
		width:29.5%;
	}
	.media{
		margin-left:5%;
		width:61.5%;
	}
	.campus .titlein{
		width:87.5%;
	}
	.media .titlein{
		width:535px;
	}
	.mediain{
		zoom:.75;
	}
	.bottombar .recruit{
		margin-left:60px;
	}
	.footer .list{
		width:42%;
		margin-left:8%;
	}
	.footer .list li{
		width:50%;
	}
	.research{
		width:945px;
	}
	.slip_left{
		width:630px;
	}
	.slip_right{
		width:315px;
		height:840px;
	}
	.slip_left .list{
		width:630px;
		height:280px;
	}
	.slip_right .list{
		width:315px;
		height:560px;
	}
	.research .list .list_in{
		width:215px;
		height:280px;
	}
	.research .list .list_on{
		padding:0 25px;
	}
	.research .list .list_in5.list_on{
		width:265px;
	}
	.research .list img{
		width:315px;
		height:280px;
	}
	.slip_left .list .list_on{
		width:500px;
	}
	.slip_right .list .list_in4.list_on{
		height:480px;
		width:265px;
	}
	.research .list_in5.list_on .title{
		padding-top:100px;
	}
	.research .list_in .title{
		padding:100px 0 10px;
		font-size:20px;
	}
	.research .list_in .list_btn{
		margin-top:15px;
	}
	.research .list_on .list_btn{
		margin-top:10px;
	}
	.research .list .list_in{
		background-position:center 15px;
	}
	.research .list .list_in5{
		background:url(../images/research_icon4.png) no-repeat center 30px,url(../images/research_img3.png) no-repeat 50% 50%;
	}
	.research .list_in5.list_on{
		background:url(../images/research_icon4_hover.png) no-repeat center 30px,url(../images/research_img7.jpg) no-repeat center center;
	}
	.research .list_on .title{
		padding-top:25px;
	}
	.survey .intro{
		min-width:135px;
		width:14%;
		margin-left:10px;
	}
    .staff_media .intro{
		width:260px;
	}
	.survey .mainside{
		width:69%;
	}
    .staff_media .mainside{
		width:63%;
		padding:32px 20px 50px 30px;
	}
	.survey .camp{
		width:80%;
	}
	.staff_mw{
		padding:0 30px;
	}
	.list_staff2{
		margin-left:0;
	}
	.surround .img{
		width:100%;
	}
	.navigate .list .title{
		padding-top:120px;
	}
	.research .list_in .text{
		width:230px;
	}
	.research .list_on .text2 p{
		width:500px;
	}
	.qikan-detail .bigimg-container img{
		max-width:80%;
	}
	.school_life .title2{
		margin-left:8%;
	}
	.school_life .list{
		width:910px;
		margin:0 auto 0px;
	}
	.school_life .list2{
		width:780px;
		margin:0 auto 60px;
	}
	.school_life .list2 li:nth-child(2n){
		margin:0%;
	}
	.news_out .swiper-container{
		width:78%;
		margin:0 auto;
	}
	.school_life .list3{
		width:780px;
		margin:0 auto;
	}
	.school_life .list3 li{
		margin-bottom:20px;
	}
    .into_nanyan .mainwidth{
		padding:0 30px;
	}
	/*.journal_album .browse{
		margin:25px 0 20px;
	}*/
	.journal_album li img{
		margin:30px 0 20px;
		width:200px;
		height:270px;
	}
    .frame .framemap_img{
		padding-right:10%;
	}
	.frame .framemap_img .framemap_left{
		margin-top:24%;
	}
	.frame .framemap_img .framemap_right{
		margin-top:24%;
		width:25%;
	}
	.frame .framemap_img .framemap{
		margin-top:7%;
	}
	.frame .framemap_img .framemap_2{
		margin-top:7%;
	}
	.frame .framemap_img .framemap_right .framemap{
		margin-top:8%;
		height:8%;
	}
	.img_top{
		height:600px;
	}
	.news_in{
		margin:0 auto;
	}
	.staffall_out{
		padding-left:30px;
		padding-right:30px;
	}
	.teach_staff{
		width:650px;
		margin:0 auto;
	}
	.teach_staff .teach_st{
		margin-left:0;
	}
	.teach_staff .teach_st1{
		width:100%;
	}
	.teach_staff .teach_st1 .img{
		width:100%;
	}
	.teach_staff .last{
		margin-left:70px;
	}
	.survey .facilties{
		padding-left:40px;
		padding-right:40px;
	}
	.school_life .list{
		width:845px;
	}
	.facilties .list li{
		margin-left:40px;
	}
	.recruit{
		width:760px;
		margin:0 auto;
	}
	.recruit .teach_st{
		margin-left:58px;
	}
	.recruit .teach_st:first-child,.recruit .teach_st.last{
		margin-left:0;
	}
	.top,.top_back{
		right:10px;
	}
	.return .select_chose{
		width:30%;
	}
	.return .select_chose .input_time{
		margin-left:3px;
	}
	.volunteerform li .label{
		margin-left:15px;
	}
	.volunteerform li .input_time2,.volunteerform li .input_text2{
		padding:8px 0 8px 7px;
		margin-left:0;
	}
	.alumni_style .schoolmate{
		margin-right:2%;
	}
}

/*宽度小于960px*/
@media only screen and (max-width: 960px) {
	.container{
		padding-top:10px;
	}
	.container_index{
		padding-top:0px;
	}
	.main_content{
		padding-left:0;
	}
	.center_side{
		width:100%;
	}
	.main_content .intro{
		display:none;
	}
	.main_content .mainside{
		margin-left:0;
		padding:0;
	}
	.main_content .activity_side{
		padding:0;
	}
	.main_content .notice_side{
		width:100%;
	}
	.activity_list{	
		width:100%;
		margin-left:-10px;
	}
	.activity_list li{
		width: 47%;
		margin-left: 3%;
	}
	.activity_list .schoolmate_in{
		width:100%;
	}
	.activity_list .schoolmate_in .img_a{
		height:auto;
	}
	.apply_btn{
		display:block;
	}
	.innovation li{
		width:47%;
		margin-left:3%;
	}
	.innovation{
		width:100%;
		margin-left:-1.5%;
	}
	.innovation .schoolmate_in,.innovation .schoolmate_in .img_a{
		width:100%;
		height:auto;
	}
	.news_list li .img_box,.news_list li:hover .img_box{
		display:none;
		opacity:0;
	}
	.header .nav li .nav_down{
		position:static;
		box-shadow:none;
	}
	.header .nav li .nav_down a{
		border-top:none;
	}
	.menu_sou{
		display:block;
	}
	.header{
		height:90px;
	}
	.header .nav{
		margin:0;
	}
	.header .nav li{
		float:none;
		width:100%;
		max-width:460px;
		padding-left:45px;
		margin:0;
		text-align:left;
		font-size:22px;
		background:#343434 url(../images/journal_detail_img11.png) no-repeat 170px 28px;
	}
	.header .nav li .nav_a{
		display:inline;
	}
	.header .nav li .nav_down{
		background: #343434;
		border-top:none;
		padding-left: 33px;
		display:none;
	}
	.header .nav li:hover .nav_down{
		display:none;
	}
	.header .nav li.cur{
		background:#343434 url(../images/journal_detail_img11.png) no-repeat 170px 28px;
		color:#fff;
	}
	.header .nav li:hover a{
		color:#fff;
	}
	/*.header .nav_out li.first_nav,.header .nav_out .first_nav.cur,.header .nav_out li.first_nav:hover{
		background:#343434;
	}*/
	.header .nav li.cur .nav_a{
		color:#fff;
	}
	.header .nav li.cur a{
		color:#fff;
	}
	.header .nav li.nav_li_on2{
		background:#343434 url(../images/journal_detail_img9.png) no-repeat 170px 28px;
	}
	.header .nav li.nav_li_on2 .nav_down{
		display:block;
	}
	.header .nav li a,.header .nav li:hover .navlist a{
		color:#a3a7a7;
	}
	.header .nav li:hover .nav_a,.header .nav li:hover .navlist a:hover,
	.header .nav .cur,.header .nav li .nav_down a:hover,.header .nav li:hover .nav_down a:hover{
		color:#fff;
	}
	.header .nav li:hover .nav_down a{
		color:#a3a7a7;
	}
	.header .nav_out{
		width:100%;
		background-color:#9a0000;
		height:90px;
		padding:0px 0 0;
		position:relative;
	}
	.header .nav_out .mainwidth{
		width:50%;
		clear:both;
		margin:0;
		position:absolute;
		top:0px;
		right:-50%;
		padding:0;

		-webkit-transition:all 0.4s;
		-moz-transition:all 0.4s;
		-o-transition:all 0.4s;
		transition:all 0.4s;
	}
	.header .nav_out .mainwidth_on{
		position:fixed;
		background:#343434;
		right:0;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.menu-button{
		position:absolute;
		top:0;
		right:0;
		width:90px;
		height:90px;
		line-height:90px;
		cursor:pointer;
		background:url(../images/detail_img2.png) no-repeat 50% 50%;

		-webkit-transition:all 0.4s;
		-o-transition:all 0.4s;
		transition:all 0.4s;
	}
	.menu-button_on{
		position:fixed;
		right:50%;
		border-right:1px #343434 solid;
		background-color:#343434;
	}
	.nav .nav_on{
		position:static;
		height:auto;
		display:none;
		width:460px;
		background:none;
		border-bottom:none;
	}
	.nav .nav_on_2{
		display:block;
	}
	.nav_out,.nav .nav_on .navlist,.nav .nav_on .navlist li,.nav .nav_on img{
		float:none;
	}
	/*.nav .nav_on .navlist{
		width:inherit;
		padding:0;
		margin:0;
		border:none;
	}
	.nav .nav_on .navlist li{
		width:100%;
		padding-left:33px;
	}*/
	.header .nav_li:hover,.header .nav_li:hover .nav_on/*,.header .nav li*/{
		background:#343434;
		color:#fff;
		font-size:22px;
	}
	/*.header .nav li .navlist a{
		color:#a3a7a7;
	}*/
	.header .nav_li a,.header .nav_li .navlist a{
		font-size:22px;
		text-align:left;
	}
	.header .nav .nav_li{
		line-height:70px;
	}
	.header .nav .navlist li{
		line-height:55px;
	}
	.header .topbar,.header .logo,.nav_on img,.header_on .nav_out .navon_logo,
    .survey .intro,.column .result li img,.banner .page,.footer .list{
		display:none;
	}
	.mainwidth{
		padding:0 20px;
	}
	.label_item .code_img{
		margin:0 8px;
	}
	.service li:hover .img_bg{
		display:none;
	}
	.donate_list li .img_bg{
		display:block;
	}
	.donate_list li:hover .img_bg{
		display:block;
	}
	.campus{
		margin:0 auto;
		float:none;
		width:100%;
		max-width:760px;
		margin-bottom:40px;
	}
	.campus .titlein{
		width:563px;
	}
	.nav_out .logo3{
		background:url(../images/logo.png) no-repeat left center;
		width:463px;
		height:83px;
		/*width:370px;
		height:70px;*/
		margin-top:8px;
		float:left;
		margin-left:30px;
	}
	.notice,.alumni_style .schoolmate{
		max-width:900px;
	}
	.notice .teach,.notice .activityin{
		width:30%;
	}
	.notice .activityin{
		width:45%;
	}
	.activityin .right{
		width:135px;
	}
	.footer .mainwidth{
		background:none;
	}
	.footer .logo_f{
		display:none;
	}
	.survey .intro{
		width:140px;
		margin-left:10px;
	}
	.research{
		width:100%;
	}
	.slip_left,.slip_right{
		width:45%;
		margin-left:4%;
		height:100%;
	}
	.research .list img{
		float:none;
		width:100%;
	}
	.research .list{
		margin-top:30px;
	}
	.research .list .list_in{
		position:static;
		float:none;
		width:auto;
		height:auto;
		margin:0px;
		padding-bottom:15px;
	}
	.column .result li .text,.research .list_in .text{
		width:100%;
	}
	.slip_right .list,.column .result li .text,.slip_left .list{
		width:100%;
		height:auto;
	}
	.research .list_in .title{
		padding-top:95px;
	}
	.survey .mainside{
		width:87%;
		margin:0 20px 50px 20px;
		padding:5px 30px 70px 35px;
	}
	.navigate .list .title{
		padding-top:100px;
		margin:0 40px;
	}
	.navigate .list .text,.navigate .list .text2{
		margin:0 40px;
	}
	.navigate .list_btn{
		margin:15px auto 0;
	}
	.footer{
		background:#9b0000;
		padding-top:22px;
	}
	.footer .copyright{
		font-size:14px;
		margin-bottom:18px;
	}
	.nav .nav_on .navlist a{
		color:#a3a7a7;
	}
	.school_life .list{
		width:600px;
	}
	.school_life .list2{
		width:570px;
	}
	.school_life .list2 li{
		width:100%;
		margin:0;
	}
	.school_life .list2 .list_s5{
		display:none;
	}
	.school_life .list3{
		width:740px;
	}
	.school_life .list3 li{
		width:35%;
	}
	.sousuo .sou,.look .sou{
		width:85.9%;
	}
	.news_out .swiper-container .swiper-slide{
		width:100%;
	}
	.media{
		width:100%;
		max-width:760px;
		margin-left:0;
		margin:0 auto;
		float:none;
	}
	.mediain{
		zoom:1;
	}
	.media .titlein,.campus .titlein{
		width:723px;
	}
	.news_out .swiper-container{
		width:345px;
	}
	.news_out .swiper-container .swiper-slide{
		margin-right:0;
	}
	.notice .act2{
		margin-left:8%;
	}
	.notice .teach{
		margin-left:4%;
	}
	.survey_out .mainside .title_media{
		display:block;
	}
	.survey_out .facilties .title_media,.survey_out .camp .title_media{
		margin:0 0 20px;
	}
	.research .list5 img{
		display:block;
	}
	.slip .list .list_on{
		background:#fff;
		padding:0 50px 15px;
	}
	.research .list .list_on.list_in1{
		background:#fff url(../images/research_icon1.png) no-repeat center 15px;
	}
	.research .list .list_on.list_in2{
		background:#fff url(../images/research_icon2.png) no-repeat center 15px;
	}
	.research .list .list_on.list_in3{
		background:#fff url(../images/research_icon3.png) no-repeat center 15px;
	}
	.research .list .list_on.list_in4{
		background:#fff url(../images/research_icon3.png) no-repeat center 15px;
	}
	.research .list .list_on.list_in5{
		background:#fff url(../images/research_icon4.png) no-repeat center 15px;
		width:auto;
	}
	.research .list .list_in5{
		background:#fff url(../images/research_icon4.png) no-repeat center 15px;
	}
	.research .list .list_in5.list_on .title{
		padding-top:95px;
	}
	.research .list .list_in5.list_on .text{
		color:#666;
	}
	.slip .list_on .title{
		color:#333;
		padding-top:95px;
	}
	.slip .list_on .text{
		display:block;
	}
	.slip .list_on .text2{
		display:none;
	}
	.slip_right .list .list_in4.list_on{
		height:auto;
		width:auto;
	}
	.slip .list_on .list_btn{
		color:#d7d7d7;
		border-color:#d7d7d7;
		margin-top:15px;
	}
	.slip .list_on .list_btn:hover,.list_btn:hover{
		color:#d7d7d7;
		border-color:#d7d7d7;
		background-color:#fff;
	}
	.nanyan .title2{
		display:block;
	}
	.nanyan .list_title2{
		display:none;
	}
    .staff_mw{
		display:block;
	}
	.staff_media{
		display:none;
	}
	.school_detail .number{
		font-size:56px;
	}
	.school_detail_in img,.school_detail_in .detail_left,.school_detail_in .detail_right{
		width:100%;
		float:none;
		margin:10px 0;
	}
    .school_detail .img_logo{
		width:100%;
	}
	.survey_out .staff_mw{
		margin:0 15px;
	}
	.school_detail_in .img_middle{
		margin-top:10px;
	}
	.training .list .text{
		min-height:130px;
	}
    .journal_album li{
		padding-bottom:55px;
	}
	.journal_album li img{
		margin:30px 0 20px;
		width:150px;
		height:200px;
	}
    .journal_album li .popup{
		height:40px;
		line-height:40px;
	}
	.frame .framemap_img{
		padding:15px 30px 70px 35px;
	}
	.frame .framemap_img .framemap_left{
		margin-top:24%;
	}
	.frame .framemap_img .framemap_right{
		margin-top:24%;
		width:20%;
	}
	.frame .framemap_img .framemap{
		margin-top:7.8%;
		height:7.7%;
	}
	.frame .framemap_img .framemap_2{
		margin-top:8%;
		height:7.8%;
	}
	.frame .framemap_img .framemap_right .framemap{
		margin-top:8.5%;
		height:9%;
	}
	.img_top{
		height:500px;
	}
	.web_map .map {
		width:670px;
	}
	.nofound img{
		width:60%;
	}
	.nofound .text{
		font-size:26px;
	}
	.nofound .back_index,.nofound .back_p{
		font-size:22px;
	}
	.slip_out,.school_out,.survey_out{
		background:#f8f8f8;
		padding-top:30px;
	}
	.staffall_out{
		padding-left:0px;
		padding-right:0px;
	}
	.facilties .list li{
		margin-left:20px;
	}
	.recruit .teach_st{
		margin-left:40px;
	}
	.top,.top_back{
		zoom:.9;
	}
	.banner .page_b{
		right:20px;
	}
	.footer_list{
		display:none;
	}

	.resumecon .input_text2{
		padding:12px 12px;
	}
	.alumni_style .mate_text{
		min-height:200px;
	}

}
/*宽度小于768px*/
@media screen and (max-width: 767px){
	.schoolmate_in,.schoolmate .swiper-container .swiper-slide{
		width:100%;
	}
	.schoolmate_in{
		margin-bottom:30px;
	}
	.main_content .mainside{
		width:100%;
	}
	.main_content .activity_side{
		width:100%;
	}
	.main_content .notice_side{
		width:auto;
	}
	.column .column_list li .img_a img{
		width:100%;
		height:auto;
	}
	.column .column_list li .text{
		padding-left:0;
		width:100%;
	}
	.activity_list{	
		width:100%;
		margin:0 auto;
	}
	.activity_list li{	
		float:none;
		width:100%;
		margin-left:0;
	}
	.activity_list .schoolmate_in{
		width:100%;
	}
	.item_out{
		float:none;
		width:85%;
		margin:0 auto 10px;
	}
	.item_in{
		padding-left:85px;
	}
	.form_item2{
		width:85%;
		margin:0 auto 20px;
		padding:0 20px;
	}
	.idcard_list li,.idcard_list li.first{
		float: left;
		/* width: 100%; */
		margin: 10px 20px 36px 0;
	}
	.photo_list li,.photo_list li.first{
		/* width:155px; */
	}
	.label_text{
		margin-left:-75px;
	}
	.label_item{
		margin-left:10px;
	}
	.return{
		padding-left:70px;
	}
	.form_out{
		padding:25px 0 50px;
	}
	.schoolmate_out .prev,.schoolmate_out .next{
		display:none;
	}
	.news,.notice,.alumni_style .schoolmate,.alumni_style .schoolmate_in{
		float:none;
		width:100%;
		margin-left:0;
	}
	.service li,.service li img{
		width:100%;
		height:auto;
	}
	.service li:hover .img_bg{
		display:block;
	}
	.donate_list,.donate_list li{
		margin-left:0;
	}
	.activity_list .schoolmate_in .img_a{
		height:auto
	}
	.donate_list li .img_bg .text{
		padding-top:20px;
	}
	.news_list li{
		padding-left:0px;
	}
	.news_list .img_a{
		float:none;
		width:100%;
		height:auto;
		margin-left:0px;
	}
	.news_list li:hover .img_box{
		width:178px;
		height:110px;
	}
	
	.service li:hover .img_bg{
		display:none;
	}
	.service li .img_bg .see_detail{
		bottom:0px;
		padding-bottom:16px;
		margin:20px 0 10px;
	}
	.column .column_list li{
		padding-left:0px;
	}
	.column .column_list li .img_a{
		float:none;
		width:100%;
		margin-left:0px;
	}
	.column .column_list li .title_s{
		margin-top:20px;
	}
	.detail_out{
		padding:25px 0 50px;
		margin:0 10px;
	}
	
	.notice .teach,.notice .activity{
		width:100%;
		float:none;
		margin:0 auto;
	}
	.notice .activityin,.footer .list li,.news_out .swiper-container .swiper-slide{
		width:100%;
	}
	.activityin .left{
		width:70px;
	}
	.activityin .right{
		width:75%;
	}
	.media{
		width:100%;
		margin-left:0;
	}
	.media .leftside,.media .rightside{
		float:none;
		width:100%;
	}
	.media .img img,.media .img,.school .video,.school video{
		width:100%;
		height:auto;
	}
	.media .img{
		margin:0 0 20px 0;
	}
	.mediain{
		zoom:1;
		width:100%;
	}
	.footer .list{
		float:none;
		margin:0 auto 75px;
		width:36%;
		float:left;
		margin-left:14%;
	}
	.survey .leftside{
		width:120px;
	}
	.survey .mainside{
		width:90%;
		padding:5px 5% 70px 5%;
		margin:0 0 50px;
	}
	.training .list_left,.training .list_right{
		width:92%;
		margin-left:4%;
		float:none;
	}
	.camp .list_left,.camp .list_right{
		margin:0;
		padding:0;
		width:100%;
		margin:0%;
		float:none;
	}
	.staff_list li,.list_staff{
		width:auto;
		float:none;
	}
	.map_bottom .img{
		float:none;	
		width:100%;
	}
	.traff{
		padding:0 30px 0 30px;
	}
	.navigate .list .title{
		padding:85px 0 0px;
		margin:0 20px;
	}
	.navigate .list .text,.navigate .list .text2{
		margin:0 20px;
	}
	.navigate .list_btn{
		margin:10px auto 0;
	}	
	.navigate .list_in{
		background-position:50% 20px;
		min-width:222px;
	}
	.banner .text{
		left:0;
        bottom:0;
		width:90%;
		height:auto;
		line-height:30px;
		padding:0 20px 0px;
		background:url(../images/banner_m_img1.png) repeat-x center top;
		font-size:18px;
	}
	.banner .text .title{
		background:none;
		font-size:16px;
		font-weight:normal;
		margin:0;
		width:100%;
		text-align:center;
		position:absolute;
		bottom:0;
		left:0;
		padding:0 0 0px 0;
		line-height:40px;
	}
    .news_out .swiper-container{
        height:auto;
    }
	.news_out .swiper-wrapper{
		display:block;
	}
    .news_out .swiper-container .swiper-slide{
        height:auto;
    }
	.news_in{
		width:100%;
		height:auto;
		margin-bottom:35px;
		padding-top:45px;
		border-top:1px #d5d5d5 solid;
	}
	.news1{
		border-top:1px solid #8f000c;
		padding-top:5px;
	}
	.news_in .img{
		width:100%;
		height:auto;
	}
	.news2 .img img{
		height:auto;
	}
	.news .more{
		margin:0;
	}
	.news .titlein{
		margin-bottom:15px;
	}
	.notice_out{
		background:#fff;
	}
	.notice .teach .title{
		color:#504e4f;
		padding-left:50px;
		border-bottom:1px #8f000c solid;
		padding-bottom:16px;
		background:url(../images/notice_img1_2.png) no-repeat left 1px;
	}
	.notice .activity .title{
		color:#504e4f;
		padding-left:50px;
		border-bottom:1px #8f000c solid;
		padding-bottom:16px;
		background:url(../images/notice_img2_2.png) no-repeat left 5px;
	}
	.notice .teach .title_c{
		border:none;
	}
	.banner .img{
		background-position:50% 50%;
		background-size:auto 600px;
	}
	.news_out .swiper-container,.notice .activityin{
		margin-bottom:0;
	}
	.notice .title_c{
		margin:12px 0 5px;
	}
	.notice .text{
		padding:0 0 35px;
	}
	.news_in .title_n,.notice .title_c a,.campus .title_c a{
		font-size:20px;
	}
	.news_in .text,.notice .text,.campus .text{
		font-size:16px;
	}
	.school{
		margin-top:0;
	}
	.menu-button{
		width:90px;
		height:90px;
		background-size:30px 20px;
	}
	.menu-button_on{
		right:50%;
	}
	.header .nav .nav_li {
		line-height: 60px;
	}
	.header .nav .navlist li {
		line-height: 45px;
	}
	.header .nav_li a,.header .nav_li .navlist a,.header .nav_li:hover, .header .nav_li:hover .nav_on,.header .nav li a,.header .nav li,.header .mainwidth_on .nav_li:hover{
		font-size:20px;
	}
	.footer{
		background:#9b0000;
		padding-top:22px;
	}
	.footer .copyright{
		font-size:14px;
		margin-bottom:18px;
	}
	.header .nav_out .nav_li{
		padding-left:25px;
	}
	.header .nav_out .nav_li,.header .nav .nav_li.cur,.nav .nav_li:hover,.header .mainwidth_on .nav_li:hover{
		background:#343434 url(../images/journal_detail_img11.png) no-repeat 150px center;
	}
	.header .nav .nav_li.nav_li_on2{
		background:#343434 url(../images/journal_detail_img9.png) no-repeat 150px 30px;
	}
	.header .nav_out .nav_li.first_nav,.header .nav_out .nav_li.first_nav:hover{
		background:#343434;
	}
	.nav .nav_on .navlist li{
		padding-left:20px;
	}
	
	.slip_right,.school_life .list2 li{
		width:100%;
	}
	.teacher .name_t{
		padding-left:60px;
	}
	.teacher .name_t li{
		width:110px;
	}
	.school_life{
		padding-left:0;
	}
	.school_life .list2 .title{
		margin: 106px auto 4px;
	}
	.school_life .list3 li{
		float:none;
		width:80%;
		margin-bottom:20px;
		padding:10px 30px 10px;
	}
	.journal .popup_mobile{
		bottom:0;
	}
	.qikan-detail .bottom-bg .read-tips{
		width:80%;
		margin-left:0;
		left:5px;
		font-size:14px;
	}
	/*.survey_out .mainwidth{
		padding:0;
	}*/
	.nav_out .logo3{
		background:url(../images/logo.png) no-repeat left center;
		background-size:100%;
		width:60%;
		max-width:300px;
		margin-left:20px;
	}
	.slip_out{
		padding-top:0;
	}
	.navigate_out{
		background:#f8f8f8;
	}
	.research_out{
		padding-top:100px;
	}
	.research .list{
		width:100%;
	}
	.slip_left,.slip_right{
		width:100%;
		margin-left:0;
		height:100%;
		float:none;
	}
	.research .list img{
		height:auto;
	}
	.staff_list .staff_right{
		margin-left:5px;
		width:40%;
	}
	.navigate .list{
		height:100%;
	}
	.navigate .list .img,.navigate .list .list_in{
		width:100%;
		height:50%;
	}
	.navigate .list .img{
		min-height:300px;
	}
	.navigate .list .list_in{
		position:static;
		padding-bottom:5px;
	}
	.navigate .list_btn{
		margin-bottom:20px;
	}
	.training .list .title{
		margin:0 10px;
	}
	.training .list .text{
		margin:15px 10px;
	}
	.nanyan .mainwidth .title2{
		width:140px;
		height:30px;
		overflow:hidden;
	}
	.survey_out,.research_out,.into_nanyan .survey_out{
		background:#f8f8f8;
		padding-top:40px;
	}
	.research_out{
		padding-top:10px;
	}
	.slip_out,.nanyan{
		padding-top:30px;
	}
	.school_life .list{
		margin-left:0;
		width:100%;
	}
	.school_life .list li,.school_life .list li img{
		width:100%;
	}
	.school_life .list2,.school_life .list li,.school_life .list3{
		width:100%;
		margin:0 0 60px;
	}
	.school_life .list3 li{
		width:90%;
		padding:10px 5%;
		margin-left:0;
	}
	.research .list5 .title{
		padding-top:95px;
	}
	.slip{
		padding:10px 0 40px;
	}
	.research .list .list_in{
		padding:0 5% 15px;
	}
	.sousuo .sou,.look .sou{
		width:75%;
	}
	.notice .activityin{
		float:none;
		margin:0;
	}
	.news_out .swiper-container{
		width:100%;
	}
	.news .swiper-pagination{
		display:none;
	}
	.school_life .title2{
		margin-left:0%;
	}
	.menu-button_on{
		width:70px;
		right:70%;
	}
	.header .nav_out .mainwidth{
		width:70%;
		right:-70%;
	}
	.header .nav_out .mainwidth_on{
		right:0;
	}
	.menu_sou{
		padding-left:20px;
	}
	.survey .camp img{
		-webkit-transition:all 0s;
		-o-transition:all 0s;
		transition:all 0s;
	}
	.survey .camp .list:hover img{
		-webkit-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
	}
	.map_bottom .img_right{
		margin:30px 0 0;
	}
	.traffic_in,.traffic .text,.traff{
		padding:0 5px;
	}
	.look .sou{
		width:77%;
		padding-left:3%;
	}
	.look .sou_btn{
		width:18%;
	}
    	.school_detail{
		margin:0 15px;
	}
	.school_detail .number{
		font-size:46px;
	}
	.school_detail_in img,.school_detail_in .detail_left,.school_detail_in .detail_right{
		width:100%;
		float:none;
		margin:10px 0;
	}
	.view_album .album_top .img,.view_album .album_bottom .img{
		float:none;
		width:100%;
		margin-bottom:15px;
	}
	.view_album .album_top{
		margin-bottom:0;
	}
	.nanyan_list{
		margin-left:0;
	}
	.nanyan_list li{
		width:100%;
		float:none;
		margin-left:0;
	}
	.view_album .img:hover .text{
		bottom:-40px;
	}
	.into_nanyan .mainwidth{
		padding:0 20px;
	}
	.journal_album li{
		width:100%;
		float:none;
		
		margin:0 auto 30px;
	}
	.journal_album li img{
		margin:30px 0 20px;
		width:68%;
		height:auto;
	}
	.journal_album{
		margin-left:0%;
	}
    	.school_detail .img_logo img{
		width:80%;
	}
	.news .swiper-slide{
		float:none;
	}
	.frame .framemap_img{
		padding: 5px 5% 70px 5%;
	}
	.frame .framemap_img .framemap_left{
		margin-top:25%;
	}
	.frame .framemap_img .framemap_right{
		margin-top:24%;
		width:20%;
	}
	.frame .framemap_img .framemap{
		margin-top:7.5%;
		height:7.7%;
	}
	.frame .framemap_img .framemap_2{
		margin-top:6.7%;
		height:7%;
	}
	.frame .framemap_img .framemap_right .framemap{
		margin-top:8.2%;
		height:8.8%;
	}
	.web_map .map {
		width:450px;
	}
	.web_map .one{
		width:180px;
	}
	.img_top{
		height:400px;
	}
	.nofound img{
		width:70%;
	}
	.nofound .text{
		font-size:22px;
	}
	.nofound .back_index,.nofound .back_p{
		font-size:18px;
	}
	.mainside .table_leadship tr td{
		padding:15px 10px;
	}
	.recruit .teach_st,.teach_staff .teach_st{
		width:100%;
		float:none;
		margin-left:0;
	}
	.recruit .teach_st .img,.teach_staff .teach_st .img{
		width:100%;
		height:auto;
	}
	.facilties .list li{
		height:auto;
	}
	.information .list .list_left{
		width: 65%;
	}
	.information .list .time_right{
		width: 30%;
		text-align: right;
	}
	.teach_staff{
		width:100%;
	}
	.textarea_out{
		width:85%;
	}
	.center_side .mainside{
		background-color:#fff;
		padding:0;
	}
	.center_side .column{
		padding:0 20px;
	}
	.header,.header .nav_out{
		height:60px;
	}
	.nav_out .logo3{
		height:55px;
		width:60%;
		max-width:285px;
		margin-top:4px;
		margin-left: 15px;
	}
	.menu-button{
		height:60px;
	}
	.item_code .item_in{
		padding-left: 85px;
		width:23%;
	}
	.donate_table .item_out{
		width:auto;
	}
	.top,.top_back{
		zoom:.7;
	}
	.banner .page_b{
		display:none;
	}
	.return .select_chose{
		width:30%;
		margin-right:28px;
	}
	.donate_table .form_item{
		width:90%;
		margin:0 auto 15px;
	}
	.idcard{
		width:85%;
		margin:0 auto;
	} 
	.sitecon{
		margin:0 10px 10px 10px;
	}
	.uptips{
		text-align:center;
	}
	.select_chose{
		margin-right:18px;
	}

	.volunteerform{
		margin-left:10px;
	}
	.volunteerform li{
		float:none;
		width:85%;
		margin:0 auto 8px;
	}
	.regtitle{
		margin:10px auto 10px;
		width:83%;
	}
	.retitle{
		margin:15px auto 5px;
		width:83%;
	}
	.postcode{
		display:block;
		text-align:center;
		margin-left:0;
	}
	.popup .phone_No label.error{
		left:auto;
		right:20px;
	}
	.notice_tips_new .point {
	font-size: 12px;
	top: 0px;
	}
}
/*宽度小于400px*/
@media screen and (max-width: 400px){
	.header .nav_out,.header{
		height:60px;
	}
	.main_content2{
		padding:0 15px;
	}
	.nav_out .logo3{
		height:45px;
		width:70%;
		max-width:250px;
		margin-top:10px;
		margin-left:10px;
	}
	.menu-button{
		height:60px;
		width:60px;
	}
	.container{
		padding-top:10px;
	}
	.container_index{
		padding-top:0px;
	}
	.mainwidth{
		padding:0;
	}
	.container_index .mainwidth{
		padding:0 20px;
	}
	.mainwidth_center{
		padding:0 20px;
	}
	.activity_side .column{
		margin:0;
	}
	.footer .copyright a{
		display:block;
	}
	.banner .text{
		font-size:16px;
		line-height:25px;
	}
	.service li,.service li img{
		width:100%;
		height:auto;
	}
	.service li .img_bg .title{
		font-size:16px;
		line-height:25px;
		margin-right:2px;
	}
	.service li .img_bg .see_detail{
		bottom:0px;
		padding-bottom:11px;
		margin:10px 0 5px;
	}
	.donate_list{
		margin-left:0;
	}
	.donate_list li{
		margin:0 0 20px 0;
	}
	.donate_list li .img_bg .text{
		padding:10px 10px 0 10px;
	}
	.label_item{
		margin-left:0px;
	}
	.item_out{
		float:right;
		width:95%;
	}
	.SumoSelect > .CaptionCont > label{
		right:5px;
	}
	.must{
		left:-14px;
	}
	.return .SlectBox{
		min-width:70px;
	}
	.staff_list li img{
		width:125px;
		height:125px;
		margin:50px 0 0 20px;
	}
	.school_detail_out .close{
		width:38px;
		height:38px;
		background-size:23px;
	}
	.banner .text .title{
		font-size:14px;
		line-height:30px;
	}
	.frame .framemap_img .framemap_left{
		margin-top:25%;
	}
	.frame .framemap_img .framemap_right{
		margin-top:24%;
		width:20%;
	}
	.frame .framemap_img .framemap{
		margin-top:7%;
		height:7.5%;
	}
	.frame .framemap_img .framemap_2{
		margin-top:6.3%;
		height:6.7%;
	}
	.frame .framemap_img .framemap_right .framemap{
		margin-top:8%;
		height:8.3%;
	}
	.con_edu_in{
		padding:25px 15px;
	}
	.web_map .map {
		width:200px;
	}
	.item_code .item_in{
		float:left;
		/* width:auto; */
		padding-left: 82px;
	}
	.item_code .label_text{
		margin-left: -72px;
	}
	.label_item .code_img{
		margin-top:8px;
	}
	.top,.top_back{
		zoom:.65;
	}
	.date2 .code_img{
		margin:5px 0 5px 90px;
	}
	.freshcode{
		display:inline-block;
		margin:15px 0 0 10px;
	}
	#colorbox #cboxClose{
		right:10px;
	}
	.form_item{
		margin-bottom:5px;
	}

	.popup{
		padding:10px 10px 5px;
	}
	.popup .detail_out{
		padding:5px 0 10px;
	}
	.popup .date2{
		margin:20px 0 0 10px;
	}
	.popup .date2 .input_text2{
		width:140px;
		padding:10px 7px;
	}
	.popup .date2 .input_code2{
		width:70px;
	}
	.date2 .code_img{
		margin:0 5px;
	}
	.popup .date .item{
		padding-left:0;
	}
	.popup label.error{
		left:85px;
	}
	.popup .select_chose label.error{
		left:30px;
	}
	.volunteerform{
		margin-left:0px;
	}
	.volunteerform li{
		float:right;
		width:94%;
	}
	.volunteerform li .label{
		margin-left:10px;
	}
	.resumecon .input_text2{
		padding:12px 8px 12px 10px;
	}
	.regtitle,.retitle{
		width:85%;
	}

}