@media screen and (max-width:1660px) {

	.inner{ width:1360px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1360px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1360px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1360px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1360px)/2);}

	.logoImg{ height: 70px;}
	.oneNav{ line-height:90px;}
	.zwHeader{ height: 90px;}
	.zw{margin-top: -90px; padding-top: 90px;}
	.newsRight{   top: 90px;}

	.subNavBox{ margin-top: -80px;}
	.subNav a{ height: 80px;}

	.maim{   height: calc(100vh - 90px);}
 
}

@media screen and (max-width:1440px) {

	body{ font-size: 14px }
	.inner{ width:1240px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1240px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1240px)/2);}

	.logoImg{ height: 60px;}
	.oneNav{ line-height:80px;  font-size: 18px;}
	.zwHeader{ height: 80px;}
	.zw{margin-top: -80px; padding-top: 80px;}
	.newsRight{   top: 80px;}
	.swiperBtn{ width: 60PX; height: 60PX;}
	.maim{   height: calc(100vh - 80px);}

	.idxBan .pagination .swiper-pagination-bullet{ width: 12px; height: 12px; margin-right: 12px;}

	.idxClassIcon{ max-height: 50px;}

	.idxNews{    grid-gap: 15px;}
	.idxNews li,.educationUl a{ height: 260px;}

	.idxBookUl li{ width: calc((100% - 30px)/3); margin-right: 15px; height: 480px;}
	.idxBookUl li .item{  height: calc((100% - 15px)/2);}

	.idxBookUl .border-top-blue{    border-top-width: 3px;}
	.idxNews li{ border-width: 3px;}
	.affairsSwiper .swiper-slide::after{ height: 3px;}

	.footLogo{  height: 76px;}

	.idxClass li a{ height: 180px;}
	.playIcon{ width: 90px;}

	.subNavBox{ margin-top: -70px;}
	.subNav a{ height: 70px;}

	.border-top-blue-width{border-top: 3px solid var(--blue);}

	.historLeftySwiper{ height: 480px;}
	.historLeftySwiper .swiper-slide{ height: 80px;}
	.historLeft .btn{ width: 50px; height: 50px;    left: -18px;}
 
	.menList li{ width: calc((100% - 100px)/3); margin-right: 50px;}
}

@media screen and (max-width:1280px) { 

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner{ width:88%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}

	.biginner{   width: 96%;    }
	header .con{ width: 96%;  }
	.logoImg{ height: 50px;}
	.oneNav{ line-height:70px;  font-size: 16px;}
	.zwHeader{ height: 70px;}
	.zw{margin-top: -70px; padding-top: 70px;}
	.newsRight{   top: 70px;}
	.oneNav span::after{ height: 1px;}
	.idxBanImg{ height: auto;}

	.maim{   height: calc(100vh - 70px);}
	.wxBtn .img{ width: 100px;}
	.affairsSwiper a{ height: 140px;}

	.idxNews li, .educationUl a{ height: 220px;}
	.idxClass li a{ height: 150px;}
	.idxClassIcon{ max-height: 40px;}

	.idxBookUl li{  height: 400px;}
	/* .idxBookUl li:first-child img{ max-height: 60%;} */
	.footLogo{ height: 58px;}

	.playIcon{ width: 80px;}

	.subNavBox{ margin-top: -60px;}
	.subNav a{ height: 60px;}

	.historLeftySwiper{ height: 350px;}
	.historLeftySwiper .swiper-slide{ height: 70px;}

	.menList li{ width: calc((100% - 80px)/3); margin-right: 40px;}
	
}

@media screen and (max-width:1100px) {

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.inner{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}

	.logoImg{ height: 40px;}
	.oneNav{line-height:66px; font-size: 14px;}
	.zwHeader{ height: 66px;}
	.maim{   height: calc(100vh - 66px);}
	.zw{margin-top: -66px; padding-top: 66px;}
	.newsRight{   top: 66px;}
	.swiperBtn{ width: 50px; height: 50px;}
	.idxBan .pagination .swiper-pagination-bullet{  width: 8px; height: 8px; margin-right: 8px;}
	.affairsSwiper a{ height: 125px;}
	.idxNews li, .educationUl a{ height: 180px;}
	.idxClass li a{ height: 120px;}
	.idxClassIcon{ max-height: 32px;}
	.idxBookUl li{ height: 340px;}

	.idxBookUl .border-top-blue{    border-top-width: 2px;}
	.idxNews li{ border-width: 2px;}
	.affairsSwiper .swiper-slide::after{ height: 2px;}
	.playIcon{ width:70px;}

	.subNavBox{ margin-top: -50px;}
	.subNav a{ height: 50px;}
	.border-top-blue-width{border-top: 2px solid var(--blue);}

	.historLeftySwiper{ height:240px;}
	.historLeftySwiper .swiper-slide{ height: 60px;}
	.historLeft .btn.prev{ top: 3vw;}
	.historLeft .btn.next{ bottom: 3vw;}

	.menList li{ width: 48%; margin-right: 4%;}
	.menList li:nth-child(2n){ margin-right: 0;}
}
@media screen and (max-width:900px) {

	body{ font-size: 12px }
	/* .iconfont{ font-size: 16px;} */
	.inner{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	.zwHeader{ height: 60px;}
	.zw{margin-top: -60px; padding-top: 60px;}
	 

	header .con{ width: 100%; padding: 0 0 0 20px;}
	.affairsSwiper a{ height: 110px;}
	.idxNews{grid-template-columns: repeat(2, 1fr);}
	.idxNews li { height: 122px;}
	.educationUl a{ height: 200px;}
	.educationUl a + a{ margin-top: 15px;} 

	.idxHistory .text{ margin-top: 0;}

	.idxBookUl li{ width: 100%; margin-right: 0; height: auto; }
	.idxBookUl li:first-child{ height: 220px;}
	.idxBookUl li .item  { height: 120px; margin-top: 15px;}

	.idxBookUllist li { height: 220px;}

	.idxBookUllist li{ width: 48.5%; margin-right: 3%  ;}
	.idxBookUllist li:nth-child(3n){ margin-right: 3%  ;}
	.idxBookUllist li:nth-child(2n){ margin-right: 0 !important;}

	.footLogo{ height: 46px;}
	#back_top{ right: 10px;}
	#back_top .master_backTop .master_backTop_btn{ width:30px ; height: 30px;}
	.bubble span, .back_bubble span{  width: 8px; height: 8px;}


	.playIcon{ width: 50px;}

	.newslist li .text{ margin: 15px 0;}

	.subNavBox{ margin-top: 0; width: 100vw; margin-left: -20px; margin-right: -20px;}
	.subNav a{ height: 50px;}
	.subNav a::after{ height: 2px;}

	.culturelist li .desc{ margin-left: 0; margin-top: 15px; padding-bottom: 15px;}
	.culturelistIcon{ width: 26px;}
	.culturelist li .right .more{width: 4em;height: 4em;    bottom: -10px;}


	.historyCon{ max-height: 320px;}

	.historLeftySwiper .swiper-slide  .round{ display: none;}
	.historLeftySwiper .swiper-slide{ text-align: center;}
	.historLeftySwiper  .swiper-slide-thumb-active span{   font-size: 1.6em;  }
	.historLeftySwiper{ height: auto;}
	.historLeft .btn{ width: 38px; height: 38px; position: relative; left: auto !important; top: auto !important; bottom: auto !important;}
	.historLeft::after{ display: none;}
	.historLeft .btn.prev{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
	.historLeft .btn.next{ margin-left: 15px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
	.historLeft{ padding:   0; padding-bottom: 20px;}

	.eightNav a{ height: 66px;}
	.eightNav a.on strong::after{ height: 1px;}

	.pagelist a{ display: none;}
	.pagelist .hover{ display: none !important;}
	.pagelist  .page{ display: inline-block;}

}

@media screen and (max-width:560px) { 

	.menList li{ width: 100%; margin-right: 0 !important;}
}

@media screen and (min-width:750px) { }