@charset "UTF-8";
/**
 * 
 * @authors Sean (982653014@qq.com)
 * @date    2017-01-14 21:35:23
 * @version $Id$
 */
/**
 * 定义变量 start
 * @type {String}
 */
.wp {
  width: 100%;
}
.wp .banner {
  width: 100%;
  height: 12.03333333rem;
  display: block;
}
.wp .pinggu {
  width: 24rem;
  height: 6.8rem;
  background: url("../img/index/pinggubg.jpg") no-repeat top center;
  background-size: 100%;
  position: relative;
}
.wp .pinggu > span {
  font-size: 0.8rem;
  color: #999797;
  position: absolute;
  top: 4.26666667rem;
  left: 0.93333333rem;
  background: transparent;
}
.wp .pinggu > span span {
  color: #999797;
  background: transparent;
}
.wp .pinggu a {
  display: inline-block;
  position: absolute;
  width: 8.5rem;
  height: 2rem;
  top: 2.4rem;
  left: 13.93333333rem;
  background: transparent;
}
.wp > .lingyvtitle {
  height: 4.46666667rem;
  background: #ccc;
}
.wp > .lingyvtitle h2 {
  line-height: 3.13333333rem;
  color: #ff6666;
  text-align: center;
  margin-top: 0.66666667rem;
  font-size: 1rem;
}
.wp .lingyv {
  width: 100%;
  position: relative;
  height: 17.4rem;
}
.wp .lingyv .swiper-pagination {
  position: static;
  background: #ccc;
  width: 100%;
  overflow: hidden;
  height: 2.73333333rem;
}
.wp .lingyv .swiper-pagination span {
  width: 7.43333333rem;
  height: 2.26666667rem;
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  font-size: 0.8rem;
  line-height: 2.26666667rem;
  background: white;
  color: #666;
}
.wp .lingyv .swiper-pagination span.cur {
  background: #ff6666;
  color: white;
}
.wp .lingyv .swiper-wrapper {
  width: 24rem;
  height: 14.93333333rem;
  overflow: visible;
}
.wp .lingyv .swiper-wrapper .swiper-slide div {
  width: 50%;
  height: 4.9rem;
  float: left;
  border-bottom: 0.07866667rem solid #ccc;
  border-left: 0.07866667rem solid #ccc;
  padding: 0.56666667rem 0 0 0.83333333rem;
}
.wp .lingyv .swiper-wrapper .swiper-slide div img {
  float: left;
  margin-right: 0.56666667rem;
  width: 2.06666667rem;
  height: 2.06666667rem;
}
.wp .lingyv .swiper-wrapper .swiper-slide div h6,
.wp .lingyv .swiper-wrapper .swiper-slide div a {
  font-size: 0.86666667rem;
  line-height: 1.46666667rem;
}
.wp .lingyv .swiper-wrapper .swiper-slide div p {
  font-size: 0.7rem;
  color: #a9a7a7;
}
.wp .lingyv .swiper-wrapper .swiper-slide div:nth-child(odd) {
  border-left: none;
}
.wp .lingyv .swiper-wrapper .swiper-slide div.a img {
  margin-top: 0.66666667rem;
}
.wp .lingyv .swiper-wrapper .swiper-slide div.a a {
  line-height: 3.33333333rem;
  color: red;
}
.wp > h2.solo {
  line-height: 2.6rem;
  background: #ccc;
  text-align: center;
  font-size: 1rem;
}
.wp .vs {
  width: 100%;
}
.wp .vs div {
  width: 50%;
  height: 4.93333333rem;
  float: left;
  display: table;
  text-align: center;
}
.wp .vs div p {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 0.08866667rem solid #ccc;
  border-left: 0.07866667rem solid #ccc;
}
.wp .vs div:nth-child(odd) p {
  font-size: 0.8rem;
  font-weight: 700;
  border-left: none;
  background: #fffbf4;
  color: #ff6666;
}
.wp .vs div:nth-child(even) p {
  font-size: 0.66666667rem;
  color: #b2b2b2;
}
.wp .telephone {
  display: block;
  background: #ff6666;
  border-radius: 10px;
  text-align: center;
  font-size: 0.8rem;
  line-height: 2.1rem;
  width: 12.46666667rem;
  margin: 0 auto;
  color: white;
  height: 2.1rem;
}
.wp .vsb {
  margin: 1.13333333rem auto;
}
.wp .tutor {
  position: relative;
}
.wp .tutor > h2 {
  line-height: 2.46666667rem;
  background: #ccc;
  text-align: center;
  color: #ff6666;
  font-size: 1rem;
}
.wp .tutor .swiper-container {
  width: 20.66666667rem;
  height: 5.93333333rem;
  margin-top: 1.33333333rem;
}
.wp .tutor .swiper-container .swiper-wrapper {
  margin: 0 auto;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide {
  width: 20.66666667rem;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide div:first-child {
  margin-right: 0.66666667rem;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide div:first-child img {
  margin-top: 0.3rem;
  width: 3.8rem;
  height: 5.23333333rem;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide div {
  float: left;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide div:last-child {
  width: 16.06666667rem;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide div:last-child h4 {
  font-size: 0.8rem;
  color: #ff6666;
  margin-bottom: 0.3rem;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide div:last-child h4 span {
  font-size: 0.66666667rem;
  padding-left: 0.5rem;
  color: #ff6666;
  vertical-align: middle;
}
.wp .tutor .swiper-container .swiper-wrapper li.swiper-slide div:last-child p {
  font-size: 0.66666667rem;
  color: #999;
  line-height: 0.93333333rem;
}
.wp .tutor .button-next,
.wp .tutor .button-prev {
  width: 1.66666667rem;
  height: 4.23333333rem;
  background: #808080;
  position: absolute;
  top: 4.66666667rem;
  text-align: center;
  color: #c6c6c6;
  font-size: 1.26666667rem;
  line-height: 4.23333333rem;
}
.wp .tutor .button-prev {
  left: 0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.wp .tutor .button-next {
  right: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.wp .tutor .tutortel {
  margin: 1.83333333rem auto 1.33333333rem;
}
.wp .media {
  height: 13.76666667rem;
  background: #ccc;
}
.wp .media > h2 {
  font-size: 1rem;
  background: #ccc;
  text-align: center;
  line-height: 2.8rem;
}
.wp .media .swiper-container {
  width: 14.86666667rem;
  height: 9.6rem;
  overflow: visible;
  background: transparent;
}
.wp .media .swiper-container .swiper-wrapper {
  width: 24rem;
}
.wp .media .swiper-container .swiper-wrapper li {
  width: 12.86666667rem;
  height: 8.13333333rem;
  position: relative;
  top: 0.66666667rem;
}
.wp .media .swiper-container .swiper-wrapper li img {
  width: 100%;
  height: 100%;
}
.wp .media .swiper-container .swiper-wrapper li p {
  position: absolute;
  bottom: 0;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.66666667rem;
  color: white;
  width: 100%;
  display: none;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-active {
  width: 14.86666667rem;
  height: 9.6rem;
  top: 0;
  z-index: 88;
  -moz-transition: width 0.3s,height 0.3s;
  -webkit-transition: width 0.3s,height 0.3s;
  -o-transition: width 0.3s,height 0.3s;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-active p {
  display: block;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-prev {
  left: 10.33333333rem;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-next {
  right: 10.33333333rem;
}
.wp .hj > h2 {
  font-size: 1rem;
  text-align: center;
  line-height: 2.66666667rem;
}
.wp .hj .swiper-container {
  width: 22.66666667rem;
  height: 16.33333333rem;
  margin: 0 auto;
}
.wp .hj .swiper-container .num {
  width: 100%;
  text-align: center;
  margin-bottom: 0.53333333rem;
}
.wp .hj .swiper-container .num span {
  display: inline-block;
  width: 7.13333333rem;
  height: 2.26666667rem;
  border: 1px solid #f5f4f9;
  line-height: 2.26666667rem;
  font-size: 0.8rem;
  text-align: center;
  border-radius: 5px;
  margin: 0 0.1rem;
}
.wp .hj .swiper-container .num span.cur {
  color: white;
  background: #ff6666;
}
.wp .hj .swiper-container .swiper-wrapper {
  overflow: visible;
}
.wp .hj .swiper-container .swiper-wrapper .swiper-slide {
  width: 22.63333333rem;
  height: 12.13333333rem;
  border: 1px solid #333;
  display: block;
}
.dialog {
  position: fixed;
  top: 0rem;
  left: center;
  max-width: 720px;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 50000px;
  text-align: center;
}
.dialog * {
  background: transparent;
}
.dialog div {
  margin-top: 11.6rem;
  display: inline-block;
  width: 23.2rem;
}
.dialog div > img {
  display: block;
  float: right;
  width: 2.4rem;
  height: 2.4rem;
}
.dialog div a img {
  width: 23.2rem;
  height: 14.9rem;
}