* {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Microsoft YaHei, arial, sans-serif;
}
#one,
#two,
#three,
#four,
#five,
#six,
#seven,
#eight,
#nine {
  display: inline-block;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
#clear {
  clear: both;
  width: 0;
  height: 0;
  display: block;
}
body {
  width: 100%;
  min-width: 360px;
  background: #f5f5f5;
}
.title {
  width: 408px;
  height: 46px;
  margin: 0 auto;
  background: url(imgcourse-title.png) no-repeat;
}
.pc-top {
  background: white;
}
.pc-top .t-middle {
  width: 1100px;
  height: 60px;
  margin: 0 auto;
  background: white;
}
.pc-top .t-middle .logo {
  float: left;
  width: 203px;
  height: 25px;
  display: block;
  margin-top: 15px;
}
.pc-top .t-middle .navlist {
  float: right;
}
.pc-top .t-middle .navlist .list {
  float: left;
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 20px;
}
.pc-top .t-middle .navlist .list a {
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #262626;
  transition: 0.5s;
}
.pc-top .t-middle .navlist .list a:hover {
  color: #e11e3c;
  transition: 0.5s;
}
.pc-top .t-middle .navlist .list + .list {
  border-left: 1px solid #737373;
}
.phone-top {
  display: none;
  position: relative;
}
.phone-top .top-nav {
  width: 100%;
  height: 60px;
  background: white;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.phone-top .top-nav .logo {
  width: 203px;
  height: 25px;
  display: block;
  float: left;
  padding-left: 15px;
  margin-top: 15px;
}
.phone-top .top-nav .navicon {
  width: 26px;
  height: 18px;
  display: block;
  float: right;
  margin-right: 15px;
  margin-top: 20px;
  cursor: pointer;
  transition: 0.5s;
  background: url(../img/navicon.png) no-repeat;
}
.phone-top .top-nav .trangle {
  transition: 0.5s;
  transform: rotate(90deg);
}
.phone-top .sublist {
  display: none;
  width: 100%;
  height: 100%;
  background: #e11e3c;
  position: fixed;
  padding-top: 60px;
  z-index: 9998;
}
.phone-top .sublist .list {
  height: 80px;
  line-height: 80px;
  text-align: center;
}
.phone-top .sublist .list a {
  font-size: 16px;
  color: white;
}
.phone-top .sublist .list + .list {
  border-top: 1px solid #e03d54;
}
.banner {
  height: 730px;
  background: url(imgbanner.jpg) center no-repeat;
}
.phone-banner {
  display: none;
  padding-top: 60px;
}
.main {
  width: 1100px;
  margin: 0 auto;
}
.main .choose-warp {
  width: 100%;
  height: 100px;
  background: white;
  margin-top: 56px;
  position: relative;
}
.main .choose-warp .c-title {
  float: left;
  width: 102px;
  height: 100px;
  display: block;
  background: #21a768;
  font-size: 24px;
  color: white;
  text-align: center;
  line-height: 34px;
  padding-top: 12px;
}
.main .choose-warp .c-list {
  width: 998px;
  float: left;
  line-height: 100px;
}
.main .choose-warp .c-list .c-item {
  float: left;
}
.main .choose-warp .c-list .c-item a {
  font-size: 17px;
  color: #4c4c4c;
  width: 92px;
  height: 32px;
  background: white;
  border-radius: 50px;
  display: block;
  margin: 34px 6px;
  line-height: 32px;
  transition: 0.5s;
  display: block;
  text-align: center;
  margin-left: 182px;
}
.main .choose-warp .c-list .c-item a:hover {
  background: #21A768;
  color: white;
}
.main .choose-warp .c-list .c-item .item-cur {
  background: white;
  color: black;
}
.main .series-warp {
  width: 1100px;
  margin: 60px auto 0;
}
.main .series-warp .title {
  background-image: url(imgseries-title.png);
}
.main .series-warp .stab-warp {
  width: 100%;
  padding-bottom: 40px;
  background: white;
  margin-top: 50px;
}
.main .series-warp .stab-warp .tabtitle {
  width: 100%;
  height: 80px;
  color: 34c4c4c;
  border-bottom: 2px solid #cccccc;
  text-align: center;
  line-height: 80px;
  font-size: 28px;
  font-weight: normal;
}
.main .series-warp .stab-warp .profile .advantage {
  padding-top: 36px;
}
.main .series-warp .stab-warp .profile .advantage .icon {
  width: 74px;
  height: 72px;
  display: block;
  background: url(imgbook.png) no-repeat;
}
.main .series-warp .stab-warp .profile .advantage .section {
  font-size: 16px;
  line-height: 24px;
  padding-left: 36px;
}
.main .series-warp .stab-warp .profile .advantage .section .stitle {
  font-size: 18px;
}
.main .series-warp .stab-warp .profile .people .icon {
  width: 109px;
  height: 80px;
  display: block;
  margin-left: -46px;
  background: url(imgfitpeople.png) no-repeat;
}
.main .series-warp .stab-warp .table {
  margin: 0 auto;
  border: 1px solid #21a768;
  margin-top: 20px;
}
.main .series-warp .stab-warp .table .t-header {
  height: 36px;
  background: #21a768;
  color: white;
  line-height: 36px;
}
.main .series-warp .stab-warp .table .t-header th {
  font-size: 20px;
  font-weight: normal;
}
.main .series-warp .stab-warp .table .t-header th + th {
  border-left: 1px solid #2dd485;
}
.main .series-warp .stab-warp .table .t-con td {
  text-align: center;
  vertical-align: middle;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}
.main .series-warp .stab-warp .table .t-con td .add {
  color: #5e5c5c;
}
.main .series-warp .stab-warp .table .t-con td .selec {
  margin-top: 5px;
  width: 70%;
  font-size: 14px;
  border: 1px solid #CCCCCC;
}
.main .series-warp .stab-warp .table .t-con td + td {
  border-left: 1px solid #2dd485;
}
.main .series-warp .stab-warp .table .t-con + .t-con td {
  border-top: 1px solid #2dd485;
}
.main .series-warp .stab .table {
  margin-top: 40px;
}
.main .service-warp {
  width: 100%;
  margin: 60px auto 0;
}
.main .service-warp .title {
  background-image: url(imgservice-title.png);
}
.main .service-warp .s-main {
  width: 100%;
  margin-top: 10px;
}
.main .service-warp .s-main .s-list {
  height: 138px;
  background: #75d3f5;
  margin-top: 40px;
  cursor: pointer;
}
.main .service-warp .s-main .s-list .icon {
  width: 136px;
  height: 120px;
  display: block;
  float: left;
  margin-top: 10px;
  transition: 0.5s;
  margin-left: 40px;
  background: url(imgS1.png) no-repeat;
}
.main .service-warp .s-main .s-list .s-text {
  font-size: 30px;
  color: white;
  float: left;
  line-height: 138px;
}
.main .service-warp .s-main .s-list:hover .icon {
  transform: translateY(-5px);
}
.main .service-warp .s-main .list2 {
  background: #adaff2;
}
.main .service-warp .s-main .list2 .icon {
  background-image: url(imgS2.png);
}
.main .service-warp .s-main .list3 {
  background: #ffbe26;
}
.main .service-warp .s-main .list3 .icon {
  background-image: url(imgS3.png);
}
.main .service-warp .s-main .list4 {
  background: #ff924f;
}
.main .service-warp .s-main .list4 .icon {
  margin-left: 5px;
  background-image: url(imgS4.png);
}
.main .service-warp .s-main .list4 .s-text {
  margin-left: -15px;
}
.main .service-warp .s-main .list5 {
  background: #b5e338;
}
.main .service-warp .s-main .list5 .icon {
  margin-left: 4px;
  background-image: url(imgS5.png);
}
.main .service-warp .s-main .list6 {
  background: #21a768;
}
.main .service-warp .s-main .list6 .icon {
  margin-left: 0px;
  background-image: url(imgS6.png);
}
.main .course-warp {
  width: 100%;
  margin: 60px auto 0;
}
.main .course-warp .title {
  background-image: url(imgcourse-title.png);
}
.main .course-warp .c-main {
  margin-top: 60px;
}
.main .course-warp .c-main .c-list {
  cursor: pointer;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: white;
  border: 1px solid #21A768;
}
.main .course-warp .c-main .c-list dt {
  width: 80px;
  height: 80px;
  display: block;
  margin: 20px auto 10px;
  transition: 0.5s;
  background: url(imgc1.png) no-repeat;
}
.main .course-warp .c-main .c-list .c-icon2 {
  background-image: url(imgc2.png);
}
.main .course-warp .c-main .c-list .c-icon3 {
  background-image: url(imgc3.png);
}
.main .course-warp .c-main .c-list .c-icon4 {
  background-image: url(imgc4.png);
}
.main .course-warp .c-main .c-list dd {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  text-align: center;
}
.main .course-warp .c-main .c-list dd span {
  font-size: 20px;
  color: #21A768;
  text-align: center;
  display: block;
  padding-bottom: 5px;
}
.main .course-warp .c-main .c-list:hover dt {
  transform: rotateY(360deg);
}
.main .address-warp {
  width: 100%;
  margin: 60px auto 0;
  overflow: hidden;
}
.main .address-warp .title {
  width: 758px;
  background-image: url(imgaddress-title.png);
}
.main .address-warp ul {
  width: 957px;
  margin: 50px auto 20px;
  position: relative;
  left: 20px;
  top: 0;
}
.main .address-warp ul li {
  float: left;
  margin-right: 31px;
  margin-bottom: 20px;
}
.main .address-warp ul li a {
  width: 128px;
  height: 47px;
  display: block;
  background: white;
  border-radius: 50px;
  font-size: 20px;
  color: #262626;
  text-align: center;
  line-height: 47px;
  transition: 0.5s;
}
.main .address-warp ul li:hover a {
  background: #21a768;
  color: white;
}
.footer {
  background: #505050;
  border-top: 1px solid white;
}
.footer .copy-middle {
  border-top: 1px solid white;
  background: #505050;
  overflow: hidden;
}
.footer .copy-middle .footer-list {
  width: 770px;
  margin: 40px auto 0;
}
.footer .copy-middle .footer-list li {
  float: left;
  margin-left: 6px;
  margin-right: 6px;
  height: 16px;
  line-height: 16px;
}
.footer .copy-middle .footer-list li a {
  transition: 0.5s;
  color: white;
  padding-left: 6px;
}
.footer .copy-middle .footer-list li + li {
  border-left: 1px solid white;
}
.footer .copy-middle .footer-list li:hover a {
  transition: 0.5s;
  color: #eae9e9;
}
.footer .copy-middle p {
  color: white;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 20px;
}
.slide {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -100px;
}
.slide .s-list {
  width: 116px;
  background: #21a768;
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  color: white;
  text-align: center;
  line-height: 30px;
}
.slide .s-list1 {
  line-height: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.slide .stop {
  cursor: pointer;
}
.slide .close {
  cursor: pointer;
  width: 32px;
  height: 33px;
  display: block;
  background: url(imgclose.png) no-repeat;
  margin: 20px auto 0;
}
.open {
  z-index: 9997;
  width: 28px;
  height: 100px;
  background: #21A768;
  color: white;
  cursor: pointer;
  text-align: center;
  padding-top: 5px;
  position: fixed;
  right: -28px;
  top: 50%;
  margin-top: -50px;
  z-index: 9999;
}
/*# sourceMappingURL=style.css.map */