@import "base.css";
@import "cssReset.css";
.bglinearMoveRed {
  background: linear-gradient(-45deg, #ec6464, #dc973e, #d20425, #ff5f5f, #ec6464);
  background-size: 200% 100%;
  animation: bgliner2 2s linear infinite;
  -o-animation: bgliner2 2s linear infinite;
  -moz-animation: bgliner2 2s linear infinite;
  -webkit-animation: bgliner2 2s linear infinite;
}
.textlinearMoveRed {
  background-image: -webkit-linear-gradient(left, #fd3dcb, #1c1cff 25%, #fd3dcb 50%, #1c1cff 75%, #fd3dcb);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  animation: bgliner2 2s linear infinite;
  -o-animation: bgliner2 2s linear infinite;
  -moz-animation: bgliner2 2s linear infinite;
  -webkit-animation: bgliner2 2s linear infinite;
}
/**
@keyframes circle {}
@-o-keyframes circle {}
@-moz-keyframes circle {}
@-webkit-keyframes circle {}
**/
@media screen and (min-width: 750px) and (max-width: 1440px) {
  body {
    zoom: 0.8;
  }
}
@media screen and (max-width: 1440px) {
  .leftAside,
  .rightAside {
    display: none;
  }
}
body {
  min-width: 1200px;
  font-family: Source Han Sans CN, Source Han Sans CN-Bold;
  background: #fff8f0;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
  padding: 1px 0;
  box-sizing: border-box;
  position: relative;
}
section {
  padding: 1px 0;
  margin: 0 auto;
  box-sizing: border-box;
}
select {
  background: #ffffff url(../images/xia.png) no-repeat right 10px center;
  cursor: pointer;
}
.jb{
  font-size: .2rem;
  /*background-image: -webkit-linear-gradient(right, #f8e0b3, #eab476, #eebb93);*/
  background-image: -webkit-linear-gradient(right, #f4dcba, #eab476, #f8e0b3,#eebb93);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec1{background: url("../images/s1Bg.jpg") no-repeat center top;background-size: auto 100%;height: 728px;}
.sec2{background: url("../images/s2Bg.jpg") no-repeat center top;background-size: auto 100%;height: 647px;}
.sec3{background: url("../images/s3Bg.jpg") no-repeat center top;background-size: auto 100%;height: 665px;}
.sec5{background: url("../images/s5Bg.jpg") no-repeat center top;background-size: auto 100%;height: 767px;}
.sec6{background: url("../images/s6Bg.jpg") no-repeat center top;background-size: auto 100%;height: 780px;}
.sec7{background: url("../images/s7Bg.jpg") no-repeat center top;background-size: auto 100%;height: 821px;text-align: center}
.sec8{background: url("../images/s8Bg.jpg") no-repeat center top;background-size: auto 100%;height: 798px;}
.sec9{background: url("../images/s9Bg.jpg") no-repeat center top;background-size: auto 100%;height: 822px;}
.sec10{background: url("../images/s10Bg.jpg") no-repeat center top;background-size: auto 100%;height: 733px;}
.sec11{background: url("../images/s11Bg.jpg") no-repeat center top;background-size: auto 100%;height: 768px;}
.banner-box {
  width: 100%;
  height: 690px;
  background: url(../images/banner.jpg) no-repeat center / auto 690px;
}
.banner-box .logo{width: 1.48rem; position: absolute;left: .45rem; top: .1rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}
.titP1{
  font-size: .28rem;
  font-weight: bold;
  color: #f5c9a5;
  display: inline-block;
  width: 100%;
  height: .63rem;
  line-height: .6rem;
  text-align: center;
  background: url("../images/banImg1.png") no-repeat center top;
  background-size: auto .63rem;
  margin-top: 3.24rem;
}
.banTs{
  display: inline-block;
  width: 100%;
  height: .99rem;
  background: url("../images/banImg2.png") no-repeat center top;
  background-size: auto .99rem;
  margin-top: 1.72rem;
}
.banTs p {
  font-size: .18rem;
  color: #fff;
  width: 91%;
  margin: .2rem 4.5% 0;
  line-height: .3rem;
}
.secTit {
  width: 100%;
  margin-top: .4rem;
  text-align: center;
}
.secTit h2 {
  font-size: .52rem;
  font-weight: Bold;
  color: #3a3d4b;
  margin-bottom: .12rem;
  text-align: center;
}
.titB h2{
  color: #282828;
  background-image: -webkit-linear-gradient(right, #282828, #282828, #282828, #282828);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.secTit h2 img{
  vertical-align: bottom;
}
.titL{
  margin-right: .2rem;
}
.titR{
  margin-left: .2rem;
}
.titP{
  font-size: .24rem;
  color: #fee8bf;
  margin-bottom: .08rem;
}
.secTit i {
  width: .94rem;
  height: .1rem;
  display: block;
  background: url(../images/tit-img01.png) no-repeat center / 100%;
  margin: 0 auto;
}
.titB i {
  background: url(../images/tit-img02.png) no-repeat center / 100%;
}
.mian{
  display: inline-block;
  width: 100%;
}
/*sec1*/
.p1-main{
  display: inline-block;
  width: 100%;
  height: 5.63rem;
  background: url("../images/s1imgbk.png") no-repeat center top;
  background-size: 100%;
  margin-top: .32rem;
}
.p1-main>div{
  display: inline-block;
  float: left;
}
.s1L{
  width: 5.03rem;
  margin-left: .44rem;
}
.s1Lp1{
  font-size: .2rem;
  color: #f9e5c0;
  line-height: .29rem;
  margin: .47rem auto .25rem;
}
.s1Lp2{
  font-size: .18rem;
  color: #6d625c;
  margin-top: .11rem;
}
.s1Img>img{
  display: none;
}
.s1Img .cur{
  display: inline-block;
}
.s1R{
  width: 5.5rem;
  margin-left: .5rem;
}
.sec02-item{
  width: 100%; height: auto; transition: width 1s; overflow: hidden; position: relative; border-bottom: .02rem solid #4e382a;cursor: pointer;
}
.sec02-item:last-child{
  border-bottom: inherit;
}
.sec02-item.on{
  min-height: 2rem;
}
.item-bt{
  width: 100%; height: 1.18rem; position: absolute; top: 0; left: 0; position: relative;
}
.item-bt::before{
  display: inline-block;
  content: '';
  width: .31rem;
  height: .18rem;
  background: url("../images/jtx.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: .5rem;
}
.s1R .on .item-bt::before{
  background: url("../images/jts.png") no-repeat center top;
  background-size: 100%;
}
.item-bt p{
  font-size: .28rem; color: #fff; font-weight: bold; line-height: 1.15rem;
}
.sec02-item.on .item-info{
  display: block;
}
.item-info{
  width: 100%; height: auto; text-align: left;margin-top: -.2rem;margin-bottom: .3rem; display: none;
}
.item-info p{
  font-size: .2rem; color: #fee8bf; line-height: 0.45rem; text-align: left;
}
.sec02 .title h2 a{
  text-align: center; float: right; margin-top: .3rem;
}
/*sec2*/
.p2-main{
  margin-top: .32rem;
}
.p2-main>div{
  display: inline-block;
  width: 5.92rem;
  height: 1.94rem;
  float: left;
  margin-right: .15rem;
  margin-bottom: .17rem;
  cursor: pointer;
  transition: all 0.5s;
}
.p2-main>div:hover{
  transform: scale(1.05);
}
.p2-main>div:nth-of-type(2n){
  margin-right: 0;
}
.p2-main .s2xq1{
  background: url("../images/s2img1.png") no-repeat center top;
  background-size: 100%;
}
.p2-main .s2xq2{
  background: url("../images/s2img2.png") no-repeat center top;
  background-size: 100%;
}
.p2-main .s2xq3{
  background: url("../images/s2img3.png") no-repeat center top;
  background-size: 100%;
}
.p2-main .s2xq4{
  background: url("../images/s2img4.png") no-repeat center top;
  background-size: 100%;
}
.p2-main>div>img{
  width: .7rem;
  margin-top: .24rem;
  margin-left: .44rem;
}
.p2-main>div>p{
  font-size: .32rem;
  font-weight: bold;
  margin-left: .5rem;
  margin-top: .06rem;
}
/*sec3*/
.p3-main{
  width: 100%; clear: both; float: left; margin: .44rem auto 77px;
}
.p3-main .item{
  float:left; width:2.26rem; height: 3.24rem; display: block;margin-right: .17rem;cursor: pointer;position: relative;
}
.p3-main .item5{margin-right: 0;}

.p3-main .item .flip-box{
  width: 100%;height: 3.24rem ;text-align: center;
  background: url("../images/s3xq.png") no-repeat center top;background-size: 100%;
  position: absolute; top: 0; left: 0;
}
.p3-main .item .flip-box.linear{
  background: url("../images/s3xq1.png") no-repeat center top;background-size: 100%;
}
.p3-main .item .flip-box .s3img1{
  width: .81rem;margin-top: .7rem;
}
.p3-main .item .flip-box > p{
  font-size:.26rem;color: #fff; font-weight: bold; width: 100%; clear: both; float: left;margin-top: .52rem;
  text-shadow:0 .02rem 0 #571d00;
}
.p3-main .item .flip-box.linear>img{
  width: .65rem;
  display: block;
  margin: .3rem auto .15rem;
}
.p3-main .item .flip-box.linear h3{
  font-size: .26rem;
  font-weight: bold;
}
.p3-main .item .flip-box.linear>p{
  font-size: .18rem;
  color: #fee8bf;
  font-weight: initial;
  line-height: .25rem;
  margin-top: .15rem;
}
/*sec4*/
.p4-main{
  text-align: center;
  margin-top: .72rem;
  height: 4.4rem;
  background: url("../images/s4img.png") no-repeat center .3rem;
  background-size: 8.97rem;
}
.s4xq{
  display: inline-block;
  width: 100%;
  position: relative;
}
.s4xq .s4nr{
  display: inline-block;
  width: 1.3rem;
  height: 1.21rem;
  background: #cfa37e;
  border-radius: 1rem;
  position: absolute;
}
.s4nr1 {
  left: 1rem;
  top: .4rem;
}
.s4nr1::before {
  display: inline-block;
  content: '';
  width: 1.36rem;
  height: .66rem;
  background: url(../images/s4img1.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: .7rem;
  top: -.9rem;
  transform: rotate(-1deg);
  /*animation: iMove .8s infinite alternate ease-in-out;*/
}
.s4nr2 {
  left: 3.2rem;
  top: -.9rem;
}
.s4nr2::before {
  display: inline-block;
  content: '';
  width: 3.12rem;
  height: .17rem;
  background: url(../images/s4img2.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: 1.3rem;
  top: 0;
  transform: rotate(0deg);
  /*animation: iMove .8s infinite alternate ease-in-out;*/
}
.s4nr3 {
  left: 7.5rem;
  top: -.88rem;
}
.s4nr3::before {
  display: inline-block;
  content: '';
  width: 1.64rem;
  height: .81rem;
  background: url(../images/s4img3.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: 1.5rem;
  top: .4rem;
  transform: rotate(1deg);
}
.s4nr4 {
  right: 1rem;
  top: .4rem;
}
.s4nr4::after {
  display: inline-block;
  content: '';
  width: 1.64rem;
  height: .81rem;
  background: url(../images/s4img4.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: -.75rem;
  top: 1.35rem;
  transform: rotate(-6deg);
}
.s4nr5 {
  right: 3.2rem;
  top: 1.6rem;
}
.s4nr5::after {
  display: inline-block;
  content: '';
  width: 1.67rem;
  height: .13rem;
  background: url(../images/s4img5.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: -1.75rem;
  top: 1.2rem;
  transform: rotate(-3deg);
}
.s4nr6 {
  right: 6.7rem;
  top: 1.98rem;
}
.s4nr6::after {
  display: inline-block;
  content: '';
  width: 2.2rem;
  height: .98rem;
  background: url(../images/s4img6.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: -2.3rem;
  top: -.2rem;
  transform: rotate(-2deg);
}
.s4nr p{
  font-size: .17rem;
  color: #fff0d6;
  line-height: .25rem;
}
.s4nr .p1{
  font-size: .22rem;
  font-weight: bold;
  color: #fff0d6;
  margin-top: .32rem;
}
.s4xq .cur{
  background: #27150b;
}
.s4nr1.cur::before {
  background: url(../images/s4img1-1.png) no-repeat center top;
  background-size: 100%;
}
.s4nr2.cur::before {
  background: url(../images/s4img2-1.png) no-repeat center top;
  background-size: 100%;
}
.s4nr3.cur::before {
  background: url(../images/s4img3-1.png) no-repeat center top;
  background-size: 100%;
}
.s4nr4.cur::after {
  background: url(../images/s4img4-1.png) no-repeat center top;
  background-size: 100%;
}
.s4nr5.cur::after {
  background: url(../images/s4img5-1.png) no-repeat center top;
  background-size: 100%;
}
.s4nr6.cur::after {
  background: url(../images/s4img6-1.png) no-repeat center top;
  background-size: 100%;
}






/*sec5*/
.p5-main>div{
  display: inline-block;
  width: 100%;
}
.s5T{
  background: #28160c;
  border-radius: .12rem;
  margin-top: .32rem;
  margin-bottom: .62rem;
}
.s5T>p{
  font-size: .2rem;
  line-height: .3rem;
  width: 94%;
  margin: .22rem 3% .2rem;
}
.s5C>div{
  display: inline-block;
  width: 2.74rem;
  height: 3.46rem;
  background: #1f0d08;
  background: -webkit-linear-gradient(top, #1f0d08 , #502d06); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #1f0d08, #502d06); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #1f0d08, #502d06); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #1f0d08 , #502d06); /* 标准的语法 */
  border-radius: .12rem;
  box-shadow: 0 .11rem .13rem rgba(73,44,6,0.45);
  float: left;
  margin-right: .34rem;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
}
.s5C>div:last-child{
  margin-right: 0;
}
.s5C>div:hover{
  transform: scale(1.05);
}
.s5xq>img{
  width: 1.95rem;
  margin-top: -.25rem;
}
.s5p1{
  font-size: .23rem;
  font-weight: bold;
  position: relative;
  margin-top: .3rem;
}
.s5p1 i{
  display: inline-block;
  width: 2.02rem;
  height: .14rem;
  background: url(../images/s5img5.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: -.06rem;
}
.s5p2 {
  font-size: .17rem;
  color: #fff;
  line-height: .26rem;
  width: 70%;
  margin: .25rem 15% 0;
  text-align: left;
}
/*sec6*/
.p6-main{
  width: 79%;
  margin: .44rem 10.5% 0;
}
.p6-main>div{
  display: inline-block;
  float: left;
  width: 4.21rem;
}
.s6L{
  margin-right: 1.05rem;
}
.s6nr{
  margin-bottom: .8rem;
}
.s6nr1{
  margin-top: .3rem;
}
.s6nr .p1{
  font-size: .24rem;
  font-weight: bold;
  height: .46rem;
  line-height: .46rem;
  position: relative;
  margin-bottom: .25rem;
}
.s6nr .p1::before{
  display: inline-block;
  content: '';
  width: 4.21rem;
  height: .02rem;
  background: url("../images/s6img3.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.s6nr .p2{
  font-size: .18rem;
  color: #fee8bf;
  text-align: left;
  line-height: .28rem;
}
/*sec7*/
#certify{
  clear: both; float: left;
  position: relative;
  width: 100%;
  margin: .7rem auto auto;
}
.p7-main{
  width: 1902px;
  height: 5.5rem;
  overflow: hidden;
}
.p7-main .swiper-container{
  overflow: initial!important;
}
.p7-main .swiper-slide {
  width: 5.48rem;
  height: 4.05rem;
  background: url("../images/s7Cg1.png") no-repeat center top;
  background-size: 100%;
}
.s7xq{
  width: 64%;
  margin: 0 18%;
}
.s7xq .p1 {
  font-size: .22rem;
  font-weight: bold;
  margin: .38rem auto .18rem;
}
.s7xq .p3 {
  font-size: .16rem;
  color: #75634e;
  line-height: .25rem;
  margin-top: .12rem;
  width: 106%;
}
.swiper-pagination-bullet{
  width: .12rem!important;
  height: .12rem!important;
  background: #fff!important;
}
.swiper-pagination-bullet-active{
  width: .48rem!important;
  background: #d3ac7b!important;
  border-radius: .12rem!important;
}
.swiper-pagination{
  bottom: -.65rem!important;
}
/*.p7-main .swiper-button-prev {*/
/*  left: -30px;*/
/*  width: 45px;*/
/*  height: 45px;*/
/*  background: url(../images/arr-left.png) no-repeat;*/
/*  background-size: 100%;*/
/*}*/

/*.p7-main .swiper-button-next {*/
/*  right: -30px;*/
/*  width: 45px;*/
/*  height: 45px;*/
/*  background: url(../images/arr-right.png) no-repeat;*/
/*  background-size: 100%;*/
/*}*/














/*教资*/
.p4-main1 .adv {
  width: 100%;
  clear: both;
  padding-top: 40px;
}
.p4-main1 .adv .advTit {
  width: 100%;
  clear: both;
}
.p4-main1 .adv .advTit h3 {
  font-size: 28px;
  font-weight: Bold;
  color: #3a3d4b;
  line-height: 28px;
  margin-bottom: 20px;
}
.p4-main1 .adv .advTit p {
  font-size: 16px;
  color: #3a3d4b;
  line-height: 16px;
}
.p4-main1 .adv .advTit p.two {
  line-height: 24px;
}
.p4-main1 .adv .advTit.type02 {
  text-align: right;
}
.p4-main1 .adv .advTit.type02 h3 {
  margin-right: 20px;
}
.p4-main1 .adv .advTit.type02 p {
  margin-right: 20px;
}
.p4-main1 .adv .f1-box {
  width: 100%;
  margin-top: 48px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.p4-main1 .adv .f1-box .advStat {
  margin-top: 17px;
  width: 590px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.p4-main1 .adv .f1-box .advStat .item {
  width: 284px;
  height: 132px;
  display: inline-block;
  background: #f5f6f9;
  border-radius: 10px;
  margin-bottom: 17px;
  margin-right: 16px;
}
.p4-main1 .adv .f1-box .advStat .item:nth-child(even) {
  margin-right: 0;
}
.p4-main1 .adv .f1-box .advStat .item h4 {
  float: left;
  width: 255px;
  margin-top: 19px;
  margin-left: 20px;
  margin-bottom: 6px;
  font-size: 22px;
  line-height: 36px;
  font-weight: bold;
  color: #f8323c;
  text-align: left;
}
.p4-main1 .adv .f1-box .advStat .item h4::before {
  content: '';
  width: 29px;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.p4-main1 .adv .f1-box .advStat .item p {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  width: 255px;
  margin-left: 20px;
}
.p4-main1 .adv .f2-box {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.p4-main1 .adv .f2-box .cont {
  width: 8.4rem;
  float: right;
  margin-top: 0;
  background: #fc535b;
  background: -webkit-linear-gradient(bottom, #ff737a, #f8323c);
  background: -o-linear-gradient(top, #ff737a, #f8323c);
  background: -moz-linear-gradient(top, #ff737a, #f8323c);
  background: linear-gradient(to bottom, #ff737a, #f8323c);
  border-radius: 20px;
}
.p4-main1 .adv .f2-box .cont .item {
  width: 8.3rem;
  clear: both;
  display: none;
  float: left;
  margin: .05rem;
  background: #fff;
  border-radius: .16rem;
}
.p4-main1 .adv .f2-box .cont .item.show {
  display: block;
}
.p4-main1 .adv .f2-box .cont .item .pic {
  width: 100%;
  height: 350px;
  display: block;
  float: left;
}
.p4-main1 .adv .f2-box .cont .item .pic .kuang {
  width: 100%;
  height: 3.24rem;
  display: inline-flex;
  padding: .05rem 0;
  background: #fff;
  border-radius: .2rem;
  float: left;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.p4-main1 .adv .f2-box .cont .item .pic .kuang img {
  width: 2.6rem;
  height: 1.5rem;
  display: inline-block;
  margin: .06rem .05rem;
  transition: all .5s;
}
.p4-main1 .adv .f2-box .cont .item .pic .kuang img:hover {
  transform: scale(1.05);
}
.p4-main1 .adv .f2-box .cont .item .txt {
  width: 96%;
  height: 2.2rem;
  display: inline-block;
  background: #fff;
  float: left;
  margin: auto 2%;
  border-top: dashed .02rem #cfd3da;
}
.p4-main1 .adv .f2-box .cont .item .txt h4 {
  width: 100%;
  clear: both;
  font-size: .24rem;
  line-height: .36rem;
  font-weight: bold;
  color: #f8323c;
  margin-top: .24rem;
  margin-bottom: .1rem;
}
.p4-main1 .adv .f2-box .cont .item .txt p {
  width: 94%;
  float: left;
  margin: 0 3%;
  font-size: .16rem;
  line-height: .26rem;
  text-align: justify;
}
.p4-main1 .adv .f3-box {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
}
.p4-main1 .adv .f3-box .s1-top {
  height: 5.03rem;
  position: relative;
  width: 100%;
  background: url('../images/s1-img4.png') no-repeat center top / auto 100%;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s {
  width: 100%;
  height: 100%;
  position: relative;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .tecPic {
  width: 1.18rem;
  height: 1.18rem;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  box-sizing: border-box;
  border: 1px dashed #fff;
  text-align: center;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .tecPic .pic {
  width: 1.06rem;
  height: 1.06rem;
  margin-top: .07rem;
  display: inline-block;
  border: .02rem solid #99a1af;
  border-radius: 50%;
  background: #f7f8f8;
  overflow: hidden;
  position: relative;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .tecPic .pic img {
  margin-top: .13rem;
  margin-left: -0.1rem;
  width: 100%;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .tecPic .pic span {
  width: .1rem;
  font-size: .12rem;
  color: #999;
  line-height: .15rem;
  position: absolute;
  top: .15rem;
  right: .14rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .tecPic.cur {
  border: 1px dashed #ff737a;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .tecPic.cur .pic {
  border: .02rem solid #f8323c;
  background: #fff;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .tecPic.cur .pic span {
  color: #e84b52;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic06 .pic img {
  margin-top: .1rem;
  margin-left: -0.25rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic01 {
  left: .26rem;
  top: .16rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic02 {
  left: 1.6rem;
  top: .16rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic03 {
  left: 2.93rem;
  top: .16rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic04 {
  left: .92rem;
  top: 1.67rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic05 {
  left: 2.25rem;
  top: 1.67rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic06 {
  left: .26rem;
  top: 3.22rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic07 {
  left: 1.6rem;
  top: 3.22rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic08 {
  left: 2.93rem;
  top: 3.22rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic09 {
  right: 2.83rem;
  top: .16rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic10 {
  right: 1.5rem;
  top: .16rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic11 {
  right: .16rem;
  top: .16rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic12 {
  right: 2.15rem;
  top: 1.67rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic13 {
  right: .82rem;
  top: 1.67rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic14 {
  right: 2.83rem;
  top: 3.22rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic15 {
  right: 1.5rem;
  top: 3.22rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-s .teaPic16 {
  right: .16rem;
  top: 3.22rem;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-l {
  width: 2.94rem;
  position: absolute;
  bottom: 0;
  left: 37%;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-l img {
  display: inline-block;
}
.p4-main1 .adv .f3-box .s1-top .teachPic-l span {
  display: inline-block;
  width: .31rem;
  height: .75rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  position: absolute;
  top: -0.13rem;
  right: .2rem;
  line-height: .23rem;
  padding-top: .08rem;
  background: #27150b;
  background: -webkit-linear-gradient(bottom, #6f3300, #27150b);
  background: -o-linear-gradient(top, #6f3300, #27150b);
  background: -moz-linear-gradient(top, #6f3300, #27150b);
  background: linear-gradient(to bottom, #6f3300, #27150b);
}
.p4-main1 .adv .f4-box {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  background: #f5f6f9;
  border-radius: .2rem;
  padding: .35rem 0 .37rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.p4-main1 .adv .f4-box .item {
  width: 550px;
  display: inline-block;
  background: #fff;
  margin: 0 14px;
  border-radius: 10px;
}
.p4-main1 .adv .f4-box .item .itemTit {
  width: 470px;
  float: left;
  margin: 38px 40px 20px;
  padding-bottom: 14px;
  border-bottom: solid 2px #b8bac2;
  position: relative;
}
.p4-main1 .adv .f4-box .item .itemTit h4 {
  font-size: 30px;
  line-height: 52px;
  font-weight: bold;
  color: #f8323c;
  float: left;
}
.p4-main1 .adv .f4-box .item .itemTit h4::before {
  content: '';
  width: .08rem;
  height: .4rem;
  display: block;
  background: #fc535b;
  background: -webkit-linear-gradient(bottom, #f8323c, #ff737a);
  background: -o-linear-gradient(top, #f8323c, #ff737a);
  background: -moz-linear-gradient(top, #f8323c, #ff737a);
  background: linear-gradient(to bottom, #f8323c, #ff737a);
  position: absolute;
  top: .05rem;
  left: -0.35rem;
}
.p4-main1 .adv .f4-box .item .itemTit h4::after {
  content: '';
  width: .24rem;
  height: .04rem;
  display: block;
  background: #676b7d;
  position: absolute;
  left: .02rem;
  bottom: -0.02rem;
}
.p4-main1 .adv .f4-box .item p {
  font-size: .18rem;
  line-height: .31rem;
  text-align: left;
  width: 4.9rem;
  float: left;
  margin: 0 .3rem .21rem;
  display: inline-block;
}
.p4-main1 .adv .f4-box .item ul {
  width: 100%;
  clear: both;
  margin-bottom: .2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.p4-main1 .adv .f4-box .item ul li {
  width: 1.5rem;
  height: .6rem;
  display: inline-block;
  background: #f5f6f9;
  margin: 0 .06rem .13rem;
  font-size: .18rem;
  line-height: .6rem;
  text-align: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.p4-main1 .adv .f4-box .item ul li span {
  position: relative;
  z-index: 3;
}
.p4-main1 .adv .f4-box .item ul li::before {
  content: '';
  width: .2rem;
  height: .6rem;
  display: inline-block;
  vertical-align: top;
  margin-right: .03rem;
  position: relative;
  z-index: 3;
}
.p4-main1 .adv .f4-box .item ul li i {
  width: 100%;
  height: 0;
  background: #f8323c;
  transition: all .15s;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
}
.p4-main1 .adv .f4-box .item ul li:hover i {
  height: 100%;
  top: 0;
}
.p4-main1 .adv .f4-box .item ul li:hover span {
  color: #fff;
}
.p4-main1 .adv .f4-box .item1 p {
  letter-spacing: -1px;
}
.p4-main1 .adv .f5-box {
  width: 100%;
  margin-top: 44px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.p4-main1 .adv .f5-box .item {
  width: 5.8rem;
  height: 5rem;
  display: block;
  background: #f5f6f9;
  border-radius: .2rem;
  position: relative;
}
.p4-main1 .adv .f5-box .item .pic {
  width: 5.34rem;
  display: block;
  margin: .21rem .21rem .2rem;
  position: relative;
}
.p4-main1 .adv .f5-box .item a.arr {
  position: absolute;
  top: 50%;
  margin-top: -0.16rem;
  display: block;
  width: .32rem;
  height: .32rem;
  /* background: #ffd2d2 url('../images/slider-arrow.png') -1.1rem .05rem no-repeat; */
  background: #e15d5d;
  filter: alpha(opacity=50);
  opacity: 0.5;
  font-size: .3rem;
  line-height: .32rem;
  color: #fff;
}
.p4-main1 .adv .f5-box .item a.arr.prev {
  left: 1%;
}
.p4-main1 .adv .f5-box .item a.arr.next {
  right: 1%;
  background-position: .08rem .05rem;
}
.p4-main1 .adv .f5-box .item a.arr:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.p4-main1 .adv .f5-box .item h4 {
  font-size: .24rem;
  line-height: .36rem;
  color: #f8323c;
  font-weight: bold;
  width: 90%;
  margin: auto 5%;
}
.p4-main1 .adv .f5-box .item p {
  font-size: .16rem;
  line-height: .26rem;
  text-align: left;
  width: 90%;
  margin: .1rem 5% auto;
}
.p4-main1 .adv .f5-box .item::after {
  content: '';
  width: 1.4rem;
  height: .05rem;
  display: none;
  background: #e13b29;
  position: absolute;
  left: 50%;
  margin-left: -0.7rem;
  bottom: 0;
}
.p4-main1 .adv3 {
  background: #ffffff;
}
.s8B{
  background: url("../images/s8img1.png") no-repeat center top;
  background-size: 100%;
  width: 8.69rem;
  height: 1.14rem;
  margin: -.4rem auto 0;
}
.s8B>p{
  font-size: .2rem;
  width: 80%;
  margin: .3rem 10% 0;
  line-height: .3rem;
  display: inline-block;
  float: left;
}
.sec9 .secTit {
  margin-top: 80px;
}
.p9-main{
  margin-top: .27rem;
  height: 6.4rem;
  background: url("../images/s9xqBg.png") no-repeat center .28rem;
  background-size: 4.67rem;
}
.p9-main>div{
  display: inline-block;
  width: 100%;
}
.s9L{
  position: relative;
  height: 4.5rem;
}
.s9L>div{
  display: inline-block;
  width: 1.91rem;
  height: 1.92rem;
  background: url("../images/s9xtBg.png") no-repeat center top;
  background-size: 100%;
  text-align: center;
  position: absolute;
}
.s9L>div.cur{
  background: url("../images/s9xtBg1.png") no-repeat center top;
  background-size: 100%;
}
.s9L>div>img{
  margin-top: .48rem;
}
.s9L .s9img1{
  left: 1.15rem;
  top: 0;
}
.s9L .s9img2{
  right: 1.15rem;
  top: 0;
}
.s9L .s9img3{
  left: -.14rem;
  top: 1.2rem;
}
.s9L .s9img4{
  right: -.14rem;
  top: 1.2rem;
}
.s9L .s9img5{
  left: 1.15rem;
  top: 2.4rem;
}
.s9L .s9img6{
  right: 1.15rem;
  top: 2.4rem;
}
.p9-main .s9R{
  width: 2.11rem;
  position: absolute;
  transform: translate(-50%,0);
  left: 50%;
  top: 2.6rem;
}
.p9-main .s9R img{
  width: 100%;
}
.p9-main .s9B{
  width: 8.69rem;
  display: block;
  margin: -.2rem auto 0;
}
.s9B>p>span{
  display: inline-block;
  font-size: .2rem;
  font-weight: bold;
  margin-right: .67rem;
}
.s9B>p>span:nth-of-type(3n){
  margin-right: 0;
}
.p10-main {
  margin-top: .32rem;
  height: 5.27rem;
  background: url(../images/s10Bg.png) no-repeat center top;
  background-size: 100%;
  width: 85%;
  padding: .38rem 7.5% 0;
}
.p10-main>img{
  display: inline-block;
  float: left;
  width: 1.44rem;
  margin-right: .3rem;
  margin-bottom: .3rem;
  transition: all 0.5s;
  cursor: pointer;
}
.p10-main>img:hover{
  transform: scale(1.05);
}
.p10-main>img:nth-of-type(6n){
  margin-right: 0;
}






















.p11-main{
  margin-top: .32rem;
}












.flip {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  backface-visibility: hidden;
  transform: translateX(0);
}
.flip.out {
  -webkit-transform: rotateY(-90deg) scale(.9);
  -webkit-animation-name: flipouttoleft;
  -webkit-animation-duration: 175ms;
  transform: rotateY(-90deg) scale(.9);
  animation-name: flipouttoleft;
  animation-duration: 175ms;
}
.flip.in {
  -webkit-animation-name: flipintoright;
  -webkit-animation-duration: 225ms;
  animation-name: flipintoright;
  animation-duration: 225ms;
}
@-webkit-keyframes flipouttoleft {
  from { -webkit-transform: rotateY(0); }
  to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
  from { transform: rotateY(0); }
  to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipintoright {
  from { -webkit-transform: rotateY(90deg) scale(.9); }
  to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
  from { transform: rotateY(90deg) scale(.9); }
  to { transform: rotateY(0); }
}
@keyframes myfirst {
  from {transform: rotate(0deg);}
  to {transform: rotate(-360deg);}
}
@keyframes iMove{
  0%{transform: translateX(0);}
  100%{transform: translateX(-30px);}
}