@charset "utf-8";

/* CSS Document */

/*头部*/

.head {

  /*	width: 100%;*/

  /*	height: 80px;*/

  overflow: hidden;

  background-color: #d81e06;

}

.logo {

  display: inline-block;

  width: 28%;

  float: left;

  padding: 10px 20px;

}

.tel {

  display: inline-block;

  width: 44%;

  float: left;

  padding: 10px 0;

}

button {

  background-color: #d81e06;

  border: none;

  width: 14%;

  line-height: 30px;

  cursor: pointer;

  outline: 0;

}

.right {

  float: right;

  padding: 1.2rem 1rem;

}

.bgDiv {

  display: none;

  width: 110%;

  height: 100%;

  background-color: #000;

  opacity: 0.5;

  z-index: 99;

  position: fixed;

  bottom: 0;

  left: -10px;

}

.rightNav {

  width: 50%;

  max-width: 400px;

  height: 100%;

  background-color: #fff;

  position: fixed;

  z-index: 999;

  top: 0;

  right: -60%;

}

.rightNav ul {

  width: 100%

}

.rightNav ul li {

  width: 90%;

  padding-left: 10%;

  border-bottom: .01rem solid #f1f1f1;

  height: 40px;

  line-height:40px;

  font-size: 0.9rem;

}

.rightNav ul li a {

  color: #7d7d7d

}

/*



*/

/*banner*/

.banner {

  overflow: hidden;

  position: relative;

  border: 1px solid #ddd;

}

.banner .bd {

  position: relative;

  height: 100%;

  z-index: 0;

}

.banner .bd li {

  zoom: 1;

  vertical-align: middle;

}

.banner .bd img {

  width: 100%;

  display: block;

}

/*导航*/



/*头条*/

.lead-news {

  overflow: hidden;

  position: relative;

  padding: 20px;

}

.lead {

  box-shadow: 2px 2px 10px #e9e9e9;

  background-color: #fff;

  overflow: hidden;

  border-radius: 8px;

  height: 80px;

}

.lead-news img {

  float: left;

  margin: 4% 10px 10px 20px;



}

.lead-news .line {

  display: inline-block;

  height: 60px;

  float: left;

  width: 1px;

  background-color: #efefef;

  margin: 10px 15px 10px 0;

}

.lead-news .bd {

  padding: 20px 0;

  float: left;

  width: 66%;

}

.lead-news .infoList li {

  height: 24px;

  line-height: 24px;

  font-size: 0.9rem;

}

.lead-news .infoList li span {

  display: inline-block;

  width: 30px;

  height: 15px;

  line-height: 15px;

  margin-right: 10px;

  font-size: 12px;

  text-align: center;

  float: left;

  color: #d81e06;

  font-weight: bold;

  border: 2px solid #d81e06;

}

.lead-news .infoList li p {

  color: #333;

  overflow: hidden;

   /* line-height: 15px;  */

/*width: 70%;*/

  	text-overflow:ellipsis;

  /*display: -webkit-box;*/

  /*-webkit-box-orient: vertical;*/

  /*-webkit-line-clamp: 1;*/

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

/*教学特色*/

.tese {

  background-color: #fff;

  padding: 40px 0 0px 0;

}

.tese .title {

  text-align: center;

}

.tese .title span {

  font-size: 1.3rem;

  color: #d81e06;

  margin-right: 10px;

}

.tese .title p {

  font-size: 1.3rem;

  font-weight: bold;

}

.heng {

  display: block;

  width: 60px;

  height: 3px;

  margin: 20px auto;

  background-color: #d81e06;

}

.tese ul {

  overflow: hidden;

  padding:	0 0 20px 0;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

}

.tese li {

  float: left;

  width: 20%;

  text-align: center;

  padding: 1rem 0.5rem;

  /*	margin-right: 2px;*/

  margin-bottom: 1.5rem;

  box-shadow: 2px 6px 10px #e9e9e9;

  border-radius: 8px;

}

.tese li img {

  display: block;

  width: 50%;

/*  margin-left: 16px;*/

	margin: 0 auto 5px;

}

.tese li span {

  display: block;

  font-size: 0.875rem;

  color: #333;

  overflow: hidden;

}

/*师资力量*/

.teacher {

  background-color: #f5f5f5;

  padding: 30px 20px;

}

.teacher-list {

  overflow: hidden;

  position: relative;

}

/*

.teacher-list .bd {

  padding: 10px;

}

*/

.teacher-list .bd ul {

  overflow: hidden;

  zoom: 1;

}

.teacher-list .bd ul li {

  /*  margin: 0 8px;*/

  float: left;

  width: 60%;

  display: inline;

  border-radius: 8px;

  overflow: hidden;

  text-align: center;

  margin-bottom: 0;

}

/*

.teacher-list .bd ul li .pic {

  text-align: center;

}

*/

.teacher-list .bd ul li .pic img {

  /*

  width: 120px;

  height: 90px;

*/

  width: 100%;

  display: block;

  margin-left: 0;

}

/*心理课程*/

.kecheng {

  padding: 0 0px 0px 20px;

  overflow: hidden;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

}

.kecheng img {

  display: block;

  width: 45%;
  height:48%;

  margin-bottom: 20px;
  margin-right: 17px;

}

/*成长实录*/

.grow {

  background-color: #fff;

}

.grow .t {

  height: 60px;

  overflow: hidden;

  padding: 0 20px;

  border-bottom: 1px solid #cecece;

}

.grow i {

  display: inline-block;

  width: 4px;

  height: 20px;

  margin-top: 20px;

  margin-right: 5px;

  float: left;

  border-radius: 8px;

  background-color: #d81e06;

}

.g-title {

  float: left;

  font-size: 1.3rem;

  font-weight: bold;

  line-height: 60px;

}

.more {

  float: right;

  line-height: 60px;

  font-size: 1rem;

  color: #9f9f9f;

}

.grow-list {

  padding: 0 20px;

  /* margin-top: 20px; */

}

.grow-list .hd {

  height: 40px;

  line-height: 40px;

  background: #fff;

  /*  padding: 0 10px 0 20px;*/

  /*  border-bottom: 1px solid #ddd;*/

  position: relative;
  margin-top:15px;

}

.grow-list .hd ul {

  /*  float: left;*/

  display: flex;

  background-color: #fff;

  flex-flow: row wrap;

  justify-content: space-around;

  /*  position: absolute;*/

  /*

  left: 20px;

  top: -1px;

*/

}

.grow-list .hd ul li {

  width: 20%;

  text-align: center;

  font-size: 0.875rem;

  /*  padding: 0 15px;*/

  cursor: pointer;

	line-height: 25px;

  border-radius: 20px;

  background-color: #d8d8d8;

  margin-right: 11px;

}

.grow-list .hd .on {

  /*  height: 30px;*/

  background: #d81e06;

  border: 1px solid #ddd;

  color: #fff;

  border-bottom: 2px solid #fff;
  width:20%

}

.grow-list .bd ul {



  zoom: 1;

	padding-top: 0;

}

.grow-list .bd li {

  height: 100px;

  line-height: 20px;



  border-bottom: 1px dashed #ccc;

overflow: hidden;

}



.grow-list .bd .g-img {

  float: left;

  width: 40%;

  line-height: 100px;

}

.grow-list .bd .g-text {

  float: right;

  width: 55%;

  font-size: 0.8rem;

}

.grow-list .bd p {

  overflow: hidden;

  display: -webkit-box;

  float: left;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
  margin-top:5px;

}

.grow-list .bd span {

  display: block;

  width: 55%;

  float: left;

  border-radius: 12px;

  text-align: center;

  background-color: #d8d8d8;

}

.grow-list .bd .circle {

  width: 36%;

  float: left;

}

.grow-list .bd .circle a {

  overflow: hidden;

  text-align: center;

  position: relative;

  /*    height: 0;*/

  /*    padding-bottom: 95%;*/

  border-radius: 50%;

  display: block;

  margin: 0 auto;

}

.grow-list .bd .circle a {

  top: 0;

  left: 0;

  width: 64%;

}

.grow-list .bd .pic {

	width: 64%;

}

.grow-list .bd b {

  color: #333;

  width: 50%;

  float: left;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

}

.grow-list .bd .g-more {

  float: right;

  background-color: transparent !important;

  color: #ff0000;

}

.grow-list .bd .g-letter {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

  overflow: hidden;

}

.grow-list .bd .g-letter li {

  border: none;

  position: relative;

  height: auto;

  width: 30%;

overflow: hidden;

}

.grow-list .bd .g-letter img {

  /*	width: 30%;*/

}

.grow-list .bd .g-letter span {

  position: absolute;

  display: block;

  width: 100%;

  height: 30px;

  font-size: 0.8rem;

  color: #fff;

  border-radius: 0;

  bottom: 10px;

  left: 0;

  right: 0;

  background-color: rgba(216, 30, 6, .7);

  line-height: 30px;

  text-align: center;

}

/*父母课堂*/

.parent {

  margin-top: 20px;

  background-color: #f5f5f5;

  padding: 0 20px;

}

.parent .p-video {

  background-color: #fff;

  box-shadow: 2px 2px 10px #e9e9e9;

  overflow: hidden;

  padding: 10px 10px 0;

}

.parent .p-video .video-l {

  width: 40%;

   height: 50%; 

  float: left;

}

.parent .p-video .video-r {

  float: right;

  width: 56%;

  margin-left: 10px;

}

.parent .p-video .video-r .p-title {

  font-size: 1.1rem;

  color: #333;

  display: block;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

}

.parent .p-video .video-r .p-tag {

  font-size: 0.5rem;

  color: #fff;

  width: 23%;

  background-color: #6c0c00;

  border-radius: 10px;

}

.parent .p-video .video-r p {

  font-size: 0.7rem;

  color: #888;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  margin-bottom: 10px;

}

.parent .p-video .video-r .p-button {

  font-size: 0.9rem;

  width: 60%;

  text-align: center;

  display: block;

  height: 30px;

  line-height: 30px;

  background-color: #d81e06;

}

.parent .p-video .video-r .p-button a {

  color: #fff;

}

/*资质*/

.zizhi {

  background-color: #d81e06;

}

.zizhi li {

  box-shadow: none;

}

/*教育方法*/

.ff {

  background-color: #f5f5f5;

  padding: 20px 20px;

}

.way {

  background-color: #fff;

}

.way-list {

  overflow: hidden;

  position: relative;

  box-shadow: 2px 2px 10px #e9e9e9;

}

.way-list .bd {

  padding: 15px;

}

.way-list .infoList li {

  height: 24px;

  font-size: 1rem;

  color: #333;

  padding: 0;

  text-align: left;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  width: 100%;

  margin-bottom: 10px;

  border-bottom: 1px dashed #c1c1c1;

  line-height: 24px;

  box-shadow: none;

}

/*环境*/

.huanjing-list .hd .on {

  /*  height: 30px;*/

  background: #d81e06;

  border: 1px solid #ddd;

  color: #fff;

  border-bottom: 2px solid #fff;

}

.huanjing-list .hd ul {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

}

.huanjing-list .hd ul li {

  width: 28%;

  text-align: center;

  padding: 5px 5px;

  font-size: 1.1rem;

  background-color: #cecece;

  color: #666;

  border-radius: 20px;

}

.huanjing-list .bd ul {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

}

.huanjing-list .bd ul li {

  width: 48%;

  margin-bottom: 10px;

  padding: 0;

  position: relative;

}

.huanjing-list .bd ul li:first-child {

  width: 98%;

  margin: 0 auto 10px;

  padding: 0;

}

.huanjing-list .bd ul li img {

  width: 100%;

  margin-left: 0;

  /*height: 150px;*/

	margin-bottom: 0;

}

.huanjing-list .bd ul li span {

  width: 80%;

  position: absolute;

  display: block;

  height: 30px;

  font-size: 0.8rem;

  color: #fff;

  -webkit-border-top-right-radius: 25px;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: rgba(216, 30, 6, .7);

  line-height: 30px;

  text-align: center;

}

.huanjing-list .bd ul li:first-child span {

  width: 24%;

}

/*报名*/

form {

  margin-top: 20px;

  text-align: center;

}

form input {

  width: 78%;

  height: 40px;

  padding-left: 10px;

  font-size: 1.2rem;

  color: #333;

  margin-bottom: 20px;

}

form .tijiao {

  width: 80%;

  margin: 0 auto;

  background-color: #d81e06;

  padding: 10px 0px;

  font-size: 1.2rem;

      color: white;

  margin-bottom: 20px;

}

form .tijiao a {

  color: #fff;

  font-size: 1.2rem;

}

/*底部*/

.footer {

  position: fixed;

  width: 100%;

  height: 65px;

  bottom: 0;

  left: 0;

  z-index: 999999;

  background-color: #d81e06;

}

.footer-M{

	background-color: #121212;

}

.footer-logo{

	text-align: center;

	padding: 20px 0;

}

.footer-list{

	padding: 0 20px;

	margin-bottom: 20px;

}

.footer-list ul{

	display: flex;

	flex-flow: row wrap;

	justify-content: space-around;

}

.footer-list ul li{

	width: 20%;

	text-align: center;

}

.footer-list ul li span{

	font-size: 0.8rem;

	color: #fff;

}

.footer-list ul li i{

	float: right;

	width: 1px;

	height: 15px;

	background-color: #fff;

	margin-top: 6px;

}

.footer-lianxi{

	display: flex;

	flex-flow: row wrap;

	justify-content: space-around;

	padding: 0 20px;

	padding-bottom: 20px;

}

.lianxi-l{

	width: 50%;

	margin-right: 5px;

}

.lianxi-l p img{

	width: 10%;

	margin-right: 5px;

}

.lianxi-l p {

	font-size: 0.9rem;

	color: #fff;

	margin-bottom: 5px;

}

.lianxi-r{

	width: 40%;

}

.lianxi-r img{

	width: 55%;

}

.lianxi-r p{

	font-size: 0.9rem;

	color: #fff;

	float: right;

	width: 43%;

}

.shu{

	display: inline-block;

	width: 1px;

	height: 75px;

	background-color: #f8f8f8;

}

.about{

	padding: 0 20px;

    margin-bottom: 20px;

}

.zongzhi{

padding: 0 50px;

}

.footer-nav{

max-width: 640px;

	margin: 0 auto;

}

.footer-nav ul {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-around;

}

.footer-nav ul li {

  width: 24%;

  height: 65px;

  border-right: 1px solid #ff4931;

  text-align: center;

}



.list_1{

	width: 98%;height: 26px;border: 1px solid #999;margin-top: 20px;margin-left: 1%;

}

.list_2{

	width: 98%;height: 355px;border-bottom: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #999;overflow: hidden;margin-left: 1%;

}

.list_3{

	list-style: none;margin-left: 10px;margin-bottom: 5px;font-size: 14px;border-bottom: dashed 1px #6666;padding-bottom: 10px;padding-top: 10px;width: 95%;overflow: hidden;

}

.list_4{

	float: left;width: 60%;margin-left: 15px;margin-top: 5px;

}

.list_5{

	list-style: none;margin-left: 10px;margin-bottom: 5px;font-size: 14px;border-bottom: dashed 1px #6666;padding-bottom: 10px;padding-top: 10px;width: 95%;height: 15px;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

}

.QA_1_4{

float: left;display: block;color: #333;font-weight: bold;font-size: 17px;margin-left: 10px;

}

.QA_1_5{

float: right;display: block;color: #666666;font-size: 15px;margin-right: 10px;margin-top: 3px;

}



.footer-nav ul li:last-child {

  border-right: none;

}

.footer-nav ul li img {

  width: 26%;

  margin-bottom: 5px;

}

.footer-nav ul li a {

  display: block;

  margin-top: 10px;

}

.footer-nav ul li span {

  display: block;

  font-size: 0.875rem;

  color: #fff;

}