@charset "utf-8";
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	.logo{ width:280px; padding-top:10px; padding-bottom:10px; }
	
	.nav > .navlist > ul > li > div > a{height: 52px;text-align: center; line-height: 52px; font-size: 16px; }
	.header-blank{ height:160px;}
	/*.nav > .navlist > ul > li > div > p{ padding:0 6%; }*/
	.swiper1 .swiper-pagination{ padding-bottom:10px;}


	.about > .aboutImg{  margin-right: 10px;}
	.aboutRight > h3,.notic > .noticHeader,.kaiBan > .kbHeader,.peixun > .pxHeader,.teacher > .techHeader{ font-size: 24px; }
	.aboutRight > div{ height: 210px; overflow: hidden; }
	.notic{margin-left:10px; }

	.kaiBan > .kbList{ padding:10px; }
	.pxList > ul > li > a > div > h3{ font-size: 18px; }

	.teacherList > ul > li{ width: 32%; margin-right: 2%; }
	.teacherList > ul > li:nth-of-type(3n){ margin-right: 0; }
	.teacherList > ul > li > a > .teachItem-about > h3,.teacherList > ul > li > a > .teachItem-about > div{ font-size: 16px; }
	.pxAbout{ height: 210px; font-size: 14px;}
	.box{padding-left:46px; padding-right:46px;}
	.box .swiper-button-next,.box .swiper-button-prev{height:36px; width:36px; margin-top:-18px; } 
	.swiper5 .swiper-slide > a > div > h3{  font-size: 16px; }
	.swiper5 .swiper-slide > a > div > h4{ font-size: 14px; }

	.servMain > .servLogo{ width: 224px; }
	.servMain > .servAbout{ padding-left: 20px; }
	.servMain > .servAbout > ul > li > .servAboutItem-header{ font-size: 16px; }
	.servMain > .servQTcode > p{ width: 86px; box-sizing: border-box; border:8px solid #8f8f8f; overflow: hidden; }
}
@media (max-width:992px){
	.logo{width:224px; padding-top:10px; padding-bottom:10px; }
	.phone > .phoneIcon{ width: 72px; }
	.header-blank{ height:140px;}

	.aboutRight > h3,.notic > .noticHeader,.kaiBan > .kbHeader,.peixun > .pxHeader,.teacher > .techHeader{ font-size: 20px; }
	.aboutRight > div{ height: 150px; overflow: hidden; }

	.kaiBan > .kbList > ul > li > p:nth-of-type(3){ width:20%;display: none; }
	.kaiBan > .kbList > ul > li > p:nth-of-type(4){ width:25%; }
	.kaiBan > .kbList > ul > li > p:nth-of-type(5){ width:30%;  }
	.kaiBan > .kbList > ul > li > p:nth-of-type(6){ width:20%;  }
	.pxList > ul > li > a > div > h3{ font-size: 16px; }

	.pxAbout{ height: 180px;}

	.servMain > .servAbout > ul > li > .servAboutItem-header{ font-size: 14px; }

}
@media (max-width:768px){	
	.site > .c-con,.servlist > ul > li > a,.copyright,.colHeader > p,.tlMore,.paperList > ul > li > .paperItem-right > h4 > a{ font-size: 12px; } 
	.header{  background-image: url(none);}
	.logo{ width:168px; padding-top: 10px; padding-bottom: 10px;}
	/*.hd-con{ position: relative; }*/
	/*.phone{ position:absolute; right: 60px; top:50%; margin-top: -20px; }*/
	.site,.nav,.phone{ display: none; }
	.menu{ display: block; }
	.header-blank{ height:80px;}
	.swiper1 .swiper-pagination-bullet{ width:12px; height:12px; border-radius:50%; }

	.about{ display: block; }
	.about > .aboutImg,.about > .aboutRight{ width: 100%; }
	.about > .aboutImg{ margin-right: 0; margin-top: 3%;}
	.aboutRight > h3,.notic > .noticHeader,.kaiBan > .kbHeader,.peixun > .pxHeader,.teacher > .techHeader{ font-size: 16px; }
	.aboutRight > div{ height: auto; }	
	.aboutRight > p > a,.aboutRight > p > a > img{ width: 20px; height: 10px; }

	.other{ display: block; }
	.kaiBan,.notic{width:100%; margin-left:0;}
	.kaiBan > .kbList > ul > li{ padding-top: 10px; padding-bottom: 10px; }	
	.kaiBan > .kbList > ul > li > p:nth-of-type(1),.kaiBan > .kbList > ul > li > p:nth-of-type(2){ width:auto; padding-right: 10px; }
	.kaiBan > .kbList > ul > li > p:nth-of-type(3){ width:40%; padding-right: 10px; box-sizing: border-box; }
	.kaiBan > .kbList > ul > li > p:nth-of-type(4){ width:60%; display: block;  padding-right: 10px; box-sizing: border-box;}
	.notic{ margin-top: 10px; }
	.notic > .noticAd{ margin-top: 10px; margin-bottom: 10px;}

	.pxList > ul > li{ width: 49%; margin-right: 0; margin-top: 2%; }
	.pxList > ul > li:nth-of-type(2n){ float: right; }	
	.teacherList > ul > li > a > .teachItem-about > h3,.teacherList > ul > li > a > .teachItem-about > div{ font-size: 14px; }

	.pxMain{ display: block;}
	.pxAbout,.box{ width: 100%;}
	.pxAbout{ height: auto; margin-bottom: 10px; }
	.box{padding-left:46px; padding-right:46px;}
	.box .swiper-button-next,.box .swiper-button-prev{height:36px; width:36px; margin-top:-18px; } 


	.hezuoList > ul > li{ width: 32%; margin-right: 2%;  }
	.hezuoList > ul > li:nth-of-type(6n){ margin-right: 2%; }
	.hezuoList > ul > li:nth-of-type(3n){ margin-right: 0; }
	
	.servlist > ul{  flex-wrap: wrap; }
	.servlist > ul > li{ width:25%;}
	/*.servlist > ul > li:nth-of-type(1){display: none;}*/
	.servMain{ display: block; }
	.servMain > .servLogo{ margin:0 auto; }
	.servMain > .servAbout{ margin:0 auto; width: 300px; margin-top: 3%; margin-bottom: 3%; }
	.servMain > .servAbout > ul > li > .servAboutItem-title{  height: 30px;  line-height: 30px; }
	.servMain > .servAbout > ul > li > .servAboutItem-title > h3{ font-weight: normal; font-size: 12px; }
	.servMain > .servAbout > ul > li > .servAboutItem-right{ font-size: 12px; line-height: 30px; }
	.servMain > .servQTcode{ width:200px; margin:0 auto; }
	.signUp > .c-con{ padding-bottom: 10px; padding-bottom: 10px; }
	.signUpForm > h3,.signUpForm > a{ font-size: 14px; }
	.signUpForm > h5{ width: 24px; }
}

@media (max-width:640px){
	/*.phone{margin-top: -15px; }*/
	.pxList > ul > li > a > div > h3{ font-size: 14px; }
	.signUpForm > h5{ display: none; }
	.signUpForm > p{ width:24px; }
	.signUpForm > h3{ margin:0 10px; }
	.signUpForm > a{ font-size: 12px; padding:6px 15px; }
	.servMain{ display: block; }

	
}

@media (max-width:480px){

	
	.kaiBan > .kbList > ul > li > p:nth-of-type(3){width: 0;display: none;}
	.kaiBan > .kbList > ul > li > p:nth-of-type(4){ width:0; display: none; }
	.kaiBan > .kbList > ul > li > p:nth-of-type(5){ width:35%;}



	.pxList > ul > li{ width: 100%; }
	.pxList > ul > li:nth-of-type(2n){ float: right; }
	.teacherList > ul > li{ width: 100%; margin-right: 0%; margin-top: 10px; }
	.teacherList > ul > li > a > .teachItem-about > div{ height: auto; }
	.box{ height: 0; }
	.box2{height:auto; }
	.servMain > .servQTcode{ margin:10px auto; }

	
}
	
@media (max-width:375px){	
	.teacher > .techHeader > .techTab{/*display: none;*/}
	.teacher > .techHeader > .techTab > p{ font-size: 12px; height: 30px; line-height: 30px; padding:0 5px; }
	
}