.banner{ height: 450px;}
.banner .swiper-container{ height: 450px;}
.banner .swiper-slide{ height: 450px;}
.banner .swiper-slide img{ height: 450px;}
.banner .swiper-slide  .bt{ text-align: center; padding-top: 30px; }
.banner .swiper-slide  .bt a{ border-radius: 2px; font-size: 16px; border:#ffffff solid 2px; padding-left: 40px; padding-right: 40px; padding-top: 12px; padding-bottom: 12px; color: #fff; }
.banner .swiper-slide  .bt a:hover{ border-radius: 2px; font-size: 16px; border:#c5cf31 solid 2px; padding-left: 40px; padding-right: 40px; padding-top: 12px; padding-bottom: 12px; color: #c5cf31; }
.banner .swiper-pagination{  bottom: 30px!important; }
.banner .swiper-pagination-bullet { background: #fff; }
.banner .swiper-pagination-bullet-active{}


.departments{ padding-bottom: 70px;padding-top: 70px; }
.departments .pagetitle{ text-align: center; padding-bottom:50px;}
.departments .pagetitle h1{ font-size: 30px; font-weight: normal; color: #333;}
.departments .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #8a8a8a;padding-top: 5px;}
.departments ul li{ width: 25%; float:left}
.departments ul li .icon1{ background: #554f84;}
.departments ul li .icon2{ background: #8ed0d2;}
.departments ul li .icon3{ background: #c5cf31;}
.departments ul li .icon4{ background: #c48ed2;}
.departments ul li .icon{ width: 125px; height: 102px; margin: 0 auto; border-radius: 50%; text-align: center; padding-top: 23px;}
.departments ul li .icon img{ width: 80px; height: 80px;}
.departments ul li h2{ font-size: 18px; color: #333; text-align: center; padding-top: 40px; padding-bottom: 25px; font-weight: normal;}
.departments ul li h2 a{ color: #333;}
.departments ul li p{ font-size: 12px; color: #666; line-height: 1.8em; width: 240px; margin: 0 auto;}
.departments ul li .bt{ text-align: center; padding-top: 25px;}
.departments ul li .bt a{ color: #c5cf31;} 


.video { background: #3a3751;}
.video .left{ float: left; width: 50%; padding-top: 70px;  padding-bottom: 50px;}
.video .right{ float: left; width: 50%;}
.video .right img{ width: 100%}
.video .left .pagetitle{ text-align: left;padding-bottom:30px;}
.video .left .pagetitle h1{ font-size: 30px; font-weight: normal; color: #fff;}
.video .left .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #aeaeb5; padding-top: 5px;}
.video .left ul{ width: 60%;}
.video .left ul li{ float: left; width: 50%; height: 40px; line-height: 40px;}
.video .left ul li i{ color: #c5cf31}
.video .left ul li a{ color: #fff;}
.video .left ul li a:hover{ color: #c5cf31;}
.video .left .bt{ padding-top: 50px;}
.video .left .bt a{ border-radius: 2px; font-size: 16px;padding-left: 40px; padding-right: 40px; padding-top: 12px; padding-bottom: 12px; color: #fff; background: #c5cf31; }
.video .left .bt a:hover{  background: #b1bd16; }



.famousschools{  padding-top: 70px; padding-bottom: 40px;}
.famousschools .pagetitle{ text-align: center;padding-bottom:30px;}
.famousschools .pagetitle h1{ font-size: 30px; font-weight: normal; color: #333;}
.famousschools .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #8a8a8a;padding-top: 5px;}



.famousschools{ border-bottom: #ececec solid 1px;}
.famousschools .swiperTab{ text-align: center; }
.famousschools .swiperTab li{padding: 8px 20px; border: #fff solid 2px; border-radius: 2px; color: #666; display: inline-block;}
.famousschools .swiperTab li.active{padding: 8px 20px; border: #c5cf31 solid 2px; border-radius: 2px; color: #c5cf31;}

.famousschools .swiper-slide ul { list-style: none; }
.famousschools .swiper-slide ul li{ width: 16.66%; float: left;}
.famousschools .swiper-slide ul li .photo { width: 120px; height: 120px; overflow: hidden;  border-radius: 50%; margin: 0 auto; border: #ececec solid 1px;}
.famousschools .swiper-slide ul li .photo img{ width: 120px; height: 120px;}
.famousschools .swiper-slide ul li h1{ text-align: center; padding-top: 20px; font-size: 16px; font-weight: normal;} 
.famousschools .swiper-slide ul{ padding-top: 30px;}
.famousschools .swiper-slide ul li h1 a{ color: #333;}




.famousschools .bt{ padding-top: 30px;text-align: center;}
.famousschools .bt a{ font-size: 16px;  color: #c5cf31; }





.news .pagewidth{ padding-top: 40px; padding-bottom: 70px;}
.news .pagetitle{ text-align: center;padding-bottom:30px;}
.news .pagetitle h1{ font-size: 30px; font-weight: normal; color: #333;}
.news .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #8a8a8a;padding-top: 5px;}
.news .pagetitle .line{ border-bottom: #ececec solid 1px; height: 30px; width: 500px; margin: 0 auto; position: relative;}
.news .pagetitle .line img{ width: 26px; position: absolute; top: 10px; left: 50%; margin-left:-23px; padding: 10px;background: #fff;}
.news .content .swiper-slide img{ width: 100%; }
.news .content .swiper-slide .info { padding-top: 15px; }
.news .content .swiper-slide .info i{ font-size: 12px; }
.news .content .swiper-slide .info .date{ color: #c4cf31; font-size: 12px; padding-right: 20px;}
.news .content .swiper-slide .info .admin{ color: #666; font-size: 12px;}
.news .content .swiper-slide .title{ text-align: left; padding-top: 15px; font-size: 16px; color: #333; width: 470px;}
.news .content .swiper-slide .title a{ color: #333;}
.news .content .swiper-slide .title a:hover{ color: #c5cf31;}
.news .content .swiper-slide .title p{ font-size: 12px; line-height: 1.8em; color: #999; padding-top: 10px;}
.news .swiper-container{ padding-bottom: 40px; }
.news .swiper-pagination-bullet { background: #554f84; }
.news .swiper-pagination-bullet-active{  }

.news .bt{ padding-top: 30px; text-align: center;}
.news .bt a{ font-size: 16px;  color: #c5cf31; }


.onlineregistration{ background: #39364b;}
.onlineregistration .pagewidth{ padding-top:30px; padding-bottom: 30px;}
.onlineregistration .pagetitle{ text-align: center;}
.onlineregistration .pagetitle h1{ font-size: 30px; font-weight: normal; color: #fff;}
.onlineregistration .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #d9d9db;padding-top: 5px;}
.onlineregistration .pagewidth a{ display: block;}
.onlineregistration .pagewidth a:hover .pagetitle h1{ color: #c5cf31; }
.onlineregistration .pagewidth a:hover .pagetitle p{ color: #c5cf31; }





/*大屏幕*/
@media screen and (max-width: 1920px) {
} 
/*中屏幕*/
@media screen and (max-width: 1440px) {
} 
/*平板*/
@media screen and (max-width: 768px) {
.banner{ height: 240px;}
.banner .swiper-container{ height: 240px;}
.banner .swiper-slide{ height: 240px;}
.banner .swiper-slide img{ height: 240px;}


.departments{ padding-bottom: 30px;padding-top: 30px; }
.departments .pagetitle{ text-align: center; padding-bottom:50px;}
.departments .pagetitle h1{ font-size: 24px; font-weight: normal; color: #333;}
.departments .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #8a8a8a;padding-top: 5px;}
.departments ul li{ width: 50%; float:left ;margin-bottom: 30px}
.departments ul li .icon1{ background: #554f84;}
.departments ul li .icon2{ background: #8ed0d2;}
.departments ul li .icon3{ background: #c5cf31;}
.departments ul li .icon4{ background: #c48ed2;}
.departments ul li .icon{ width: 125px; height: 102px; margin: 0 auto; border-radius: 50%; text-align: center; padding-top: 23px;}
.departments ul li .icon img{ width: 80px; height: 80px;}
.departments ul li h2{ font-size: 18px; color: #333; text-align: center; padding-top: 20px; padding-bottom: 15px; font-weight: normal;}
.departments ul li h2 a{ color: #333;}
.departments ul li p{ font-size: 12px; color: #666; line-height: 1.8em; width: auto; margin: 0 10px; height: 100px;}
.departments ul li .bt{ text-align: center; padding-top: 25px;}
.departments ul li .bt a{ color: #c5cf31;} 


.video .left{ float: none; width: 100%; padding-top: 30px;  padding-bottom: 50px;}
.video .right{ float: none; width: 100%;}
.video .right img{ width: 100%}
.video .left .pagetitle{ text-align: center;padding-bottom:30px;}
.video .left .pagetitle h1{ font-size: 30px; font-weight: normal; color: #fff;}
.video .left .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #aeaeb5; padding-top: 5px;}
.video .left ul{ width:100%;}
.video .left ul li{ float: left; width: 50%; height: 40px; line-height: 40px;}
.video .left ul li i{ color: #c5cf31; margin-right: 10px;}
.video .left ul li a{ color: #fff;}
.video .left ul li a:hover{ color: #c5cf31;}
.video .left .bt{ padding-top: 50px; text-align: center;}
.video .left .bt a{ border-radius: 2px; font-size: 16px;padding-left: 40px; padding-right: 40px; padding-top: 12px; padding-bottom: 12px; color: #fff; background: #c5cf31; }
.video .left .bt a:hover{  background: #b1bd16; }



.famousschools{  padding-top: 30px; padding-bottom: 30px;}
.famousschools .pagetitle{ text-align: center;padding-bottom:30px;}
.famousschools .pagetitle h1{ font-size: 24px; font-weight: normal; color: #333;}
.famousschools .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #8a8a8a;padding-top: 5px;}



.famousschools{ border-bottom: #ececec solid 1px;}
.famousschools .swiperTab{ text-align: center; }
.famousschools .swiperTab li{padding: 8px 20px; border: #fff solid 2px; border-radius: 2px; color: #666; display: inline-block;}
.famousschools .swiperTab li.active{padding: 8px 20px; border: #c5cf31 solid 2px; border-radius: 2px; color: #c5cf31;}

.famousschools .swiper-slide ul { list-style: none; }
.famousschools .swiper-slide ul li{ width: 33.333%; float: left;}
.famousschools .swiper-slide ul li .photo { width: 80px; height: 80px; overflow: hidden;  border-radius: 50%; margin: 0 auto; border: #ececec solid 1px;}
.famousschools .swiper-slide ul li .photo img{ width: 80px; height: 80px;}
.famousschools .swiper-slide ul li h1{ text-align: center; padding-top: 10px; font-size: 14px; padding-bottom: 20px; font-weight: normal;} 
.famousschools .swiper-slide ul{ padding-top: 30px;}
.famousschools .swiper-slide ul li h1 a{ color: #333;}





.news .pagewidth{ padding-top: 30px; padding-bottom: 30px;}
.news .pagetitle{ text-align: center;padding-bottom:30px;}
.news .pagetitle h1{ font-size: 24px; font-weight: normal; color: #333;}
.news .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #8a8a8a;padding-top: 5px;}
.news .pagetitle .line{ border-bottom: #ececec solid 1px; height: 30px; width: 100%; margin: 0 auto; position: relative;}
.news .pagetitle .line img{ width: 26px; position: absolute; top: 10px; left: 50%; margin-left:-23px; padding: 10px;background: #fff;}
.news .content .swiper-slide img{ width: 100%; }
.news .content .swiper-slide .info { padding-top: 15px; }
.news .content .swiper-slide .info i{ font-size: 12px; }
.news .content .swiper-slide .info .date{ color: #c4cf31; font-size: 12px; padding-right: 20px;}
.news .content .swiper-slide .info .admin{ color: #666; font-size: 12px;}
.news .content .swiper-slide .title{ text-align: left; padding-top: 15px; font-size: 16px; color: #333; width: 470px;}
.news .content .swiper-slide .title a{ color: #333;}
.news .content .swiper-slide .title a:hover{ color: #c5cf31;}
.news .content .swiper-slide .title p{ font-size: 12px; line-height: 1.8em; color: #999; padding-top: 10px;}


.onlineregistration{ background: #39364b;}
.onlineregistration .pagewidth{ padding-top:30px; padding-bottom: 30px;}
.onlineregistration .pagetitle{ text-align: center;}
.onlineregistration .pagetitle h1{ font-size: 24px; font-weight: normal; color: #fff;}
.onlineregistration .pagetitle p{ font-size: 12px; text-transform: uppercase; color: #d9d9db;padding-top: 5px;}
.onlineregistration .pagewidth a{ display: block;}
.onlineregistration .pagewidth a:hover .pagetitle h1{ color: #c5cf31; }
.onlineregistration .pagewidth a:hover .pagetitle p{ color: #c5cf31; }

}
/*手机*/
@media screen and (max-width: 480px) {
}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}