@media (min-width:1200px) {
} 
@media (min-width:991px) and (max-width:1200px) 
{
	.about-project .left-box{ width: 470px; }
	.about-project .left-box h1{ font-size: 1.6rem; }
	.about-project .left-box .desc { font-size: 13px; line-height: 22px; }
	.about-project .left-box .desc-img{ width:180px; }
	
	.about-pro02 .infobox{ width: 520px; }
	
	.dean-box {  background: url(../images/about-05.png) no-repeat bottom right;  background-size: 480px; }
	.dean-box .infobox {  padding: 30px 30px; }
	.dean-box .infobox .desc{  line-height: 22px; }
	
	.about-pro03 { width: 94%; }
	.about-pro03 .infobox {   width: 54%;  padding: 30px 30px; margin-top:0px;   }
	.about-pro03 .infobox .desc{    line-height: 22px; }

	.logo-box{     text-align: center;}
	.navbar-dark .navbar-brand {    float: none; }	
}
@media (min-width:768px) and (max-width:991px)  
{
    .top-box .left-img{ display: none; }
    .top-box .right-box{  width: 100%;  padding: 1.6rem 1.2rem 1.6rem 1.2rem; }
	.logo-box{ text-align: center; }
	.navbar-dark .navbar-brand{ float:none; }
	.nav-title{ display: none; }
	.nav-list { float: left; }
	.teacher-box{ margin: 4rem 0; }
    .teacher-img{ top: -30px; right: -30px;}
	.teacher-img img { width: 360px; }
    .teacher-info{ margin: 6rem 0px; }
    .header_menu{ width: 100%; }
    .course01-list h2{ font-size:1.4rem; }
	.course02-box .teacher{ min-height: 140px; }
	.course02-box .teacher h3{ font-size: 0.8rem; margin-bottom: 0.4rem; }
	.course02-box .teacher p{ font-size:12px; line-height:18px; }
	.course02-box .teacher .arr-btn{ width: 30px; height: 30px; }
	.course02-box .teacher .arr-btn img { margin-top: 5px; }
	
	.tab-btn li{ height: 50px; line-height: 50px; }
	.tab-box{ padding: 20px 40px 40px; }
	.tab-box .list .inp{ font-size: 14px; }
	.form-box { width: 440px; }
	.login-btn{ height: 48px; line-height: 48px; margin-top: 30px; }
	.last-info{ font-size: 14px; }
	
	.project-list .list01{ width:50%;}
	.project-list .list02{ width:50%; }
	.project-list .list03{ width:100%; margin-bottom: 40px;}
	
	.learning-title{ font-size: 40px;  text-align: center; }
	.learning .left-box{ width: 100%;  position: relative;}
	.learning .right-box{ width: 100%; }
	
	.about-project{ margin: 60px auto 0px; float: none; }
	.about-project .left-box{ width: 100%; position: relative; }
	.about-project .left-box h1{ font-size: 1.6rem; }
	.about-project .left-box .desc { font-size: 13px; line-height: 22px; }
	.about-project .left-box .desc-img{ width: 180px; }
	.about-project .right-box{ float: none; margin-top: 0px; width: 100%; }
	
	
	.about-pro02{ margin: 60px auto 0px; float: none; }
	.about-pro02 .infobox{ width: 100%; position: relative; }
    .about-pro02 .imgbox{ float: none; margin-top: 0px; width: 100%; }
	
	.about-pro03{ width: 90%; margin: 60px auto 0px; float: none; }
	.about-pro03 .infobox{ width: 100%; position: relative; padding: 30px 30px; }
    .about-pro03 .imgbox{ float: none; margin-top: 0px; width: 100%; }
	.about-pro03 .infobox h1{ font-size: 1.6rem;  }
	
	.core01-img img { width: 170px; }
	.core01-info{ margin-top: 0px; padding-left: 0px;}
	.core01-info h3{  }
	.core01-info .desc{ font-size: 13px;  line-height: 22px; }
	
	.core03-img img { width: 170px; }
	.core03-info .list{ margin-bottom: 10px; }
	.core03-info .list .info{ font-size: 13px;  line-height: 22px; }
	.core03-info h3{ margin-top: 30px; margin-bottom: 20px;}
	
	.dean-box .dean-list{ width:100%; }
	
	.question .answer-list .desc { width: 90%; }

	.carousel-caption { bottom: 4rem; }
}   
@media (max-width:767px){
    .header_wrap{ display: none; }
    .header_menu{ display: none; }
    .nav-title{ float: none;  }
    .nav-list{ float: none;  width: 93%; margin: 0 auto; }

    .nav-title .nav-link { background: transparent; font-size: 18px;}
    .navbar-expand-md .nav-list .nav-link{ padding: .5rem 0rem;  margin: 0rem 0rem; }
    .navbar-expand-md .nav-list .nav-link:hover { border-bottom: 0px; }
    .navbar-expand-md .nav-list .nav-apply{ padding: .766rem 0rem; background:transparent; margin-right: 0px; }
    .navbar-expand-md .nav-list .nav-apply:hover{ border-bottom: 0px; }
    .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
        color:#FFFFFF;
        border-bottom: 0;
    }
	.last-nav{ padding: 10px 0px; }
    .nav-list>li{ border-bottom: 1px solid #5e5f64; }
	.nav-list>li:last-child{  border-bottom:0px; }
	.nav-list>.dropdown{  background: url(../images/icon_nav_arr01.png) no-repeat 96% 16px; }
	.navbar-nav .dropdown-menu{ width: 100%; border: none; background-color: transparent; text-align:left; border-top: 1px solid #5e5f64;}
	.navbar-nav .dropdown-menu a{ font-size: 13px; color: #ffffff; padding: 4px 0px; width: 100%; display: block; margin-left: 6px;}
	
    .navbar-toggle {
        float: right;
        padding: 4px 10px;
        margin-right: 15px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .icon-bar{
        background-color: #4f535c;
        display: block;
        width: 30px;
        height: 2px;
        border-radius: 3px;
        margin: 6px 0px;
    }
	.logo-box{ padding: 8px 0px 8px; }
	.navbar-dark .navbar-brand{ width: 68%; display: block; margin-left: 6%;}
    .navbar-brand img{ width: 100%; }


    .coverbg{ height: 24rem; margin-top: 0rem;  padding-top: 6rem; }
    .footer{  height: auto; }
    .footer { text-align: center; }
    .footer .link-box{ text-align: center; }
    .footer .link-box a{ color:#FFFFFF; }
    .contact-box li{ width: 50%; margin-bottom:2rem; }

	/*首页轮播*/
	.carousel-item{ height: 26rem; }
	.carousel-caption h1{ font-size: 20px; }
	.carousel-caption h2{ font-size: 16px; }
	.carousel-caption { bottom: 2rem; }
	.btn-group-lg>.btn, .btn-lg { padding: .3rem .8rem; margin: 20px 10px 0px; font-size: .9rem;	}
	.carousel-indicators { bottom: 20px; }
	.carousel-indicators li { width: 16px; }
	.carousel-control-prev,.carousel-control-next{ display:none;}

	.pcBanner{ display:none; }
	.mobBanner{ display:block; }
	.swiper-banner .swiper-pagination-bullet{ width: 12px; height: 2px; border-radius: initial; }
	.swiper-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 2px; }
	.swiper-banner .swiper-pagination-bullet-active{     background: #FFF; border: none; }
    .swiper-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; }

	.swiper-friend .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display:none; left: 0px; width: 1.6rem; height: 1.6rem; }
	.swiper-friend .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:none; right: 0px; width: 1.6rem; height: 1.6rem; }
	.swiper-friend .swiper-pagination{ display: block; }
	.swiper-friend .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; opacity: 0.6; background: Transparent; border: 1px solid #FFF;}
	.swiper-friend .swiper-pagination-bullet-active {
		opacity: 1;
		background: #c49d61;
		border: none;
	}
	.swiper-friend .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
		bottom: 5px;
	}

	.swiper-item .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display:none; left: 0px; width: 1.6rem; height: 1.6rem; }
	.swiper-item .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:none; right: 0px; width: 1.6rem; height: 1.6rem; }
	.swiper-item .swiper-pagination{ display: block; }
	.swiper-item .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; opacity: 0.6; background: Transparent; border: 1px solid #000;}
	.swiper-item .swiper-pagination-bullet-active {
		opacity: 1;
		background: #c49d61;
		border: none;
	}
	.swiper-item .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
		bottom: -0px;
	}

    .courseHead {
        margin: 2.6rem auto;
    }
    .courseHead h1 {
        font-size: 2rem;
    }
    .courseHead p {
        font-size: .8rem;
    }
    .cover-heading {
        font-size: 1.6rem;
    }
    .cover-info {
        font-size: .8rem;
    }
    .cover-list {
        font-size: 0.9rem;
		margin-top: 30px;
    }
    .top-box{ margin-top: -30px; }
    .top-box .left-img{ width: 22%; }
    .top-box .right-box{  width: 100%;  padding: 1.6rem 1.2rem 1.6rem 1.2rem; }
    .right-box .list-one { padding-right: 15px; border-right:0; }
    .right-box .list-two { padding-left: 15px;   }
    .right-box .title{ margin-top: 20px; }
	.teacher-img { width: 96%; text-align: right; position: initial; }
	.teacher-img img{ width: 340px; }
    .teacher-info{ margin: 2rem auto 10px; padding: 0px 24px; }
    .teacher-box{ background-size: cover; margin: 4rem auto; }

	.question-box { margin-top: 2rem; }
    .second-head {      font-size: 2rem; 	width: 80%; margin: 0 auto; }
    .second-course {   margin-top: 0rem; }
    .course-box{ margin-top: 1rem;  padding:1rem 0; }
    .second-box {  margin-top: 3rem; }

    .course01-box {  margin-top: 3rem;  }
    .course01-list{ margin-bottom: 3rem; }
    .course01-list h2{ font-size:1.6rem;  padding-bottom: 15px; }
    .course01-list .p01 { margin-top: 1rem;}
    .course01-list .title{ margin-top: 1rem; }
    .course01-box p {  line-height: 1.8rem; }
    .course03-list h3 { font-size: 1.6rem; }
	.course02-box .teacher{ width:100%; min-height:130px; }
	.course02-box .teacher h3 { font-size: 1.1rem; }
	
	.tab-btn li{ height: 50px; line-height: 50px; }
	.tab-box{ padding: 20px 40px 40px; }
	.tab-box .list .inp{ font-size: 14px; }
	.form-box { width: 100%; }
	.login-btn{ height: 48px; line-height: 48px; margin-top: 30px; }
	.last-info{ font-size: 14px; margin-top:20px; }
	.tab-box .yzm_btn{ width: 100px; height: 36px; line-height: 36px; }
	
	.tab-box .list{ margin-top: 0px; }
	.list-last{ font-size: 14px; }
	
	.project-list .list01{ width:100%;}
	.project-list .list02{ width:100%; }
	.project-list .list03{ width:100%; margin-bottom: 40px;}
	.project-list .pro-time{ margin-top: 30px; margin-bottom: 30px; }
	
	.table-box .title-num{ display: none; }
	.table-box td{ padding: 10px 8px; font-size: 12px;}
	.apply-box .tab-box { padding: 0px; }
	
	
	.learning-title{ font-size: 25px;  text-align: center; }
	.learning .left-box{ width: 100%;  position: relative;}
	.learning .right-box{ width: 100%; }
	
	.about-project{ width: 90%; margin: 60px auto 0px; float: none; }
	.about-project .left-box{ width: 100%; position: relative; padding: 30px 30px; }
	.about-project .left-box h1{ font-size: 1.6rem; }
	.about-project .left-box .desc { font-size: 13px; line-height: 22px; }
	.about-project .left-box .desc-img{ width: 180px; }
	.about-project .right-box{ float: none; margin-top: 0px; width: 100%; }
	
	.about-pro02{ width: 90%; margin: 60px auto 0px; float: none; }
	.about-pro02 .infobox{ width: 100%; position: relative; padding: 30px 30px; }
    .about-pro02 .imgbox{ float: none; margin-top: 0px; width: 100%; }
	.about-pro02 .infobox .titImg { width: 100%; }
	
	.dean-box { background: url(../images/about-05.png) no-repeat top left #FFF; background-size: 380px; margin-top: 60px; padding-top: 400px; }
	.dean-box .dean-list{ width:100%; }
	.dean-box .infobox { padding: 30px 30px; }
	.dean-box .infobox h1{ font-size: 1.6rem; }
	.dean-box .infobox .desc{ font-size: 13px; line-height: 22px; }
	
	.about-pro03{ width: 90%; margin: 60px auto 0px; float: none; }
	.about-pro03 .infobox{ width: 100%; position: relative; padding: 30px 30px; top:0px; }
    .about-pro03 .imgbox{ float: none; margin-top: 0px; width: 100%; }
	.about-pro03 .infobox h1{ font-size: 1.6rem;  }
	
	.about-pro03 .infobox .desc{ font-size: 13px; line-height: 22px; }
	
	.core01-box { margin-top: 60px; }
	.core01-img { padding: 30px 0px; }
	.core01-info { margin-top: 20px; padding-left: 0px; padding: 0px 10px; }
	
	.core02-box,.core03-box{  margin-top: 50px; }
	
	.core03-info { margin-left: 0px; padding: 0px 10px;}
	.core03-img{ height: 330px; }
	.core03-img img{  margin-top: 30px; }
	
	.question .quest-list{ padding: 16px 10px; }
	.question .answer-list{ padding: 16px 10px; }
	.question .answer-list .desc { font-size: 12px; width: 87%; margin-left: 8px; }
	.question .quest-list .title{ font-size: 22px;  line-height: 22px;}
	.question .answer-list .title{ font-size: 22px; line-height: 22px;}
	
	.question .quest-list .desc{ font-size: 12px; width: 74%; margin-left: 7px;padding-top: 3px;}
	.show-btn{ top: 12px; right: 12px; width: 30px; height: 30px; line-height:30px; }

	.menu-box{ display: none; }


	.foot-icon { width: 60px; }
	.contact-box { padding: 2rem 20px; }
	.contact-box .contact-list { width: 90%; margin: 20px auto 0px; }
	.contact-list{ text-align:left; }
	.quest-a{ position:relative; text-align: center; }
	.quest-a a{ display: inline-block;  }
	.quest-a a:first-child{ position:absolute; left:0px; }
	.quest-a a:last-child{ position:absolute; right:0px; }

	.second-course{ background: url(../images/second-course-sm.jpg) no-repeat center; background-size: cover;  }
	.second-about{ background: url(../images/second-about-sm.jpg) no-repeat center; background-size: cover;  }
	.second-xiaoyou{ background: url(../images/second-xiaoyou-sm.jpg) no-repeat center; background-size: cover;  }
	.second-form{ background: url(../images/second-form-sm.jpg) no-repeat center; background-size: cover;  }
	.second-project{ background: url(../images/second-project-sm.jpg) no-repeat center; background-size: cover;  }
	.second-question{ background: url(../images/second-question-sm.jpg) no-repeat center; background-size: cover;  }
	.coverbg{ background: url(../images/footbg01-sm.jpg) no-repeat center; background-size: cover; }
	
	.signature img{ width:100%; }
}
	

@media (max-width:375px)  
{
	body{ font-size: 12px; }
	.second-head { font-size: 1.8rem;}
}

@media (max-width:320px)   
{
	.navbar-toggle{ padding: 0px 0px; }
	.icon-bar{ width: 24px;}
	.carousel-caption h1 {  font-size: 18px}
	.right-box .title { font-size: 20px; }
	.teacher-img img { width: 300px; }
}