/*Ê×Ò³»ÃµÆ*/

#changeBoxMain { width:100%; height:570px;margin: auto auto;}

/* changeBox */

#change { width:100%;   height: 570px; position: relative; text-align: center; }

#change .item { position: absolute; top: 0px;left:0;  display: none; }



#change .item div { position: absolute;overflow: hidden; background:url(../images/changePadbg.png);width: 30%; bottom:100px;right: 30px; padding:30px; padding-bottom:50px;height: 95px;}

#change .item div h5{ font-size:26px; color:#FFF; font-weight:normal; text-align:left;font-family: "dinpro-regularregular",sans-serif;}



#change .ul_change { position: absolute; bottom: 128px; right: 400px; overflow: hidden; }

#change .ul_change li { display: -moz-inline-stack; display: inline-block;  *display:inline;filter: alpha(opacity=85); margin-right:3px;}

#change .ul_change span { display: inline-block;width: 10px;height: 10px;float: left;background: #fff;margin: 0 4px; cursor:pointer; border-radius:30px;}

#change .ul_change span:hover { background: #ccc;}

#change .ul_change span.on { background: #00285B;}
nav{display:none;}
@media screen and (max-width:1366px){
	#change .ul_change{
		    bottom: 200px;
    right: 450px;
	} 
	#change .item div{
		right:150px;
	}
	.section-2{
		width:76%;
	}
	.main{width:100%;}
	#BottomConcent{
		width:100%;
	}
	#BottomConcent table td{
		    padding: 0px 20px 25px 10px;
	}
	article{
		width:950px;
	}
	.index_pic{
		width:100%;
	}
	.picList100 li a h3{
		height:30px;
	}
}
@media screen and (max-width:1280px){
	#change .item div{
		right:180px;
	}
	#change .ul_change{
		    bottom: 230px;
    right: 480px;
	}
	.section-2{
		width:72%;
		 
	}
	 
	.picList li a h3 {
		width:100%;
	}
	.picList li a img{
		width:100%;
	}
	.picList li {
		width:262px;
	}
	.picList li a span{
		width:100%;
	}
	.main{
		width:100%;
	}
	article{
		width:780px;
		margin-right: 100px;
	}
	.album ul li{
		width:220px;
	}
	#Msg #MsgContent{
		width:96%;
		padding-left:0px;
		padding: 0 10px;
	}
	#Msg #MsgTitle{
		margin-left:0px;
		text-align:center;
		width:100%;
	}
	#BottomConcent{
		width: 100%;
     
	}
	#Msg #MsgContent img{
		 
	}
	#Msg #MsgContent p{
		    width: 95%;
    padding: 5px;
	margin:0 auto;
	}
	.index_pic{
		width:100%;
	}
	.section-3{
		 
	}
	.events li div.msg{
		width:408px;
	}
	#changeBoxMain{
		height:510px;
	}
	.feedback_gq{
		width:90%;
	}    
	#bannerLink{
		right:0;
	}
}
@media screen and (max-width:1024px){
	.section-5{
		width:100%;
	}
	#problem{
		width:100%;
	}
	#change .item img{
		height:570px;
		
	}
	#changeBoxMain{
		height:570px;
	}
	.ryf_y{
		width:27%;
	}
	.main{width:100%;}
	.events li div.msg{
		width:450px;
	}
	.section-3{
		width:100%;
		margin-left: 15%;
	}
	#change .ul_change{
		right: 250px;
		bottom: 150px;
	}
	#change .item div{
		right:50px;
	}
	.section-2{
		width: 45%;
		margin-right: 50px;
	}
	.section-4{
		float:none;
		clear: both;
		width:100%;
	}
	.section-4 .title1{
		text-align:center;
	}
	.section-4 .sectionPadding{
		margin:0 auto;
	}
	#NoteMarquee{
		margin:0 auto;
	}
	#BottomConcent{
		width:100%;
	}
	#BottomConcent table td a{
		text-align:center;
	}
	.linkslist{
		text-align:center;
	}
	article{
		float:none;
		width:100%;
	}
	aside{
		float:none;
		margin: 0 auto;
	}
	#Msg{
		margin-left:0;
	}
	.picList100{
		    width: 780px;
			margin: 0 auto;
	}
	.title100{
		text-align:center;
	}
	.msgList{
		min-height: 250px;
	}
	.show_page{
		    margin-right: 100px;
	}
	.picList100 li{
		
		margin: 0px 20px 10px 0px;
	}
	.tableBox{
		width:100%;
	}
}
@media screen and (max-width:640px){
    .header{
		display:none;
	}
	#changeBoxMain{
		width:100%;
	}
	.main{width:100%;}
	#change{
		100%;
	}
	#change .item div{
		display:none;
	}
	#change .ul_change{
		display:none;
	}
	#changeBoxMain{
		height:250px;
	}
	#change{
		height:250px;
	}
	#change .item img{
		height:250px;
		
	}
	.picList100{
		width:600px;
	}
	.picList100 li{
		 
	}
}



@media screen and (max-width:768px){
	.header{
		display:none;
	}
	#change .item div{
		display:none;
	}
	.main{width:100%;}
	.main-im,#backToTop{
		display:none;
	}
	header{display:block;}
	.nav_fixed{
		transform: translateX(0);
    -webkit-transform: translateX(0);
	}
	nav{
		width: 150px;
    display: block;
    background: #595656;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    transition: transform .7s ease-out;
    -webkit-transition: transform .7s ease-out;
	}
	nav ul{
		padding-top:20px;
		padding-left:10px;
	}
	nav ul li{
		    padding: 5px;
    margin-bottom: 10px;
	}
	.nav_fixed ul li a{
		color:#fff;
	}
	.nav_fixed ul li a:hover{
		color:#054D6F;
	}
	.section-1{
		float:none;
		width:100%;
	}
	.section-1 .title1,.section-1 .title2{
		text-align: center;
	}
	.section-1 .sectionPadding a div{
		margin:0 auto;
	}
	.section-1 .sectionPadding h3{
		text-align: center;
	}
	.section-2{
		width:300px;
		margin:0 auto;
		float:none;
	}
	.section-2 .title1,.section-2 .title2,.section-4 .title1{
		text-align: center;
	}
	.mainItem li{
		text-align: center;
	}
	.section-3{
		float:none;
		margin-left:0;
		width:70%;
	}
	.section-4{
		float:none;
		width:100%;
	}
	.events li div.msg{
		width:100%;
		height:100%;
		margin-left: 105px;
	}
	.events li div.dateview{
		width:100px;
		height:54px;
		line-height:54px;
		margin-top: 10px;
	}
	#NoteMarquee{
		margin:0 auto;
	}
	.linkslist li{
		text-align:center;
	}
	.section-5{
		float:none;
		width:100%;
	}
	.index_pic{
		width:100%;
		float:none;
		
	}
	.infoBox{
		width:28%;
		left:3%;
	}
	#BottomConcent{
		width:100%;
	}
	#BottomConcent > table{
		margin:0 auto;
		float:none;
	}
	.footer_x{
		width:100%;
	}
	#bottomIconlist a{
		float:left;
		border-top:none;
	}
	#bottomIconlist,#BottomConcent p{text-align:center;}
	.footer_copy{
		text-align:center;
	}
	#NoteMarquee ul li{
		width:280px;
	}
	#bottomIconlist{
		    width: 220px;
		margin: 0 auto;
	}
	.footer_box{
		width:100%;
	}
	.ryf_y{
		width:28%;
		height:270px;
	}
}
@media screen and (min-width:650px)and (max-width:768px){
	#problem{
		background:none;
		padding: 33px 0%;
		height: inherit;
	}
	#problem ul {
    	padding-right: 1%;
	}
	#bannerLink{
		right:0;
	}
	 .header{
		display:none;
	}
	#changeBoxMain{
		width:100%;
	}
	.main{width:100%;}
	#change{
		100%;
	}
	#change .item div{
		display:none;
	}
	#change .ul_change{
		display:none;
	}
	#changeBoxMain{
		height:300px;
	}
	#change{
		height:300px;
	}
	#change .item img{
		height:300px;
	}
	.events li div.dateview{
		margin-top:0;
	}
}
@media screen and (max-width:480px){
	#problem{
		background:none;
		padding: 33px 0%;
		height: inherit;
	}
	#problem ul {
    	padding-right: 1%;
	}
	#changeBoxMain{
		height:180px;
	}
	#change{
		height:180px;
	}
	#change .item img{
		height:180px;
		
	}
	.picList100{
		width:480px;
	}
	.picList100 li{
		margin: 0px 30px 10px 105px;
	}
	.msgList li{
		height:100%;
	}
	.ryf_y{
		width:40%;
		height:300px;
	}
}
@media screen and (max-width:400px){
	.picList100 li{
		    margin: 0px 30px 10px 25px;
	}
}
@media screen and (max-width:320px){
	#changeBoxMain{
		height:120px;
	}
	#change{
		height:120px;
	}
	#change .item img{
		height:120px;
		
	}
	.infoBox{
		width:42%;
	}
	#BottomConcent table td{
		padding:0;
	}
	.events li div.msg{
		width:80%;
	}
	.section-2 .sectionPadding{
		padding:0;
	}
	.picList li a h3{
		width:280px;
		text-align:center;
		padding-left:10px;
	} 
	.show_page{
		text-align: center;
		width:100%;
	}
	.picList100 li{
		    margin: 0px 30px 10px 25px;
	}
	aside{
		width:100%;
	}
	.msgList li em{
		display:none;
	}
	.msgList li{
		height:100%;
	}
} 
 
 
.mobile_top .mobile_home{
	float:left;
}
.mobile_top .mobile_list{
	float:right;
	margin-right: 5px;
    margin-top: 6px;
}
.mobile_top .mobile_list img{
	cursor:pointer;
}
.mobile_top .mobile_logo{
	float:left;
}
 
.mobile_top{
	background:#666699;
	padding:10px;
}