.banner { margin-bottom:.5rem; position: relative; }
.banner .banner-bg { width: 100%; height: auto; }
.banner .banner-text { position: absolute; left: 10%; top: 3rem; z-index: 9; color: #fff; text-align: center; width: 80%; margin: 0 auto; line-height: 2.2rem; font-size: 1.2rem; }
.banner .banner-text h1 { font-size: 2rem; line-height: 3.0rem; margin-bottom: 2rem; }
.banner .banner-text .video-play { display: inline-block; width: 6rem; height: 6rem; margin-bottom: 2rem; 
	border-radius: 50%; color: #fff; margin-top:5rem; font-size: 5.4rem; font-weight: normal; }
.banner-info { text-align: center; position: absolute; left: 0; bottom: 3rem; width: 100%; }
.banner-info li { display: inline; float: left; width: 25%; text-align: center; color: #fff; }
.banner-info i { display: inline-block; width:4rem; height:4rem; border-radius: 50%; font-size: 2.4rem; color: #fff; line-height: 5rem; }
.banner-info span { display: block; font-size: 1.2rem; }

#news { width: 92%;position: relative; margin: 0 auto;}
#news .swiper-wrapper{ width: 100%; }
#news .swiper-slide-prev, #news .swiper-slide-next { transform: scale(.9); opacity: .6; }
#news .swiper-slide-active { transform: scale(1); opacity: 1; }
#news .swiper-slide .text { background: #fff; padding-bottom: 15px; text-align: center;border-radius:0 0 5px 5px; text-align: left; padding: 1rem; }
#news .swiper-slide .text h2 { font-size: 1.4rem;font-weight: normal; color: #333; margin:1rem 0 0 0; }
#news .swiper-slide .text p { font-size: .8rem; margin: 1rem 0;
}
#news .swiper-slide img{ border-radius:5px 5px 0 0;}
#news .swiper-slide .swiper-slide-prev { }
#pt-pagination .pagination2{ display: block; padding: 1rem 0; text-align: center; }
#pt-pagination .swiper-pagination-bullet{ display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; margin: 0 5px; background: #fff; border: 1px solid #c4c4c4; opacity: 1; }
#pt-pagination .swiper-pagination-bullet-active, #teacher .swiper-pagination-bullet-active { background: #0067ed;border: 1px solid #0067ed; }
#pt-pagination .pagination1 {width: 100%; text-align: center; margin:2rem 0;  }
#news .text .biao{ border: 1px solid #0067ed; color: #0067ed; font-size: 1rem; padding:.3rem .5rem;  }
.youshi{ width: 92%; border-radius:5px; margin: 0 auto 5% auto; border: 1px solid #e4e4e4; box-shadow: 0 0 5px #ccc;  }
.youshi ul{ width: 100%; }
.youshi ul li{ width: 42%;  float: left; display: inline; text-align: center; margin:5% 0 5% 7%;   }
.youshi ul li span i{ color: #0067ed; font-size: 4rem; }
.youshi ul li p{ width: 90%; font-size: 1rem; line-height: 1.7rem; color: #666 }
.youshi ul li h4{ font-size: 1.4rem; font-weight: normal; margin:.5rem 0; color: #333}
.about{ width: 92%; margin: 0 auto 1rem auto; }
.about-img img{ width: 100%; border-radius: 5px; }
.about p{ font-size: 1.2rem; line-height:2.3rem; margin-top:1rem;}
.more{width: 8rem; margin: 1rem auto 3rem auto; display: block;}
.more a{ border: 1px solid #0067ed; color: #0067ed;  text-align: center; padding: .5rem 1.2rem; font-size: 1.2rem; }
.school { margin: 0% 0 3% 3%; float: left; width: 93%; }
.school li { text-align: center; width: 31%; display: inline; float: left; margin: 0 0 2% 2%; }
.school li a { color: #391212; width: 100%; font-size: 1.2rem; line-height: 3.5rem; background: #fff; float: left; }
.school li a:hover { color: #c00 }
.title2 { color: #333; border-bottom: 1px solid #e8e7e7; width: 100%; padding-bottom:.5rem;
text-align: center; font-size: 1.6rem; }
.title2 p { font-size: 1.6rem; text-transform: uppercase; margin:.2rem .8rem 0 0;
}
.bg{ background: #fff; }
.bg1{ background: url(../images/bg2.jpg) no-repeat center top; background-size:100% 100%; }
.bg3{ background: url(../images/bg3.jpg) no-repeat center top; background-size:100% 100%; }
#gallery{}