html {
    font-size: calc(20vw / var(--viewwidthpc));
    margin: 0;
    padding: 0;
}
:root{
 
    --viewwidth:11.58;
    --viewwidthpc:19.2;
    --swiper-navigation-size:calc(44vw / var(--viewwidthpc));
}
body,div,a,p {
    margin: 0;
    padding: 0;
}
div {
    box-sizing: border-box;
}
body {
    overflow-x: hidden;
}
table td {
    padding:0;
    margin:0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color:#4d3406
}
.container {
    width:calc(1920vw / var(--viewwidthpc));
    background-color: #fff8ee;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 120vh;
}
.a_area {
    position: relative;
    width:calc(1920vw / var(--viewwidthpc));
    height:calc(703vw / var(--viewwidthpc));
    background: url(../images/a_area_bg.png) no-repeat;
    background-position: top center;
    background-size: calc(1920vw / var(--viewwidthpc)) calc(703vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
}
.a_area_1 {
    position: absolute;
    font-size: calc(30vw / var(--viewwidthpc));
    color:#fff;
    line-height: calc(30vw / var(--viewwidthpc));
    top:calc(120vw / var(--viewwidthpc));
    left:50%;
    transform: translateX(-50%);
}

.a_area_2 {
    position: absolute;
    width:calc(1158vw / var(--viewwidthpc));
    top:calc(470vw / var(--viewwidthpc));
    height:calc(72vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.a_area_2_left {
    width: 100%;
    height: calc(72vw / var(--viewwidthpc));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(34vw / var(--viewwidthpc));
    line-height: calc(42vw / var(--viewwidthpc));
    color: #da2413;
}
.a_area_2_right {
    width: 100%;
    height: calc(72vw / var(--viewwidthpc));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(34vw / var(--viewwidthpc));
    line-height: calc(42vw / var(--viewwidthpc));
    color: #da2413;
}
.b_area {
    width:calc(1158vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.b_area_title {
  width:calc(908vw / var(--viewwidthpc));
  height:calc(102vw / var(--viewwidthpc));
  margin-top: calc(70vw / var(--viewwidthpc));
  background: url(../images/b_are_title.png) no-repeat;
  background-size: calc(908vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
}
.b_area_1_top {
  width:calc(1158vw / var(--viewwidthpc));
  height:calc(24vw / var(--viewwidthpc));
  margin-top: calc(52vw / var(--viewwidthpc));
  background: url(../images/b_area_1_top_bg.png) no-repeat;
  background-size: calc(1158vw / var(--viewwidthpc));

}
.b_area_1 {
  width:calc(1158vw / var(--viewwidthpc));
  min-height:calc(641vw / var(--viewwidthpc));
  background: url(../images/b_area_1_mid_bg.png) repeat-y;
  background-size: calc(1158vw / var(--viewwidthpc));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.b_area_1_bottom {
  width:calc(1158vw / var(--viewwidthpc));
  height:calc(24vw / var(--viewwidthpc));
  background: url(../images/b_area_1_bottom_bg.png) no-repeat;
  background-size: calc(1158vw / var(--viewwidthpc));  
}
.b_area_1_1 {
     margin-top: calc(29vw / var(--viewwidthpc));
     width:calc(1066vw / var(--viewwidthpc));
     display: grid;
     grid-template-columns: 1fr 1fr; 
}
.b_area_1_1_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
 
    
}
.b_area_1_1_left_title {
  width:calc(211vw / var(--viewwidthpc));
  height:calc(77vw / var(--viewwidthpc));
  background: url(../images/b_area_1_1_left_title_bg.png) no-repeat;
  background-size: calc(211vw / var(--viewwidthpc)) calc(77vw / var(--viewwidthpc));
  font-size: calc(30vw / var(--viewwidthpc));
  line-height:calc(55vw / var(--viewwidthpc));
  font-weight: bold;
  text-align: center;
}
.b_area_1_1_left_content_1 {
    width: calc(510vw / var(--viewwidthpc));
    height: calc(269vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    background-color: #dd311b;
    box-shadow: calc(1vw / var(--viewwidthpc)) calc(5vw / var(--viewwidthpc)) calc(10vw / var(--viewwidthpc)) rgba(153, 153, 153, 0.7);
    padding: calc(10vw / var(--viewwidthpc));
    margin-top: calc(-22vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color: #fff;
}
.b_area_1_1_left_content_1 .first_line {
  font-size:calc(28vw / var(--viewwidthpc));
}

.b_area_1_1_left_content_2 {
    width: calc(510vw / var(--viewwidthpc));
    height: calc(96vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    background-color: #dd311b;
    box-shadow: calc(1vw / var(--viewwidthpc)) calc(5vw / var(--viewwidthpc)) calc(10vw / var(--viewwidthpc)) rgba(153, 153, 153, 0.7);
    padding: calc(10vw / var(--viewwidthpc));
    margin-top: calc(22vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color: #fff;
}
.b_area_1_1_left_content_2 span {
  font-size:calc(28vw / var(--viewwidthpc));
}
.b_area_1_1_left_content_3 {
    width: calc(510vw / var(--viewwidthpc));
    height: calc(96vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    background-color: #dd311b;
    box-shadow: calc(1vw / var(--viewwidthpc)) calc(5vw / var(--viewwidthpc)) calc(10vw / var(--viewwidthpc)) rgba(153, 153, 153, 0.7);
    margin-top: calc(22vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.rukou {
    width:100%;
    height: calc(96vw / var(--viewwidthpc));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:calc(24vw / var(--viewwidthpc));
}
.rukou_right {
    width:calc(120vw / var(--viewwidthpc));
    height: calc(96vw / var(--viewwidthpc));
    background: url(../images/rukou_bg.png) no-repeat;
    background-position: center;
    background-size: calc(110vw / var(--viewwidthpc)) calc(34vw / var(--viewwidthpc));
    font-size:calc(20vw / var(--viewwidthpc));
    color:#dd311b;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rukou_right a{
    color:inherit
}

.youhui {
    width:100%;
    height: calc(96vw / var(--viewwidthpc));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:calc(24vw / var(--viewwidthpc));

}

.youhui_right {
    width:calc(120vw / var(--viewwidthpc));
    height: calc(96vw / var(--viewwidthpc));
    background: url(../images/rukou_bg.png) no-repeat;
    background-position: center;
    background-size: calc(110vw / var(--viewwidthpc)) calc(34vw / var(--viewwidthpc));
    font-size:calc(20vw / var(--viewwidthpc));
    color:#dd311b;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.youhui_right a{
    color:inherit
}


.b_area_1_1_right {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    
}
.b_area_1_1_right_title {
  width:calc(284vw / var(--viewwidthpc));
  height:calc(77vw / var(--viewwidthpc));
  background: url(../images/b_area_1_1_right_title_bg.png) no-repeat;
  background-size: calc(284vw / var(--viewwidthpc)) calc(77vw / var(--viewwidthpc));
  font-size: calc(30vw / var(--viewwidthpc));
  line-height:calc(55vw / var(--viewwidthpc));
  font-weight: bold;
  text-align: center;
}
.b_area_1_1_right_content_1 {
    width: calc(510vw / var(--viewwidthpc));
    height: calc(269vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    background-color: #dd311b;
    box-shadow: calc(1vw / var(--viewwidthpc)) calc(5vw / var(--viewwidthpc)) calc(10vw / var(--viewwidthpc)) rgba(153, 153, 153, 0.7);
    padding: calc(10vw / var(--viewwidthpc));
    margin-top: calc(-22vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color: #fff;
}
.b_area_1_1_right_content_1 .first_line {
  font-size:calc(28vw / var(--viewwidthpc));
}

.b_area_1_1_right_content_2 {
    width: calc(510vw / var(--viewwidthpc));
    height: calc(96vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    background-color: #dd311b;
    box-shadow: calc(1vw / var(--viewwidthpc)) calc(5vw / var(--viewwidthpc)) calc(10vw / var(--viewwidthpc)) rgba(153, 153, 153, 0.7);
    padding: calc(10vw / var(--viewwidthpc));
    margin-top: calc(22vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color: #fff;
}
.b_area_1_1_right_content_2 span {
  font-size:calc(28vw / var(--viewwidthpc));
}
.b_area_1_1_right_content_3 {
    width: calc(510vw / var(--viewwidthpc));
    height: calc(96vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    background-color: #dd311b;
    box-shadow: calc(1vw / var(--viewwidthpc)) calc(5vw / var(--viewwidthpc)) calc(10vw / var(--viewwidthpc)) rgba(153, 153, 153, 0.7);
    margin-top: calc(22vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.b_area_1_2 {
    display: flex;
    height: calc(34vw / var(--viewwidthpc));
    margin-top: calc(20vw / var(--viewwidthpc));;
    justify-content: center;
    font-size:calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color:#000000;

}

.b_area_1_2 div{
    height: calc(34vw / var(--viewwidthpc));
}
.b_area_1_2 div:first-child {
    padding-right:calc(18vw / var(--viewwidthpc));
}
.b_area_1_2 img {
    height: calc(34vw / var(--viewwidthpc));
}

.c_area {
    width: calc(1920vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffebca;
    margin-top: calc(70vw / var(--viewwidthpc));
    padding-bottom: calc(70vw / var(--viewwidthpc));
}
.c_area_title {
    width: calc(1054vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/c_are_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
}
.c_area_1_top {
    width: calc(1158vw / var(--viewwidthpc));
    height: calc(24vw / var(--viewwidthpc));
    margin-top: calc(52vw / var(--viewwidthpc));
    background: url(../images/b_area_1_top_bg.png) no-repeat;
    background-size: calc(1158vw / var(--viewwidthpc));
}
.c_area_1 {
    width: calc(1158vw / var(--viewwidthpc));
    background: url(../images/b_area_1_mid_bg.png) repeat-y;
    background-size: calc(1158vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.c_area_1_1 {
    width: calc(1112vw / var(--viewwidthpc));
    min-height: calc(521vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.c_area_1_bottom {
    width: calc(1158vw / var(--viewwidthpc));
    height: calc(24vw / var(--viewwidthpc));
    background: url(../images/b_area_1_bottom_bg.png) no-repeat;
    background-size: calc(1158vw / var(--viewwidthpc));
}
.c_area_1_1_left {
    background-color: #fff8ee;
    font-size: calc(22vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    color: #000;
    font-weight: bold;
    padding: calc(10vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}
.c_area_1_1_left span {
    color:#dd311b;
}
.c_area_1_1_left span:first-child {
    font-size:calc(26vw / var(--viewwidthpc));
     line-height: calc(36vw / var(--viewwidthpc));
}
.c_area_1_1_right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c_area_1_1_right_top {
    width: 100%;
    background-color: #fff8ee;
    font-size: calc(21vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    color: #000;
    font-weight: bold;
    padding: calc(10vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}
.c_area_1_1_right_top span {
    color:#dd311b;
}
.c_area_1_1_right_top span:first-child {
    font-size:calc(26vw / var(--viewwidthpc));
     line-height: calc(36vw / var(--viewwidthpc));
}
.c_area_1_1_mid {
    position: relative;
    display: flex;
    align-items: center;
}
.c_area_1_1_mid img {
  width:calc(204vw / var(--viewwidthpc))
}
.c_area_1_1_mid_1 {
    width:calc(204vw / var(--viewwidthpc));
    height: calc(204vw / var(--viewwidthpc));;
    position: absolute;
    left:50%;
    top:50%;
    transform: translateX(-90%) translateY(-80%);
    opacity: 0;
}
.c_area_1_1_mid_2 {
    width: calc(204vw / var(--viewwidthpc));
    height: calc(204vw / var(--viewwidthpc));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-10%) translateY(-80%);
    opacity: 0;
}
.c_area_1_1_mid_3 {
    width: calc(204vw / var(--viewwidthpc));
    height: calc(204vw / var(--viewwidthpc));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-5%);
    opacity: 0;
}
.c_area_1_1_right_bottom {
    width:100%;
    background-color: #fff8ee;
    font-size:calc(21vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    color:#000;
    font-weight: bold;
    padding:calc(10vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: calc(8vw / var(--viewwidthpc));
    opacity: 0;
}
.c_area_1_1_right_bottom span {
    color:#dd311b;
}
.c_area_1_1_right_bottom span:first-child {
    font-size:calc(26vw / var(--viewwidthpc));
     line-height: calc(36vw / var(--viewwidthpc));
}

.d_area {
    width:calc(1920vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: calc(30vw / var(--viewwidthpc));
}
.d_area_title {
    width: calc(1066vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/d_are_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
}
.d_area_1 {
    position: relative;
    width:calc(1158vw / var(--viewwidthpc));
    height:calc(297vw / var(--viewwidthpc));
    margin-top: calc(42vw / var(--viewwidthpc));
}
.d_area_1_left {
   position: absolute;
   width:calc(426vw / var(--viewwidthpc));
   height:calc(297vw / var(--viewwidthpc));
   background: url(../images/d_area_img1.png) no-repeat;
   background-size: calc(426vw / var(--viewwidthpc)) calc(297vw / var(--viewwidthpc));
   left:0;
   top: 0;
   opacity: 0;
}
.d_area_1_mid {
   position: absolute;
   width:calc(426vw / var(--viewwidthpc));
   height:calc(297vw / var(--viewwidthpc));
   background: url(../images/d_area_img2.png) no-repeat;
   background-size: calc(426vw / var(--viewwidthpc)) calc(297vw / var(--viewwidthpc));
   left:calc(366vw  / var(--viewwidthpc));
   top: 0;
   opacity: 0;
  
}
.d_area_1_right {
   position: absolute;
   width:calc(426vw / var(--viewwidthpc));
   height:calc(297vw / var(--viewwidthpc));
   background: url(../images/d_area_img3.png) no-repeat;
   background-size: calc(426vw / var(--viewwidthpc)) calc(297vw / var(--viewwidthpc));
   right:0;
   top: 0;
   opacity: 0;
}
.e_area {
    width:calc(1920vw / var(--viewwidthpc));
    background-color: #ffebca;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: calc(70vw / var(--viewwidthpc));
    padding-bottom:calc(70vw / var(--viewwidthpc));
}
.e_area_title {
    width: calc(1054vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/e_are_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
}
.e_area_1 {
     width: calc(1158vw / var(--viewwidthpc));
     height: calc(447vw / var(--viewwidthpc));
     background: url(../images/e_area_1_bg.png) no-repeat;
     background-size: calc(1158vw / var(--viewwidthpc)) calc(447vw / var(--viewwidthpc));
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: calc(290vw / var(--viewwidthpc)) calc(157vw / var(--viewwidthpc));
     margin-top:  calc(42vw / var(--viewwidthpc));
}
.e_area_1_1  {
    background: url(../images/e_area_1_1.png) no-repeat;
    background-position: center;
    background-size: calc(531vw / var(--viewwidthpc)) calc(229vw / var(--viewwidthpc));
}
.e_area_1_2  {
    background: url(../images/e_area_1_2.png) no-repeat;
    background-position: center;
    background-size: calc(531vw / var(--viewwidthpc)) calc(229vw / var(--viewwidthpc));
}
.e_area_1_3 {
    background: url(../images/e_area_1_3.png) no-repeat;
    background-position: top center;
    background-size: calc(510vw / var(--viewwidthpc)) calc(106vw / var(--viewwidthpc));
}
.e_area_1_4 {
    background: url(../images/e_area_1_3.png) no-repeat;
    background-position: top center;
    background-size: calc(508vw / var(--viewwidthpc)) calc(106vw / var(--viewwidthpc));
}
.f_area {
    width:calc(1920vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: calc(10vw / var(--viewwidthpc));
}
.f_area_title {
    width: calc(1054vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/f_are_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
}
.f_area_1  {
    width:calc(1158vw / var(--viewwidthpc));
    height:calc(587vw / var(--viewwidthpc));
    background: url(../images/f_area_1_bg.png) no-repeat;
    background-position: center;
    background-size: calc(1158vw / var(--viewwidthpc)) calc(587vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: calc(560vw / var(--viewwidthpc))  calc(598vw / var(--viewwidthpc));
    margin-top:calc(42vw / var(--viewwidthpc));
}
.f_area_1_1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/good_teacher.png) no-repeat;
    background-size: calc(485vw / var(--viewwidthpc)) calc(471vw / var(--viewwidthpc));
    background-position: center;

}
.f_area_1_1 img {
    position: absolute;
    top: calc(58vw / var(--viewwidthpc));
    left: calc(232vw / var(--viewwidthpc));
    width: calc(92vw / var(--viewwidthpc));
    height: calc(92vw / var(--viewwidthpc));
    z-index: 1;
    animation: scale_img 1.5s ease-in-out infinite alternate;
}
.f_area_1_2 {
    display: flex;
    flex-direction: column;
    
}
.f_area_1_2_padding {
    width: calc(569vw / var(--viewwidthpc));
    height: calc(32vw / var(--viewwidthpc));
}
.teacher_box {
    position: relative;
    width: calc(569vw / var(--viewwidthpc));
    height: calc(232vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    border: calc(1vw / var(--viewwidthpc)) solid #dd311b;
    background-color: #fff8ee;
    display: flex;
    justify-content: center;
    overflow:hidden
}
.swiper-wrapper {
    width: calc(473vw / var(--viewwidthpc));
}

.swiper-button-next, .swiper-button-prev {
    color: #dd311b;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: calc(26vw / var(--viewwidthpc));
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,calc(10vw / var(--viewwidthpc)));
    right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,calc(10vw / var(--viewwidthpc)));
    left: auto;
}

.teacher {
     width: calc(473vw / var(--viewwidthpc));
     height: calc(232vw / var(--viewwidthpc));
     display: grid;
     grid-template-columns: 1fr 1fr;

}
.teacher_brief {
    display: flex;
    flex-direction:column;
    font-size: calc(21vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
}
.teacher_name {
    font-size: calc(26vw / var(--viewwidthpc));
    line-height: calc(36vw / var(--viewwidthpc));
    color: #dd311b;
    padding-top: calc(16vw / var(--viewwidthpc));
}
.teacher_1 {
  padding-top:calc(11vw / var(--viewwidthpc));
  width:100%;
  height:calc(231vw / var(--viewwidthpc));
  overflow: hidden;
}
.teacher_1 img {
    width:calc(214vw / var(--viewwidthpc))
}

.f_area_1_2_2 {
    width: calc(569vw / var(--viewwidthpc));
    padding-top: calc(18vw / var(--viewwidthpc));
    font-size: calc(18vw / var(--viewwidthpc));
    line-height: calc(54vw / var(--viewwidthpc));
    color:#000000;

    
}
.f_area_1_2_2 span {
    color:#da2413
}
.g_area {
    width:calc(1920vw / var(--viewwidthpc));
    margin-top: calc(70vw / var(--viewwidthpc));
    padding-bottom: calc(70vw / var(--viewwidthpc));
    background-color: #ffebca;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.g_area_title {
    width: calc(1054vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/g_area_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
    margin-top: calc(10vw / var(--viewwidthpc));
}
.g_area_1 {
    width: calc(1158vw / var(--viewwidthpc));
    height: calc(587vw / var(--viewwidthpc));
    background: url(../images/f_area_1_bg.png) no-repeat;
    background-position: center;
    background-size: calc(1158vw / var(--viewwidthpc)) calc(587vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: calc(560vw / var(--viewwidthpc))  calc(598vw / var(--viewwidthpc));
    margin-top: calc(42vw / var(--viewwidthpc));
}
.g_area_1_1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/good_jiaoyan.png) no-repeat;
    background-size: calc(485vw / var(--viewwidthpc)) calc(399vw / var(--viewwidthpc));
    background-position: center;
}
.g_area_1_1 img {
    position: absolute;
    top: calc(251vw / var(--viewwidthpc));
    left: calc(439vw / var(--viewwidthpc));
    width: calc(92vw / var(--viewwidthpc));
    height: calc(92vw / var(--viewwidthpc));
    z-index: 1;
    animation: scale_img 1.5s ease-in-out infinite alternate;
}
.g_area_1_2 {
    display: flex;
    flex-direction: column;
    
}
.g_area_1_2_padding {
    width: calc(569vw / var(--viewwidthpc));
    height: calc(32vw / var(--viewwidthpc));
}
.jiaoyan_box {

    width: calc(569vw / var(--viewwidthpc));
    height: calc(232vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    border: calc(1vw / var(--viewwidthpc)) solid #dd311b;
    background-color: #fff8ee;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.jiaoyan_box img {
    width:calc(543vw / var(--viewwidthpc));
}
.g_area_1_2_2 {
    width: calc(569vw / var(--viewwidthpc));
    padding-top: calc(20vw / var(--viewwidthpc));
    font-size: calc(18vw / var(--viewwidthpc));
    line-height: calc(54vw / var(--viewwidthpc));
    color: #000000;
}
.g_area_1_2_2 span {
    color:#da2413
}
.h_area {
    width:calc(1920vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.h_area_title {
    width: calc(1054vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/h_area_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
    margin-top: calc(10vw / var(--viewwidthpc));
}
.h_area_1 {
    width: calc(1158vw / var(--viewwidthpc));
    height: calc(471vw / var(--viewwidthpc));
    background: url(../images/h_area_1_bg.png) no-repeat;
    background-position: center;
    background-size: calc(1158vw / var(--viewwidthpc)) calc(471vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: calc(614vw / var(--viewwidthpc)) calc(544vw / var(--viewwidthpc))  ;
    margin-top: calc(42vw / var(--viewwidthpc));
}
.h_area_1_1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_area_1_1 img {
    width:calc(566vw / var(--viewwidthpc));
    height: calc(377vw / var(--viewwidthpc));
}
.h_area_1_2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/good_jiangyi.png) no-repeat;
    background-size: calc(485vw / var(--viewwidthpc)) calc(399vw / var(--viewwidthpc));
    background-position: center;
}
.h_area_1_2 img {
    position: absolute;
    top: calc(356vw / var(--viewwidthpc));
    left: calc(225vw / var(--viewwidthpc));
    width: calc(92vw / var(--viewwidthpc));
    height: calc(92vw / var(--viewwidthpc));
    z-index: 1;
    animation: scale_img 1.5s ease-in-out infinite alternate;
}
.i_area {
    width: calc(1920vw / var(--viewwidthpc));
    margin-top: calc(70vw / var(--viewwidthpc));
    padding-bottom: calc(70vw / var(--viewwidthpc));
    background-color: #ffebca;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.i_area_title {
    width: calc(1054vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/i_area_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
    margin-top: calc(10vw / var(--viewwidthpc));
}
.i_area_1 {
    width: calc(1158vw / var(--viewwidthpc));
    height: calc(471vw / var(--viewwidthpc));
    background: url(../images/h_area_1_bg.png) no-repeat;
    background-position: center;
    background-size: calc(1158vw / var(--viewwidthpc)) calc(471vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns:  calc(614vw / var(--viewwidthpc)) calc(544vw / var(--viewwidthpc)) ;
    margin-top: calc(42vw / var(--viewwidthpc));
}

.i_area_1_1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.i_area_1_1 img {
    width:calc(566vw / var(--viewwidthpc));
    height: calc(377vw / var(--viewwidthpc));
}
.i_area_1_2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/good_class.png) no-repeat;
    background-size: calc(485vw / var(--viewwidthpc)) calc(399vw / var(--viewwidthpc));
    background-position: center;
}
.i_area_1_2 img {
    position: absolute;
    top: calc(192vw / var(--viewwidthpc));
    left: calc(21vw / var(--viewwidthpc));
    width: calc(92vw / var(--viewwidthpc));
    height: calc(92vw / var(--viewwidthpc));
    z-index: 1;
    animation: scale_img 1.5s ease-in-out infinite alternate;
}

.j_area {
    width:calc(1920vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.j_area_title {
    width: calc(1054vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    background: url(../images/j_area_title.png) no-repeat;
    background-size: calc(1054vw / var(--viewwidthpc)) calc(102vw / var(--viewwidthpc));
    margin-top: calc(10vw / var(--viewwidthpc));
}
.j_area_1_top {
    width: calc(1158vw / var(--viewwidthpc));
    height: calc(24vw / var(--viewwidthpc));
    margin-top: calc(52vw / var(--viewwidthpc));
    background: url(../images/b_area_1_top_bg.png) no-repeat;
    background-size: calc(1158vw / var(--viewwidthpc));
}
.j_area_1 {
    width: calc(1158vw / var(--viewwidthpc));
    min-height: calc(390vw / var(--viewwidthpc));
    background: url(../images/b_area_1_mid_bg.png) repeat-y;
    background-size: calc(1158vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.j_area_1_bottom {
    width: calc(1158vw / var(--viewwidthpc));
    height: calc(24vw / var(--viewwidthpc));
    background: url(../images/b_area_1_bottom_bg.png) no-repeat;
    background-size: calc(1158vw / var(--viewwidthpc));
}
.j_area_1_1 {
    width:calc(1092vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.cell {
    height:calc(70vw / var(--viewwidthpc));
    background: url(../images/cell_bg.png) no-repeat;
    background-position: center;
    background-size: calc(145vw / var(--viewwidthpc)) calc(45vw / var(--viewwidthpc));
    font-size:calc(24vw / var(--viewwidthpc));
    line-height: calc(70vw / var(--viewwidthpc));
    color:#490d08;
    text-align: center;
    cursor: pointer;
}
.cell_active {
    height:calc(70vw / var(--viewwidthpc));
    background: url(../images/cell_bg_active.png) no-repeat;
    background-position: center;
    background-size: calc(145vw / var(--viewwidthpc)) calc(45vw / var(--viewwidthpc));
    font-size:calc(24vw / var(--viewwidthpc));
    line-height: calc(70vw / var(--viewwidthpc));
    color:#fff;
    text-align: center;
    cursor:pointer
}

.j_area_2 {
    width: calc(1119vw / var(--viewwidthpc));
    height: calc(210vw / var(--viewwidthpc));
    padding-top: calc(10vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 990fr 210fr;
}
.j_area_2_left {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.school_name {
    font-size:calc(26vw / var(--viewwidthpc));
    line-height:calc(36vw / var(--viewwidthpc));
    color:#da2413;
}
.j_area_2_line {
    width:calc(495vw / var(--viewwidthpc));
    height:calc(11vw / var(--viewwidthpc));
    line-height: calc(11vw / var(--viewwidthpc));
    border-bottom: calc(1vw / var(--viewwidthpc)) solid #000;
}
.school_address {
    height:calc(46vw / var(--viewwidthpc));
    font-size:calc(24vw / var(--viewwidthpc));
    line-height:calc(46vw / var(--viewwidthpc));
    color:#000;
}
.school_other {
    height:calc(46vw / var(--viewwidthpc));
    font-size:calc(24vw / var(--viewwidthpc));
    line-height:calc(46vw / var(--viewwidthpc));
    color:#000;
}
.school_other a {
    color:#000
}
.school_other a:hover,.school_other a:active {
    color:#000
}
.j_area_2_right {
    display: flex;
    justify-content: right;
    align-items: center;
    height: calc(150vw / var(--viewwidthpc));
}
.j_area_2_right_1 {
    width:calc(28vw / var(--viewwidthpc));
    
    font-size:calc(24vw / var(--viewwidthpc));
    line-height: calc(30vw / var(--viewwidthpc));
    color:#000;
}
.j_area_2_right_2 {
    width:calc(161vw / var(--viewwidthpc));
    height:calc(161vw / var(--viewwidthpc));
    border-radius: calc(10vw / var(--viewwidthpc));
    background-color:#000;
    overflow:hidden;
}
.j_area_2_right_2 img {
    width:calc(161vw / var(--viewwidthpc));
   
}
@keyframes slide_l {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide_r {

  0% {
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
     transform: translateX(0);
     opacity: 1;
  }
}

@keyframes d_slide_1 {
  0% {
    top:calc(-297vw / var(--viewwidthpc));
    opacity: 0;
  }
  100% {
    top:0;
    opacity: 1;
  }
}
@keyframes d_slide_2 {
  0% {
    top:calc(297vw / var(--viewwidthpc));;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes scale_img {
    0% {
       transform: scale(1);
    }
    100% {
      transform: scale(1.2);
    }
}