.banner { width: 100%; height: 10rem; background-repeat: no-repeat; background-position: center center; background-size: cover;}
/* 走进伏羲门 */
.about-intro { padding-top: 0.72rem; padding-bottom: 0.72rem;}
.about-intro .title { padding-bottom: 0.72rem; font-size: 0.64rem;} 
.about-intro .richtext { line-height: 0.72rem; font-size: 0.32rem; color: #000;}
.about-intro .richtext p + p { margin-top: 0.4rem;}
.about-idea { position: relative; height: 11.7rem; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.about-idea .idea-content { position: absolute; z-index: 2; top: 2.8rem; left: 50%; margin-left: -4.6rem;}
.about-idea .title { font-size: 0.64rem; color: #333;}
.about-idea .idea-list { margin-top: 1.2rem;}
.about-idea .idea-list li { font-size: 0.36rem; color: #333; margin-bottom: 0.8rem;}
.about-history { padding: 1.2rem 0;}
.about-history .title { font-size: 0.64rem; color: #333; text-align: center; margin-bottom: 0.8rem;}
.about-history .history-list { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.about-history .history-item { width: 7.6rem; height: 10.6rem; margin-bottom: 0.4rem;}
.about-history .history-item img { width: 100%; height: 100%; object-fit: contain;}
/* 讲师团风采 */
.p-lecturer .content .wrap { width: 1150px;}
.titbar-wrap { padding: 1rem 0;}
.titbar-wrap .title { position: relative; overflow: hidden; text-align: center; font-size: 0.48rem; font-weight: 700;}
.titbar-wrap .title::before,
.titbar-wrap .title::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 4rem; height: 0.04rem;}
.titbar-wrap .title::before { left: 50%; margin-left: -6rem; background-image: linear-gradient(to left, #ccc 50%, #f0f2f7);}
.titbar-wrap .title::after { right: 50%; margin-right: -6rem; background-image: linear-gradient(to right, #ccc 50%, #f0f2f7);}
.lecturer-list { padding: 0.8rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lecturer-item { display: block; position: relative; width: 10.8rem; height: 4.2rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lecturer-item:nth-child(n+3) { margin-top: 0.8rem;}
.lecturer-item .lecturer-item_inner { padding: 0.32rem 3.4rem 0 1rem;}
.lecturer-item .name { position: relative; padding-bottom: 0.36rem; font-size: 0.36rem;}
.lecturer-item .name::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0.36rem; height: 0.04rem; background-color: #00a0e9;}
.lecturer-item .desc { margin-top: 0.28rem; line-height: 0.36rem; font-size: 0.28rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lecturer-item .intro { margin-top: 0.36rem; line-height: 0.36rem; font-size: 0.28rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical;}
.lecturer-item .photo { position: absolute; right: 0; bottom: 0; width: 3.52rem;}
.lecturer-item .photo img { width: 100%; height: 100%; object-fit: contain;}
.lecturer-main .lecturer-item { width: 17.8rem; width: 100%; height: 5.32rem;}
.lecturer-main .lecturer-item .lecturer-item_inner { padding: 0.6rem 4.2rem 0 1rem;}
.lecturer-main .lecturer-item .intro { white-space: pre-line; -webkit-line-clamp: 7; line-clamp: 7;}
.lecturer-main .lecturer-item .photo { width: 4.2rem;}
/* 讲师风采详情 */
.lecturer-banner { position: relative; width: 100%; height: 8rem; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lecturer-banner .photo { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 5.6rem;}
.lecturer-banner .photo img { width: 100%; height: 100%; object-fit: contain;}
.lecturer-hd { padding: 0.56rem 0 0.64rem; border-bottom: 1px solid #eee;}
.lecturer-hd .name {  position: relative; padding-bottom: 0.24rem; text-align: center; font-size: 0.56rem;}
.lecturer-hd .name::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0.4rem; height: 0.04rem; background-color: #00a0e9;}
.lecturer-hd .desc { margin-top: 0.28rem; text-align: center; line-height: 0.36rem; font-size: 0.32rem; color: #666;}
.lecturer-bd { padding: 0.24rem 0 0.8rem;}
.lecturer-bd .lecturer-title { margin: 0.4rem 0 0.24rem; font-size: 0.36rem; font-weight: 700;}
.lecturer-bd .lecturer-intro { line-height: 0.44rem; font-size: 0.32rem;}
.lecturer-bd .lecturer-resume { line-height: 0.44rem; font-size: 0.32rem;}
/* 产品与服务 */
/* .p-product .wrap { width: 1150px;} */
.product-list { padding: 0.8rem 0;}
.product-item { width: 7.93rem;}
.product-item .product-item_inner { padding: 0.4rem 0.4rem;}
.product-item .cover { height: 3.88rem; padding: 0.2rem; border: 1px solid #eee;}
.product-item .cover img { width: 100%; height: 100%; object-fit: contain;}
.product-item .name { margin-top: 0.4rem; text-align: center; font-size: 0.28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-item .price { margin-top: 0.24rem; text-align: center; font-size: 0.28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-item .price .yen,
.product-item .price .num { font-weight: 700; color: #00a0e9;}
/* 伏羲门教育 */
.course-list { padding: 0.8rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.course-item { width: 11.8rem; background-color: #f7f7f7;}
.course-item:nth-child(n+3) { margin-top: 0.8rem;}
.course-item .cover { height: 5rem;}
.course-item .cover img { width: 100%; height: 100%; object-fit: cover;}
.course-item .info { padding: 0.4rem 0.4rem 0.6rem;}
.course-item .name { font-size: 0.36rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.course-item .desc { margin-top: 0.4rem; font-size: 0.32rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
/* 新闻资讯 */
.p-news .content .wrap { width: 1150px;}
.news-list { padding: 0.8rem 0;}
.news-item { position: relative; padding: 0.72rem 0 0.72rem 2.4rem;}
.news-item:not(:first-child) { border-top: 1px solid #eee;}
.news-item .title { font-size: 0.36rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-item .desc { margin-top: 0.36rem; min-height: 0.84rem; line-height: 1.5; font-size: 0.28rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.news-item .time { position: absolute; left: 0; top: 0.72rem; padding: 0.2rem 0.2rem; background-color: #f5f5f5; text-align: center;}
.news-item .time .date { font-size: 0.44rem; font-weight: 700; color: #666;}
.news-item .time .year { margin-top: 0.12rem; font-size: 0.28rem; color: #666;}
/* 新闻资讯详情 */
.p-news-details .banner { height: 6rem;}
.p-news-details .article-hd { padding: 0.6rem 0; border-bottom: 1px solid #eee;}
.p-news-details .article-title { padding: 0.6rem 0 0.2rem; font-size: 0.68rem;}
.p-news-details .article-info { line-height: 0.48rem; color: #888;}
.p-news-details .article-info span { padding-right: 0.32rem; white-space: nowrap;}
.p-news-details .article-info a { color: #888;}
.p-news-details .article-info a:hover { color: #00a0e9;}
.p-news-details .article-bd { padding: 0.8rem 0;}
.m-article .article-text {line-height: 0.52rem; font-size: 0.32rem; text-align: justify;}
.m-article .article-text p { margin: 0.2rem 0;}
.m-article .article-text img { display: block; margin: 0 auto; max-width: 100%; height: auto;}
.m-next-pre { display: flex; justify-content: space-between; padding-top: 0.3rem; margin-top: 0.8rem; border-top: 1px solid #eee; font-size: 0.28rem;}
.m-next-pre .prev,
.m-next-pre .next { width: 40%; padding: 0.2rem 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-next-pre .prev { text-align-last: left;}
.m-next-pre .next { text-align: right;}

/* 加入我们 */
.p-contact .banner { height: 6rem;}
.contact-map { padding: 0.8rem 0;}
.contact-map .map { width: 100%; height: 8rem;}
.contact { padding: 0.8rem 0; background-color: #fafafa;}
.contact-info { width: 10.8rem;}
.contact-info .title { font-size: 0.64rem; color: #333;}
.contact-info .intro { margin-top: 0.6rem; line-height: 0.48rem; font-size: 0.28rem; color: #666;}
.contact-info ul { margin-top: 0.6rem;}
.contact-info ul li { line-height: 0.48rem; font-size: 0.28rem; color: #666;}
.contact-msg { width: 10rem;}
.contact-msg .form-item { margin-bottom: 0.24rem;  padding-right: 0.4rem;}
.contact-msg .form-item .label { line-height: 0.64rem; font-size: 0.28rem; font-weight: 700; color: #666;}
.contact-msg .form-item .ipt { height: 0.72rem; padding: 0 0.2rem; background-color: #fff; border: 1px solid #ddd;}
.contact-msg .form-item .ipt input { padding: 0; margin: 0; border: none; outline: none; width: 100%; height: 100%; font-size: 0.28rem; color: #333;}
.contact-msg .form-item.required .ipt { position: relative;}
.contact-msg .form-item.required .ipt::after { content: '*'; color: #f00; position: absolute; right: -0.4rem; top: 50%; transform: translateY(-50%);}
.contact-msg .form-btn { margin-top: 0.64rem;}
.contact-msg .form-btn .btn { width: 4rem; height: 0.9rem; line-height: 0.9rem; text-align: center; background-color: #00a0e9; color: #fff; color: #fff; cursor: pointer;}

@media screen and (max-width: 560px) {
  .banner { height: 3rem;}
  .about-intro { padding: 0.48rem 0;}
  .about-intro .title { padding-bottom: 0.48rem;}
  .about-intro .richtext { line-height: 0.48rem; font-size: 0.28rem;}
  .about-intro .richtext p + p { margin-top: 0.2rem;}
  .about-history { padding: 0.48rem 0;}
  .about-history .title { margin-bottom: 0.32rem;}
  .about-history .history-item { width: 100%;}
  .about-idea .idea-content { left: 0.2rem; right: 0.2rem; margin-left: 0;}
  .about-idea .idea-list li { font-size: 0.32rem;}
  .p-lecturer .content .wrap { width: 100%;}
  .titbar-wrap { padding: 0.48rem 0;}
  .titbar-wrap .title { font-size: 0.48rem;}
  .titbar-wrap .title::before,
  .titbar-wrap .title::after { width: 1.6rem; }
  .titbar-wrap .title::before { margin-left: -3rem;}
  .titbar-wrap .title::after { margin-right: -3rem;}
  .lecturer-item { height: 3.6rem;}
  .lecturer-item:nth-child(n+2) { margin-top: 0.32rem;}
  .lecturer-item .lecturer-item_inner { padding: 0.48rem 2.4rem 0 0.32rem;}
  .lecturer-item .photo { width: 2.4rem; height: 2.4rem;}
  .lecturer-item .intro { -webkit-line-clamp: 2; line-clamp: 2;}
  .lecturer-main .lecturer-item { height: 4.4rem;}
  .lecturer-main .lecturer-item .lecturer-item_inner { padding: 0.48rem 2.4rem 0 0.32rem;}
  .lecturer-main .lecturer-item .photo { width: 2.8rem; height: 2.8rem;}
  .lecturer-main .lecturer-item .intro { white-space: normal; -webkit-line-clamp: 5; line-clamp: 5;}
  .lecturer-banner { height: 4rem;}
  .lecturer-banner .photo { width: 3.2rem;}
  .product-list { padding: 0.48rem 0;}
  .product-item { width: 3.5rem;}
  .product-item .product-item_inner { padding: 0.1rem 0.1rem;}
  .product-item .cover { height: 2.4rem;}
  .product-item .name { margin-top: 0.24rem;}
  .product-item .price { margin-top: 0.16rem;}
  .course-list { padding: 0.48rem 0;}
  .course-item { width: 100%;}
  .course-item .cover { height: 3.2rem;}
  .course-item .info { padding: 0.24rem 0.32rem 0.48rem;}
  .course-item .desc { margin-top: 0.24rem;}
  .course-item:nth-child(n+2) { margin-top: 0.24rem;}
  .p-news .content .wrap { width: 100%;}
  .news-list { padding: 0.48rem 0;}
  .news-item { width: 100%; padding: 0.24rem 0 0.24rem 1.8rem;}
  .news-item .time { top: 0.24rem;}
  .p-news-details .banner { height: 3rem;}
  .p-news-details .article-hd { padding: 0.48rem 0;}
  .p-news-details .article-title { padding: 0.32rem 0 0.2rem; font-size: 0.48rem;}
  .p-news-details .article-bd { padding: 0.48rem 0;}
  .p-contact .banner { height: 3rem;}
  .contact-map { padding: 0.48rem 0;}
  .contact-map .map { height: 6rem;}
  .contact { padding: 0.48rem 0;}
  .contact-info { width: 100%;}
  .contact-msg { width: 100%; margin-top: 0.48rem;}
}