@media screen and (max-width: 1200px){
	.classify{padding: 20px 0 0 0;}
	.classify .menu ul li{width: 30%; margin-bottom: 20px; margin-left: 1.5%; margin-right: 1.5%;}
	.classify .menu ul li a{width: 100%; font-size: 16px;overflow: hidden;}
	.show_stage{padding-top: 0px; padding-left: 4%; padding-right: 4%;}
	.nav{display: none;}
	.functions{display: none;}
	.footer_row1{display: none;}
	#footer .in_row .powered p{text-align: center; line-height: 25px; padding: 10px 0;}
	.team_box li p{line-height: 50px !important;}
	.team_box li span{line-height: 50px;}
	.htmledit h2{margin: 10px 0;}
	.show_stage .list1{padding-top:0px;}
	.show_stage .list1 ul li{float: none; margin: auto; margin-bottom: 0px;max-width: 94%;}
	.show_stage .detail1 .detail1_pic{max-width: 94%;}
	.show_stage .detail1 .detail1_pic img{height: auto;}
	.show_stage .detail1{padding-top: 0px;}
	.show_stage .list2 ul li{padding-top: 0px; margin-bottom: 20px;}
	.show_stage .list2 ul li .news_title .title a{font-size: 16px;}
	.show_stage .detail2 h2{font-size: 18px;}
	.show_stage .detail2 .messages{margin-top: 10px;}
	.show_stage .detail2{margin-top: 0px;}
	.show_stage .detail2 .htmledit{padding-top: 20px;}
	.show_stage .detail2 .page{font-size: 14px;}
	.show_stage .list3{padding-top: 0px;}
	.show_stage .list3 ul{width: 94%;margin: auto;}
	.show_stage .list3 ul li{max-width: 100%;margin: 0px;float: none;}
	#videobox{margin: 0px;max-width: 100%;height:220px;}
	.show_stage .list4 ul{margin: 0 auto; width: 94%;}
	.show_stage .list4 ul li{width: 100%; float: none; margin: 0px;}
	.show_stage .list4{padding-top: 0px;}
	.show_stage .detail4{padding-top: 0px; max-width: 100%;}
	.show_stage .detail4 .pic img{height: auto;}
	.show_stage .list5{padding-top: 0px;}
	.show_stage .list5 ul li .title{overflow: hidden; height: 45px; line-height: 45px;}
	.show_stage .detail2 .page p{white-space:normal; max-width: 100%;}
	.jw_box{margin: auto;}
	.jw_box .jwjg{max-width: 100%;margin: 0; margin-bottom: 18px;}
	.jw_box .jwjg .in_jwjg .pic{width: 25%;}
	.jw_box .jwjg .in_jwjg .jw_words{width: 70%;}
	.jw_box .jwjg .in_jwjg .pic img{height: auto;}
	#page1 #banner .in_page1 .slide_box .in_slide .slide_btn.btn_prev{margin-left: 40px}
	#page1 #banner .in_page1 .slide_box .in_slide .slide_btn.btn_next{margin-right: 40px;}
	.section .page_content .in_content{max-width: 100%;}
	#page2 .about_icon_box img{width: 80px;}
	#fp-nav.right{right: 5px;}
	#page2 .page_title{margin-top: -30px;}
	#page2 .page_content{margin-top: 40px;}
	#page3 .news_center .news_box{max-width: 100%; padding:0; height: auto; float: none;}
	#page3 .news_center .news_box1{display: none;}
	#page3 .news_center .news_box2{max-width: 86%;margin: auto; padding: 0 2%;}
	#page3 .news_center .news_box2 .news_topper .news_topper_box ul li .date{width: 15%;}
	#page3 .news_center .news_box2 .news_topper .news_topper_box ul li .main{width: 80%;}
	#page3 .news_center .news_box2 .news_topper .news_topper_box ul li .main .summary p{height: 50px; line-height: 25px; overflow: hidden;}
	#page3 .news_center .news_box2 .news_topper .news_topper_box ul li{margin-top: 10px;}
	#page3 .page_title{margin-top: -70px;}
	#page3 .page_content{margin-top: 20px;}
	#page4 .yw_box{max-width: 96%;margin: auto;}
	#page4 .yw_box .lie1{width: 73%;}
	#page4 .yw_box .lie2{width: 26%;}
	#page4 .yw_box ul li{margin: 0px;}
	#page4 .yw_box ul li.fl1{width: 49%;height: 95px;}
	#page4 .yw_box ul li.fl2{width: 49%;height: 95px; margin-left: 2%;}
	#page4 .yw_box ul li.fl3{width: 31.333%;height: 80px; margin-top: 2%;}
	#page4 .yw_box ul li.fl4{width: 38.333%;height: 80px; margin-left: 2%; margin-top: 2%;}
	#page4 .yw_box ul li.fl5{width: 26.333%;height: 80px; margin-left: 2%; margin-top: 2%;}
	#page4 .yw_box ul li.fl6{width: 100%;height: 60px;}
	#page4 .yw_box ul li.fl7{width: 100%;height: 115px; margin-top: 5%;}
	#page4 .yw_box ul li img{width: 100%; height: 100%;}
	#page5 .wh_fl a{margin: 0px;}
	#page5 .wh_fl img{width: 30%; float: left; margin: 0 1.5%;}
	#page5 .wh_more img{margin-top: 30px;}
	
	#header .logo img{max-width: 77%;}
	.bite{display: block;}
	#header{height: 70px;}
	#header .in_header{height: 70px;}
	#header .search_box{top: 70px;}
	
	.powered p a{display: block;}
	.menu{text-align: left;}
	
}



@media screen and (min-width: 900px) and (max-width: 1200px){
	.list li{width: 23%;}

}
@media screen and (min-width: 600px) and (max-width: 900px){
	.list li{width: 31%;}
}
@media screen and (max-width: 900px){
	.mycct li{width: 33.33333%;}
}
@media screen and (max-width: 500px){
	.mycct li{width: 33.33333%;}
}