body {
  background: #f4f4f4;
}
.banner {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.banner img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.banner .content {
  position: relative;
}
.banner .content .lesson {
  position: absolute;
  width: 290px;
  height: 320px;
  right: 0;
  top: 180px;
  text-align: right;
}
.banner .content .lesson h3 {
  color: #666666;
  font-size: 32px;
  margin-bottom: 15px;
}
.banner .content .lesson .price {
  font-size: 40px;
  color: #ff6600;
}
.banner .content .lesson input {
  display: block;
  height: 58px;
  line-height: 58px;
  padding: 0 16px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 20px 0 25px 0;
  width: 254px;
}
.banner .content .lesson .receive {
  width: 288px;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(to right, #ff902c, #ff6600);
  box-shadow: 0px 0px 6px #ff902c;
  -webkit-box-shadow: 0px 0px 6px #ff902c;
  -moz-box-shadow: 0px 0px 6px #ff902c;
  font-size: 24px;
  color: #ffffff;
}


.story {
  margin-top: 100px;
 overflow:hidden;
 margin-bottom:10px;
}
.story .content .left {
  display: inline-block;
  width: 900px;
}
.story .content .left .title {
  background: #ffffff;
  padding: 30px;
  border-bottom: 1px solid #eeeeee;
}
.story .content .left .title h2 {
  font-size: 30px;
  color: #333333;
}
.story .content .left .title .time {
  font-size: 16px;
  color: #999999;
}
.story .content .left .text {
  background: #ffffff;
  width: 760px;
  padding: 72px 50px 100px 90px;
  font-size: 20px;
  color: #666666;
  line-height: 1.6;
}
.story .content .left .text p {
  margin-top: 20px;
}
.story .content .left .text img {
  margin: 30px 0;
}
.story .content .left .cont_pages{ clear:both; padding:15px 0;}
.story .content .left .cont_pages .pages_li{line-height:32px;}

.story .content .left .btns {
  padding: 90px 0;
}
.story .content .left .btns button {
  margin-left: 150px;
  display: inline-block;
  width: 140px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  font-size: 16px;
  color: #595959;
  border: 1px solid #e1e1e1;
}
.story .content .left .btns button:first-child {
  margin-left: 90px;
}
.story .content .left .btns .list {
  border: 1px solid #ff6029;
  color: #ff6029;
  background: #ffece3;
}
.story .content .left .btns .list a{
  color:#333
}
.story .content .right {
  display: inline-block;
  margin-left: 15px;
  width: 280px;
}
.story .content .right .title {
  background: #ffffff;
  font-size: 24px;
  color: #333333;
  text-align: center;
  padding: 30px 70px;
}
.story .content .right .famous {
  text-align: center;
  background: #fbfafa;
  padding: 26px 52px 44px 52px;
}
.story .content .right .famous img {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 60px;
}
.story .content .right .famous .name {
  margin-top: 15px;
  font-size: 20px;
  color: #575757;
}
.story .content .right .famous .info {
  margin-top: 4px;
  font-size: 12px;
  color: #595959;
}
.story .content .right .famous .info .icon-education {
  margin-left: 4px;
}
.story .content .right .famous ul {
  margin-top: 22px;
}
.story .content .right .famous ul li {
  display: inline-block;
  width: 66px;
  color: #595959;
}
.story .content .right .famous ul li h3 {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  background: #feeae7;
}
.story .content .right .famous ul li h4 {
  font-size: 16px;
}
.story .content .right .famous p {
  margin-top: 30px;
  color: #595959;
  font-size: 14px;
  text-align: left;
}
.story .content .right .famous button {
  margin-top: 30px;
  display: block;
  background: linear-gradient(to right, #ff902c, #ff6600);
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  font-size: 16px;
  color: #ffffff;
  box-shadow: 0px 0px 6px #ff902c;
  -webkit-box-shadow: 0px 0px 6px #ff902c;
  -moz-box-shadow: 0px 0px 6px #ff902c;
}
.story .content .right .teachers {
  background: #ffffff;
  padding: 40px 20px 25px 20px;
}
.story .content .right .teachers ul {
  font-size: 0;
}
.story .content .right .teachers ul li {
  position: relative;
  display: inline-block;
  width: 108px;
  height: 108px;
  margin-bottom: 15px;
}
.story .content .right .teachers ul li:nth-child(2n) {
  margin-left: 24px;
}
.story .content .right .teachers ul li img {
  width: 108px;
  height: 108px;
  border-radius: 54px;
}
.story .content .right .teachers ul li .mask {
  position: absolute;
  border-radius: 54px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}
.story .content .right .news {
  background: #ffffff;
  margin-top: 16px;
  padding: 20px 18px;
}
.story .content .right .news h2 {
  text-align: center;
  font-size: 22px;
  color: #333333;
  margin-bottom: 30px;
}
.story .content .right .news .item {
  text-align: center;
  margin-bottom: 40px;
}
.story .content .right .news .item img {
  background: #f4f4f4;
  display: block;
  width: 246px;
  height: 138px;
  border-radius: 6px;
  margin-bottom: 20px;
}
.story .content .right .news .item h3 {
  font-size: 20px;
  color: #666666;
}


.recommend .content {
  padding: 0px 24px 40px 24px;
  background: #ffffff;
}
.recommend .title {
  position: relative;
  font-size: 24px;
  color: #333333;
  padding: 30px 60px;
}
.recommend .title .refresh {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -15px;
  font-size: 16px;
  color: #5b5b5b;
}
.recommend ul {
  font-size: 0;
}
.recommend ul li {
  display: inline-block;
  vertical-align: top;
  width: 274px;
  text-align: center;
  margin-left: 20px;
  overflow:hidden;
}
.recommend ul li:first-child {
  margin-left: 0;
}
.recommend ul li img {
  height: 178px;
  display: block;
}
.recommend ul li h3 {
  margin-top: 20px;
  font-size: 20px;
  color: #333333;
}

a{
  text-decoration:none;
  color:#6f6e6e;
}
.address {
  position: relative;
  height: 880px;
  width: 100%;
  overflow: hidden;
  background: transparent;
}
.address .bg {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: 0;
}
.address .content {
  margin: 30px auto;
  position: relative;
  background: #ffffff;
  padding: 40px 0 0 0;
}
.address .map-wrapper {
  position: relative;
  display: inline-block;
  width: 670px;
  padding: 30px;
  z-index: 2;
  vertical-align: top;
}
.address .map-wrapper .map {
  height: 370px;
  background: #cccccc;
}
.address .map-wrapper .map img {
  width: 100%;
}
.address .map-wrapper h3 {
  display: inline-block;
  font-size: 40px;
  color: #333333;
  border-bottom: 2px solid #ff611f;
  padding: 10px 0;
}
.address .map-wrapper p {
  margin: 18px 0;
  font-size: 20px;
  color: #666666;
  line-height: 1.3;
}
.address .try {
  padding: 30px;
  display: inline-block;
  width: 380px;
  vertical-align: top;
}
.address .try h3 {
  display: inline-block;
  font-size: 40px;
  color: #333333;
  border-bottom: 2px solid #ff611f;
  padding: 10px 0;
}
.address .try .phone {
  margin-top: 45px;
  margin-bottom: 30px;
  font-size: 30px;
  color: #333333;
}
.address .try .phone .iconfont {
  font-size: 42px;
  margin-right: 30px;
}
.address .try input {
  margin-top: 25px;
  display: block;
  height: 58px;
  line-height: 58px;
  width: 355px;
  padding: 0 10px;
  border: 1px solid #cccccc;
}
.address .try .receive {
  display: block;
  background: linear-gradient(to right, #ff902c, #ff6600);
  border-radius: 5px;
  height: 60px;
  line-height: 60px;
  width: 100%;
  font-size: 24px;
  border: none;
  color: #ffffff;
  box-shadow: 0px 0px 6px #ff902c;
  -webkit-box-shadow: 0px 0px 6px #ff902c;
  -moz-box-shadow: 0px 0px 6px #ff902c;
}
.address .contact {
  padding: 30px 30px 50px 30px;
  font-size: 0;
}
.address .contact li {
  display: inline-block;
  width: 266px;
}
.address .contact li:first-child {
  width: 340px;
}
.address .contact li h3 {
  font-size: 30px;
  color: #000;
}
.address .contact li p {
  margin-top: 28px;
  font-size: 20px;
  color: #666666;
}


.typelist3{
    text-align: left;
    width: 1200px;
    margin: 0 auto 88px;
    font-size: 22px;
}
.typelist3 a {
      color: #000000;
}


ul.list_bottom_titles{margin-top:15px;}
h3.list_like_title em.like_ico{ background-position:0 0}
ul.list_bottom_titles,.list_bottom_titles2{ margin-left:auto; margin-right:auto; width:810px; line-height:34px;}
ul.list_bottom_titles strong,.list_bottom_titles2 a{ margin-right:10px; font-size:16px;}
ul.list_bottom_titles strong:first-child,.list_bottom_titles2 a:first-child{ margin-left:-8px;}
ul.list_bottom_titles a{ font-size:15px; margin-right:10px; display:inline-block; width:120px; word-break:break-all; vertical-align:top;}
.list_bottom_titles2 a{ font-weight:bold;}