@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
*{ padding:0; margin:0 auto}
body { font-family: "Microsoft YaHei";}
html { line-height: 1.15; -webkit-text-size-adjust: 100%;}
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible;}
b,strong { font-weight: bolder;}
small { font-size: 80%;}
img { border-style: none;}
button,input { overflow: visible;}
button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}
textarea { overflow: auto;}
[type="checkbox"],[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box;}
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}
ul li { list-style: none;}
h2,h3,h4,h5,h6 { font-weight: normal;}
a { background-color: transparent; text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
a:active, a:hover { outline: 0;}
.tow { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pc,.mob{ display:block}
/* 头部 */
.mob-head {
  background: #fff;
  padding: .25rem 0;
  position: relative; display:none
}

.mob-head .logo {
  padding: 0 0.2rem;
}
.mob-head .logo a{ font-size:0.3rem; color:#d50000; font-weight:bold}

.mob-head .logo img {
  max-width: 100%;
}

.mob-head .head-btn {
  position: absolute;
  right: .2rem;
  top: calc(50% - 13px);
}

.mob-head .head-btn a {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  line-height: 26px;
  text-align: center; color:#d50000
}

.mob-head .head-btn a .iconfont {
  font-size: 0.3rem;
  vertical-align: middle;
}


.mob-head .head-btn .search-btn {
  border-right: 1px solid #aaaaaa;
  margin-right: 10px;
  width: 40px;
}


/* 导航样式 */
.mob-nav {
  z-index:9999;
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:#d50000;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.mob-nav .close-btn {
  text-align: right;
  padding: 0.2rem .2rem 0 0;
}

.mob-nav .close-btn .iconfont {
  font-size:.6rem;
  color: #fff;
}

.mob-nav li a {
  display: block;
  text-align: center;
  line-height:.65rem;
  font-size: .3rem;
  color: #fff;
}

.mob-nav li a:hover {
  background:#d05b000;
}

.mob-nav li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.mob-nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}



/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1201px){
  .mob{ display:none}
  .pc{ display:block}
}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 961px) and (max-width: 1200px) {

}
/**880分辨率（大于768px，小于959px）**/
@media screen and (min-width: 769px) and (max-width: 960px) {
	
}
/**720分辨率（大于480px，小于767px）**/

@media only screen and (max-width: 768px){
  .mob{ display:block}
  .pc{ display:none}  
  .wh{ width:98%}
  /*******************index****************************/
  /**********1-可选课程**********/
  .box_01{ padding:0.1rem}
  .box_01 .list{ width:95%; margin:0 auto;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;    -ms-overflow-style: -ms-autohiding-scrollbar; height:auto;}
  .box_01 .list li{/*white-space: nowrap;*/}
  /**********2-光荣榜***************/
  .box_02 .picScroll-left01{ margin:0.1rem auto; height:2.85rem;}
  .box_02 .picScroll-left01 .bd ul li{ margin-right:.15rem; width:50%}
  .box_02 .picScroll-left01 .bd ul li .name{ padding:0 0.05rem; font-size:12px}
  /***********3-教师团队**********************/
  .box_03{ padding:0.1rem 0}
  .i-brand ul{ width:96%; margin:0 auto}
  .i-brand ul li{ margin-right:0.15rem; width:calc(calc(100% - 0.2rem) / 2); margin-top:.15rem}
  .i-brand ul li:nth-child(2n){ margin-right:0}
  .i-brand ul li .num{ font-size:.6rem; margin-bottom:.1rem;}
  .i-brand ul li .txt{ font-size:12px;}
  .box_03 .sz .h_title{ background-size:2.0rem;}
  .box_03 .sz .center{ width:98%; margin:.1rem auto; height:auto}
  .box_03 .sz .center .left{ float:none; display:block; width:100%; height:auto}
  .box_03 .sz .center .left h4{ font-size:.6rem; margin-top:.1rem;}
  .box_03 .sz .center .left h5{ margin-top:0; font-size:.24rem}
  .box_03 .sz .center .left p{ margin-top:.45rem; font-size:.2rem; line-height:.28rem}
  .box_03 .sz .center .left span{ margin-top:.45rem; font-size:.18rem; line-height:.28rem;}
  .box_03 .sz .center .right{ float:none; display:block; width:100%; display:none}
  .box_03 .sz .center .right::before{ display:none;}
  .box_03 .sz .center .right img{ max-width:100%; height:auto}
  .box_03 .sz .picScroll-left02{ height:auto; margin:.4rem auto}
  .box_03 .sz .picScroll-left02 .bd{ width:calc(100% - 80px)}
  .box_03 .sz .picScroll-left02 .bd ul li{ width:40%; height:auto; float:left;}
  .box_03 .sz .picScroll-left02 .bd ul li .img{ height:1.64rem;}
  .box_03 .sz .picScroll-left02 .hd .prev,.box_03 .sz .picScroll-left02 .hd .next{ margin-top:.1rem;}
  .box_03 .sz .picScroll-left02 .bd ul li .txt{ margin-top:.1rem}
  /************4-学员课堂******************/
  .box_04{ background-size:100% 100%; padding-top:.1rem;}
  .box_04 .center{ width:100%; margin:.1rem auto; height:auto}
  .box_04 .center .left{ float:none; display:block; width:78%; height:auto}
  .box_04 .center .left .list{ width:95%; height:auto}
  .box_04 .center .left .list li{ width:48%; height:auto}
  .box_04 .center .left .list li .img{ height:1.85rem; display:flex; align-items:center; justify-content:center;}
  .box_04 .center .left .list li .img img{ max-width:100%; max-height:100%}
  .box_04 .center .left .gd{ margin:0 auto}
  .box_04 .center .txtScroll-top{ float:none; display:block; width:98%; display:none;}
  /*************5-关于我们*********************/
  .box_05{ padding-top:.45rem; background:none; height:auto}
  .box_05 .center{ width:100%; height:auto}
  .box_05 .center .left,.box_05 .center .right{ width:90%; float:none; display:block; height:auto}
  .box_05 .center .right .txts{ width:100%}
  .box_05 .center .right .txts h3{ background-size:2rem;}
  .box_05 .center .right .txts h4{ font-size:.3rem; margin-top:0;}
  .box_05 .center .right .txts p{ height:auto; margin:.45rem auto}
  .box_05 .center .right .txts .more{ margin-top:1.45rem;}
  .box_05 .center .right .bx{ width:90%; background:#d50000; border-radius:50px; padding:.1rem; bottom:1rem;}
  .box_05 .center .right .bx a .icon{ margin-right:.1rem;}
  .box_05 .center .right .bx a .txt p{ font-size:.16rem;}
  .box_05 .center .right .bx a .txt span{ font-size:.14rem;}
  /*************6-新闻*********************/
  .box_06{ padding:.45rem 0;}
  .box_06 .center{ width:100%; height:auto}
  .box_06 .center .left{ float:none; display:block; width:100%; height:auto}
  .box_06 .center .left .h_title{ background-size:2rem; margin-top:.1rem;}
  .box_06 .center .news_center{ width:98%; height:auto; float:none; margin:0 auto}
  .box_06 .center .news_center .hd{ width:100%; margin-left:0; height:auto}
  .box_06 .center .news_center .hd ul{ width:100%;}
  .box_06 .center .news_center .hd ul li{ width:30%; height:.64rem}
  .box_06 .center .news_center .hd ul li a{ width:100%; line-height:.64rem; font-size:.2rem; padding-left:0; text-align:center;}
  .box_06 .center .news_center .hd ul li:nth-of-type(1) a,
  .box_06 .center .news_center .hd ul li:nth-of-type(2) a,
  .box_06 .center .news_center .hd ul li:nth-of-type(3) a,
  .box_06 .center .news_center .hd ul li:nth-of-type(1).on a,
  .box_06 .center .news_center .hd ul li:nth-of-type(2).on a,
  .box_06 .center .news_center .hd ul li:nth-of-type(3).on a{ background-position:10px center; background-size:.3rem}
  .box_06 .center .news_center .bd{ margin-top:.45rem;width:100%; height:auto}
  .box_06 .center .news_center .bd .main{ width:95%; height:auto}
  .box_06 .center .news_center .bd .main .list,.box_06 .center .news_center .bd .main .bx{ float:none; height:auto; display:block; width:100%}
  .box_06 .center .news_center .bd .main .list li{ width:calc(100% - 50px);}
  .box_06 .center .news_center .bd .main .list li .txt{ width:60%}
  .box_06 .center .news_center .bd .main .bx .name{ width:75%}
  .box_06 .center .news_center .bd .main .bx .img{ width:95%; height:auto}
  .box_06 .center .news_center .bd .main .bx .img img{ height:auto}
  /*************7-有脸*********************/
  .links{ height:auto}
  .links .center{ width:95%}
  .links .center .link{ width:90%}
  .links .center .link a{ margin-right:.15rem}
  /*************8-留言*********************/
  .box_07{ padding:.45rem 0}
  .box_07 .center{width:95%; height:auto}
  .box_07 .center .left{ float:none; display:block; height:1.2rem;}
  .box_07 .center .left h3{ font-size:.4rem}
  .box_07 .center .left p{ font-size:.2rem; line-height:.14rem; margin-top:.1rem}
  .box_07 .center .left::after{ bottom:.2rem}
  .box_07 .center .form{ display:block; float:none; height:auto; width:95%}
  .box_07 .center .form p{ width:100%; margin-bottom:.1rem}
  .box_07 .center .form input{ width:calc(100% - 60px)}
  .box_07 .center .form .tj{width:95%;height:.6rem;border:none;overflow:hidden;border-radius:5px;-webkit-transition:all .7s;transition:all .7s; margin-top:.2rem}
  .box_07 .center .form .tj .btn{ width:100%; height:100%; line-height:.6rem; padding:0!important; font-size:.3rem}
}
@media only screen and (max-width: 768px){
	/***********************联系我们***********************************/
	.promessageBox .row .col-md-6{ width:100%}
	.contactBox input{ padding:.2rem .1rem}
	.contactBox .contact-bth{ font-size:.24rem}
	/***********************环境***********************************/
	.honorBox .col-sm-12{ width:50%}
    /****底部********/
	.footer{ padding:.45rem 0}
	.footer .list{ display:none;}
	.footer .bottom{ width:100%;}
	.footer .mid .infro{ width:95%; height:auto;}
	.footer .mid .infro li{ line-height:.8rem;}
	.footer .mid .infro li::after{ display:none;}
	.footer .mid .infro li:nth-of-type(1),.footer .mid .infro li:nth-of-type(2),.footer .mid .infro li:nth-of-type(3),.footer .mid .infro li:nth-of-type(4){ background-size:.45rem;padding-left:.6rem;width:calc(100% - .6rem); background-size:.45rem; background-position:0 center }
	.footer .mid{ display:none}
	.footer .bottom .ewm{ float:none;}
	.footer .bottom .copy{ width:100%; float:none; height:auto;; text-align:center}
	.footer .bottom .copy p{ padding:.1rem; line-height:.48rem; font-size:12px;}
	
}