@media screen and (max-width:1280px){ 
	.footBox .fimg{ padding: 4% 0px;}
	.backbot{ height: 36px;}
}
@media screen and (max-width:1024px){
	.top{ background: #fff; padding-bottom: 0px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.7);-moz-box-shadow:0 0 3px rgba(0,0,0,0.7);box-shadow:0 0 3px rgba(0,0,0,0.7);}
	.nav{ display: none;}
	.menu-handler{ display: block;}
	.logo{ padding:10px 0px 10px 5%; width: auto; position: relative; z-index: 1;}
	.logo img{ width: 140px;}
	.head{ height: 67px;}
	.top,.searchBnt{ height:62px;}
	.searchBnt{ width: 62px;}
	.searchBox{ top: 62px;}
	.inner{ width: 90%;}
	.backTop{ right: 0px;}
	.ipage{ padding: 5% 0px;}
	.typeBox{ width: 48%; margin:0px 1%; height: auto; }
	.typeBox img{ width: 100%; height: auto; }
	.iaboutbox dd{ width: 48%; margin:0px 1% 0px;}
	.pbanner .pbtxt{ left:5%; width: 90%; margin-left: 0px;}
	.pbaner2 .pbtxt{ left: 0%; width: 100%;}
	.footBox{ position: static;}
	.iconBox{ font-size: 12px;}
	.iconBox .wbox{ font-size: 14px;}
	.honorDl dd .img{ width: 30%; height: auto; margin-right: 5%;}
	.honorDl dd .con{ float: left; padding: 0px; width: 52%;}
	.footBox .fimg{ height: auto;}
}
@media screen and (max-width:960px){
	.nonHeritage dd{ padding: 5%;}
	.nonHeritage .img{ width: 40%; margin-right: 5%;}
	.nonHeritage .img img{ width: 100%;}
	.nonHeritage .txt{ float: left; display: block; width: 50%;}
	.nonHeritage .txt .name{ padding-top: 0px;}
	.responsibilityBox .owl-controls .owl-page span{ width: 10px; height: 10px; background-size: cover;}
}
@media screen and (max-width:861px){
 
	.logo img{ width: 111px;}
	.head{ height: 58px;}
	.top,.searchBnt{ height: 53px;}
	.searchBnt{ width: 53px;}
	.searchBox{ top: 53px;}
	.menu-handler{ right:70px; height: 53px;}
	.menu-handler .burger-1{ top:16px;}
	.menu-handler .burger-2{ top:26px;}
	.menu-handler .burger-3{ top:36px;}
	.mobactive .burger-1.rotated,.mobactive .burger-2.rotated,.mobactive .burger-3.rotated{ top: 26px;}
	#bannerSvg,.backbot{ display: none;}
	.banerBtns{ display: block;}
 	.aboutFont{ width: 100%;}
	.ipage{ padding: 5% 0px 3%;}
	.newIbox dd.nIbox1{ float: none; width: 98%; margin-right: 1%; margin-bottom: 2%;}
	.nIbox1 .newCon{ padding: 22px 5%;}
	.nIbox1 .newCon .c{ width: 90%; left: 5%; bottom: 55px;}
	.newIbox dd.nIbox2{ float: none; width: 98%; margin:0px 1% 2%; height: auto;}
	.nImgDemo{ height: auto;} 
	.nImgDemo .item img{ width: 100%; height: auto;}
	.nImgDemo .con{ position: static;}
	.newIbox dd.nIbox3{ width: 98%; margin:0px 1% 2%; background:none #f5f4ef;}
	.nIbox3 .btn{ text-align: right; width: 90%; left: 5%;}
	.nIbox3 .btn .t{ display: block;}
	.footDl dd{ width: 98%; float: none; padding:0px 1% 5%;}
	.footDl dd .t{ padding-bottom: 10px;}
	.footDl dd .c{ width: auto;}
	.footBox .fimg,.footBox .fbot{ text-align: left;}
	.pbanner .pbtxt .en1,.paget .en1{ font-size: 16px;}
	.pbanner .pbtxt .en2,.paget .en2{ font-size: 40px;}
	.pbanner .pbtxt .zh,.paget .zh{ font-size: 22px;}
	.historyList .hitem{ width: 46%; padding: 0px 2% 5%;}
	.historyBox{ width:86%; padding:5%;}
	.newsList .year{ margin: 0px 18px 0px 18px;}
	.recomNew li{ width: 48%;}
	.videlist li{ width: 48%;}
	.eventslist .txt .c{ font-size: 14px;}
	.eventslist .img{ margin-left: 20px;}
	.nonCu{ padding: 10% 0px;}
	.iconBox{ width: 100%; float: none; padding:0px 0px 20px;}
	.formBox{ width: 100%; float: none;}
	.cultureDl2 dd{ padding: 0px 1% 2%; width: 48%;}
}
@media screen and (max-width:641px){
	.ipage{ padding: 5% 0px 0px;} 
	.iaboutbox{ padding-bottom: 0px;}
	.iaboutbox dd{ float: none; width: 100%; margin: 0px 0px 5%;}
	.typeBox{ width: 49%;}
	.ibox2{ margin: 0px;}
	.ibox3{ margin: 0px 0px 0px 2%;}
	.newIbox dd.nIbox1,.newIbox dd.nIbox2,.newIbox dd.nIbox3{ margin:0px 0px 5%; width: 100%;}
	.footDl dd{ width: 100%; float: none; padding:0px 0% 5%;}
	.pbanner .pbtxt .en2,.paget .en2{ font-size: 36px;}
	.pbanner2 .pbtxt .en2{ font-size: 26px;}
	.aboutpage,.historyList{ padding: 10% 0px;}
	.insidePage li{ width: 100%;}
	.golodItem .t{ font-size: 14px; text-align: center; padding: 8% 5%;}
	.webItem .t .gi{ float: none; margin:10px auto 0px; position: static; top: 0px;}
	.paget,.selectYear,.yeardt,.newsList li,.recomNew li,.eventslist li,.infoPage{ width: 100%;}
	.recomNew li{ padding: 0px; background-color: #fff; margin:0px 0px 4%;}
	.info-t{ padding: 5%;}
	.niT{ font-size: 18px;}
	.txyBox{ width: 100%;}
	.nonHeritage .img{ width: 100%; margin: 0px 0px 20px; float: none;}
	.nonHeritage .txt{ float: none; width: 100%;}
	.contactPage{top: -48px;}
	.contactPage .t{ height: 48px; font: 18px/48px "微软雅黑";}
	.cultureBox{ padding: 10% 0px;}
	.cultureBox-t{ padding-bottom: 8%;}
	.cultureDl dd{ width: 100%; padding: 0px 0px 4%;}
	.cultureDl2 dd{ padding: 0px 0px 0px; margin: 0px 0px 4%;; width: 100%;}
	.teamBox .owl-controls .owl-buttons div{ top: 35%;}
	.honorDl dd{ padding: 10% 0px;}
	.honorDl dd .img{ width: 40%; height: auto; margin-right: 4%;}
	.honorDl dd .con{ float: left; padding: 0px; width: 54%;}
	.pbaner2 .pbtxt{ top: 40%;}
	.responsibilityBox .ritem .img{ width: 30%; height: auto;}
	.responsibilityBox .ritem .time{ display: none;}
	.responsibilityBox .ritem .c{ padding-top:15px; height: 36px;}
	.videlist{ padding: 10% 0px;}
	.eventslist{ padding: 10% 0px 0px;}
	.searchList li{ height: auto; line-height:1.5;}
	.searchList li .more{ height: 34px; line-height: 34px; width: 95px;}
}
@media screen and (max-width:481px) {
	.typeBox{ float: none; width: 100%; margin: 0px;}
	.typeBox{ margin-bottom: 5%;}
	.fbot a{ display: block; margin-top: 10px;}
	.newIbox{padding: 0px;}
	.newIbox dd.nIbox1,.newIbox dd.nIbox2,.newIbox dd.nIbox3{ margin:0px 0px 5%;}
	.newIbox dd.nIbox3{ height: 200px;}
	.nIbox3 .btn{ text-align: center; width: 90%; left: 5%; margin-top: -42px;}
	.nIbox3 .btn .t{ float: none; margin-bottom: 10px;}
	.pbanner .pbtxt .en2,.paget .en2{ font-size: 28px;}
	.paget{ padding-bottom: 50px;}
	.yeardt{ font-size: 26px;}
	.newsList li{ height: auto;}
	.newsList .year{ margin: 0px 10px 0px 0px; padding: 8px 15px; height: auto; width: auto;}
	.newsList .year .day{ font-size: 25px;}
	.newsList .c{ height: 36px; padding-top: 8px; font-size: 12px; line-height: 1.5;}
	.newsList .ico{ right: 10px;}
	.newsList li:hover{ background-color: transparent; border-bottom: 1px solid #c1c1c1;}
	.newsList li:hover .ico{ right: 10px;}
	.videlist li{ width: 100%; margin: 0px 0px 4%;}
	.videlist li .nam{ height: auto;}
	.eventslist .img{ float: none; width: 100%; height: auto; margin: 0px 0px 15px 0px;}
	.join-box1 .img{ float: none; margin-right: 0px; margin-bottom: 15px;}
	.formBox .mtxt{ width: 80%; margin-right: 0px;}
	.honorDl dd .img{ width: 100%; height: auto; margin:0px; float: none;}
	.honorDl dd .con{ float: none; padding: 5% 0px; width: 100%;}
	.videoPage{ height: 260px;}
	.videoPage img{ display: none;}
	.videoPage .vico{ background-size: cover; width: 54px; height: 54px; margin: -27px 0px 0px -27px;}
	.erweima{ width: 177px; height:358px; margin: -179px auto 0px -88px;}
	.erweima img{ display: block;}
	.info-t{ padding:8% 5%;}
	.niT{ font: 18px/1.8 "microsoft yahei"; text-align: left;}
	.niD{ text-align: left; padding: 25px 0 0;}
}