/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.absl{position: absolute;left: 0;top: 0;}
.absr{position: absolute;right: 0;top: 0;}

input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;}
.main{width: 17.7rem;margin: 0 auto;}

/*head*/
.head{height: 2.5rem;width: 17.05rem;}
.head h1,.head h1 a{width:3.3rem;height: 1rem;}
.head h1 a{background: url(../img/logo.png) no-repeat;background-size: 100% 100%;display: block;margin-top: 0.75rem;}
.head div{height: 0.9rem;color: #2c3237;border-left: 1px solid #152b36;margin-left: 0.4rem;padding-left: 0.35rem;font-size: 0.5rem;margin-top: 0.85rem;line-height: 0.9rem;}
.head a.fr{background: url(../img/tel.png) no-repeat left center;background-size: 0.85rem 0.85rem;color: #2c3237;font-size:0.65rem;padding-left: 1.25rem;margin-top: 0.9rem;height: 0.85rem;}
/*nav*/
.nav{width: 100%;background: #09d7af;}
.nav ul{padding: 0.7rem 0;}
.nav .main{width: 14.45rem;}
.nav ul li{font-size: 0.65rem;border-left: 1px solid #fff;height: 0.75rem;line-height: 0.75rem;padding-right: 0.63rem;padding-left: 0.63rem;}
.nav a{color: #fff;display: block;width: 100%;height: 100%;}
.nav .fir{border-left: none;padding-left: 0rem;}
.nav .last{padding-right: 0rem;}
/*banner*/
.banner{background: url(../img/banner.jpg) no-repeat;height: 25.5rem;background-size: 100% 100%;width: 100%;}
/*part1*/
.p1{text-align: center;padding-top: 1.5rem;}
.p1 h2{font-size: 1.25rem;color: #152b36;width: 100%;margin-bottom: 1.35rem;}
.p1 h2 span{color: #1dcab6;font-weight: bold;}
.p1 .tit .absl{top: 1.3rem;}
.p1 .tit .absl i{width: 0;height: 1px;background: #1dcab6;margin-top: 0.15rem;}
.p1 .tit .absl em{width: 0.35rem;height: 0.35rem;background: linear-gradient(36deg,#43e97b,#38f9d7);background-size: 100% 100%;border-radius: 100%;margin-left: 2px;}

.p1 .tit .absr{top: 2.5rem;}
.p1 .tit .absr i{width: 0;height: 1px;background: #b6b5b5;margin-top: 0.35rem;}
.p1 .tit .absr img{width: 0.7rem;height: 0.7rem;margin-right: 0.1rem;animation: roll 2s linear infinite;}

.p1 ul.con img{width: 8.6rem;height: 4.55rem;}

.p1 ul.con li{width: 8.6rem;height: 8.5rem;background: #fff;margin-bottom: 0.7rem; box-shadow: 0px 0px 0.8rem 0.05rem rgba(57,57,57,0.15);border-radius: 0.3rem;}

.p1 ul.con li h3{font-size: 0.75rem;font-weight: bold;color: #fff;margin-top: -2.5rem;}
.p1 ul.con li p{font-size: 0.55rem;color: #364b56;text-align: justify;padding: 0 0.7rem;margin-top: 1.15rem;}
.p1 ul.con .odd h3{text-align: left;padding-left: 0.7rem;}
.p1 ul.con .even h3{text-align: right;padding-right: 0.7rem;}
.p1 ul.con a{width: 3.3rem;height: 0.9rem;background: #a8bdcc;border-radius: 0.6rem;line-height: 0.9rem;font-size: 0.58rem;color: #fff;top: 7rem;right: 0.6rem;}
@keyframes roll {
  0%{
  	transform: rotate(0deg);
  }
  100%{
  	transform: rotate(360deg);
  }
}
/*p2*/
.p2 .main{height: 12rem;box-shadow: 0px 0px 1.7rem 0rem rgba(84,179,168,0.2);border-radius: 0.2rem;margin-bottom: 0.75rem;}
.p2 .main .title{width: 18.75rem;height: 3.55rem;background: url(../img/bg1.png) no-repeat;background-size: 100% 100%;left: -0.35rem;top: 0.9rem;}
.p2 .main .eng{font-size: 0.35rem;color: #cfd3d6;text-align: left;margin-left:0.9rem;padding-top: 5.05rem;}
.p2 h3{font-size: 1rem;color: #fff;font-weight: bold;text-align: left;border-left:1px solid #39ffac;height: 0.95rem;padding-left: 0.65rem;margin-left: 1.45rem;margin-top: 1.52rem;line-height: 0.9rem;}
.p2 h3 i{width: 0.125rem;height: 0.55rem;background: #fff;left: -0.07rem;animation: totop 1.5s linear infinite;}
.p2 ul{margin: 1.1rem 0 0rem 0.75rem;}
.p2 li{margin-right: 0.7rem;}
.p2 li img,.p2 li b{width: 3.5rem;height: 3.5rem;}
.p2 li b{background: url(../img/roll1.png) no-repeat;background-size: 100% 100%;animation: roll 3s linear infinite;box-shadow: 0px 0.25rem 0.35rem 0rem rgba(0,0,0,0.1);border-radius:100%;}
.p2 li i{background: url(../img/cir2.png) no-repeat;background-size: 100% 100%;width: 0.95rem;height: 0.95rem;top: -0.25rem;box-shadow: 0px 0.1rem 0.2rem 0rem rgba(45,35,35,0.1);border-radius:100%;}
.p2 h4{font-size: 0.5rem;color: #152b36;margin-top: 0.5rem;}
.p2 li b.sec{background: url(../img/roll2.png) no-repeat;background-size: 100% 100%;}
.p2 li b.thr{background: url(../img/roll3.png) no-repeat;background-size: 100% 100%;}
.p2 .main2{height: 6rem;}
.p2 .main2 ul{padding-top: 0.7rem;}
.p2 .main3 .title{background: url(../img/bg2.png) no-repeat;background-size: 100% 100%;}
.p2 .main3  h3{border-left:1px solid #f0ec2c;}
.p2 .main3  h5{background: url(../img/cir3.png) no-repeat;width: 1.35rem;height: 1.35rem;background-size: 100% 100%;left: 50%;margin-left: -0.675rem;top: 11.2rem;}
#more_class{height:3.77rem;overflow: hidden;margin-bottom: 0;}
#more_class ul{margin-top: 0;}
#more_class li{margin-bottom: 0.7rem;}
#p2 .toH{height: 11.5rem;}
@keyframes totop {
  0%{
  	transform:translateY(0);
  }
  50%{
  	transform:translateY(0.95rem);
  }
  100%{
  	transform:translateY(0);
  }
}
/*p3*/
.p3{background: url(../img/bg3.jpg) no-repeat;width: 100%;height: 16.25rem;background-size: 100% 100%;}
.p3 h2 span{color: #fff;}
.p3 .tit .absr i,.p3 .tit .absl i{background: #fff;}
.p3 .main{height: 14.25rem;background: #fff;border-radius: 0.3rem;box-shadow: 0px 0rem 1.7rem 0rem rgba(32,122,112,0.2);padding-top: 0.75rem;}
.p3 .main div.rel{width: 15.9rem;margin: 0 auto;height: 4.5rem;}
.p3 .main img{width: 4rem;height: 4rem;}
.p3 .main b{width: 0rem;height: 2.05rem;line-height: 2.05rem;border: 0.125rem solid #d2f4f0;border-radius: 1.5rem;top: 0.75rem;font-size: 0.75rem;color: #152b36;text-align: left;overflow: hidden;right: 0.28rem;}
.p3 .main p{padding-left: 0.7rem;}
.p3 .main i{width: 0;height: 2.3rem;border: 0.1rem solid #1dcab6;border-radius: 1.5rem;top:0.65rem;right: 0.45rem;}
.p3 .even i{left: 0.45rem;}
.p3 .even b{left: 0.28rem;}
.p3 .even p{padding-left: 4.5rem;}
.p4{margin-top: 3.5rem;}
.p4 .main{height: 8.85rem;width: 100%;box-shadow: 0px 0rem 1.7rem 0rem rgba(32,122,112,0.2);}
.p4 ul{width: 17.55rem;margin: 0 auto;}
.p4 ul li{width: 8.4rem;}
.p4 ul video{width: 8.4rem;margin-top: 1.15rem;}
.p4 ul p{font-size: 0.55rem;color: #62727d;margin: 0.8rem 0.25rem 0 0.4rem;}
.p4 ul img{width: 0.8rem;height: 0.6rem;margin-top: 0.9rem;}
.p4 ul a{width: 3.65rem;height: 0.9rem;background: #1dcab6;border-radius: 0.6rem;line-height: 0.9rem;font-size: 0.55rem;color: #fff;margin: 0.7rem 0 0 0.7rem;}
.p5{height: 20rem;}
.p5 .main{width: 100%;height: 7.45rem;}
.p5 .main .teacher{width: 6.3rem;height: 100%;margin: 0 auto;}
.p5 .tbox,.p5 .tbox img,.p5 .tbox i{width: 6.3rem;height: 7.45rem;}
.p5 .tbox h3{font-size: 0.9rem;color: #1dcab6;font-weight: bold;margin: 0.7rem 0 0.4rem;}
.p5 .tbox p{font-size: 0.55rem;color: #1dcab6;}
.p5 .tbox i{background: linear-gradient(36deg,#1dcab6,#2ae491);background-size:100% 100%;opacity: 0.6;transition: 0.3s;}
#swiper1{overflow: visible;}
#swiper1 .swiper-slide{transform: scale(0.8);transition: 0.3s;}
#swiper1 .swiper-slide-active{transform: scale(1);transition: 0.3s;}
#swiper1 .swiper-slide-active i{opacity: 0;transition: 0.3s;}
#swiper1 .swiper-slide-active p{color: #152b36;}
.p5 a{display: block;background: url(../img/btn.png) no-repeat;width: 9.85rem;height: 2.35rem;background-size: 100% 100%;line-height: 2.35rem;font-size: 1.25rem;color: #fff;margin: 4rem auto;}
.p6 {background: linear-gradient(50deg,#2ae491,#1dcab6);width: 100%;height: 11.1rem;background-size: 100% 100%;}
.p6 .main{height: 17.5rem;box-shadow: 0px 0rem 1.7rem 0rem rgba(32,122,112,0.2);padding-top: 0;margin-bottom: 3rem;}
.p6 .main .tab{width: 100%;height: 100%;overflow: hidden;}
.p6 .tab h3{font-size:0.85rem;color: #23d5a6;border-left: 0.125rem solid #ffc603;text-align: left;margin-left: 1.15rem;padding-left: 0.5rem;height: 0.8rem;line-height: 0.75rem;margin-top:1.35rem;}
.p6 .tab1 img{width: 17.65rem;height: 10.75rem;}
.p6 .tab .ul1 li{font-size: 0.6rem;color: #152b36;padding:0.3rem 0rem;border: 1px solid #152b36;margin-right: 0.65rem;margin-bottom: 0.75rem;width: 4.3rem;}
.p6 .tab .ul1 li.fir{width: 4.9rem;}
.p6 .tab .ul1 span.absl{width: 0.65rem;height: 0.15rem;background: #1dcab6;top: -0.08rem;animation: toR 2s linear infinite;}
.p6 .tab .ul1{margin-left: 1.45rem;}
#swiper2{height: 19.25rem;}
.p6 .tab .change span{width: 0.65rem;height: 0.15rem;background: #ffc603;animation: toR2 2s linear infinite;transform: translateX(-0rem);top: -0.08rem;}
.p6 .ul2{margin: 1.2rem 0 0 0.756rem;}
.p6 .ul2 li{width: 4.95rem;height: 5.95rem;box-shadow: 0px 0.125rem 1rem 0rem rgba(0,0,0,0.1);margin:0  0.5rem 0.9rem 0;}
.p6 .ul2 img{width: 2.95rem;height: 2.95rem;margin-top: 0.75rem;}
.p6 .ul2 h4{background: url(../img/line.jpg) no-repeat bottom center;background-size:2.55rem 0.075rem;font-size: 0.65rem;color: #152b36;padding-bottom: 0.25rem;margin-top: 0.4rem;}
.p6 .ul2 span{width: 1.2rem;height: 0.1rem;background: #93f67a;top: -0.1rem;animation: toR3 2s linear infinite;}
.p6 .ul2 span.absr{animation: toR4 2s linear infinite;}
.p6 .ul3{margin:1.2rem 0 0 1.1rem;}
.p6 .ul3 img{width: 5rem;height: 6rem;}
.p6 .ul3 p{font-size: 0.65rem;color: #fff;margin-top: -2rem;padding-left: 0;}
.p6 .ul3 li{margin-right: 0.22rem;margin-bottom: 2rem;}
#swiper2 .swiper-pagination{bottom: 0rem;}
.swiper-pagination span{width: 0.35rem;height: 0.35rem;background: #1dcab6;border-radius: 100%;display: inline-block;transition: 0.3s;}
.swiper-pagination .swiper-pagination-bullet-active{width: 0.95rem;background: #ffc603;border-radius: 0.6rem;transition: 0.3s;}
.p7{background: url(../img/bg.png) no-repeat;width: 100%;background-size: 100% 15.5rem;margin-top: 13.5rem;padding-top: 0;height: 23.6rem;}
.p7 .main{width: 15.4rem;height: 15.6rem;background: #fff;border-radius: 0.3rem;top: 6.15rem;box-shadow: 0px 0.075rem 1.15rem 0rem rgba(197,197,196,0.7);}
.p7 .eng{width: 10.756rem;height: 1.5rem;margin: 1.2rem 0 1.1rem;}
#inform{display: block;width: 12.95rem;margin: 0 auto;}
#inform .clearfix{width: 100%;height: 1.8rem;border: 1px solid #e6e6e6;box-shadow: 0px 0.075rem 0.95rem 0rem rgba(197,197,196,0.42);margin-bottom: 0.75rem;}
#inform .clearfix img{width: 1.75rem;height: 1.8rem;margin-right: 0.4rem;}
#inform input{width:10.8rem;height: 1.8rem;border: none;font-size: 0.7rem;color: #3c5764;}
input::-webkit-input-placeholder{ color: #3c5764; } 
input:-moz-placeholder{color: #ddd; } 
input:-ms-input-placeholder{ color: #ddd; }
#getcode{border: 1px solid #2ccebb;color: #2ccebb;font-size: 0.5rem;width: 4.5rem;height: 1.05rem;line-height: 1.05rem;border-radius: 0.5rem;top: 0.35rem;right: 0.5rem;}
#submsg{background: url(../img/ly.png) no-repeat;width: 10.9rem;height: 1.9rem;background-size: 100% 100%;margin-top: 0.8rem;}
.foot{padding: 0.9rem 0 2.4rem;background: #152b36;font-size: 0.5rem;color: #fff;text-align: center;line-height: 0.75rem;}
@keyframes toR {
  0%{
  	transform:translateX(0);
  }
  50%{
  	transform:translateX(7.8rem);
  }
  100%{
  	transform:translateX(0);
  }
}
@keyframes toR2 {
  0%{
  	transform:translateX(0);
  }
  50%{
  	transform:translateX(-7.8rem);
  }
  100%{
  	transform:translateX(0);
  }
}
@keyframes toR3 {
  0%{
  	transform:translateX(0);
  }
  50%{
  	transform:translateX(8rem);
  }
  100%{
  	transform:translateX(0);
  }
}
@keyframes toR4 {
  0%{
  	transform:translateX(0);
  }
  50%{
  	transform:translateX(-8rem);
  }
  100%{
  	transform:translateX(0);
  }
}
/*an*/
@charset "UTF-8";
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes wid1 {
  0%{
  	width: 0;
  }
  100%{
  	width:3.4rem;
  }
}
@keyframes wid1 {
  0%{
  	width: 0;
  }
  100%{
  	width:3.4rem;
  }
}
.wid1 {
  -webkit-animation-name: wid1;
  animation-name: wid1;
}
@-webkit-keyframes wid2 {
  0%{
  	width: 0;
  }
  100%{
  	width:3rem;
  }
}
@keyframes wid2 {
  0%{
  	width: 0;
  }
  100%{
  	width:3rem;
  }
}
.wid2 {
  -webkit-animation-name: wid2;
  animation-name: wid2;
}
@-webkit-keyframes wid3 {
  0%{
  	width: 0;
  }
  100%{
  	width:4.55rem;
  }
}
@keyframes wid3 {
  0%{
  	width: 0;
  }
  100%{
  	width:4.55rem;
  }
}
.wid3 {
  -webkit-animation-name: wid3;
  animation-name: wid3;
}
@-webkit-keyframes wid4 {
  0%{
  	width: 0;
  }
  100%{
  	width:3.8rem;
  }
}
@keyframes wid4 {
  0%{
  	width: 0;
  }
  100%{
  	width:3.8rem;
  }
}
.wid4 {
  -webkit-animation-name: wid4;
  animation-name: wid4;
}
@-webkit-keyframes wid5 {
  0%{
  	width: 0;
  }
  100%{
  	width:15.6rem;
  }
}
@keyframes wid5 {
  0%{
  	width: 0;
  }
  100%{
  	width:15.6rem;
  }
}
.wid5 {
  -webkit-animation-name: wid5;
  animation-name: wid5;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}