@charset "UTF-8";
/** 变量文件 **/
/**color**/
/** Main colors   -   Main Accent  **/
/** 深黄 主色 PC**/
/** 深绿 主色 PC**/
/** 深黄 主色 MOBLE**/
/** 深蓝 主色**/
/** 背景色 主色**/
/** Main colors  -  Secondary Accent  **/
/** 淡黄 **/
/** 绿色 **/
/** 淡蓝 **/
/** 亮红 **/
/** 紫红 **/
/** Typography colors  -  Main Accent  **/
/** 深灰 **/
/** Typography colors  -  Secondary Accent  **/
/** 浅灰 **/
/** other colors **/
/**  font-size-pc  **/
/**  font-size-mobile  **/
/** pc端宽度全局变量  **/
/**  PC端菜单栏高度  **/
/**  手机端菜单栏高度  **/
/** 字体文件 **/
/** font-family **/
@font-face {
  font-family: fontLight;
  src: url("../font/GothamRoundedLight.otf"); }

@font-face {
  font-family: fontBook;
  src: url("../font/GothamRoundedBook_21018.ttf"); }

@font-face {
  font-family: fontMedium;
  src: url("../font/GothamRoundedMedium_21022.ttf"); }

@font-face {
  font-family: fontBold;
  src: url("../font/GothamRoundedBold.otf"); }

@font-face {
  font-family: fontHelsing;
  src: url("../font/GreatLakesLetteringHelsing.otf"); }

@font-face {
  font-family: fontNorth;
  src: url("../font/TrueNorth.otf"); }

@font-face {
  font-family: fontNorth3D;
  src: url("../font/TrueNorth3D.otf"); }

.fontLight {
  font-family: fontLight; }

.fontBook {
  font-family: fontBook; }

.fontMedium {
  font-family: fontMedium; }

.fontBold {
  font-family: fontBold; }

.fontNorth {
  font-family: fontNorth; }

.fontHelsing {
  font-family: fontHelsing; }

.fontNorth3D {
  font-family: fontNorth3D; }

/** 函数文件 **/
/**按钮样式**/
/**  flex-direction: row | row-reverse | column | column-reverse; 
 	justify-content: flex-start | flex-end | center | space-between | space-around; 
 	    align-items: flex-start | flex-end | center | baseline | stretch;
      align-content: flex-start | flex-end | center | space-between | space-around | stretch; 
**/
.banner {
  width: 100%;
  height: 560px;
  overflow: hidden;
  background: url("/style/images/classes-img-bak.png") no-repeat left center/auto 560px;
  position: relative; }

.banner-content {
  text-align: center; 
  color: #fff;
  margin-top: 380px; }
  .banner-content h1 {
    color: #fff;
    line-height: 55px;
    margin-bottom: 26px;
    font-size: 45px; }
  .banner-content .play-video {
    display: none; }
    .banner-content .play-video img {
      width: 40px;
      height: 40px;
      margin-right: 6px; }

.location-tab {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  box-sizing: border-box;
  width: 958px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  margin: 0 auto;
  box-shadow: 0 2px 4px #9b9b9b;
  border: 1px solid #7B838A; }
  .location-tab li {
    width: 280px;
    color: #009241;
    font-family: fontMedium;
    font-size: 2.6rem; }
    .classes-tab li a {
      display: block;
      text-align: center; }
  .location-tab .select a {
    color: #009241; }

 .location_selector {
  padding: 40px 40px 40px 40px;
  }
 
.title {
  font-size: 2.2rem;
  color: #009241;
  line-height: 3.3rem;
  padding: 3.4rem;
  text-align: center;
  font-family: fontMedium; }

.gallery-pic {
  margin-bottom: 160px; }

.galleryContent {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .galleryContent .left {
    width: 49%; }
  .galleryContent .right {
    width: 49%; }
  .galleryContent .both_one {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px; }
    .galleryContent .both_one .imgbox {
      width: 49%; }
    .galleryContent .both_one p {
      padding: 30px; }
  .galleryContent .both_two {
    width: 100%;
    margin-bottom: 10px; }
    .galleryContent .both_two p {
      padding: 30px 50px; }
  .galleryContent .imgbox {
    width: 100%;
    position: relative; }
    .galleryContent .imgbox:after {
      content: '';
      left: 0;
      top: 0;
      position: absolute;
      display: none;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-color: rgba(255, 254, 254, 0.7); }
  .galleryContent .imgbox:hover:after {
    display: block; }
  .galleryContent .imgbox:hover p {
    display: flex; }
  .galleryContent img {
    width: 100%;
    height: auto; }
  .galleryContent p {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #009241;
    font-size: 30px;
    z-index: 2;
    line-height: 40px;
    font-family: fontMedium; }