@charset "utf-8";
/* CSS Document */

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉a, input点击的时候的附带效果 */
    -webkit-touch-callout: none; /* 禁止长按a标签连接于图片弹出的菜单 */
    -webkit-overflow-scrolling: touch; /* 让页面滚动更流畅，对一些低版本的安卓尤其良好 */
    -webkit-text-size-adjust: 100%; /* 关闭横竖屏的时候调整文字大小 */
    font-family: "\5FAE\8F6F\96C5\9ED1", helvetica, sans-serif;
}
img {
    width:100%;
    display:block;
    list-style:none;
}
a {
  color: #333;
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}
.title{text-align:center; font-weight:bold; font-size: .4rem;display: flex;align-items: center;justify-content: space-between;}
.title span{display: inline-block; font-family:HYQiHei-HES;}
.title img{vertical-align:top; width: 0.75rem;}
.title span img{margin-top: .05rem; margin-left: .15rem;}

body{font-size:.24rem; color:#333; background:#fff;}

.wrap{width:100%; max-width:750px; margin:0 auto; font-size:.24rem; font-family: HYQiHei;}


.g-hd{width:100%; height:.78rem; box-sizing: border-box; padding-top:.12rem;}
.g-hd .logo{display: block; width:2.4rem; height:.52rem; background:url(../img/logo.png) no-repeat; background-size:100% auto; text-indent:-9999px;}

.g-hd a.pnav{
  display:block;
  margin-top: .2rem;
  width: 1.28rem;
  height: 0.4rem;
  background: #E60012;
  border-radius: .24rem;
  color: #FFFFFF;
  line-height: .4rem;
  text-align: center;
  padding: 0.06rem 0.1rem;
}
a.btn{
  display:block;
  width: 4.4rem;
  height: .58rem;
  line-height:.58rem;
  margin:.4rem auto 0;
  background: linear-gradient(0deg, #030000 0%, #44469B 0%, #FFC200 0%, #FF7700 100%);
  border-radius: .26rem;
  text-align: center;
  font-weight:bold;
  font-size:.23rem;
  color: #FFFFFF;
  text-align: center;
  letter-spacing:1px;
}

/* header */
.banner{
  width:100%;
  height:4rem;
  background: url('../img/banner.png') no-repeat;
  background-size: 100% 100%;
  /*text-align: center;*/
}

/* con1 */
.con1{margin: 0.6rem 0.2rem;}
.con1 .box{margin-top: .3rem; display:flex; justify-content:space-between;}
.con1 .item{
  width:3.7rem;
  height: 3.9rem;
  text-align: center;
  font-size: .3rem;
  padding: .3rem 0;
}
.con1 .item ul li {
  padding: 0.05rem 0.1rem;
}
.con1 .item1 ul li {
  text-align: left;
  padding-left: .1rem;
  color: #999;
  font-size: .2rem;
}
.con1 .item2 .tit {
  color: #FFDB95;
}
.con1 .item2 ul li {
  text-align: right;
  padding-right: .1rem;
  color: #FFFAE4;
  font-size: .2rem;
}
.con1 .item ul li img {
  margin-bottom: .05rem;
  margin-right: .1rem;
}
.con1 .item2 ul li img {
  margin-left: .10rem;
}
.con1 .item1 {
  /*background:url(../img/con1-bg2.png) no-repeat;*/
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(13, 162, 93, 0.2);
  /*background-size: 100% 100%;*/
}
.con1 .item2 {
  /*background:url(../img/con1-bg1.png) no-repeat;*/
  background: #009944;
  /*background-size: 100% 100%;*/
}

/* con2 */
.con2{
  margin: 0.6rem 0.2rem;
}
.con2 .box{display:flex; justify-content:space-between;flex-wrap: wrap;text-align: center;margin-top: .3rem;}
.con2 .box .item {
  width: 3.45rem;
  margin-bottom: 0.5rem;
}
.con2 .box .item .head {
  height: .80rem;
  line-height: .8rem;
  background: linear-gradient(0deg, #030000 0%, #030000 0%, #2EBB79 0%, #349A6B 100%);
  box-shadow: 0px 0px .10rem 0px rgba(13, 162, 93, 0.2);
  border-radius: .20rem .2rem 0px 0px;
  color: #FFFFFF;;
  font-size: .36rem;
}
.con2 .box .item .cont {
  margin-top: .1rem;
  background: #FFFFFF;
  box-shadow: 0px 0px .10rem 0px rgba(13, 162, 93, 0.2);
  position: relative;
}
.con2 .box .item .cont ul {
  padding: .3rem 0 .6rem 0;
}
.con2 .box .item .cont ul li {
  display: flex;
  align-items: center;
  margin-left: .36rem;
  padding: .05px 0px;
  font-size: .24rem;
}
.con2 .box .item .cont ul li img {
  width: .26rem;
}
.con2 .box .item .cont ul li p{
  padding-left: .10rem;
}
.con2 .box .item .cont a {
  width: 3.45rem;
  position: absolute;
  left: 0;
  bottom: -.30rem;
  background: linear-gradient(0deg, #030000 0%, #44469B 0%, #FFC200 0%, #FF7700 100%);
  border-radius: .24rem;
  color: #FFFFFF;
  text-align: center;
  padding: .12rem 0;
}

/* con3 */
.con3{
  margin-top: .6rem; 
  width:100%; 
  background: url('../img/con3-bg.png'); 
  background-size: 100% 100%;
  padding: .4rem 0;
}
.con3 .title span{color:#fff;}
.con3 .title span font{color:#FFF100;}
.con3 .box{display:flex; justify-content:space-around; text-align: center;flex-wrap: wrap; margin-top: .3rem;}
.con3 .box .item {
  width: 2.82rem;
  margin-bottom: .2rem;
}
.con3 .box .item .head {
  background: #FFFFFF;
  border-radius: .2rem .2rem 0rem 0rem;
  padding: .23rem 0;
  color: #FF7900;
  font-size: .36rem;
}
.con3 .box .item .cont {
  margin-top: .10rem;
  background: #FFFFFF;
  border-radius: 0px 0px .1rem .1rem;
}
.con3 .box .item .cont p {
  padding: .37rem .23rem;
  font-size: .24rem;
  text-align: left;
}


/* con4 */
.con4{margin: .7rem .2rem;}
.con4 .box{padding-top: .4rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con4 .box .top-tab {
  width: 100%;
  height: .8rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.con4 .box .top-tab li {
  width: 100%;
  height: .8rem;
  font-size: .24rem;
  background: #E6E6E6;
  border-radius: .34rem .34rem 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;  
}
.con4 .box .top-tab .active {
  background: linear-gradient(0deg, #030000 0%, #030000 0%, #2EBB79 0%, #349A6B 100%);
  color: #FFFFFF;
}
.con4 .table {
    border-radius: 0px 0px .1rem .1rem;
    width: 100%;
    margin-top: .2rem;
}
.con4 table {
    border-collapse: collapse;
    border-spacing: 0;
}
.con4 table tr th,.con4 table tr td {
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: .12rem 0;
}
.con4 table tr td a {
  background: linear-gradient(0deg, #FFAB26 0%, #FF7A22 100%);
  border-radius: .20rem;
  color: #FFFFFF;
  padding: .07rem .30rem;
}

/* con5 */
.con5{margin: .4rem .2rem;}
.con5 .txt{
  font-size: .24rem;
  color: #4D4D4D;
  line-height: .36rem;
  text-align: center;
  margin-top: .32rem;
}
.con5 .box{margin-top: .42rem; display:flex;flex-wrap: wrap; justify-content:space-between;}
.con5 .item {
  width: 2.3rem;
  height: 3rem;
  box-shadow: 0px 0px .07rem 0px rgba(210, 210, 210, 0.51);
  border-radius: .10rem;
  margin-bottom: 0.2rem;
}
.con5 .item .tit {
  text-align: center;
  margin-top: .2rem;
}
.con5 .item .tit img {
  width: .6rem;
  margin: 0 auto;
}
.con5 .item .tit h3 {
  color: #0DA25D;
  font-size: .24rem;
}
.con5 .item .text {
  margin: .15rem .18rem .15rem .15rem;
  font-size: .20rem;
  line-height: .40rem;
}

/* con6 */
.con6{margin:.4rem .2rem;}
.con6 .box{margin-top: .40rem; }
.con6 .box .teacher {
  display:flex;
}
.con6 .box .teacher h3 {
    width: .35rem;
    height: 1rem;
    text-align: center;
    background: linear-gradient(0deg, #030000 0%, #030000 0%, #2EBB79 0%, #349A6B 100%);
    border: 1px solid #8c8c8c;
    border-radius: .1rem;
    font-size: .24rem;
    color: #ffffff;
    margin-right: .1rem;
    margin-top: .72rem;
    padding: .25rem .05rem;
    display: flex;
    align-items: center;
}
.con6 .teacher div {
    margin-right: .2rem;
    margin-bottom: .3rem;
}
.con6 .teacher div img {
    width: 2.06rem;
    height: 1.71rem;
    vertical-align: baseline;
}
.con6 .teacher div h2 {
    font-size: .24rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #000000;
    margin-top: .30rem;
    margin-bottom: .15rem;
    text-align: center;
}
.con6 .teacher div span {
  text-align: center;
  display: block;
}

.con6 .teacher div p {
    /*height: 63px;*/
    text-align: center;
    font-size: .2rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #666666;
    line-height: .34rem;
    display: flex;
}
.con6 .teacher div p span {
    width: .60rem;
    white-space: nowrap;
    color: #000000;
    display: block;
}


/* con7 */
.con7{margin:.4rem .2rem;}
.con7 .box {
  margin-top: .3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.con7 .item {
  margin-top: .3rem;
}
.con7 .item img {
  width: 1.7rem;
  height: 1.7rem;
}
.con7 .item h4{
 background: linear-gradient(0deg, #030000 0%, #030000 0%, #2EBB79 0%, #349A6B 100%);
 color: #FFFFFF;
 height: .48rem;
 line-height: .48rem;
 margin-top: .1rem;
 text-align: center;
}

 /* con8 */
.con8{margin:.4rem 0.2rem;}
.con8 .box {margin-top: .3rem;}


/* con9 */
.con9{margin:.4rem 0.2rem;
  padding-bottom: .6rem;}
.con9 .box {
  margin-top: .3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.con9 .box img {
  width: 1.7rem;
  height: 1.5rem;
}
.con9 .box p {
  text-align: center;
  line-height: .3rem;
  padding: 0.1rem 0;
}


@media screen and (max-width:320px){

}