@charset "utf-8";
/* share css start */

* {
  margin: 0 0;
  padding: 0 0;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

body {
  padding: 0;
  margin: 0;
  background: #f6f6f6;
  background: #fff;
  font-family: 'PingFang-SC-Regular', 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', 'sans-serif';
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  font-size: 1.2rem;
  color: #303030;
}

body {
  width: 100%;
  overflow-x: hidden;
}

/**pc*/
@media (min-width: 0px) and (max-width: 1000px) {
  /* body {
        width: 1000px;
        overflow: auto;
    } */
}

/* @media screen and (min-device-width: 751px) {
    body {
        max-width: 750px;
        margin: 0 auto;
    }
} */
/* .win100_ts {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
} */
menu,
ol,
ul {
  padding: 0;
  margin: 0;
}

img {
  border: 0px;
  width: 100%;
  outline-width: 0px;
  vertical-align: top;
}

/* 可以对全局的img标签添加事件阻止   可阻挡长按识别 */
/* 这个属性可以阻止安卓系统点击图片按钮变成放大图片的行为 */
img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/**
*长按识别二维码图片专属
*并且在需要用到图片点击事件（如识别二维码）的标签修改属性。
*/
.qrCode {
  pointer-events: all;
}

h3,
h5 {
  font-weight: normal;
}

li {
  list-style-type: none;
}

/* @media screen and (min-device-width: 751px) {
    body {
        max-width: 750px;
        margin: 0 auto;
    }
} */

input {
  -webkit-appearance: none;
  border: 0;
}

textarea {
  -webkit-appearance: none;
  border: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
  font-family: 'PingFang-SC-Regular', 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', 'sans-serif';
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ccc;
  font-family: 'PingFang-SC-Regular', 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', 'sans-serif';
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #ccc;
  font-family: 'PingFang-SC-Regular', 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', 'sans-serif';
}

.fa {
  float: left;
}

.fb {
  float: right;
}

a {
  text-decoration: none;
}

.win {
  width: 100%;
  height: auto;
}

.win10 {
  width: 10%;
}

.win15 {
  width: 15%;
}

.win19_6 {
  width: 19.6%;
}

.win20 {
  width: 20%;
}

.win25 {
  width: 25%;
}

.win30 {
  width: 30%;
}

.win33 {
  width: 33.333%;
}

.win35 {
  width: 35%;
}

.win40 {
  width: 40%;
}

.win50 {
  width: 50%;
}

.win60 {
  width: 60%;
}

.win65 {
  width: 65%;
}

.win70 {
  width: 70%;
}

.win75 {
  width: 75%;
}

.win80 {
  width: 80%;
}

.win85 {
  width: 85%;
}

.win90 {
  width: 90%;
}

.win100 {
  width: 100%;
}

.bold {
  font-weight: bold;
}

/*IE模型*/
.cont,
.borderBox {
  -o-box-sizing: border-box;
  /* Opera */
  -ms-box-sizing: border-box;
  /* IE*/
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  box-sizing: border-box;
}

/* 标准模型 */
.contentBox {
  -o-box-sizing: content-box;
  /* Opera */
  -ms-box-sizing: content-box;
  /* IE*/
  -moz-box-sizing: content-box;
  /* Firefox */
  -webkit-box-sizing: content-box;
  /* Safari */
  box-sizing: content-box;
}

.both {
  clear: both;
}

.no_copy {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.hidden {
  overflow: hidden;
}

.height_auto {
  overflow-y: auto;
}

.relative {
  position: relative;
}

.mr_15 {
  margin: 0 1.5rem;
}

.inline_block {
  display: inline-block;
}

.block {
  display: block;
}

/* // iframe {
//     display: none;
// } */

.imgbox {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.imgbox img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.margin_lrtb1 {
  margin: 1rem;
}

.margin_lrtb1_5 {
  margin: 1.5rem;
}

.margin_l1 {
  margin-left: 1rem;
}

.margin_l1_5 {
  margin-left: 1.5rem;
}

.margin_r1 {
  margin-right: 1rem;
}

.margin_r1_5 {
  margin-right: 1.5rem;
}

.margin_r2 {
  margin-right: 2rem;
}

body .margin_t0 {
  margin-top: 0rem;
}

.margin_t0_5 {
  margin-top: 0.5rem;
}

.margin_t1 {
  margin-top: 1rem;
}

.margin_t1_5 {
  margin-top: 1.5rem;
}

.margin_b0 {
  margin-bottom: 0;
}

.margin_b0_5 {
  margin-bottom: 0.5rem;
}

.margin_b1 {
  margin-bottom: 1rem;
}
.margin_b1_5 {
  margin-bottom: 1.5rem;
}
.margin_b2 {
  margin-bottom: 2rem;
}

.margin_b3 {
  margin-bottom: 3rem;
}

.margin_b4 {
  margin-bottom: 4rem;
}

.margin_lr1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.margin_lr1_5 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.margin_lrauto {
  margin-left: auto;
  margin-right: auto;
}

.margin_tb1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.margin_tb1_5 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.margin_tb2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.margin_r0_3 {
  margin-right: 0.3rem;
}

.margin_r0_5 {
  margin-right: 0.5rem;
}

.padding_lrtb1 {
  padding: 1rem;
}

.padding_lrtb1_5 {
  padding: 1.5rem;
}

.padding_lrtb2 {
  padding: 2rem;
}

.padding_lrtb3 {
  padding: 3rem;
}

.padding_t1 {
  padding-top: 1rem;
}

.padding_t1_5 {
  padding-top: 1.5rem;
}

.padding_t2 {
  padding-top: 2rem;
}

.padding_t2_5 {
  padding-top: 2.5rem;
}

.padding_t3 {
  padding-top: 3rem;
}

.padding_t4 {
  padding-top: 4rem;
}

.padding_t5 {
  padding-top: 5rem;
}

.padding_t6 {
  padding-top: 6rem;
}

.padding_t7 {
  padding-top: 7rem;
}

.padding_b1 {
  padding-bottom: 1rem;
}

.padding_b1_5 {
  padding-bottom: 1.5rem;
}

.padding_b2 {
  padding-bottom: 2rem;
}

.padding_b2_5 {
  padding-bottom: 2.5rem;
}

.padding_b3 {
  padding-bottom: 3rem;
}

.padding_b4 {
  padding-bottom: 4rem;
}

.padding_b5 {
  padding-bottom: 5rem;
}

.padding_b6 {
  padding-bottom: 6rem;
}

.padding_b7 {
  padding-bottom: 7rem;
}

.padding_b7_2 {
  padding-bottom: 7.2rem;
}

.padding_b8 {
  padding-bottom: 7rem;
}

.padding_b12 {
  padding-bottom: 12rem;
}

.padding_tb1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding_tb1_5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.padding_tb2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding_tb3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.padding_tb5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding_r1 {
  padding-right: 1rem;
}

.padding_r1_5 {
  padding-right: 1.5rem;
}

.padding_r2 {
  padding-right: 2rem;
}
.padding_r3 {
  padding-right: 3rem;
}
.padding_r4 {
  padding-right: 4rem;
}
.padding_r5 {
  padding-right: 5rem;
}
.padding_r6 {
  padding-right: 6rem;
}

.padding_l1 {
  padding-left: 1rem;
}

.padding_l1_5 {
  padding-left: 1.5rem;
}

.padding_l2 {
  padding-left: 2rem;
}

.padding_l2_5 {
  padding-left: 2.5rem;
}

.padding_lr0_5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.padding_lr1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding_lr1_5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.padding_lr2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.padding_lr2_5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.padding_lr3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.border_r0_3 {
  border-radius: 3px;
}

.border_r0_5 {
  border-radius: 5px;
}

.border_r1 {
  border-radius: 10px;
}

/* -----模块间隔色带----  */

body .border-bottom10 {
  border-bottom: 10px solid #efeef0;
}

.a {
  cursor: pointer;
}

/* -----白色背景----  */

.bg_fff {
  background: #fff;
}

/* -----光标变小手----  */

.pointer {
  cursor: pointer;
}

/* -----光标变箭头----  */

body .cur_default {
  cursor: default;
}

/* -------溢出隐藏 单行----------nowrap 强制不换行    normal 默认值 文本自动处理换行   */

.text_dan {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text_dan_hidden {
  overflow: hidden;
  white-space: nowrap;
}

/* -------溢出隐藏 多行-------  */

/* .text_duo {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
} */

.text_duo,
.text_duo_two {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: relative;
  white-space: normal;
}

.text_duo_three {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  position: relative;
  white-space: normal;
}

.text_duo_four {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  position: relative;
  white-space: normal;
}

.text_duo33::after {
  content: '\02026';
  /* '...' */
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 40px;
  background: -webkit-linear-gradient(left, transparent, #fff 55%);
  background: -o-linear-gradient(right, transparent, #fff 55%);
  background: -moz-linear-gradient(right, transparent, #fff 55%);
  background: linear-gradient(to right, transparent, #fff 55%);
}

.bold {
  font-weight: bold;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

.middle {
  vertical-align: middle;
}

.vertical_top {
  vertical-align: top;
}

body .hide {
  display: none;
}

body .show {
  display: block;
}

/* 经典三色  */
.black_font {
  color: #333;
}

body .black,
body .black {
  background: #333;
}

body .gray,
body .gray_btn {
  background: #909090;
}

body .gray_font {
  color: #909090;
}

.black50,
body .black50 {
  background: #666;
}

.font_black50,
body .font_black50 {
  color: #666;
}

body .blue_btn,
body .blue {
  background: #0091ff;
}

body .blue_font {
  color: #0091ff;
}

body .green,
body .green_btn {
  background: #2eb26e;
  cursor: pointer;
}

body .green_font {
  color: #2eb26e;
}

body .orange,
body .orange_btn {
  background: #ea520f;
  background: #fa6400;
}

body .orange_font {
  color: #ea520f;
  color: #fa6400;
}

body .red,
body .red_btn {
  background: #ff0000;
}

body .red_font {
  color: #ff0000;
}

body .white_font {
  color: #fff;
}

body .yellow,
body .yellow_btn {
  background: #f7b500ff;
}

body .yellow_font {
  color: #f7b500ff;
}

.bg_f5 {
  background: #f5f5f5;
}

/* 多色标记标签 */
.text_label {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #f6f6f9;
  border-color: transparent;
  border-radius: 0.3rem;
  margin-right: 1rem;
  font-style: normal;
  line-height: 1.2;
}

.ztnr .zxcc {
  display: inline-block;
  font-style: normal;
  padding: 0.2rem 0rem;
}

.gray_label {
  color: #909090;
  border-color: #909090;
}

.green_label {
  color: #22ac38;
  border-color: #22ac38;
}

.blue_label {
  color: #0091ff;
  border-color: #0091ff;
}

.purple_label {
  color: #8908db;
  border-color: #8908db;
}

.red_label {
  color: #ff0000;
  border-color: #ff0000;
}

/* 按钮形标签 */
.btn_label {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  margin-right: 1rem;
  font-style: normal;
  line-height: 1.2;
}

.btn_label_gray {
  color: #909090;
  background-color: #f5f5f5ff;
}

/*share css end */

/* 栏目标题 Column title  */
.column_title {
  font-size: 1.8rem;
  line-height: 4rem;
  color: #303030;
  font-weight: bold;
}

/* 段落标题 paragraph headings */
.paragraph_headings {
  font-size: 1.6rem;
  font-weight: bold;
}

/* 列表正文文本  main text */
.main_text,
.font_s16 {
  font-size: 1.6rem;
}

.main_text_1_8,
.font_s18 {
  font-size: 1.8rem;
}

.font_s20 {
  font-size: 2rem;
}

.font_s24 {
  font-size: 2.4rem;
}

.font_s30 {
  font-size: 3rem;
}

.font_s40 {
  font-size: 4rem;
}

.font_s60 {
  font-size: 6rem;
}

/* 版心正文文本  layout text */
.layout_text,
.font_s14 {
  font-size: 1.4rem;
}

/* 浏览器默认的字号  default text */
.default_text,
.font_s12 {
  font-size: 1.2rem;
}

/* 注释文本  mini text */
.mini_text,
.font_s10 {
  font-size: 1rem;
}

.column_title .lmhz {
  font-size: 1.4rem;
  font-weight: normal;
}

.img_box333 {
  transition: all 0.5s 0s;
  -webkit-transition: all 0.5s 0s;
}

.line_height2 {
  line-height: 2rem;
}

.line_height2_5 {
  line-height: 2.5rem;
}

.line_height3 {
  line-height: 3rem;
}
.line_height3_2 {
  line-height: 3.2rem;
}

.line_height3_5 {
  line-height: 3.5rem;
}

.line_height4 {
  line-height: 4rem;
}

.line_height4_5 {
  line-height: 4.5rem;
}

.line_height5 {
  line-height: 5rem;
}
.line_height6 {
  line-height: 6rem;
}
/* ---- 通用的倒计时操作提醒 ---- start ----    */
.body_hidden {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.msgBox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: transparent;
  display: none;
}

.msgTxt {
  width: auto;
  height: auto;
  max-width: 85%;
  max-height: 50vh;
  padding: 1rem 3rem;
  font-size: 16px;
  line-height: 2;
  color: #fff;
  position: fixed;
  z-index: 999;
  border-radius: 5px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.65);
  /* 单行 */
  /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

/* ---- 通用的倒计时操作提醒 ---- end ----    */

.seo_sz {
  width: 100%;
  height: 0px;
  overflow: hidden;
  opacity: 0;
}

/* 通用头部导航   start   */
.bg_333 {
  background: #333;
}

.win90_ts {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.nav {
  /* height: 60px; */
  line-height: 60px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  text-align: center;

  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.nav .logo {
  width: auto;
  height: 3rem;
  min-height: 25px;
}

.nav .logo img {
  width: auto;
  height: 100%;
}

.nav .navlist {
  height: 60px;
  height: auto;

  /* display: -webkit-flex;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; */
}

.nav .navlist .navli {
  /* padding: 5px 10px;
    margin: 0 3%; */
  /* width: 10.666%; */
  padding: 5px 0;
  margin: 0 3%;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: 2px solid #fff;
}

.nav .navlist .navli.cur,
.nav .navlist .navli:hover {
  color: #2eb26e;
  border-bottom: 2px solid #2eb26e;
}
.nav .navlist .navli.sqsy.cur,
.nav .navlist .navli.sqsy:hover {
  color: #fff;
  border-bottom: 2px solid #fff;
  opacity: 0.9;
}

.nav .navlist .navli.sqsy span {
  line-height: 2;
}

.nav .navlist .navli .zhong {
  line-height: 1.8rem;
  line-height: 1.2;
  font-size: 1.6rem;
}

.nav .navlist .navli .ying {
  line-height: 1.4rem;
  line-height: 1.2;
  font-size: 1.2rem;
}

.nav .navlist .navli a {
  color: #333;
}

.nav .navlist .navli.cur a,
.nav .navlist .navli a:hover,
.nav .navlist .navli a:active {
  color: #0091ff;
}

.nav .navlist .navli.cur .dwhz a {
  color: #333;
}

.nav .navlist .navli.cur .dwhz a:hover {
  color: #0091ff;
}

.nav .dwhz {
  width: 5000px;
  position: absolute;
  top: 60px;
  left: 50%;
  padding: 50px 0px 35px 0px;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 10;
  background: #fff;
}

.nav .dwhz_ts {
  -webkit-transform: translate(calc(-50% + 44px), 0%);
  transform: translate(calc(-50% + 44px), 0%);
}

.nav .dwhz .pdli {
  padding: 0px 25px 0px 25px;
}

.nav .dwhz img {
  width: 65px;
  height: auto;
}

.nav .download img {
  width: 80px;
}

.nav .dwhz.hide {
  padding: 0;
  display: block;
  height: 0;
  overflow: hidden;
  /* opacity: 0; */
}

.nav .dwhz.show {
  height: auto;
  overflow: hidden;
  transition: all 0.5s 0s;
  -webkit-transition: all 0.5s 0s;
  /* opacity: 1; */
}

.bottomBox {
  border-top: 5px solid #0091ff;
}

/* 通用头部导航   end   */

/* -- 页脚bottom与版权信息部分 ---- start ----  -- */
.index_bottom {
  background: #1e2528;
}

.index_bottom .flex {
  align-items: flex-start;
}

.index_bottom .tel_ico {
  width: 11rem;
}

.index_bottom .tel_txt {
  width: calc(100% - 12rem);
  padding-left: 2rem;
}

.win18 {
  width: 18%;
}

.bottom_ewm .ewm_li {
  width: 46%;
}

.copyright {
  background: #1a2124;
  color: #f6f7fa;
}

/* -- 页脚bottom与版权信息部分 ---- end ----  -- */

/*  -- 首页部分层叠样式_首页部分层叠样式 ---- start ----  --  */

/*  -- 首页共用 ---- start ----  --  */
/* 蓝灰色 */
.blueGray {
  background: #eef3f5;
}

.height4 {
  height: 4rem;
}
.height5 {
  height: 5rem;
}
.height6 {
  height: 6rem;
  overflow: hidden;
}

.height8 {
  height: 8rem;
  overflow: hidden;
}

.height9 {
  height: 9rem;
  overflow: hidden;
}

.height12 {
  height: 12rem;
}
.kt_box .flex,
.index_zsgc .flex,
.index_gkk .flex,
.index_jkfw .flex,
.index_gywm .flex,
.index_bottom .flex {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.bannerBox {
  height: 65vh;
}

.bannerBox img {
  width: auto;
  height: 100%;
}
/*  -- 首页共用 ---- end ----  --  */

/*  -- 公开课-公开课 ---- start ----  --  */
.index_gkk .border_r1 {
  overflow: hidden;
}
.index_sfjk {
  height: 30vw;
  min-height: 40rem;
}
.bful .bfli {
  height: calc(15vw - 1.25rem);
  min-height: 20rem;
}
.bful .bfli:nth-child(1),
.bful .bfli:nth-child(2) {
  margin-bottom: 2.5rem;
}
.bful .bfli .relative {
  height: 100%;
}

.bful .bfli .pt {
  width: 100%;
  /* height: 100%; */
}

.index_gkk .kczz {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.index_gkk .kczz .kcjs {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.index_gkk .kczz .kcbf {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}

/*  -- 公开课-公开课 ---- end ----  --  */

/*  -- 知识广场-知识广场 ---- start ----  --  */
.index_zsgc {
  background: url(../images/index_zsgc_bg.jpg) no-repeat bottom center #fff;
  padding-bottom: 17rem;
  background-size: auto 53rem;
}

.win24 {
  width: 24%;
  overflow: hidden;
}

/*  -- 知识广场-知识广场 ---- end ----  --  */
/*  -- 健康服务-健康服务 ---- start ----  --  */
.win32 {
  width: 32%;
  overflow: hidden;
}

.padding_b3_8 {
  padding-bottom: 3.8rem;
}

.padding_b7_8 {
  padding-bottom: 7.8rem;
}

/*  -- 健康服务-健康服务 ---- end ----  --  */
/* -- 关于我们-关于我们 ---- start ----  -- */
.index_gywm {
  background: #e2efd8;
}

.win18_7 {
  width: 18.7%;
  overflow: hidden;
}

.index_gywm .wmimg img {
  width: auto;
  height: 100%;
}

/* -- 关于我们-关于我们 ---- end ----  -- */

/*  -- 首页部分层叠样式_首页部分层叠样式 ---- end ----  --  */

/*  -- 二级页面-招募令 ---- start ----  --  */
.fengex {
  height: 1px;
  background: #f5f5f5;
  background: #eef3f5;
}

.zm_sq.flex,
.zs_ul .flex {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.zs_ul .zs_li {
  box-shadow: 0px 4px 11px 0px rgba(36, 33, 33, 0.15);
}

.zm_dnl {
  width: 93.2%;
  height: 35.6%;
  position: absolute;
  left: 3.4%;
  bottom: 6%;
}

.zm_dnl .win17_7 {
  width: 17.7%;
  margin-right: 2.875%;
  height: 100%;
  overflow: hidden;
  float: left;
  /* border: 3px solid rgba(255, 255, 255, 0.82); */
}

.zm_dnl .win17_7:last-child {
  margin-right: 0%;
}

.zm_sq .win18_6 {
  width: 18.6%;
  height: 6rem;
  line-height: 6rem;
}

.zm_sq .win38_6 {
  width: 38.6%;
}

.sq_input {
  height: 8rem;
  line-height: 8rem;
  background: #f9f9f9;
  border: 2px solid #e0e0e0;
  padding-left: 14rem;
}

.sq_input_ico {
  position: absolute;
  left: 1rem;
  top: 0;
  color: red;
  line-height: 6rem;
  font-size: 2rem;
}

.sq_input_title {
  position: absolute;
  left: 2.3rem;
  top: 0;
  color: #666;
  line-height: 6rem;
  font-size: 2.4rem;
}
.line_height8 {
  line-height: 8rem;
}

.sq_input {
  height: 6rem;
  line-height: 6rem;
  background: #f9f9f9;
  border: 2px solid #e0e0e0;
  padding-left: 16rem;
}

.sq_input_ts {
  padding-left: 18rem;
}

/*  -- 二级页面-招募令 ---- end ----  --  */

/* 二级页面---课堂  ---- start ---- */
.ktbq_Box {
  position: absolute;
  left: 10%;
  top: 85%;
  z-index: 10;
  box-shadow: 0px 4px 11px 0px rgba(36, 33, 33, 0.15);
}

.padding_lrtb2_5 {
  padding: 2.5rem;
}

.kt_box .kt_li {
  box-shadow: 0px 4px 11px 0px rgba(36, 33, 33, 0.15);
}

.kt_box .kt_li .bfan {
  position: absolute;
  left: 2.5rem;
  bottom: 1.5rem;
  z-index: 10;
  width: 13rem;
  height: 4rem;
  background: rgba(36, 33, 33, 0.4);
  border-radius: 20px;
}

.kt_box .kt_li .bfan .bfico {
  width: 1.8rem;
}

/* 二级页面---课堂  ---- end ---- */

/*  -- 二级页面-健康服务 ---- start ----  --  */
.zxcp_img {
  /* position: absolute;
    left: 0;
    top: 0;
    width: 100%; */
  z-index: -1;
}

.zxcp_Box {
  position: absolute;
  left: 10%;
  top: 71%;
  z-index: 10;
  box-shadow: 0px 4px 11px 0px rgba(36, 33, 33, 0.15);
}

.win12_5 {
  width: 12.5%;
}

.win45 {
  width: 45%;
}

.win12_5 .zxcp_ico {
  width: auto;
  height: 4.5rem;
}

.height16 {
  height: 16rem;
}

.zytd.flex,
.zm_sq.flex,
.cp_ul .flex {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.cp_ul .cp_li {
  float: left;
}

.td_img {
  border-radius: 50%;
  overflow: hidden;
}

/* ///////////////////// */

/*  -- 二级页面-健康服务 ---- end ----  --  */

/*  -- 二级页面-只是广场 ---- start ----  --  */
.blueGray {
  background: #eef3f5;
}

.zs_ul .flex {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.zs_ul .zs_li {
  box-shadow: 0px 4px 11px 0px rgba(36, 33, 33, 0.15);
  cursor: pointer;
}

.win49 {
  width: 49%;
  overflow: hidden;
}

.win26 {
  width: 26%;
  overflow: hidden;
}

.win74 {
  width: 74%;
  overflow: hidden;
}

.line_height2_2 {
  line-height: 2.2rem;
}

.height7_5 {
  height: 7.5rem;
  overflow: hidden;
}

/*  -- 二级页面-只是广场 ---- end ----  --  */

/*  ---------------移动端层叠样式----------------start----------------------------------------------------------------------------------------------- --  */

/* 移动端层叠样式 */
@media screen and (max-width: 1200px) {
  .win75 {
    width: 90%;
  }
}

@media screen and (min-width: 769px) {
  .nav {
    height: 60px;
  }

  .wrap_head {
    height: 0;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .nav .navlist .navli {
    margin: 0 2%;
  }
  .zs_ul .win30 .font_s30 {
    font-size: 4rem;
  }

  .index_gkk .border_r1 {
    overflow: hidden;
  }
  .index_sfjk {
    min-height: 66rem;
  }
  .bful .bfli {
    min-height: 31.75rem;
    /* margin-bottom: 2.5rem; */
  }
}

@media screen and (max-width: 768px) {
  .nav {
    height: 0;
    overflow: hidden;
  }

  /*页头*/
  .wrap {
    overflow: hidden;
  }

  .head_con {
    width: 100%;
    height: 56px;
    z-index: 11;
  }

  .wrap_head {
    height: 56px;
    z-index: 3;
  }

  .header-seat {
    padding-bottom: 56px;
  }

  .head_con .logo {
    display: block;
    height: 18px;
    width: 137px;
    position: absolute;
    left: 50%;
    top: 19px;
    margin-left: -68px;
  }

  .head_con .logo h1 {
    display: block;
    height: 20px;
    width: 137px;
    background: url(../images/logo.png) no-repeat center;
    background-size: auto 100%;
    text-indent: -9999px;
  }

  .head_white .logo h1 {
    background-image: url(../images/logo.png);
  }

  .search_area {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 11px;
    top: 11px;
    border: 1px solid rgba(255, 255, 255, 0);
    overflow-x: hidden;
  }

  .en-us .search_area {
    right: 11px;
  }

  .search_area .search_icon {
    display: block;
    height: 17px;
    width: 17px;
    background: url(../images/icon_search.png) no-repeat 0 0;
    position: absolute;
    left: 6px;
    top: 8px;
    background-size: contain;
  }

  .search_area_show .search_area {
    width: 338px;
    right: 18px;
    background: #000;
  }

  .search_area_show .search_area .ipt_search {
    height: 30px;
    line-height: 30px;
    left: 26px;
    right: 26px;
    font-size: 14px;
    width: auto;
  }

  .submenu_show.search_area_show .search_area,
  .head_white.search_area_show .search_area {
    width: auto;
    left: 20px;
    right: 20px;
  }

  .icon_menu {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 21px;
    top: 18px;
    z-index: 11;
  }

  .icon_menu .i_menu {
    display: block;
    height: 14px;
    width: 15px;
    background: url(../images/icon_menu.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
  }

  .icon_menu .i_menu {
    margin-top: 4px;
  }

  .head_white .icon_menu .i_menu {
    background: url(../images/icon_menu_hover.png) no-repeat center;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-top: 0;
  }

  .icon_menu .i_close {
    display: none;
    height: 14px;
    width: 15px;
    background: url(../images/icon_menu_close.png) no-repeat 0 0;
    background-size: contain;
    position: fixed;
    left: 21px;
    top: 21px;
    z-index: 4;
  }

  .menu_list {
    display: block;
    position: fixed;
    background: #fff;
    width: 260px;
    height: 100%;
    right: 0px;
    left: 0px;
    padding-top: 90px;
    z-index: 11;
    transform: translate(-260px, 0);
    opacity: 0.8;
    transition: transform 0.25s ease-out, opacity 0.25s ease-out;
  }

  .menu_list .menu_item {
    display: block;
    float: none;
    height: 63px;
    margin-left: 58px;
  }

  .menu_list li {
    margin: 0;
  }

  .en-us .menu_list .menu_item {
    display: block;
    float: none;
    height: 63px;
    margin-left: 58px;
  }

  .menu_list .menu_item .txt {
    color: #2a2e2e;
    font-weight: normal;
    font-size: 1.6rem;
  }

  .menu_list .menu_item .txt:hover:after {
    display: none;
  }

  .lang_area {
    display: none;
  }

  .menu_list .menu_item.menu_item_lan {
    display: block;
    position: absolute;
    bottom: 87px;
    line-height: 63px;
  }

  .menu_list .menu_item.menu_item_lan a {
    color: #2a2e2e;
    font-size: 16px;
  }

  .menu_list .menu_item.menu_item_lan .en,
  .menu_list .menu_item.menu_item_lan .s_line_2 {
    display: inline-block !important;
  }

  .menu_list .menu_item.menu_item_lan .s_line {
    color: #878a8a;
    font-size: 16px;
    margin: 0px 8px;
    font-style: normal;
  }

  .bg_hover {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10;
  }

  /* ------- 页脚共用部分 ------ start ---------- */
  .index_bottom .win40,
  .index_bottom .win18,
  .index_bottom .win30 {
    width: 100%;
    margin-bottom: 2rem;
  }
  .index_bottom .tel_ico {
    width: 5rem;
  }

  .index_bottom .tel_txt {
    width: calc(100% - 6rem);
    padding-left: 1rem;
  }
  .index_bottom .tel_txt .font_s60 {
    font-size: 3rem;
  }
  .bottom_ewm .ewm_li {
    width: 42%;
  }
  /* ------- 页脚共用部分 ------ end ---------- */

  /* ------- 全局常用样式层叠 ------ start ---------- */
  .font_s40 {
    font-size: 3rem;
  }

  .font_s30 {
    font-size: 2rem;
  }
  .font_s24 {
    font-size: 1.8rem;
  }
  .font_s20 {
    font-size: 1.6rem;
  }
  .font_s18 {
    font-size: 1.5rem;
  }

  /* .height8 {
    height: 4rem;
    overflow: hidden;
  }

  .line_height4 {
    line-height: 2rem;
  } */
  .line_height5 {
    line-height: 2.8rem;
  }
  /* ------- 全局常用样式层叠 ------ end ---------- */

  /* ------- 首页样式层叠 ------ start ---------- */
  .bannerBox {
    height: 35vh;
  }

  /* 公开课 */
  .index_gkk .win40,
  .index_gkk .win60,
  .index_gkk .win60 .win50 {
    width: 100%;
  }
  .index_gkk .win40 {
    margin-bottom: 2.5rem;
  }
  .index_gkk .win60 .win50 {
    padding-left: 0;
    padding-bottom: 2.5rem;
  }

  /* 知识广场 */

  .index_zsgc .win24 {
    width: 100%;
  }

  .index_zsgc .win24 {
    width: 100%;
    margin-bottom: 2rem;
  }

  .index_zsgc .win24 .margin_b3.line_height4.height8 {
    height: 4rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }

  /* 健康服务 */

  .index_jkfw .win32 {
    width: 100%;
    margin-bottom: 2rem;
  }

  /* 关于我们 */

  .index_gywm .win18_7 {
    width: 100%;
    margin-bottom: 2rem;
  }

  /* -------首页样式层叠------end---------- */

  /* ------- 二级课堂页样式层叠 ------ start ---------- */
  .classroomBanner .cp_li.padding_lrtb2_5 {
    padding: 0.5rem;
    font-size: 1.4rem;
  }

  .classroomBanner .ktbq_Box {
    width: 94%;
    left: 3%;
    padding: 1rem;
  }
  .kt_box .win24 {
    width: 100%;
    margin-bottom: 2rem;
  }
  /* ------- 二级课堂页样式层叠 ------ end ---------- */

  /* ------- 二级知识广场页样式层叠 ------ start ---------- */
  .zs_ul {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
  .zs_ul .win49 {
    width: 100%;
    margin-bottom: 2rem;
  }
  /* ------- 二级知识广场页样式层叠 ------ end ---------- */

  /* ------- 二级健康服务页样式层叠 ------ start ---------- */

  .zxcp_Box {
    width: 94%;
    left: 3%;
    padding-top: 5rem;
  }
  .zxcp_Box .font_s40.padding_b6 {
    font-size: 2rem;
    padding-bottom: 3rem;
  }
  .cp_ul.padding_b7 {
    padding-bottom: 3rem;
  }
  .cp_li.win12_5 {
    width: 33.3%;
    padding-bottom: 1rem;
  }

  .cp_iphone.height16 {
    height: 38rem;
  }

  .zytd .win18 {
    font-size: 1rem;
  }

  .zm_sq .win45,
  .zm_sq .margin_b4 {
    width: 100%;
    margin-bottom: 2rem;
  }

  .sq_input,
  .sq_input_ico,
  .sq_input_title {
    height: 4rem;
    line-height: 4rem;
    font-size: 1.6rem;
  }
  .sq_input {
    padding-left: 14rem;
  }
  .tjan_iphone {
    width: 90%;
    height: 4rem;
    line-height: 4rem;
  }

  /* ------- 二级健康服务页样式层叠 ------ end ---------- */

  /* ------- 二级招募令页样式层叠 ------ start ---------- */
  .zs_ul .win30 {
    width: 48%;
  }
  .zs_ul .win30 .font_s30 {
    font-size: 1.6rem;
  }
  .zm_sq .win38_6 {
    width: 100%;
    margin-bottom: 2rem;
  }
  .zm_sq .win18_6 {
    width: 90%;
    height: 6rem;
    line-height: 6rem;
    margin: 0 auto;
    margin-top: 2rem;
  }
  /* ------- 二级招募令页样式层叠 ------ end ---------- */
}

/*  ---------------移动端层叠样式----------------end----------------------------------------------------------------------------------------------- --  */