@import url(ui.css);
@import url(iconfont.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width: 768px) {
    body {min-width: 320px;}
    .container {width: auto; padding: 0 15px;}
    .w1200 {width: auto; padding: 0 15px;}
    .w980 {width: auto; padding: 0 15px;}
    .header{ position: sticky; left: 0; top:0; width:100%; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
    .head{ padding: 10px; }
    .head .logo img{ height: 100px; }
    .head .text{ font-size: 17px; flex:0 0 35%; text-align: center; }
    .head .pic{ display: none; }
    .head .menu-btns{ display: block; }
    .nav{ display: none; }

    .main{ position: sticky; }
    .main .text{ position: absolute; top:5%; left:5%; transform: translateX(0);  padding: 30px; width: 90%; }

	.list-program .img-center .pc{ display: none;}
	.list-program .img-center .wap{ display: block; }
    .list-program .con{ position: relative;  padding: 45px 0;}
    .list-program li{ float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }

    .section-title3{ display: none; }
    .section-title3-wap{ display: block; }
    .w100{ padding: 0 15px; }

    .list-program3 li{ flex-wrap: wrap; margin: 25px 0; padding: 0 15px; }
	.list-program3 li .pic{ flex:100%; margin-right: 0; }
	.list-program3 li .text{ flex:100%; margin-top: 25px; }

	.list-program4{ margin: 0}
	.list-program4 li{ float: none; width: 100%; }
	.list-program4 li .items{ margin:0 0 30px 0; }

	.section-title5 p{ font-size: 20px; padding-left: 0; }

    .list-program5{ flex-wrap: wrap; }
    .list-program5 li{ flex:100%; margin-right: 0; margin-bottom: 5px; }
    .list-program5 li .items{height: auto;}
    .list-program5 li h2{ margin-bottom: 20px; font-size: 24px; }
	.list-program5 li p{ font-size: 18px; }
	.list-program5 li .btns{ display: block; }
	
	.list-program5-con{ flex-wrap: wrap; padding: 0 15px; }
	.list-program5-con .pic{ flex:100%; margin-right: 0;}
	.list-program5-con .text{ flex:100%; margin-top: 30px; }

	.admissions{  height: auto; padding: 30px 0; }
	.admissions .text h2{padding-left: 30px;}
	.admissions ul{ flex-wrap: wrap;  }
	.admissions li{ flex:100%; margin-right: 0; margin-bottom: 10px;}
	.admissions li h3{ font-size: 28px; height: auto; }
	.admissions li p{ font-size: 20px; }

	.section-title6{ margin-bottom: 20px; font-size: 36px; }
	.testimonials{ position: relative; padding:0 15px 50px; overflow: hidden;}
	.testimonials .swiper-button-prev{ display: none; }
	.testimonials .swiper-button-next{ display: none;}

	.section-title7 strong{ font-size: 40px; }

	.job1{ padding: 15px; }

	.job2 .con{ flex-wrap: wrap;padding: 0 15px; }
	.job2 .con h2{ font-size: 40px; font-weight: normal; width: 100%; margin-right: 0; }
	.job2 ul{ flex:100%; }

	.list-news .w1200{ padding: 0; }
	.list-news-con{ flex-wrap: wrap; }
	.list-news:before{ display: none;  }
	.list-news-con .tits{ flex:100%; text-align: center; padding: 15px;}
	.list-news-con .tits h2{ font-size: 45px; }
	.list-news-con .tits i{ justify-content: center; }
	.list-news-con .con{ background: #f6ebe4;  padding: 15px; margin-top: 20px; margin-left: 0;}
	.list-news-con .con li h2{ font-size: 24px; }
	.list-news-con .con li h3{ font-size: 24px; margin-bottom: 20px;}
	.list-news-con .con li p{ font-size: 18px; line-height: 1.8; }

	.contact1{ flex-wrap: wrap; margin-bottom: 30px; }
	.contact1 .tits{ flex:100%; margin-right: 0;  }
	.contact1 .con{ flex:100%; margin-top: 20px; }

	.contact2 h3{ font-size: 32px;}
	.contact2 ul{ flex-wrap: wrap; }
	.contact2 li{ flex:100%; margin-bottom: 20px;}

	.section-title8{ font-size: 36px; line-height: 50px; padding: 30px 0; }

	.list-team ul{ padding: 20px;}
	.list-team li{ flex-wrap: wrap; }
	.list-team li .text{ flex:100%; }
	.list-team li .img-center{ flex:100%; }
	.list-team2:before{ display: none; }

	.view .swiper-slide .img-center{height:230px;line-height:230px}
	.preview .swiper-slide .img-center{width: 82px; height:82px;line-height:80px}
	.preview .swiper-slide .img-center img{ width: 80px; height: 80px; }

	.summit1 .tits{ padding: 30px 0; margin: 20px;  }
	.summit1 .con{ padding: 20px; }
	.summit1 .con2{ padding: 20px; }
	.summit1 .tits2{ padding: 30px 0; margin: 20px;  }
	.summit2 .con{ padding: 20px; }
	.summit2 ul{ flex-wrap: wrap; }
	.summit2 li{ flex:100%; margin:0 0 20px 0;  }
    .summit3 .con{ padding: 20px; }
	.summit3 li{ width: 100%; margin:0 0 20px 0;  }
	.summit4{ padding: 15px;}
	.summit4 .con{ flex-wrap: wrap;}
	.summit4 .con .text{ flex:100%;  padding: 25px;}
	.summit4 .con .text h2{ font-size: 20px; margin-bottom: 15px; }
	.summit4 .con .text h3{ font-size: 24px; margin-bottom: 5px;  }
	.summit4 .con .text h4{ font-size: 20px; margin-bottom: 5px;  }
	.summit4 .con .text p{ font-size: 14px; }
	.summit4 .con .img-center{ flex:100%;  }
	.summit5{ padding: 15px;}
	.summit5 .con{ flex-wrap: wrap;}
	.summit5 .con .text{ flex:100%; padding: 25px; order: 100}

	.summit5 .con .img-center{ flex:100%;  }
	.summit6{ padding: 25px; }
	.summit6 ul{ width: 100%;  height: auto;  flex-wrap: wrap;}
	.summit6 li{ flex: 100%; margin-bottom: 30px; }
	.summit6 li h2{ margin-bottom: 10px; }
	
	



}