@charset "utf-8";

/* CSS Document */
body,
div,
p,
span,
ul,
li,
dl,
dt,
dd,
a,
ol,
input,
button,
img,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding   : 0;
  margin    : 0;
  list-style: none;
  border    : 0;
}

body {
  font-family: 'Microsoft Yahei', 'Simsun';
  color      : #333;
  font-size  : 16px;
  line-height: 24px;
  background : #fff;
}

a {
  color          : #fff;
  text-decoration: none;
}

img {
  display: block;
  border : none;
}

a:hover {
  text-decoration: none;
}

body,
input,
button,
img {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

i {
  font-style: normal;
}

input,
button {
  font-family: "微软雅黑";
}

html,
body {
  height  : 100%;
  position: relative;
}

.w1200 {
  width : 1200px;
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix::after {
  clear  : both;
  content: "";
  display: block;
  height : 0;
}


/* banner */
.banner {
  width     : 100%;
  height    : 582px;
  background: url(../images/bannner.jpg) no-repeat center;
}

.form_box {
  width          : 1165px;
  padding        : 50px 0 0 35px;
  height         : 266px;
  background     : #fff;
  margin         : 0 auto;
  position       : absolute;
  top            : 540px;
  left           : 50%;
  margin-left    : -600px;
  box-shadow     : 0 0 6px #ccc;
  display        : flex;
  justify-content: space-between;
  overflow       : hidden;
}

.form_box .tit h3 {
  font-size: 48px;
  color    : #333;
}

.form_box .tit p {
  font-size: 30px;
  color    : #333;
  padding  : 40px 0 0 0;
}

.form_box .content {
  width: 380px;
}

.form_box .content p {
  margin-bottom  : 20px;
  position       : relative;
  display        : flex;
  justify-content: space-between;
}

.form_box .content input {
  padding-left: 5%;
  width       : 95%;
  height      : 48px;
  line-height : 48px;
  border      : 1px solid #cf2f4c;
  font-size   : 16px;
}

.form_box .content p .code {
  font-size: 18px;
  color    : #ec2e26;
  position : absolute;
  top      : 12px;
  right    : 25px;
}

.form_box .img img {
  margin-top: 29px;
}

.form_box .content .Apply {
  width        : 178px;
  height       : 48px;
  line-height  : 48px;
  text-align   : center;
  background   : linear-gradient(to right, #ed3227 0%, #f7a44d 100%);
  color        : #fff;
  font-size    : 16px;
  border-radius: 25px;
}

.page_title {
  padding: 30px 0;
}

/* page_con */
.page_con {
  padding-top: 20px;
}

.public_con {
  display        : flex;
  justify-content: space-between;
}

.public_con .list dl dt b {
  color       : #e63546;
  padding-left: 5px;
}

.public_con .list dl {
  font-size: 18px;
  color    : #666;
  padding  : 5px 10px 0;
}

.public_con .list {
  height: 360px;
  width : 32%;
}

.public_con .list dl dt {
  display: flex;
}

.public_con .list dl dd {
  padding-top: 15px;
}

.public_con .list dl dt em {
  width        : 52px;
  height       : 52px;
  line-height  : 52px;
  text-align   : center;
  display      : inline-block;
  color        : #fff;
  background   : #e63546;
  font-size    : 24px;
  border-radius: 50%;
  font-style   : normal;
}

/* page_title */
.page_title .title {
  display    : flex;
  align-items: center;
  padding    : 0 0 35px 0;
}

.page_title .title h3 {
  font-size   : 48px;
  color       : #333;
  margin-right: 40px;
}

/* kefu_btn */
.kefu_btn {
  width        : 310px;
  height       : 50px;
  line-height  : 50px;
  text-align   : center;
  background   : linear-gradient(to right, #ed3227 0%, #f7a44d 100%);
  display      : inline-block;
  border-radius: 25px;
  text-shadow  : 0 0 8px #e91900;color:#fff;
}

.kefu_btn .icon {
  width         : 15px;
  height        : 18px;
  background    : url(../images/icon.png) no-repeat 0 0;
  display       : inline-block;
  vertical-align: -4px;
}

/* table_box */
.table_box {
  display        : flex;
  justify-content: space-between;
  padding        : 80px 0;
}

.table_box .left p {
  font-size  : 48px;
  color      : #333;
  line-height: 60px;
}

.table_box .table {
  width : 880px;
  height: 410px;
}

.table_box .table tr th {
  background : #62a100;
  color      : #fff;
  font-weight: normal;
  font-size  : 22px;
  font-weight: bold;
}

.table_box .table tr td {
  background : #7dbb1c;
  color      : #fff;
  font-size  : 18px;
  text-align : center;
  font-weight: normal;
}


.table_box .table tr .org {
  background: #fcb913;
}

.table_box .table tr .red {
  background: #f03f37;
}

.table_box .table tr .blue {
  background: #017ac3;
}

.table_box .table tr .purple {
  background: #65499e;
}

.table_box .table tr .roseo {
  background: #ca2e93;
}

/* course */
.course_box {
  padding: 0 0 100px 0;
}

.course_con .list {
  display      : flex;
  position     : relative;
  margin-bottom: 30px;
}

.course_con .list .list_con {
  width:50%;
  background: #6e2771;
  padding   : 35px 40px 0 90px;
  position  : relative;
}

.course_con .list .list_con .top p {
  color      : #fff;
  font-size  : 18px;
  line-height: 35px;
}

.course_con .list .list_con .top {
  padding-bottom: 40px;
}

.course_con .list .list_con .bottom {
  position: absolute;
  bottom  : 0;
  right   : 0;
}

.course_con .list .list_con .top p span {
  width         : 5px;
  height        : 5px;
  background    : #fff;
  border-radius : 50%;
  display       : inline-block;
  vertical-align: middle;
}

.course_con .list .course_tittle {
  width   : 218px;
  height  : 218px;
  position: absolute;
  top     : 180px;
  left    : 435px;
}

.course_con .list .course_btn {
  width        : 260px;
  height       : 40px;
  line-height  : 40px;
  text-align   : center;
  display      : block;
  border       : 1px solid #ec2e26;
  font-size    : 18px;
  color        : #ec2e26;
  background   : #fff;
  border-radius: 25px;
  position     : absolute;
  bottom       : 20px;
  left         : 250px;
}

.info_box {
  position: relative;
}

/* switch */
.switch_nav {
  display        : flex;
  justify-content: space-between;
  position       : absolute;
  top            : 230px;
}

.switch_nav span.active,
.switch_nav span:hover {
  color     : #333;
  background: #fff;
}

.switch_nav span {
  width                  : 180px;
  height                 : 70px;
  line-height            : 70px;
  text-align             : center;
  background             : #043e81;
  font-size              : 18px;
  color                  : #fff;
  border-top-left-radius : 5px;
  border-top-right-radius: 5px;
  margin-right           : 10px;
  cursor                 : pointer;
}

.switch_con {
  padding: 60px 0;
}

.switch_con .list {
  display: none;
}

.switch_con .list img {
  float: left;
}

.switch_con .list .list_info {
  width  : 380px;
  padding: 70px 60px 0 0;
  float  : left;
}

.switch_con .list .list_info b {
  font-size     : 28px;
  font-weight   : bold;
  display       : block;
  line-height   : 50px;
  padding-bottom: 45px;
}

.switch_con .list .list_info p {
  font-size: 20px;
  color    : #666;
}

/* book */
.book {
  padding: 80px 0 100px 0;
}

.book dl {
  display: flex;
}

.public_style {
  padding: 70px 0 0 130px;
}

.public_style b {
  font-size     : 30px;
  color         : #333;
  padding-bottom: 20px;
  display       : block;
}

.public_style p {
  font-size: 20px;
  color    : #666;
}

.public_style .kefu_btn {
  width     : 250px;
  margin-top: 35px;
}

/* teacher */
.teacher {
  height: 510px;
}

.teacher_box {
  width     : 695px;
  height    : 510px;
  background: url(../images/teacher_box.jpg);
  float     : left;
}

.teacher_box .swiper_show {
  padding: 45px 0 0 64px;
}

.swiper_con .list {
  display: flex;
}

.swiper_con .list .list_info .name {
  border-bottom : 2px solid #d90000;
  padding-bottom: 6px;
  margin-bottom : 10px;
}

.swiper_con .list .list_info {
  width     : 180px;
  height    : 305px;
  padding   : 115px 55px 0 30px;
  background: #ecebeb;
}

.swiper_con .list .list_info p {
  padding-top: 55px;
}

.page_title p {
  display  : block;
  font-size: 18px;
  color    : #333;
}

/* study */
.study {
  width  : 1450px;
  margin : 0 auto;
  display: flex;
  padding: 100px 0;
}

.study_box {
  width     : 945px;
  height    : 504px;
  background: url(../images/study.png) no-repeat 0 0;
}

.study_box .swiper_show {
  margin: 37px 0 0 165px;
  width : 615px;
  height: 388px;
}

/* environment */
.environment {
  padding: 100px 0;
}

.page .page_img {
  display: flex;
  padding: 50px 0 0 0;
}

/* partner */
.partner {
  padding: 100px 0;
}

.partner_con {
  padding-top    : 40px;
  display        : flex;
  justify-content: space-between;
}

.partner_con .list {
  padding   : 25px;
  background: #f5f5f5;
  width     : 520px; 
}
.partner_con .list dt img{width:100%}

.partner_con .list h4 {
  line-height: 80px;
  text-align : center;
  font-size  : 30px;
  color      : #333;
}


/******* header */
.header {
  background-color: rgba(255, 255, 255, 1);
  height          : 94px;
  width           : 100%;
  position        : relative;
  z-index         : 9;
  box-shadow      : 2px 2px 5px #b7b7b7;
}

.logo {
  float     : left;
  overflow  : hidden;
  margin-top: 5px !important;
}

.logo h1 {
  float   : left;
  overflow: hidden;
}

.logo h1 a {
  display   : inline-block;
  margin-top: 11px;
  float     : left;
}

.logo h1 span {
  display    : inline-block;
  width      : 14px;
  height     : 30px;
  border-left: 2px #e00101 solid;
  margin-left: 20px;
  margin-top : 20px;
  float      : left;
}

.logo h1 em {
  display    : inline-block;
  font-size  : 10px;
  color      : #e00101;
  float      : left;
  line-height: 1.5;
  margin-top : 17px;
}

.phonetxt {
  float      : right;
  padding-top: 35px;
}

.phonetxt h3 {
  font-size: 16px;
  color    : #FF8800;
}

.phonetxt span {
  display    : block;
  font-size  : 24px;
  margin-top : 6px;
  font-weight: 800;
  font-family: "Impact", "微软雅黑";
}

.gao {
  height : 74px;
  display: block;
}


/*bottom*/
.text-center {
  background : #333;
  text-align : center;
  font-size  : 18px;
  line-height: 28px;
  color      : #fff;
  padding    : 20px 0;
}


.swiper-container .swiper-button-next {
  width     : 19px;
  height    : 31px;
  background: url(../images/next.png);
  margin-top: 0;
  right     : 66px;
}

.swiper-container .swiper-button-prev {
  width     : 19px;
  height    : 31px;
  background: url(../images/prev.png);
  margin-top: 0;
  left      : 65px;
}

.study_box .swiper_show .swiper-button-prev {
  left: 0;
}

.study_box .swiper_show .swiper-button-next {
  right: 0;
}