html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, dd, dl, dt, ol, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,ul,li {margin:0;padding:0;}

li{
  list-style: none;
}

a{
	text-decoration:none;
	transition: all .5s;
	-webkit-transition:all .5s; 
	-moz-transition: all .5s;
	-o-transition: all .5s;
  color: #000;
}
a:hover{ 
	transition: all .5s;
	-webkit-transition:all .5s; 
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

input, button,select{
  outline:none;
  background:none;
  padding: 0;
  border: 0;
}
a img{
  border:0 none;
  max-width: 100%;
}

.fz72{font-size: clamp(1.625rem, 0.554rem + 4.51vw, 4.5rem);}
.fz70{font-size: clamp(1.625rem, 0.6rem + 4.31vw, 4.375rem);}
.fz68{font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);}
.fz66{font-size: clamp(1.625rem, 0.694rem + 3.92vw, 4.125rem);}
.fz64{font-size: clamp(1.625rem, 0.74rem + 3.73vw, 4rem);}
.fz62{font-size: clamp(1.625rem, 0.787rem + 3.53vw, 3.875rem);}
.fz60{font-size: clamp(1.625rem, 0.833rem + 3.33vw, 3.75rem);}
.fz58{font-size: clamp(1.625rem, 0.88rem + 3.14vw, 3.625rem);}
.fz56{font-size: clamp(1.625rem, 0.926rem + 2.94vw, 3.5rem);}
.fz54{font-size: clamp(1.625rem, 0.973rem + 2.75vw, 3.375rem);}
.fz52{font-size: clamp(1.625rem, 1.02rem + 2.55vw, 3.25rem);}

.fz50{font-size: clamp(1.5rem, 0.895rem + 2.55vw, 3.125rem);}
.fz48{font-size: clamp(1.5rem, 0.941rem + 2.35vw, 3rem);}
.fz46{font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);}
.fz44{font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);}
.fz42{font-size: clamp(1.5rem, 1.081rem + 1.76vw, 2.625rem);}

.fz40{font-size: clamp(1.375rem, 0.956rem + 1.76vw, 2.5rem);}
.fz38{font-size: clamp(1.375rem, 1.002rem + 1.57vw, 2.375rem);}
.fz36{font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem);}

.fz34{font-size: clamp(1.25rem, 0.924rem + 1.37vw, 2.125rem);}
.fz32{font-size: clamp(1.25rem, 0.971rem + 1.18vw, 2rem);}
.fz30{font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.875rem);}
.fz28{font-size: clamp(1.25rem, 1.064rem + 0.78vw, 1.75rem);}

.fz26{font-size: clamp(1.125rem, 0.939rem + 0.78vw, 1.625rem);}
.fz24{font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);}
.fz22{font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.375rem);}
.fz20{font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);}
.fz18{font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);}
.fz16{font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);}
.fz14{font-size:clamp(0.75rem, 0.75rem + 0.2vw, 0.875rem);}
.fz12{font-size: 12px;}



/* 单行文本 */
.elli{  
  overflow: hidden;   
  text-overflow:ellipsis;   
  white-space: nowrap;
}
/* 多行文本 */
.ellis{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;   
  -webkit-box-orient: vertical;   
  -webkit-line-clamp: 2;   
}

.flex{
  display: flex;
}
.flex_around{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex_between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex_evenly{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.flex_center{
  display: flex;
  align-items: center;
  justify-content: center;
}

.fff{
  background-color: #fff;
}

.mtb{
  margin: 20px 0px;
}
.mb_2{
  margin-bottom: 20px ;
}
.p_2{
  padding: 20px;
  box-sizing: border-box;
}

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


/* 头部 */
header{
  font-size: 0;
}
header img{
  height: 70px;
  margin: 20px 0px;
}
header .menu_box{
  height: 60px;
  line-height: 60px;
  background-color: #F6F6F6;
}
header .menu_box a{
  display: inline-block;
  height: 6vh;
  line-height: 6vh;
  padding: 0px clamp(5px,1vw,20px);
  box-sizing: border-box;
  color: #333;
}
header .menu_box .blue{
  display: inline-block;
  white-space: nowrap;
  color: #008CD7;
  margin: 0;
  padding: 0;
}
header .menu_box .active{
  border-bottom: 1px solid #008CD7;
}

.content{
  min-height: calc(100vh - 230px);
}

/* 底部 */
footer{
  height: 60px;
  display: flex;
  align-items: center;
  color: #929AA9;
  background-color: #384358;
  font-size: 14px;
}
footer p{
  text-align: center;
}
footer p a{
  color: #929AA9;
  font-size: 14px;
  margin-left: 20px;
}
footer p a:hover{
  text-decoration: underline;
}



@media screen and (min-width: 1401px) {}

@media screen and (min-width:1201px) and (max-width: 1400px) {
	
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  
  

}
@media screen and (max-width: 767px) {
  .container{
    width: 95% !important;
  }
  .pc_header .menu_box .blue{
    display: none;
  }
  header img{
    width: 70%;
    height: auto !important;
  }

  /* .fz26{font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);}
  .fz22{font-size:clamp(0.75rem, 0.75rem + 0.2vw, 0.875rem)} */

  /* index */
  .banner_box img{
    object-fit: cover;
    height: 120px;
  }
  .content_box>div{
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .content_box img{
    max-height: 100px;
    object-fit: cover;
  }
  /* course.html */
  .course #course{
    grid-template-columns: repeat(2,1fr) !important;
  }
  .course #course li div{
    padding: 2vw !important;
  }

  /* book */
  .con_box .con_box_l input,select{
    padding: 2vw !important;
  }
  .con_box{
    display: block !important;
  }
  .con_box .con_box_l,
  .con_box .con_box_r{
    width: 100% !important; 
    
  }

  /* coursedeail */
  .course .course_t{
    display: block !important;
  }
  .course>div{
    padding: 2vw !important;
  }
  .course .course_t>img,
  .course .course_t>div{
    width: 100% !important;
  }
  .course_mulu .item>div,
  .course_mulu .item ul li{
    padding: 10px 0 !important;
  }
  
  .course_mulu .item ul li div{
    max-width: 65% !important;
  }
  .course_mulu .item ul li div h5{
    font-weight: 500;
  }
  .model .model_box{
    width: 90% !important;
    height: 60vh !important;
  }

  footer p {
    display: flex;
    flex-direction: column;
  }
  footer p a{
    margin-left: 0;
    margin-top: 5px;
  }
}


/* 遮罩层 */
.model{
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00000050;
  width: 100vw;
  height: 100vh;
  display: none;
}

.model .model_box{
  width: 50%;
  height: 50vh;
  margin:25vh auto;
  position: relative;
}
.model video{
  width: 100%;
}
.model .close{
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius:50% ;
  background-color: #999;
  position: absolute;
  color: #fff;
  font-size: 20px;
  top: -10px;
  right: -10px;
  cursor: pointer;
}