html {
    font-size: calc(20vw / var(--viewwidthpc));
    margin: 0;
    padding: 0;
}
:root{
    --viewwidth:12;
    --viewwidthpc:19.2
}
body,div,a,p {
    margin: 0;
    padding: 0;
}
div {
    box-sizing: border-box;
}
#app {
    width: calc(1920vw / var(--viewwidthpc));
    background-color: #ffe367;

}
.top {
    position: relative;
    width: calc(1920vw / var(--viewwidthpc));
    line-height: 0;
    z-index: 100;
}
.top img {
    width:calc(1920vw / var(--viewwidthpc));
    height:calc(677vw / var(--viewwidthpc))
}
.main_container {
    margin: auto;
    width:calc(1200vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
}
.a_area {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(430vw / var(--viewwidthpc));
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.a_area_item {
    width:calc(270vw / var(--viewwidthpc));
    height:calc(270vw / var(--viewwidthpc));
    box-shadow: calc(3vw / var(--viewwidthpc)) calc(5vw / var(--viewwidthpc)) calc(10vw / var(--viewwidthpc)) rgba(180, 176, 154, 0.3);
}
.a_area_item_top {
    width:calc(270vw / var(--viewwidthpc));
    height:calc(51vw / var(--viewwidthpc));
    background:url(../images/a_area_item_top.png) no-repeat;
    background-size: 100% 100%;
    font-size:calc(28vw / var(--viewwidthpc));
    line-height: calc(51vw / var(--viewwidthpc));
    text-align: center;
    color:#ffffff; 
    font-weight: bolder;
}
.a_area_item_mid {
    width:calc(270vw / var(--viewwidthpc));
    height:calc(180vw / var(--viewwidthpc));
    background-color: #ffffff;
    font-size:calc(18vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    text-align: center;
    color:#333333; 
    font-weight: bolder;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.a_area_item_bottom {
    width:calc(270vw / var(--viewwidthpc));
    height:calc(39vw / var(--viewwidthpc));
    background-color: #ffa81e;
    font-size:calc(19vw / var(--viewwidthpc));
    line-height: calc(39vw / var(--viewwidthpc));
    text-align: center;
    color:#fff; 
    font-weight: bolder;

}
.a_area_arrow_l {
    width:calc(53vw / var(--viewwidthpc));
    height: calc(53vw / var(--viewwidthpc));
    background: url(../images/a_area_arrow_l.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left:0;
    top:50%;
    transform:translateX(-50%) translateY(-50%)
}
.a_area_arrow_r {
    width:calc(53vw / var(--viewwidthpc));
    height: calc(53vw / var(--viewwidthpc));
    background: url(../images/a_area_arrow_r.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right:0;
    top:50%;
    transform:translateX(50%) translateY(-50%)
}
.b_area {
    width:calc(1920vw / var(--viewwidthpc));
    height:calc(565vw / var(--viewwidthpc));
    background-color: #ffc71e;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.b_area_title {
    width:calc(598vw / var(--viewwidthpc));
    line-height: 0;
}
.b_area_title img {
    width:calc(598vw / var(--viewwidthpc));
}
.area_padding {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(15vw / var(--viewwidthpc));
}
.b_area_1 {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(333vw / var(--viewwidthpc));
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.b_area_box {
    width:calc(1072vw / var(--viewwidthpc));
    height:calc(210vw / var(--viewwidthpc));
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b_area_item {
    width:calc(179vw / var(--viewwidthpc));
    height:calc(206vw / var(--viewwidthpc));
    background: url(../images/celue_bg.png) no-repeat;
    background-size: 100%;
    position: relative;
}
.b_area_item_top {
    font-size: calc(21vw / var(--viewwidthpc));
    line-height: calc(30vw / var(--viewwidthpc));
    color: #ffffff;
    font-weight: bold;
    left: calc(72vw / var(--viewwidthpc));
    top: calc(16vw / var(--viewwidthpc));
    position: absolute;
}
.b_area_item_mid {
    font-size: calc(18vw / var(--viewwidthpc));
    line-height: calc(30vw / var(--viewwidthpc));
    color: #333333;
    left: calc(49vw / var(--viewwidthpc));
    top: calc(59vw / var(--viewwidthpc));
    text-align: center;
    position: absolute;
}
.b_area_item_bottom {
    font-size: calc(18vw / var(--viewwidthpc));
    line-height: calc(20vw / var(--viewwidthpc));
    color: #ffffff;
    left: calc(37vw / var(--viewwidthpc));
    top: calc(159vw / var(--viewwidthpc));
    text-align: center;
    position: absolute;
}
.b_area_item_bottom a {
    color:#ffffff;
    font-weight: bold;
}
.is_show {display: none;
background: none;
}
.c_area {
    width:calc(1920vw / var(--viewwidthpc));
    background-color: #ffe367;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.c_area_title {
    width:calc(306vw / var(--viewwidthpc));
    line-height: 0;
}
.c_area_title img {
    width:calc(306vw / var(--viewwidthpc));
}
.c_area_1 {
    width:calc(1200vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.c_area_padding_50 {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(50vw / var(--viewwidthpc));
}
.mskc_top {
    width:calc(1200vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
}
.xzskdd {
    font-size:0;
    line-height:0
}
.xzskdd img {
    width:calc(205vw / var(--viewwidthpc));
}
.c_area_padding_20 {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(20vw / var(--viewwidthpc));
}
ul {
    margin: 0px;
    padding:0px
}
ul li {
    margin:0px;
    padding:0px;
    box-sizing: border-box;

}
.course_place {
    margin: auto;
    width:calc(1160vw / var(--viewwidthpc));
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.course_place li {
    cursor: pointer;
    padding-bottom: calc(50vw / var(--viewwidthpc));
    width: calc(145vw / var(--viewwidthpc));
    height:calc(100vw / var(--viewwidthpc));
    position: relative;
    background: url("../images/course_placeBg1.png") no-repeat;
    background-position: top center;
    background-size: calc(128vw / var(--viewwidthpc)) calc(50vw / var(--viewwidthpc));
}
  
.course_place li>a {
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    font-size: calc(18vw / var(--viewwidthpc));
    color:#333333;
    display: block;
    height: calc(50vw / var(--viewwidthpc));
    line-height: calc(50vw / var(--viewwidthpc));
}
.course_place li.on,
.course_place li:hover {
  background: url("../images/course_placeBg2.png") no-repeat;
  background-position: top center;
  width: calc(145vw / var(--viewwidthpc));
  height:calc(100vw / var(--viewwidthpc));
  padding-bottom: calc(50vw / var(--viewwidthpc));
  background-size: calc(128vw / var(--viewwidthpc)) calc(50vw / var(--viewwidthpc));
} 

.course_place li.on>a,
.course_place li:hover>a {
  color: #fff;
} 

.course_arrow {
    display: none;
    position: absolute;
    width: calc(12vw / var(--viewwidthpc));
    height: calc(4vw / var(--viewwidthpc));
    background: url(../images/course_arrow.png) no-repeat;
    background-size: calc(12vw / var(--viewwidthpc)) calc(4vw / var(--viewwidthpc));
    top: calc(52vw / var(--viewwidthpc));
    left: calc(72vw / var(--viewwidthpc));
    z-index: 9;
  }

  .course_show {
    display: none; 
    min-width: calc(145vw / var(--viewwidthpc));
    padding: 0 calc(7vw / var(--viewwidthpc));
    border-radius: calc(30vw / var(--viewwidthpc));
    position: absolute;
    top:calc(56vw / var(--viewwidthpc));;
    left: 0;
    z-index: 8;
    text-align: left;
    box-sizing: border-box;
    background-color: #fa5a42;
    height:calc(38vw / var(--viewwidthpc));;
    line-height: calc(38vw / var(--viewwidthpc));
    justify-content: center;
  }
  
  .course_show a {
    box-sizing: border-box;
    padding: 0 calc(15vw / var(--viewwidthpc));
    font-size:  calc(16vw / var(--viewwidthpc));
    white-space: nowrap;
    font-family: "FZLanTingHeiS-DB-GB";
    color: #ffffff;
  }
  
  .course_show a:hover,
  .course_show a.active {
    text-decoration: underline;
    font-family: "FZLanTingHeiS-DB-GB";
    color: #edff21;
    -webkit-background-clip: text;
    font-size: calc(16vw / var(--viewwidthpc));
    font-weight: bold;
  }
.mskc_bottom {
    width:calc(1200vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
}
.xzkcxl {
    font-size:0;
    line-height:0;
    align-self:flex-start;
}
.xzkcxl img {
    width:calc(205vw / var(--viewwidthpc));
}
.course_type{
    width:calc(1160vw / var(--viewwidthpc));
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.course_type li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    width:  calc(230vw / var(--viewwidthpc));
    cursor: pointer;
    font-size: calc(16vw / var(--viewwidthpc));
    color: #333;
    padding-bottom: calc(20vw / var(--viewwidthpc));
   
    box-sizing: border-box;
    background: url("../images/course_type1.png") no-repeat;
    background-position: top center;
    background-size: calc(198vw / var(--viewwidthpc)) calc(50vw / var(--viewwidthpc));
}

.course_type li a.mskc_b_a {
    width: calc(190vw / var(--viewwidthpc));
    height:calc(50vw / var(--viewwidthpc));
    line-height: calc(26vw / var(--viewwidthpc));
    box-sizing: border-box;
    overflow: hidden;
    font-size: calc(18vw / var(--viewwidthpc));
    color:#333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .course_place li a span,
.course_type li a span,
.course_type2 li a span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.course_type li:hover,
.course_type li.active {
  background: url("../images/course_type2.png") no-repeat;
  background-position: top center;
  background-size: calc(198vw / var(--viewwidthpc)) calc(50vw / var(--viewwidthpc));
  color:#ffffff;
} 

.course_type li:hover a,
.course_type li.active a {
  color: #ffffff; 
}
#mskc_box {
    position: relative;
    width:calc(1160vw / var(--viewwidthpc));
    z-index: 1;

}
.mskc_cont {
    display: none;
    width:calc(1160vw / var(--viewwidthpc));
}

.mskc_text {
    margin:auto;
    width:calc(1160vw / var(--viewwidthpc));
    height: calc(220vw / var(--viewwidthpc));
    background-color: #fff;
    border-radius:  calc(10vw / var(--viewwidthpc));
    overflow: hidden;
    padding: calc(20vw / var(--viewwidthpc));
}
.mskc_in{
    width: 100%;
}
.more_btn {
    margin: auto;
    width:calc(136vw / var(--viewwidthpc));
    height: calc(36vw / var(--viewwidthpc));
    font-size: 0;
    line-height: 0;
    cursor:pointer;
  }

  .more_btn img {
    width:calc(136vw / var(--viewwidthpc));
  }
.mskc_hide{
    display: none ;
} 
.mskc_cont_padding {
    width:calc(1160vw / var(--viewwidthpc));
    height:calc(38vw /var(--viewwidthpc));
}

.class_area {
    width:calc(1160vw / var(--viewwidthpc));
    background: url(../images/table_bg.png) no-repeat;
    background-position: top center;
    background-size: calc(1160vw / var(--viewwidthpc));
    background-color: #fff;
    border-radius: calc(10vw / var(--viewwidthpc));
}
 .class_area table {
    width:calc(1160vw / var(--viewwidthpc));
    border-collapse:collapse;
 }

.class_area table:first-of-type th {
    color:#fff;
    height:calc(50vw / var(--viewwidthpc));
    line-height:calc(50vw / var(--viewwidthpc));
    font-size:calc(23vw / var(--viewwidthpc));
    text-align: center;
}
.class_area table:first-of-type  td {
    text-align: center;
    border: calc(1vw / var(--viewwidthpc)) solid #42a300;
    box-sizing: border-box;
    color: #333;
    font-size: calc(16vw / var(--viewwidthpc));
    padding: calc(6vw / var(--viewwidthpc));
    min-width: calc(120vw/ var(--viewwidthpc));
}
 .class_area table:first-of-type tr:nth-child(2) td {
    border-top:0;
  
 }
 .class_area table:first-of-type tr td:nth-child(1) {
    border-left:0;
 }
 .class_area table:first-of-type tr td:nth-child(1) {
    border-left:0;
 }
 .class_area table:first-of-type tr td:last-child {
    border-right:0;
 }
  
 .class_area table:first-of-type tr:last-child td {
    border-bottom:0;
 }
 .class_area table:first-of-type tr td:last-child img {
    width:calc(120vw / var(--viewwidthpc));
    vertical-align:middle;
 }

 .d_area {
    width:100vw;
    background-color: #ffc71e;
    display: flex;
    flex-direction: column;
    align-items: center;
 }

 .d_area_padding_50 {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(50vw / var(--viewwidthpc));
}
 
.d_area_title {
    width:calc(444vw / var(--viewwidthpc));
    line-height: 0;
}
.d_area_title img {
    width:calc(444vw / var(--viewwidthpc));
}  
.d_area_padding_20 {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(20vw / var(--viewwidthpc));
}
.d_area_padding_32 {
    width:calc(1200vw / var(--viewwidthpc));
    height:calc(32vw / var(--viewwidthpc));
}

.course_type_omo {
    width:calc(1160vw / var(--viewwidthpc));
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.course_type_omo li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    width:  calc(230vw / var(--viewwidthpc));
    cursor: pointer;
    font-size: calc(16vw / var(--viewwidthpc));
    color: #333;
    padding-bottom: calc(20vw / var(--viewwidthpc));
   
    box-sizing: border-box;
    background: url("../images/course_type1.png") no-repeat;
    background-position: top center;
    background-size: calc(198vw / var(--viewwidthpc)) calc(50vw / var(--viewwidthpc));
}

.course_type_omo li a.mskc_b_a {
    width: calc(190vw / var(--viewwidthpc));
    height:calc(50vw / var(--viewwidthpc));
    line-height: calc(26vw / var(--viewwidthpc));
    box-sizing: border-box;
    overflow: hidden;
    font-size: calc(18vw / var(--viewwidthpc));
    color:#333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.course_type_omo li a span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.course_type_omo li:hover,
.course_type_omo li.active {
  background: url("../images/course_type2.png") no-repeat;
  background-position: top center;
  background-size: calc(198vw / var(--viewwidthpc)) calc(50vw / var(--viewwidthpc));
  color:#ffffff;
} 

.course_type_omo li:hover a,
.course_type_omo li.active a {
  color: #ffffff; 
}
#omo_box {
    width:calc(1160vw / var(--viewwidthpc));
}
.omo_tab {
    width:calc(1160vw / var(--viewwidthpc));
    display: none;
    flex-direction: column;

}

.omo_cont {
    width:calc(1160vw / var(--viewwidthpc));
    min-height: calc(282vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.omo_cont_item {
    width:calc(1160vw / var(--viewwidthpc));
    border-radius:calc(15vw / var(--viewwidthpc));
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.omo_cont_item_box {
    width:calc(1160vw / var(--viewwidthpc));
    min-height: calc(227vw / var(--viewwidthpc));
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;

}
.omo_title {
    width: calc(700vw / var(--viewwidthpc));
    height: calc(46vw / var(--viewwidthpc));
    display: flex;
    position: absolute;
    left: calc(-10vw / var(--viewwidthpc));
    top: calc(-21vw / var(--viewwidthpc));
}
.omo_title_left {
    width:calc(67vw / var(--viewwidthpc));
    height:calc(46vw / var(--viewwidthpc));
    background: url(../images/omo_title_bg_left.png) no-repeat;
    background-size: 100%;
}
.omo_title_mid {
    height:calc(46vw / var(--viewwidthpc));
    background: url(../images/omo_title_bg_mid.png);
    background-repeat: repeat-x;
    background-size: calc(11vw / var(--viewwidthpc)) calc(46vw / var(--viewwidthpc));
    color:#fff;
    line-height:calc(46vw / var(--viewwidthpc));
    font-size:calc(20vw / var(--viewwidthpc))
}

.omo_title_right {
    width:calc(40vw / var(--viewwidthpc));
    height:calc(46vw / var(--viewwidthpc));
    background: url(../images/omo_title_bg_right.png)  no-repeat;
    background-size: calc(40vw / var(--viewwidthpc)) calc(46vw / var(--viewwidthpc));
}

.omo_course_des {
    width:calc(700vw / var(--viewwidthpc));
    height:calc(200vw / var(--viewwidthpc));
    font-size:calc(16vw / var(--viewwidthpc));
    color:#333;
    overflow: hidden;
}
.omo_course_des img {
    max-width: 96%;
}
.omo_course_price {
    width:calc(393vw / var(--viewwidthpc));
    height:calc(227vw / var(--viewwidthpc));
    background: url(../images/omo_course_price_bg.png)  no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.omo_course_price_box {
    width:calc(289vw / var(--viewwidthpc));
    height:calc(182vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.omo_course_price_1 {
  font-size:  calc(24vw / var(--viewwidthpc));
  line-height: calc(30vw / var(--viewwidthpc));
  color: #fff; 
  text-shadow: 
  calc(-1vw / var(--viewwidthpc)) calc(-1vw / var(--viewwidthpc)) 0 black,
  calc(1vw / var(--viewwidthpc)) calc(-1vw / var(--viewwidthpc))  0 black,
  calc(-1vw / var(--viewwidthpc)) calc(1vw / var(--viewwidthpc)) 0 black,
  calc(1vw / var(--viewwidthpc)) calc(1vw / var(--viewwidthpc)) 0 black,
  calc(0vw / var(--viewwidthpc)) calc(3vw / var(--viewwidthpc)) 0 #333;
  font-weight: bolder;
}
.omo_course_price_1 span {
    font-size:calc(18vw / var(--viewwidthpc));
    line-height: calc(26vw / var(--viewwidthpc));
    color: #fff3bf; 
    text-shadow: 
    calc(-1vw / var(--viewwidthpc)) calc(-1vw / var(--viewwidthpc)) 0 black,
    calc(1vw / var(--viewwidthpc)) calc(-1vw / var(--viewwidthpc))  0 black,
    calc(-1vw / var(--viewwidthpc)) calc(1vw / var(--viewwidthpc)) 0 black,
    calc(1vw / var(--viewwidthpc)) calc(1vw / var(--viewwidthpc)) 0 black,
}

.omo_course_price_2 {
    width:calc(289vw / var(--viewwidthpc));
    height:calc(38vw / var(--viewwidthpc));
    display: flex;
    justify-content: space-between;
}

.omo_course_price_2 img {
    display: block;
    width:calc(128vw / var(--viewwidthpc));
}
.omo_cont_item_padding_40 {
    width:calc(1160vw / var(--viewwidthpc));
    height:calc(40vw / var(--viewwidthpc))
}
.omo_cont_item_padding_30 {
    width:calc(1160vw / var(--viewwidthpc));
    height:calc(40vw / var(--viewwidthpc))
}
.omo_show_hide {
    margin: auto;
    width: calc(136vw / var(--viewwidthpc));
    height: calc(36vw / var(--viewwidthpc));
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
.omo_show_hide img {
    width:calc(136vw / var(--viewwidthpc));
}
.e_area {
    width: 100vw;
    background-color: #ffe367;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.e_area_padding_50 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
}
.e_area_title {
    width:calc(598vw / var(--viewwidthpc));
    line-height: 0;
}
.e_area_title img {
    width:calc(598vw / var(--viewwidthpc));
}

.e_area_1 {
    width: calc(1200vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
}
.netclass_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height:calc(280vw / var(--viewwidthpc))
}
.netclass_item {
    width:calc(351vw / var(--viewwidthpc));
    height:calc(248vw / var(--viewwidthpc));
    border-radius: calc(15vw / var(--viewwidthpc));
    background-color: #fff;
    overflow: hidden;
}

.netclass_item img {
    width:calc(351vw / var(--viewwidthpc));
    height:calc(248vw / var(--viewwidthpc));
}
.f_area {
    width: calc(1920vw / var(--viewwidthpc));
    background-color: #ffc71e;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.f_area_padding_50 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
}
.f_area_title {
    width:calc(603vw / var(--viewwidthpc));
    line-height: 0;
}
.f_area_title img {
    width:calc(603vw / var(--viewwidthpc));
}

.f_area_1 {
    width: calc(1200vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-x:hidden;
}
.bookclass_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height:calc(280vw / var(--viewwidthpc))
}
.bookclass_item {
    width:calc(351vw / var(--viewwidthpc));
    height:calc(248vw / var(--viewwidthpc));
    border-radius: calc(15vw / var(--viewwidthpc));
    background-color: #fff;
    overflow: hidden;
}

.bookclass_item img {
    width:calc(351vw / var(--viewwidthpc));
    height:calc(248vw / var(--viewwidthpc));
}

.g_area {
    width: calc(1920vw / var(--viewwidthpc));
    background-color: #ffe367;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.g_area_padding_50 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
}
.g_area_title {
    width:calc(598vw / var(--viewwidthpc));
    line-height: 0;
}
.g_area_title img {
    width:calc(598vw / var(--viewwidthpc));
}
.g_area_1 {
    width: calc(1200vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.g_area_1_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height:calc(256vw / var(--viewwidthpc));
    position: relative;
}
.g_area_1_item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: calc(274vw / var(--viewwidthpc));
    height: calc(223vw / var(--viewwidthpc));
    background-color: #fff;
    position: relative;
}
.g_area_1_title {
    position: absolute;
    left: calc(-31vw / var(--viewwidthpc));
    top: calc(-12vw / var(--viewwidthpc));
    width: calc(180vw / var(--viewwidthpc));
    height: calc(60vw / var(--viewwidthpc));
    background: url(../images/g_area_1_item_title.png) no-repeat;
    background-size: 100%;
}
.g_area_1_item_title {
    position: absolute;
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    color: #fff;
    font-weight: bold;
    left: calc(41vw / var(--viewwidthpc));
    top: calc(4vw / var(--viewwidthpc));
}
.g_area_1_ellipse {
    position: absolute;
    left: calc(169vw / var(--viewwidthpc));
    top: calc(11vw / var(--viewwidthpc));
    width: calc(77vw / var(--viewwidthpc));
    height: calc(26vw / var(--viewwidthpc));
    background: url(../images/ellipse.png) no-repeat;
    background-size: 100%;
}
.g_area_1_item_padding {
    height: calc(30vw / var(--viewwidthpc));
    width:calc(274vw / var(--viewwidthpc));
}
.g_area_1_item_content {
    height: calc(174vw / var(--viewwidthpc));
    width:calc(274vw / var(--viewwidthpc));
    font-size:calc(18vw / var(--viewwidthpc));
    line-height:calc(34vw / var(--viewwidthpc));
    text-align: center;
    color:#4d4d4d;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.g_area_1_item_add {
    position: absolute;
    height: calc(41vw / var(--viewwidthpc));
    width: calc(41vw / var(--viewwidthpc));
    background: url(../images/add.png) no-repeat;
    background-size: 100%;
    left: calc(278vw / var(--viewwidthpc));
    top: calc(117vw / var(--viewwidthpc));
    z-index: 1;
}
.g_area_1_box:nth-of-type(4) .g_area_1_item_add {
    display: none;
}
.g_area_padding_67 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(67vw / var(--viewwidthpc));
}
.g_area_2 {
    position: relative;
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(307vw / var(--viewwidthpc));
    border-radius: calc(24vw / var(--viewwidthpc));
    background-color: #ffd12f;
  
}
.teacher_box {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(307vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 300fr 715fr 185fr;
}
.teacher_box_left {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.teacher_img {
    position: absolute;
    top:calc(-62vw / var(--viewwidthpc));
    width: calc(227vw / var(--viewwidthpc));
    height: calc(369vw / var(--viewwidthpc));
    display: flex;
    justify-content: center;
    align-items: center;
}
.teacher_img img {
    width: calc(227vw / var(--viewwidthpc));
    height: calc(369vw / var(--viewwidthpc));
}
.teacher_box_mid {
    display: flex;

} 
.teacher_detail {
    width: calc(638vw / var(--viewwidthpc));
    height: calc(232vw / var(--viewwidthpc));


}

.teacher_detail div {
    width: calc(638vw / var(--viewwidthpc));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-y: hidden;
}

.teacher_detail_padding_26 {
    width: calc(638vw / var(--viewwidthpc));
    height: calc(26vw / var(--viewwidthpc));
}
.teacher_detail_top {
    width: calc(638vw / var(--viewwidthpc));
    height: calc(40vw / var(--viewwidthpc));
    
    padding-left:calc(25vw / var(--viewwidthpc));
    background: url(../images/rect.png) no-repeat;
    background-size:  calc(6vw / var(--viewwidthpc)) calc(30vw / var(--viewwidthpc));
    background-position: left center;
    color:#6d3412;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: left;

   
}
.teacher_detail_top div {
    width: calc(628vw / var(--viewwidthpc));
    height: calc(40vw / var(--viewwidthpc));
    font-size:calc(34vw / var(--viewwidthpc));
    line-height:calc(40vw / var(--viewwidthpc));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teacher_detail_line {

    width:calc(638vw / var(--viewwidthpc));
    height: calc(1vw / var(--viewwidthpc));
    background-color: #cc1200;
    line-height: 0;
    font-size: 0;
}
.teacher_content {
    font-size: calc(18vw / var(--viewwidthpc));
    color:#333333
}
.teacher_arrow {
    position: absolute;
    width: calc(48vw / var(--viewwidthpc));
    height: calc(156vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    left: calc(1099vw / var(--viewwidthpc));
    top: calc(78vw / var(--viewwidthpc));
}
.teacher_arrow img {
  
    width:calc(48vw / var(--viewwidthpc));
    height:calc(73vw / var(--viewwidthpc));
    cursor: pointer;
}

.teacher_box {
    display: none;
}
.teacher_box:first-of-type {
    display: grid;
}
.h_area {
    width: calc(1920vw / var(--viewwidthpc));
    background-color: #ffc71e;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.h_area_padding_50 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
}
.h_area_padding_18 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(18vw / var(--viewwidthpc));
}
.h_area_title {
    width:calc(661vw / var(--viewwidthpc));
    line-height: 0;
}
.h_area_title img {
    width:calc(661vw / var(--viewwidthpc));
}
.h_area_1 {
    width: calc(1200vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.h_area_1_1 {
    height: calc(156vw / var(--viewwidthpc));
    background: url(../images/h_rect_bg1.png) no-repeat;
    background-size: calc(579vw / var(--viewwidthpc)) calc(156vw / var(--viewwidthpc));
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_area_1_2 {
    height: calc(156vw / var(--viewwidthpc));
    background: url(../images/h_rect_bg2.png) no-repeat;
    background-size: calc(579vw / var(--viewwidthpc)) calc(156vw / var(--viewwidthpc));
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_area_1_content {
    width:calc(530vw / var(--viewwidthpc));
    height: calc(102vw / var(--viewwidthpc));
    padding-top: calc(20vw / var(--viewwidthpc));
    font-size:calc(16vw / var(--viewwidthpc));
    line-height: calc(26vw / var(--viewwidthpc));
    color:#333333;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_area_2 {
    width: calc(1122vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.h_area_2_1 {
    width:calc(354vw / var(--viewwidthpc));
    height: calc(164vw / var(--viewwidthpc));
    border-radius:calc(15vw / var(--viewwidthpc));
    background-color:#d9e7da;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_area_2_1 a {
    display: block;
    line-height: 0;
}
.h_area_2_1 img {
    height:calc(164vw / var(--viewwidthpc))
}
.h_area_2_2 {
    width:calc(354vw / var(--viewwidthpc));
    height: calc(164vw / var(--viewwidthpc));
    border-radius:calc(15vw / var(--viewwidthpc));
    background-color:#c8d5df;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_area_2_2 a {
    display: block;
    line-height: 0;
}
.h_area_2_2 img {
    height:calc(164vw / var(--viewwidthpc))
}
.h_area_2_3 {
    width:calc(354vw / var(--viewwidthpc));
    height: calc(164vw / var(--viewwidthpc));
    border-radius:calc(15vw / var(--viewwidthpc));
    background-color:#f7f4e7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_area_2_3 a {
    display: block;
    line-height: 0;
}
.h_area_2_3 img {
    height:calc(164vw / var(--viewwidthpc))
}
.h_area_2_item {
    display: flex;
    justify-content: center;
}
.i_area {
    width: calc(1920vw / var(--viewwidthpc));
    background-color: #ffe367;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.i_area_padding_50 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
}
.i_area_padding_18 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(18vw / var(--viewwidthpc));
}
.i_area_title {
    width:calc(653vw / var(--viewwidthpc));
    line-height: 0;
}
.i_area_title img {
    width:calc(653vw / var(--viewwidthpc));
}
.i_area_1 {
    width: calc(1220vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.i_area_1_item {
    position: relative;
    height: calc(258vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
}
.i_area_1_item img {
    width:calc(283vw / var(--viewwidthpc));
}
.zxk_title_bg {
    position: absolute;
    width: calc(212vw / var(--viewwidthpc));
    height: calc(96vw / var(--viewwidthpc));
    left: 50%;
    transform: translate(-50%);
    top: calc(162vw / var(--viewwidthpc));
    background: url(../images/zxk_title_bg.png) no-repeat;
    background-size: 100%;
}
.zxk_title {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: calc(224vw / var(--viewwidthpc));
    width: calc(212vw / var(--viewwidthpc));
    height: calc(28vw / var(--viewwidthpc));
    font-size: calc(18vw / var(--viewwidthpc));
    line-height: calc(28vw / var(--viewwidthpc));
    color: #fff;
    text-align: center;
}
.zxk_title a {
    color:inherit;
}
.j_area {
    width: calc(1920vw / var(--viewwidthpc));
    background-color: #ffc71e;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.j_area_padding_50 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
}
.j_area_padding_100 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(100vw / var(--viewwidthpc));
}
.j_area_padding_18 {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(18vw / var(--viewwidthpc));
}
.j_area_title {
    width:calc(726vw / var(--viewwidthpc));
    line-height: 0;
}
.j_area_title img {
    width:calc(726vw / var(--viewwidthpc));
}
.j_area_1 {
    width: calc(1093vw / var(--viewwidthpc));
    height:calc(9vw / var(--viewwidthpc));
    line-height: calc(9vw / var(--viewwidthpc));
    background: url(../images/j_area_1_bg.png) no-repeat;
    background-size: 100%;
}
.j_area_2 {
    width: calc(1112vw / var(--viewwidthpc));
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.j_area_2_item {
    position: relative;
    height:calc(234vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    align-items: center;
}
.j_area_2_item:nth-of-type(1) {
    background: url(../images/g_area_2_bg1.png) no-repeat;
    background-position: top center;
    background-size: calc(154vw / var(--viewwidthpc)) calc(213vw / var(--viewwidthpc));
}
.j_area_2_item:nth-of-type(2) {
    background: url(../images/g_area_2_bg2.png) no-repeat;
    background-position: top center;
    background-size: calc(154vw / var(--viewwidthpc)) calc(213vw / var(--viewwidthpc));
}
.j_area_2_item:nth-of-type(3) {
    background: url(../images/g_area_2_bg3.png) no-repeat;
    background-position: top center;
    background-size: calc(154vw / var(--viewwidthpc)) calc(213vw / var(--viewwidthpc));
}
.j_area_2_item:nth-of-type(4) {
    background: url(../images/g_area_2_bg4.png) no-repeat;
    background-position: top center;
    background-size: calc(154vw / var(--viewwidthpc)) calc(213vw / var(--viewwidthpc));
}
.j_area_2_item:nth-of-type(5) {
    background: url(../images/g_area_2_bg5.png) no-repeat;
    background-position: top center;
    background-size: calc(154vw / var(--viewwidthpc)) calc(213vw / var(--viewwidthpc));
}
.j_area_2_item:nth-of-type(6) {
    background: url(../images/g_area_2_bg6.png) no-repeat;
    background-position: top center;
    background-size: calc(154vw / var(--viewwidthpc)) calc(213vw / var(--viewwidthpc));
}
.j_area_2_1 {
    position:absolute;
    font-size:calc(22vw / var(--viewwidthpc));
    top:calc(23vw / var(--viewwidthpc));
    color: #ffe7b6;
    text-align: center;
}
.j_area_2_2 {
    width:calc(154vw / var(--viewwidthpc));
    height:calc(188vw / var(--viewwidthpc));
    font-size:calc(16vw / var(--viewwidthpc));
    line-height: calc(22vw / var(--viewwidthpc));
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lianxi_area {
    width: calc(1920vw / var(--viewwidthpc));
    height: calc(493vw / var(--viewwidthpc));
    background-color: #ffe367;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer {
    font-family: "FZLanTingHeiS-R-GB";
    color: #222222;
    width: calc(1200vw / var(--viewwidthpc));
    padding-top: calc(30vw / var(--viewwidthpc));
    padding-bottom: calc(30vw / var(--viewwidthpc));
}
.footer a {
    font-family: "FZLanTingHeiS-R-GB";
    color:#222222;
    font-size:calc(20vw / var(--viewwidthpc))
  }
  
.footer-tips {
    margin-bottom: calc(30vw / var(--viewwidthpc));
    font-size: calc(40vw / var(--viewwidthpc));
    font-weight: 600;
    font-family: "FZLanTingHeiS-EB-GB";
    color: #3d1105;
  }
  .region-change {
    margin-bottom: calc(16vw / var(--viewwidthpc));;
    font-size: calc(22vw / var(--viewwidthpc));;
    line-height: calc(50vw / var(--viewwidthpc));;
    font-family: "FZLanTingHeiS-R-GB";
    color: #222222;
    font-weight: 400;
  }
  
  
  .region-change select {
    width: calc(330vw / var(--viewwidthpc));;
    height: calc(50vw / var(--viewwidthpc));;
    border: none;
    padding-left: calc(10vw / var(--viewwidthpc));;
    padding-right: calc(20vw / var(--viewwidthpc));;
    margin-left: calc(16vw / var(--viewwidthpc));;
    font-size: calc(20vw / var(--viewwidthpc));;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/select_bg.png") 96% center no-repeat #ffff;
    background-size: calc(11vw / var(--viewwidthpc));;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "FZLanTingHeiS-R-GB";
    color: rgb(0, 0, 0);
    border-radius: calc(4vw / var(--viewwidthpc));;
  }
  
  .region-tab {
    display: none;
    font-size: calc(20vw / var(--viewwidthpc));;
    line-height: calc(36vw / var(--viewwidthpc));;
    font-family: "FZLanTingHeiS-R-GB";
    color: #222222;
  }
  
  .region-tab.active {
    display: block;
  }
  
  .contact {
    position: relative;
  }
  
  .phone p {
    margin-bottom: calc(20vw / var(--viewwidthpc));
    font-family: "FZLanTingHeiS-R-GB";
    color:#222222;
    font-size: calc(18vw / var(--viewwidthpc));
    font-weight: bold;
  }
  .clearfix::after {
    display: block;
    content: "";
    height: 0;
    font-size: 0;
    clear: both;
  }
  
  .clearfix {
    zoom: 1;
  }
  .slogen2_layer {
    position: fixed;
    width: calc(158vw / var(--viewwidthpc));
    height: calc(100vw / var(--viewwidthpc));;
    left: 0px;
    bottom: 0px;
    cursor: pointer;
    display: none;
}
.slogen2_layer img {
    z-index: 102;
    width: calc(158vw / var(--viewwidthpc));
}
.gbottom_area {
    width: 100vw;
    height: calc(105vw / var(--viewwidthpc));
    position: fixed;
    bottom: 0;
    z-index: 101;
    background: url("../images/xd.png") no-repeat;
    left: 50%;
    transform: translateX(-50%);
    background-size: 100%;
    display: flex;
    justify-content: center;
}
.gbottom_area_content {
    width: calc(1200vw / var(--viewwidthpc));
    height: calc(105vw / var(--viewwidthpc));
    bottom: 0;
    z-index: 101;
    display: grid;
    grid-template-columns: 193fr 600fr 307fr;
}
.slogan_area1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slogan_area1 img {
    width: calc(137vw / var(--viewwidthpc));
}
.slogan_area2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.bottom_text2 {
    width:calc(680vw / var(--viewwidthpc));
    height: calc(38vw / var(--viewwidthpc));
    line-height: calc(38vw / var(--viewwidthpc));
    font-size: calc(38vw / var(--viewwidthpc));
    font-style: italic;
    text-align: center;
    background: linear-gradient(0deg, #f8e569, #fff8e0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.gbottom_area2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#slect_les {
    width: calc(184vw / var(--viewwidthpc));
    height: calc(43vw / var(--viewwidthpc));
}
.close_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(27vw / var(--viewwidthpc));
    position: absolute;
    top: calc(13vw / var(--viewwidthpc));
    right: calc(20vw / var(--viewwidthpc));
    bottom: calc(60vw / var(--viewwidthpc));
    z-index: 102;
    cursor: pointer;
}

.close_bottom img {
    width: calc(27vw / var(--viewwidthpc));
    height: calc(27vw / var(--viewwidthpc));
}

.fixed_left_show {
    z-index: 99;
    display: none;
    position: fixed;
    left: calc(-10vw / var(--viewwidthpc));
    top: 50%;
    transform: translateY(-50%);
    width: calc(60vw / var(--viewwidthpc));
    line-height: calc(58vw / var(--viewwidthpc));
    text-align: center;
    height: calc(140vw / var(--viewwidthpc));
    font-size: calc(18vw / var(--viewwidthpc));
    color: #fff;
    cursor: pointer;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    background: linear-gradient( 90deg, rgb(55,186,109) 0%, rgb(55,186,109) 100%);
    border-radius: calc(10vw / var(--viewwidthpc));
  
  }
  
  
  .fixed_left_show span{
    font-size: calc(20vw / var(--viewwidthpc));
    font-family: FZLanTingHeiS-DB-GB;
    font-weight: 600;
    color: #FFFFFF;
  }
  .fixed_right_show span {
    font-size: calc(20vw / var(--viewwidthpc));
    font-family: FZLanTingHeiS-DB-GB;
    font-weight: 600;
    color: #fff;
  }
  .fixed_left_show img {
    margin-bottom: calc(4vw / var(--viewwidthpc));
  }

  .fixed_left {
    z-index: 99;
    position: fixed;
    left: calc(6vw / var(--viewwidthpc));
    top: 50%;
    transform: translateY(-50%);
    width:  calc(200vw / var(--viewwidthpc));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 1% 0; */
   
  }

  .fixed_leftBox{
    position: relative;
    width:calc(200vw / var(--viewwidthpc));
    border-top: none;
    background-color: #26a158;
    
  }
  .left_icon{
    position: absolute;
    left: -1%;
    bottom: -1%;
  }
  
  .left_close {
    cursor: pointer;
    position: absolute;
    right: calc(-16vw / var(--viewwidthpc));
    transform: translateX(-50%);
    width: calc(20vw / var(--viewwidthpc));
    top: calc(-1vw / var(--viewwidthpc));
    z-index: 12;
}
  
  .left_nav {
    overflow: hidden;
    zoom: 1;
    z-index: 11;
  }
  
  .left_nav li {
    display: block;
    text-align: center;
    width: calc(190vw / var(--viewwidthpc));
    font-size: calc(18vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
    line-height: calc(50vw / var(--viewwidthpc));
    background: linear-gradient( 90deg, rgb(55,186,109) 0%, rgb(55,186,109) 100%) no-repeat;
    background-position: center;
    background-size: 100% calc(40vw / var(--viewwidthpc));
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  
 .fixed_leftBox{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .left_top {
    width: calc(200vw / var(--viewwidthpc));
    height: calc(45.57vw / var(--viewwidthpc));
    background: url(../images/fixed_left_top.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    z-index: 10;
    margin-bottom: calc(-3vw / var(--viewwidthpc));
  }
  
  .left_nav li:hover span,
  .left_nav li.active span
   {
    color: #fff;
  }
  
  .left_nav li:hover,
  .left_nav li.active {
   
    color:#ffffff
  }
  
  
  .left_bottom {
    width: calc(200vw / var(--viewwidthpc));
    height: calc(42vw / var(--viewwidthpc));
    background: url(../images/fixed_left_bottom.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin-top: calc(-3vw / var(--viewwidthpc));
  }
  
  .left_bottom_btn {
  
    display: block;
    text-align: center;
    width: calc(190vw / var(--viewwidthpc));
    font-size: calc(18vw / var(--viewwidthpc));
    height: calc(50vw / var(--viewwidthpc));
    line-height: calc(50vw / var(--viewwidthpc));
    background: linear-gradient( 90deg, rgb(55,186,109) 0%, rgb(55,186,109) 100%) no-repeat;
    background-position: center;
    background-size: 100% calc(40vw / var(--viewwidthpc));
    color:#fff;

  
  }
  
  .left_bottom_btn:hover,
  .left_bottom_btn.active {
    
    color: #fff;
  }
  
  .left_bottom_btn:last-child{
    border: none;
  }

  .fixed_right_show {
    z-index: 99;
    display: none;
    position: fixed;
    right: calc(-20vw / var(--viewwidthpc));
    top: 50%;
    transform: translateY(-50%);
    width: calc(73vw / var(--viewwidthpc));
    line-height: calc(52vw / var(--viewwidthpc));
    text-align: center;
    height: calc(140vw / var(--viewwidthpc));
    font-size: calc(18vw / var(--viewwidthpc));
    color: #fff;
    cursor: pointer;
    writing-mode: vertical-lr;
    background-image:linear-gradient( 90deg, rgb(55,186,109) 0%, rgb(55,186,109) 100%);
    border-radius: calc(10vw / var(--viewwidthpc));
    
  }
  
  .fixed_right_show img {
    margin-bottom: calc(4vw / var(--viewwidthpc));
  }
  
  .fixed_right {
    z-index: 99;
    position: fixed;
    right: 1%;
    top: 50%; 
    transform: translateY(-50%);
    box-sizing: border-box;
    width: calc(180vw / var(--viewwidthpc));
  }
  .right_close {
    cursor: pointer;
    position: absolute;
    right: calc(-9vw / var(--viewwidthpc));
    transform: translateX(-50%);
    width: calc(20vw / var(--viewwidthpc));
    top: calc(-26vw / var(--viewwidthpc));
}
  .slogen{
    display: block;
    margin: 0 auto;
    z-index: 2;
    width:calc(162vw / var(--viewwidthpc));
    height:calc(37vw / var(--viewwidthpc));
    background: url(../images/right_top_bg.png) no-repeat;
    background-size: 100%;
    margin-bottom: calc(20vw / var(--viewwidthpc));
  }
  .fixed_top {
    box-sizing: border-box;
    position: relative;
    width: calc(180vw / var(--viewwidthpc));
    height: calc(323vw / var(--viewwidthpc));
    background: url(../images/zixun_float_bg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
  
  .zxrx {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 3%;
  }
  
  .zxrx h5 img {
    margin-right: calc(10vw / var(--viewwidthpc));
  }
  
  .fixed_top h5 {
    text-align: center;
    font-size: calc(24vw / var(--viewwidthpc));
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(207, 68, 36);
    line-height: 1.3;
  }
  .fixed_right_list {
     width:calc(170vw / var(--viewwidthpc))
  }
  .fixed_right_list li {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: calc(44vw / var(--viewwidthpc));
    line-height: calc(44vw / var(--viewwidthpc));
    text-align: center;
    color:#333333
  }
  /* .fixed_right_list li:hover a {
    color: #ff6200;
  } */
  
  .fixed_right_list li a {
    width: 100%;
    font-size:  calc(20vw / var(--viewwidthpc));
    font-family: "FZLanTingHeiS-DB1-GB";
   
    color: #333333;
    display: block;
  }

  .fixed_right_list li:hover{
 
    color: #333333;
  }
  .fixed_right_list li:hover a{
    color: #333333;
  }

  
  .fixed_top p {
    margin-top: calc(4vw / var(--viewwidthpc));
    text-align: center;
    font-size: calc(20vw / var(--viewwidthpc));
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(207, 68, 36);
    line-height: 1.2;
  }

  .right_course {
    display: block;
    width:calc(170vw / var(--viewwidthpc));
    height: calc(44vw / var(--viewwidthpc));;
    text-align: center;
    color: #333333; 
    line-height: calc(44vw / var(--viewwidthpc));;
    font-size: calc(20vw / var(--viewwidthpc));;
    font-family: "FZLanTingHeiS-DB1-GB";

  
  }
  
  .right_course:hover {

    color: #333333;
  }
  .net_nav_btn {
    position: relative;
    width:calc(1090vw / var(--viewwidthpc))
  }

  .net_nav_btn .swiper-button-prev, .net_nav_btn .swiper-rtl .net_nav_btn .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,calc(-38vw / var(--viewwidthpc)));
    right: auto;
    top: calc(-136.2vw / var(--viewwidthpc));

    color:#ffc71e
}

.net_nav_btn .swiper-button-next, .net_nav_btn .swiper-rtl .net_nav_btn .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,calc(-38vw / var(--viewwidthpc)));
    top: calc(-136.2vw / var(--viewwidthpc));
    left: auto;

    color:#ffc71e;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: calc(40vw / var(--viewwidthpc));;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}


.book_nav_btn {
    position: relative;
    width:calc(1090vw / var(--viewwidthpc))
  }

  .book_nav_btn .swiper-button-prev, .book_nav_btn .swiper-rtl .book_nav_btn .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,calc(-38vw / var(--viewwidthpc)));
    right: auto;
    top: calc(-136.2vw / var(--viewwidthpc));

    color:#ffc71e
}

.book_nav_btn .swiper-button-next, .book_nav_btn .swiper-rtl .book_nav_btn .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,calc(-38vw / var(--viewwidthpc)));
    top: calc(-136.2vw / var(--viewwidthpc));
    left: auto;
    
    color:#ffc71e;
}
.star {
    position: absolute;
    width: calc(58vw / var(--viewwidthpc));
    height: calc(56vw / var(--viewwidthpc));
    top: calc(41vw / var(--viewwidthpc));
    right: calc(-17vw / var(--viewwidthpc));
    z-index: 2;
}