@charset "UTF-8";
.sybody {
  background-color: #f5f7f9;
}

/*banner*/
.top_one {
  height: 504px;
}

.top_one .wrapper {
  position: relative;
}

.top_one .top_one_course {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.99);
  padding-top: 4px;
}

.top_one .top_one_course .top_course_list {
  /* height: 107px; */
  cursor: pointer;
  position: relative;
  padding-left: 15px;
  /* background: #f2f5f7; */
  /* margin-bottom: 4px; */
  border-bottom: 4px solid #bfd6f1;
  clear: both;
  /* box-shadow: 0px 3px 3px #828fbf; */
  padding-bottom: 15px;
  padding-top: 4px;
}

.top_one .top_one_course:nth-child(4) .div{box-shadow:0 0 0 #fff;}
.top_one .top_one_course .top_course_list .top_course_kc {
  font-size: 16px;
  color: #232323;
  font-weight: normal;
  line-height: 18px;
  margin-top: 9px;
  width: 100%;
  display: inline-block;
}

.top_one .top_one_course .top_course_list .top_course_kc b{
  font-weight: normal;
  font-size:13px;
  color: #fff;
  background: linear-gradient(to right, #ff4d28, #ff8519);
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  padding: 0 2px;
  margin-left: 7px;
}

.top_one .top_one_course .top_course_list .top_kcjs{
  float: left;
  font-size: 13px;
  color: #636363;
  margin-right: 21px;
  line-height: 12px;
  margin-top: 10px;
}

.top_one .top_one_course .top_course_list:hover{
  background-color: #fff;
}

.top_one .top_one_course .top_course_list:hover h3{
  color: #1a7af8;
}

.top_one .top_one_course .top_course_list:hover::before {
  position: absolute;
  content: '';
  width: 3px;
  height: 18px;
  background-color: #1a7af8;
  left: 0;
  top: 16px;
}

.top_one .top_one_course .top_course_list:hover .top_course_right{
  display: block;
}

#top_course_right1 .top_course:nth-child(1) .top_course_yc .top_kc_list:nth-child(11) a:nth-child(3){
  background: url(/images/huo.png) right no-repeat;
  padding-right: 19px;
}

#top_course_right1 .top_course:nth-child(1) .top_course_yc .top_kc_list:nth-child(14) a:nth-child(3){
  background: url(/images/huo.png) right no-repeat;
  padding-right: 19px;
}

#top_course_right1 .top_course:nth-child(1) .top_course_yc .top_kc_list:nth-child(15) a:nth-child(3){
  background: url(/images/huo.png) right no-repeat;
  padding-right: 19px;
}

#top_course_right1 .top_course:nth-child(1) .top_course_yc .top_kc_list:nth-child(16) a:nth-child(3){
  background: url(/images/huo.png) right no-repeat;
  padding-right: 19px;
}

#top_course_right1 .top_course:nth-child(2) .top_course_yc .top_kc_list:nth-child(3) a:nth-child(4){
  background: url(/images/huo.png) right no-repeat;
  padding-right: 19px;
}

#top_course_right1 .top_course:nth-child(2) .top_course_yc .top_kc_list:nth-child(4) a:nth-child(5){
  background: url(/images/huo.png) right no-repeat;
  padding-right: 19px;
}


.top_one .top_one_course .top_course_list #top_course_right2 {
  top: -84px;
}

.top_one .top_one_course .top_course_list #top_course_right3 {
  top: -168px;
}

.top_one .top_one_course .top_course_list #top_course_right4 {
  top: -252px;
}

.top_one .top_one_course .top_course_list #top_course_right5 {
  top: -336px;
}

.top_one .top_one_course .top_course_list #top_course_right6 {
  top: -420px;
}

.top_one .top_one_course .top_course_list #top_course_right6 .top_course {
  width: 290px;
  height: auto;
  float: left;
  margin: 20px 20px 0 20px;
  padding-bottom: 27px;
  border-bottom: 0;
  position: relative;
}

.top_one .top_one_course .top_course_list #top_course_right6 .top_course .kclx_img{
  position: absolute;
  right: 0;
  top: 40px;
}

.top_one .top_one_course .top_course_list #top_course_right6 .top_course h6 {
  height: 30px;
  font-size: 16px;
  color: #1a7af8;
  font-weight: bold;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d9de;
}

.top_one .top_one_course .top_course_list #top_course_right6 .top_course h6 img{
  float: left;
  margin-right: 10px;
}

.top_one .top_one_course .top_course_list #top_course_right6 .top_course .kecheng_liuxue{
  position: absolute;
  left: 0;
  top: 40px;
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-between;
}
.top_one .top_one_course .top_course_list #top_course_right6 .top_course .kecheng_liuxue a{
  width: 33%;
 
}

.top_one .top_one_course .top_course_list #top_course_right6 .top_course a {
  font-size: 14px;
  color: #555;
  line-height: 14px;
  display: block;
  margin-top: 10px;
}

.top_one .top_one_course .top_course_list #top_course_right6 .top_course a:hover {
  color: #1a7af8;
}

.top_one .top_one_course .top_course_list .top_course_right {
  width: 1000px;
  height: auto;
  min-height: 504px;
  position: absolute;
  left: 200px;
  top: 0;
  display: none;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
}

.top_one .top_one_course .top_course_list .top_course_right .top_course {
  width: 960px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course:first-child .top_course_zc a:first-child img{
  margin-top: 176px;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course:last-child{
  border-bottom: 0;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_zc{
  width: 80px;
  float: left;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_zc a{
  display: block;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_zc img{
  margin: 20px auto 0;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_zc p{
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 16px;
  margin-top: 10px;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_yc{
  float: left;
  width: 850px;
  margin-left: 15px;
}

.top_one .top_one_course .top_course_list #top_course_right3 .top_course .top_course_yc,.top_one .top_one_course .top_course_list #top_course_right4 .top_course .top_course_yc,.top_one .top_one_course .top_course_list #top_course_right5 .top_course .top_course_yc,.top_one .top_one_course .top_course_list #top_course_right6 .top_course .top_course_yc{
  width: 100%;
  margin-left: 0;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_yc h6 {
  font-size: 16px;
  color: #1a7af8;
  font-weight: normal;
  line-height: 16px;
  padding-top: 20px;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_yc .top_kc_list{
  margin-top: 9px;
  height: 18px;
  overflow: hidden;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_yc .top_kc_list .top_fenshu{
  font-size: 14px;
  color: #555;
  line-height: 18px;
  width: 105px;
  float: left;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_yc .top_kc_list .top_kc_title{
  font-size: 14px;
  color: #333;
  float: left;
  margin-right: 11px;
  line-height: 18px;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_yc .top_kc_list .top_renshu{
  font-size: 14px;
  color: #ff3000;
  float: left;
  margin-right: 8px;
  line-height: 18px;
}

.top_one .top_one_course .top_course_list .top_course_right .top_course .top_course_yc .top_kc_list .top_kcnr{
  font-size: 13px;
  line-height: 18px;
  color: #777;
  float: left;
  width: 380px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top_banner {
  width: 100%;
  height: 504px;
}

.top_banner .slide-list {
  float: left;
}

.top_banner .slide-list a {
  width: 1200px;
  height: 504px;
  display: block;
  margin: 0 auto;
}

.top_banner .wrapper {
  position: relative;
}

.top_banner .arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: 232px;
  cursor: pointer;
}

.top_banner .arrow.arrow-left {
  left: 206px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: url(/images/ban_left.png) center no-repeat rgba(0, 0, 0, 0.25);
}

.top_banner .arrow.arrow-left:hover {
  background: url(/images/ban_left.png) center no-repeat rgba(0, 0, 0, 0.5);
}

.top_banner .arrow.arrow-right {
  right: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: url(/images/ban_right.png) center no-repeat rgba(0, 0, 0, 0.25);
}

.top_banner .arrow.arrow-right:hover {
  background: url(/images/ban_right.png) center no-repeat rgba(0, 0, 0, 0.5);
}

.top_banner .banner-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 20px;
  width: 100%;
  z-index: 2;
}

.top_banner .banner-pagination span {
  width: 24px;
  height: 4px;
  border-radius: 0;
  margin-right: 16px;
  background-color: #fff;
  opacity: 0.3;
  display: inline-block;
}

.top_banner .banner-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}

/*第二板块*/
.top_two li {
  width: 285px;
  height: 225px;
  float: left;
  border-radius: 10px;
  background-color: #fff;
  margin-top: 20px;
  margin-right: 20px;
  position: relative;
  border-radius: 10px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: url(/images/five-star.png) no-repeat 192px 190px #fff;
  background-size: 29%;
}
.top_two li:nth-child(4n){margin-right:0}
.top_two li a {
  width: 100%;
  height: 100%;
  display: block;
}

.top_two li img {
  width: 285px;
  height: 170px;
  border-radius: 10px 10px 0 0;
}

.top_two li span {
  /* width: 56px; */
  height: 22px;
  float: left;
  font-size: 13px;
  color: #ffffff;
  line-height: 22px;
  text-align: center;
  margin: 15px 0 0 12px;
  border-radius: 3px;
  border: 1px solid  #3e84ff;
  padding: 0 6px;
  background: #216ef4;
}

.top_two li p {
  float: left;
  margin: 15px 0 0 15px;
  font-size: 14px;
  color: #333;
  line-height: 22px;

}

.top_two li:hover {
  margin-top: 15px;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
}

.top_two .mar0 {
  margin-right: 0;
}

/*第三板块*/
.top_three {
  margin-top: 20px;
  margin-bottom: 30px;
}

.top_three .top_three_left {
  width: 285px;
  height: 302px;
  float: left;
  background-color: #fff;
  position: relative;
}

.top_three .top_three_left .top_three_bq{
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  height: 28px;
  border-radius: 0 0 0 17px;
  background-color: #ff8e00;
  text-align: center;
  line-height: 28px;
  color: #fff;
  font-size: 15px;
}

.top_three .top_three_left .jiangzuo_swiper{
  height: 302px;
}

.top_three .top_three_left .biaoqian_jz{
  font-size: 14px;
  color: #333;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  border-radius: 2px;
  padding: 0 4px;
  margin: 20px 0 0 16px;
  background-color: #ecf0f3;
}

.top_three .top_three_left .title_jz{
  width: 253px;
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #006efe;
  margin: 10px auto 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top_three .top_three_left p{
  font-size: 13px;
  line-height: 16px;
  color: #777;
  margin: 10px 0 0 16px;
  padding-left: 24px;
}

.top_three .top_three_left p.shijian_jz{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0QkMwMDYyNUNBOTExRUM4Nzg0QTJDNEVGQzg4MDAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0QkMwMDYzNUNBOTExRUM4Nzg0QTJDNEVGQzg4MDAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTRCQzAwNjA1Q0E5MTFFQzg3ODRBMkM0RUZDODgwMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTRCQzAwNjE1Q0E5MTFFQzg3ODRBMkM0RUZDODgwMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7O9avyAAABOElEQVR42pTSPyjEcRjH8XNdSEh2m4HVn9iEEoPFwJVYLYYj+WU2yCJlYaIYiMWEWW4lE1H+3NksLEgd76c+pyf9/vDUq353932e3/ee58kEQZCKiVp84iPqQDrku2aso4hnvOARG/ottkAOZ3hAL6qlH/fIY8YnZNzzPCbRgYJ7wTi2sYQdHKESy/4Grao86JIt6rDmPhd0JqecnwJzWNH/Toqizi74AkM4SP099jFQLlCFRtz9o4A1tMFy05pzxa+GWtRrdNcR47eckj2UcIs2d6ALF9qDnpACTbixl5d7sIcpPY/gELOYxntIAduTTr8Hq7hSM8/RjqeEPrz5KbxiDJvojknOagdCN/FUo9nSUu2qgdajFoyiBhNRBSwudX0rNIw+3dJGvIhjFYwsYPGFE0mMbwEGAEuOQoqEEweIAAAAAElFTkSuQmCC) left center no-repeat;
}

.top_three .top_three_left p.dizhi_jz{
  margin-bottom: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEyMjZFODUyNUNBOTExRUNCMzVCQTM5RTg5NzQyOEFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEyMjZFODUzNUNBOTExRUNCMzVCQTM5RTg5NzQyOEFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTIyNkU4NTA1Q0E5MTFFQ0IzNUJBMzlFODk3NDI4QUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTIyNkU4NTE1Q0E5MTFFQ0IzNUJBMzlFODk3NDI4QUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7swtwzAAABW0lEQVR42nzSyyuEURjH8TPDwi2xUS65RUpKFuQvEBF21lYuCwubWWGh9G5coqxcskQUFkSKnRKrYSNkpzDYSAjft35Tp9OZOfXpnfO+5zznOc88kVgsZpyRh360oRgJHGMJL/bCIAhM1NncjDhatWEAM6jGFTrc0zKt3xXYwZCe9jjAKnbRifPkBzuDAAvanINJHCmDApxhBPN25GSAbKW3qPkK6jGLXBwignWUocq9Qjke8Y4s9KAQn9jHA2pwg2vU4t7OIKE0w1O+8GGdUoR8vGpeijf3Ck+4RRd+MYpTbOFC9XhGk4Jd+ooYFmsCGVjTX7mBdkxrTR/m8OMLsK3UhzW/U9Hi1poxHWR8Af4wqCzqjH98uy/cTgwrPI5N9YLRlcL+KPFFjHreLapwy5pPoUGFNula2R5hO59gT5tbfOmnysCogXpRie5Up6fLwKgzG9UXKce/AAMA4kRK4oB5aB8AAAAASUVORK5CYII=) left center no-repeat;
}

.top_three .top_three_left .yuyue_jz{
  width: 90px;
  height: 34px;
  display: block;
  border-radius: 5px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-size: 15px;
  margin: 35px 0 0 16px;
  background-color: #1a7af8;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_three .top_three_left .yuyue_jz:hover{
  margin-top: 30px;
}

.top_three .top_three_left .arrow{
  width: 15px;
  height: 18px;
  position: absolute;
  bottom: 25px;
  border-radius: 2px;
  z-index: 2;
  cursor: pointer;
}

.top_three .top_three_left .arrow-left{
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  right: 70px;
  background: url(/images/left_jzfx.png) center no-repeat rgba(45, 133, 249, 0.5);
}

.top_three .top_three_left .arrow-left:hover{
  background: url(/images/left_jzfx.png) center no-repeat rgba(45, 133, 249, 1);
}

.top_three .top_three_left .arrow-right{
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  right: 16px;
  background: url(/images/right_jzfx.png) center no-repeat rgba(45, 133, 249, 0.5);
}

.top_three .top_three_left .arrow-right:hover{
  background: url(/images/right_jzfx.png) center no-repeat rgba(45, 133, 249, 1);
}

.top_three .top_three_left .jiangzuo-pagination{
  color: #2c84f9;
  width: 50px;
  position: absolute;
  bottom: 25px;
  left: 219px;
  opacity: 1;
}

.top_three .top_three_left .jiangzuo-pagination span{
  color: #2c84f9;
  font-size: 15px;
  line-height: 18px;
}

.top_three .top_three_left::after{
  position: absolute;
  content: '';
  width: 252px;
  height: 1px;
  background-color: #eee;
  left: 16px;
  bottom: 66px;
}

/*讲座分享-活动预约*/
.jz_tankuang {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
}

.jz_tankuang .xq_tankuang_list {
  width: 380px;
  height: 350px;
  border-radius: 5px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -190px;
  margin-top: -175px;
}

.jz_tankuang .xq_tankuang_list .xq_close {
  width: 22px;
  height: 22px;
  float: right;
  border-radius: 50%;
  border: 1px solid #1a7af8;
  margin: 10px 10px 0 0;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEN0FFM0IzRDYxQjExRUE5QzM4QjkxM0UxRkRCOEVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEN0FFM0I0RDYxQjExRUE5QzM4QjkxM0UxRkRCOEVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQ3QUUzQjFENjFCMTFFQTlDMzhCOTEzRTFGREI4RUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ3QUUzQjJENjFCMTFFQTlDMzhCOTEzRTFGREI4RUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5C58NSAAAAq0lEQVR42mKQqvrxFYi7/v//z4ANA+WaQGqYGBgYlgJxqXT1zwoGNAAUywVStUC8FlnXfyCuRDIpDyrWB+Izggio7iao7kgg/gHE64F40tNW9nyQPFwhVHECkJoP5RYAFU2EyTGhOestEvsVsgQTmsM3gUwC4lQgXobiQajDs6EOn4rkmRaoWDnYM0BGM1B9DRBPA7opGy14YB6cANL5C4gX4wnwqUD8GSDAAORykSrX+PKBAAAAAElFTkSuQmCC) center no-repeat;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.jz_tankuang .xq_tankuang_list .xq_close:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMyRUVDMzczRDYxQjExRUFCMTY1QTJFN0FBNEEwOTQ2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMyRUVDMzc0RDYxQjExRUFCMTY1QTJFN0FBNEEwOTQ2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzJFRUMzNzFENjFCMTFFQUIxNjVBMkU3QUE0QTA5NDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzJFRUMzNzJENjFCMTFFQUIxNjVBMkU3QUE0QTA5NDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5YPL6dAAAAeUlEQVR42mL4////VyDuAmIGHLgJpAbEmPUfAiqwKMqFyi1C1gUClUiK8qBifSA+uhUgEAHEAVD2RJg8ulUJ/xEgH1mOiQEVvEViv0KRweJwkEkp6B6EKcqGSkxF0tgCFSuHKWzGogjdg/0gzi8gXownwEEGfAYIMACbcC9m9k5NYgAAAABJRU5ErkJggg==) center no-repeat #1a7af8;
}

.jz_tankuang .xq_tankuang_list p {
  width: 340px;
  height: 57px;
  border-bottom: 2px solid #1a7af8;
  display: block;
  margin: 32px auto 0;
  line-height: 57px;
  font-size: 18px;
  color: #232323;
  text-align: center;
}

.jz_tankuang .xq_tankuang_list input {
  width: 263px;
  height: 44px;
  padding-left: 35px;
  display: block;
  outline: none;
  margin: 30px auto 0;
  border-radius: 5px;
  border: 1px solid #dedfeb;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAYAAAC9BQwsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc1RjMwMkIzRDYxQzExRUE5RTA3RjU0QUEzNjY4Qjk5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1RjMwMkI0RDYxQzExRUE5RTA3RjU0QUEzNjY4Qjk5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzVGMzAyQjFENjFDMTFFQTlFMDdGNTRBQTM2NjhCOTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzVGMzAyQjJENjFDMTFFQTlFMDdGNTRBQTM2NjhCOTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4djdFbAAAA5UlEQVR42mL8//8/w9mzZycyMDDkMRAHVgJxKgtQ0zIgIxKIQfR3IGbEoeE/ELMBcSwQq7JANZ0wNjaOJsY6oEW/gFQyE5D4CcSfGYgHIPUMII1/oU4gFrDBNJIFRjUOOo0cQPyVBD3vQATjmTNnrgNpUSA+BMTMaIn6P5qrQKnMGIjZQYn8HxCDaG40RQ+B+DcQq6BpZGWAatAC4k3A3OGPlgvigZQEUDwTTbwNSFXCbBDE4pdfUIwO+GF+3AekHYG4FYi/oTkVpFEVSQzkwkYgfglihALxfCCuJjJUL4MyP0CAAQDu6TtAl4W6awAAAABJRU5ErkJggg==) 11px center no-repeat #fff;
}

.jz_tankuang .xq_tankuang_list .submit {
  width: 300px;
  height: 46px;
  display: block;
  margin: 24px auto 0;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  cursor: pointer;
  background-color: #1a7af8;
}




.top_three .top_three_center {
  width: 550px;
  height: 292px;
  float: left;
  padding: 10px 20px 0 20px;
  margin-left: 20px;
  background-color: #fff;
}

.top_three .top_three_center .navbar {
  height: 56px;
  border-bottom: 1px solid #d4d9de;
}

.top_three .top_three_center .navbar .item {
  float: left;
  margin-right: 79px;
  line-height: 56px;
  font-size: 18px;
  color: #232323;
  font-weight: bold;
  cursor: pointer;
}

.top_three .top_three_center .navbar .active {
  color: #1a7af8;
  position: relative;
}

.top_three .top_three_center .navbar .active::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background-color: #1a7af8;
}

.top_three .top_three_center .rd_content {
  position: relative;
  display: none;
}

.top_three .top_three_center .rd_content .top_more {
  position: absolute;
  top: -53px;
  right: 0;
}

.top_three .top_three_center .rd_content:last-child .top_more {
  top: -47px;
}

.top_three .top_three_center .rd_content .top_three_list {
  font-size: 16px;
  color: #232323;
  display: block;
  line-height: 16px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 18px;
}

.top_three .top_three_center .rd_content .top_three_list:hover {
  color: #1a7af8;
}

.top_three .top_three_center .rd_content .top_three_list.top_three_first {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}

.top_three .top_three_center .rd_content .zxhd_list{
  height: 24px;
  margin-top: 12px;
}

.top_three .top_three_center .rd_content .zxhd_list span{
  float: left;
  width: 60px;
  height: 20px;
  border: 1px solid #f22121;
  font-size: 13px;
  color: #f22121;
  line-height: 20px;
  text-align: center;
  margin-right: 5px;
  margin-top: 2px;
}

.top_three .top_three_center .rd_content .zxhd_list .top_three_list{
  float: left;
  width: 400px;
  margin-top: 0;
  line-height: 24px;
}

.top_three .top_three_center .rd_content .zxhd_list .top_three_btn{
  width: 64px;
    height: 20px;
    border: 1px solid #f22121;
    float: right;
    border-radius: 5px;
    font-size: 13px;
    color: #f22121;
    text-align: center;
    line-height: 20px;
    margin-top: 2px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.top_three .top_three_center .show {
  display: block;
}

.top_three .top_three_right {
  width: 245px;
  height: 292px;
  float: right;
  padding: 10px 20px 0 20px;
  background-color: #fff;
}

.top_three .top_three_right h3 {
  height: 56px;
  border-bottom: 1px solid #d4d9de;
  line-height: 56px;
  font-size: 18px;
  color: #232323;
  font-weight: bold;
}

.top_three .top_three_right ul {
  padding-top: 18px;
}

.top_three .top_three_right ul li {
  width: 70px;
  height: 98px;
  float: left;
  margin-right: 17px;
  margin-bottom: 10px;
}

.top_three .top_three_right ul li a {
  display: block;
}

.top_three .top_three_right ul li span {
  width: 56px;
  height: 56px;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #e8f1fe;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_three .top_three_right ul li span .lan {
  display: block;
}

.top_three .top_three_right ul li span .bai {
  display: none;
}

.top_three .top_three_right ul li p {
  font-size: 14px;
  color: #555;
  text-align: center;
  line-height: 14px;
  margin-top: 10px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_three .top_three_right ul li:hover span {
  background-color: #1a7af8;
}

.top_three .top_three_right ul li:hover span .lan {
  display: none;
}

.top_three .top_three_right ul li:hover span .bai {
  display: block;
}

.top_three .top_three_right ul li:hover p {
  color: #1a7af8;
}

.top_three .top_three_right ul .mar0 {
  margin-right: 0;
}

/*第四版块-热报课程*/
.top_four {
  margin-top: 10px;
  position: relative;
}

.top_four .navbar {
  /* position: absolute; */
  /* left: 194px; */
  /* top: 24px; */
  text-align: center;
  margin-top: 25px;
}

.top_four .navbar .item {
  /* float: left; */
  margin-right: 39px;
  font-size: 16px;
  color: #393939;
  line-height: 16px;
  cursor: pointer;
  background: #fbfbfb;
  padding: 14px 30px;
  border-radius: 6px;
  display: inline-flex;
  box-shadow: 0 6px 0 #e8e8e8;
}

.top_four .navbar .item:last-child{
  margin-right: 0;
}

.top_four .navbar .active {
  color: #ffffff;
  position: relative;
  background: #216ef4;
  box-shadow: 0 6px 0 #c2d8ff;
}

.top_four .navbar .active::after {
  position: absolute;
  content: '';
  width: 32px;
  height: 0px;
  left: 50%;
  margin-left: -16px;
  bottom: -10px;
  background-color: #1a7af8;
}

.top_four .course_content {
  display: none;
}

.top_four .course_content .course_list {
  height: 524px;
  position: relative;
  padding-top: 9px;
}

.top_four .course_content .course_list .arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  top: 176px;
  z-index: 2;
}

.top_four .course_content .course_list .arrow.arrow-left {
  left: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: url(/images/ban_left.png) center no-repeat rgba(26, 122, 248, 0.55);
  background-size: 8px 14px;
}

.top_four .course_content .course_list .arrow.arrow-left:hover {
  background: url(/images/ban_left.png) center no-repeat rgba(0, 0, 0, 0.5);
  background-size: 8px 14px;
}

.top_four .course_content .course_list .arrow.arrow-right {
  right: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: url(/images/ban_right.png) center no-repeat rgba(26, 122, 248, 0.55);
  background-size: 8px 14px;
}

.top_four .course_content .course_list .arrow.arrow-right:hover {
  background: url(/images/ban_right.png) center no-repeat rgba(0, 0, 0, 0.5);
  background-size: 8px 14px;
}

.top_four .course_content .course_list .slide-list {
  width: 368px;
  height: 473px;
  float: left;
}

.top_four .course_content .course_list .slide-list .course_content_text {
  width: 336px;
  height: 100%;
  padding-top: 15px;
  margin: 10px auto 0;
  background-color: #f0f5ff;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  position: relative;
  background: linear-gradient(222deg,#cfe0ff,#fdfeff,#ffffff);
}

.top_four .course_content .course_list .slide-list .course_content_text img {
  width: 306px;
  /* height: 148px; */
  margin: 0 auto;
}

.top_four .course_content .course_list .slide-list .course_content_text h6{
  width: 226px;
  height: 148px;
  padding: 0 15px;
  position: absolute;
  top: 15px;
  left: 15px;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 26px;
  color: #fff;
}

.top_four .course_content .course_list .slide-list .course_content_text h3 {
  font-size: 15px;
  color: #232323;
  line-height: 15px;
  font-weight: normal;
  margin: 15px 15px 0 15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top_four .course_content .course_list .slide-list .course_content_text span {
  font-size: 13px;
  color: #999;
  margin-left: 17px;
  /* margin-right: 17px; */
  padding-left: 18px;
  line-height: 14px;
  display: inline-block;
  margin-top:15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  /* width: 41%; */
}

.top_four .course_content .course_list .slide-list .course_content_text span.course_xq {
  background: url(/images/top_four_icon1.png) left center no-repeat;
}

.top_four .course_content .course_list .slide-list .course_content_text span.course_time {
  background: url(/images/top_four_icon2.png) left center no-repeat;
}

.top_four .course_content .course_list .slide-list .course_content_text span em {
  font-style: normal;
}

.top_four .course_content .course_list .slide-list .course_content_text p {
  margin-left: 15px;
  font-size: 13px;
  color: #f22121;
  line-height: 20px;
  margin-top: 15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top_four .course_content .course_list .slide-list .course_content_text p b {
  font-size: 18px;
  font-weight: bold;
  margin-right: 30px;
}

.top_four .course_content .course_list .slide-list .course_content_text p em {
  font-style: normal;
}

.top_four .course_content .course_list .slide-list .course_content_text a {
  width: 126px;
  height: 38px;
  float: left;
  border-radius: 5px;
  margin: 20px 16px 0 15px;
  border: 1px solid #1a7af8;
  font-size: 14px;
  color: #1a7af8;
  text-align: center;
  line-height: 38px;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.top_four .course_content .course_list .slide-list .course_content_text a:nth-last-child(1){
  color: #fff;
  background-color: #1a7af8;
}

.top_four .course_content .course_list .slide-list .course_content_text a:hover {
  color: #fff;
  background-color: #1a7af8;
  margin-top: 15px;
}

.top_four .course_content .course_list .slide-list .course_content_text:hover {
  margin: 0 auto;
  box-shadow: 0px 7px 14px 0px rgba(33, 110, 244, 0.37);
}

.top_four .show {
  display: block;
  margin-top: 27px;
}




.title {
  height: 40px;
  position: relative;
}

.title h6 {
  font-size: 38px;
  text-align: center;
  color: #333;
  font-weight: normal;
}

.title::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(to top, #ffa128, #ff6c00);
  top: -20px;
}

.title::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(to right bottom, #ec7cdd, #6651ea);
  bottom: -12px;
}

.title_fu {
  height: 22px;
  margin-top: 30px;
  position: relative;
}

.title_fu p {
  font-size: 18px;
  color: #565656;
  text-align: center;
}

.title_fu::before {
  position: absolute;
  content: '';
  width: 93px;
  height: 10px;
  background: url(/images/title_left.png) no-repeat;
  top: 6px;
}

.title_fu::after {
  position: absolute;
  content: '';
  width: 93px;
  height: 10px;
  background: url(/images/title_right.png) no-repeat;
  top: 6px;
}

.btn_an {
  width: 297px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(251, 73, 52, 0.5);
  background: linear-gradient(to bottom, #ffa128, #ff6c00);
  letter-spacing: 1px;
}

.wenti {
  margin-top: 60px;
}

.wenti .title::before {
  left: 274px;
}

.wenti .title::after {
  right: 278px;
}

.wenti .title_fu::before {
  left: 358px;
}

.wenti .title_fu::after {
  right: 358px;
}

.wenti .wenti_list {
  width: 100%;
  height: 298px;
  margin-top: 105px;
  background: url(/images/wt_bg.jpg) center no-repeat;
  position: relative;
}

.wenti .wenti_list ul li {
  width: 300px;
  height: 54px;
  float: left;
  position: relative;
  border-radius: 27px 27px 27px 0;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
}

.wenti .wenti_list ul li span {
  width: 56px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #1a7af8;
  font-size: 19px;
  color: #fff;
  border-radius: 0 25px 0 25px;
  position: absolute;
  left: -19px;
  bottom: 0;
  background: url(/images/q.png) center no-repeat;
  background-size: contain;
}

.wenti .wenti_list ul li p {
  height: 54px;
  display: flex;
  align-items: center;
  text-align: left;
  padding-left: 49px;
  font-size: 16px;
  color: #333;
}
.wenti .wenti_list ul li .num{display:none;background: #4090ff;z-index: 9999999999999999999999999;position: absolute;padding: 15px;box-shadow: 0px 3px 3px #ddd;border-radius: 5px;color: #fff;line-height: 25px;}
.wenti .wenti_list ul li:hover .num{display:block;}
.wenti .wenti_list ul li:nth-child(1) {
  margin-top: -13px;
  margin-left: 69px;
}

.wenti .wenti_list ul li:nth-child(2) {
  margin-top: -13px;
  margin-left: 480px;
}

.wenti .wenti_list ul li:nth-child(3) {
  margin-top: 54px;
  margin-left: 38px;
}

.wenti .wenti_list ul li:nth-child(4) {
  margin-top: 54px;
  margin-left: 540px;
}

.wenti .wenti_list ul li:nth-child(5) {
  margin-top: 54px;
  margin-left: 19px;
}

.wenti .wenti_list ul li:nth-child(6) {
  margin-top: 54px;
  margin-left: 576px;
}

.wenti .btn_an {
  margin-top: 50px;
}

.jiaoshi {
  width: 100%;
  height: 710px;
  padding-top: 65px;
  /* margin-top: 50px; */
  background: url(/images/js_bg.jpg) top center no-repeat;
}

.jiaoshi .title::before {
  left: 469px;
}

.jiaoshi .title::after {
  right: 469px;
}

.jiaoshi .title_fu::before {
  left: 215px;
  background: url(/images/title_left1.png) no-repeat;
}

.jiaoshi .title_fu::after {
  right: 215px;
  background: url(/images/title_right1.png) no-repeat;
}

.jiaoshi .navbar {
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
}

.jiaoshi .navbar .item {
  width: 155px;
  height: 155px;
  position: relative;
  cursor: pointer;
}
.jiaoshi .navbar .item img{
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 50%;
}


.jiaoshi .navbar .active::before {
  position: absolute;
  content: '';
  width: 151px;
  height: 151px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  left: 0;
  top: 0;
}

.jiaoshi .ls_list {
  height: 385px;
  margin-top: 49px;
  display: none;
  padding: 0 100px;
}

.jiaoshi .ls_list img {
  float: left;
  margin-top: 38px;
  border-radius: 14px;
  height: 272px;
}

.jiaoshi .ls_list .ls_right {
  width: 760px;
  float: right;
  margin-top: 74px;
  position: relative;
}

.jiaoshi .ls_list .ls_right h6 {
  font-size: 30px;
  font-weight: normal;
  color: #333;
  line-height: 32px;
}

.jiaoshi .ls_list .ls_right h6 b {
  /* font-weight: normal; */
  line-height: 32px;
  margin-left: 11px;
  font-size: 18px;
  color: #fb0000;
}

.jiaoshi .ls_list .ls_right a {
  width: 202px;
  height: 50px;
  display: block;
  position: absolute;
  right: 0;
  top: -7px;
  background: url(/images/js_btnbg.png) no-repeat;
}

.jiaoshi .ls_list .ls_right p {
  margin-top: 20px;
  font-size: 18px;
  color: #003796;
  line-height: 28px;
}

.jiaoshi .ls_list .ls_right p b {
  width: 128px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px dashed #94979a; */
  font-size: 18px;
  color: #f9fdff;
  border-radius: 23px 0 23px 0;
  font-weight: normal;
  float: left;
  margin-right: 20px;
  background: #216ef4;
}

.jiaoshi .ls_list .ls_right p:nth-child(5) b {
  margin-bottom: 50px;
}

.jiaoshi .show {
  display: block;
}


.fuwu {
  width: 100%;
  height: 413px;
  margin-top: 50px;
  padding-top: 68px;
  background: url(/images/fw_bg1.jpg) top center no-repeat;
}

.fuwu .title::before {
  left: 400px;
}

.fuwu .title::after {
  right: 400px;
}

.fuwu .title_fu::before {
  left: 220px;
  background: url(/images/title_left1.png) no-repeat;
}

.fuwu .title_fu::after {
  right: 220px;
  background: url(/images/title_right1.png) no-repeat;
}

.fuwu .fuwe_con {
  height: 409px;
  margin-top: 48px;
  position: relative;
}

.fuwu .fuwe_con .fw_list {
  position: absolute;
  width: 130px;
  height: 80px;
  padding-left: 32px;
}

.fuwu .fuwe_con .fw_list span {
  font-size: 28px;
  color: #0277d4;
  line-height: 30px;
  display: block;
  margin: 5px 0;
  margin-top: -7px;
}

.fuwu .fuwe_con .fw_list p {
  font-size: 16px;
  color: #333;
  line-height: 20px;
}

.fuwu .fuwe_con .fw_list:nth-child(1) {
  left: 68px;
  top: 0;
}

.fuwu .fuwe_con .fw_list:nth-child(2) {
  left: 80px;
  top: 145px;
}

.fuwu .fuwe_con .fw_list:nth-child(3) {
  left: 315px;
  top: 255px;
}

.fuwu .fuwe_con .fw_list:nth-child(4) {
  left: 315px;
  top: 100px;
}

.fuwu .fuwe_con .fw_list:nth-child(5) {
  left: 556px;
  top: 100px;
}

.fuwu .fuwe_con .fw_list:nth-child(6) {
  left: 556px;
  top: 255px;
}

.fuwu .fuwe_con .fw_list:nth-child(7) {
  left: 793px;
  top: 255px;
}

.fuwu .fuwe_con .fw_list:nth-child(8) {
  left: 793px;
  top: 100px;
}

.fuwu .fuwe_con .fw_list:nth-child(9) {
  right: 18px;
  bottom: 155px;
}

.fuwu .fuwe_con .fw_list:nth-child(10) {
  right: 14px;
  bottom: 0;
}



.libao {
  margin-top: 60px;
}

.libao .title::before {
  left: 394px;
}

.libao .title::after {
  right: 394px;
}

.libao .title_fu::before {
  left: 400px;
}

.libao .title_fu::after {
  right: 400px;
}

.libao ul {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.libao ul li {
  width: 250px;
  height: 115px;
  padding-top: 25px;
  border-radius: 10px;
  background-color: #1a7af8;
  margin-left: 28px;
  position: relative;
}

.libao ul li img {
  position: absolute;
  left: -29px;
  top: 40px;
}

.libao ul li span {
  font-size: 22px;
  color: #ffffff;
  line-height: 24px;
  padding-left: 33px;
  margin-left: 57px;
  background: url(/images/lb_icon.png) left center no-repeat;
}

.libao ul li p {
  padding: 8px 33px 0 55px;
  font-size: 18px;
  color: #c6dfff;
  line-height: 26px;
}

.libao .btn_an {
  margin-top: 50px;
}


/*第五版块-师资团队*/
.top_five {
  padding-top: 30px;
}

.top_five .top_title span{
    float: left;
    font-size: 16px;
    color: #232323;
    line-height: 16px;
  margin-left: 80px;
  margin-top: 29px;
}

.top_five ul {
  padding-top: 10px;
}

.top_five ul li {
  width: 158px;
  height: 158px;
  float: left;
  margin: 0 15px 15px 0;
  position: relative;
  overflow: hidden;
  background: url(/images/sy_jsbg.jpg) no-repeat;
}

.top_five ul li img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_five ul li a {
  display: block;
  height: 100%;
}

.top_five ul li .top_five_tm {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 158px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background-color: rgba(33, 110, 244, 0.83);
}

.top_five ul li h4 {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 178px;
}

.top_five ul li p {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 87px;
  font-weight: normal;
  font-size: 13px;
  color: #fff;
  text-align: center;
  /*overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}

.top_five ul li:hover img {
  transform: scale(1.1);
}

.top_five ul li:hover .top_five_tm {
  top: 0;
}

.top_five ul li:nth-child(7) {
  margin-right: 0;
}

.top_five ul li:nth-child(14) {
  margin-right: 0;
}

.top_five ul li:nth-child(21) {
  margin-right: 0;
}

/*第六版块-精品教材*/
.top_six{
  position: relative;
}
.top_six .book_center {
  height: 296px;
  margin-top: 30px;
  display: none;
}

.top_six .top_title span{
    float: left;
    font-size: 16px;
    color: #232323;
    line-height: 16px;
  margin-left: 80px;
  margin-top: 29px;
}

.top_six .show {
  display: block;
}

.top_six .navbar {
  margin: 0 170px 0 190px;
  position: absolute;
  top: 18px;
}

.top_six .navbar .item {
  width: 118px;
  height: 34px;
  float: left;
  border-radius: 5px;
  border: 1px solid #1a7af8;
  margin: 0 20px 20px 0;
  font-size: 14px;
  color: #1a7af8;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_six .navbar .item:hover {
  color: #fff;
  background-color: #1a7af8;
}

.top_six .navbar .active {
  color: #fff;
  background-color: #1a7af8;
}

.top_six .book_list {
  height: 296px;
  position: relative;
}

.top_six .book_list .arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  top: 102px;
  z-index: 2;
}

.top_six .book_list .arrow.arrow-left {
  left: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: url(/images/ban_left.png) center no-repeat rgba(0, 0, 0, 0.25);
  background-size: 8px 14px;
}

.top_six .book_list .arrow.arrow-left:hover {
  background: url(/images/ban_left.png) center no-repeat rgba(0, 0, 0, 0.5);
  background-size: 8px 14px;
}

.top_six .book_list .arrow.arrow-right {
  right: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: url(/images/ban_right.png) center no-repeat rgba(0, 0, 0, 0.25);
  background-size: 8px 14px;
}

.top_six .book_list .arrow.arrow-right:hover {
  background: url(/images/ban_right.png) center no-repeat rgba(0, 0, 0, 0.5);
  background-size: 8px 14px;
}

.top_six .book_list .slide-list {
  width: 240px;
  height: 296px;
  float: left;
}

.top_six .book_list .slide-list .course_content_text {
  width: 178px;
  height: 276px;
  margin: 0 auto;
  padding-top: 20px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_six .book_list .slide-list .course_content_text img {
  width: 142px;
  height: 200px;
  margin: 0 auto;
}

.top_six .book_list .slide-list .course_content_text p {
  font-size: 14px;
  color: #333;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}

.top_six .book_list .slide-list .course_content_text:hover img {
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

/*第七版块-备考资讯*/
.top_seven {
  margin-top: 30px;
  position: relative;
}

.top_seven .navbar {
  position: absolute;
  left: 176px;
  top: 28px;
}

.top_seven .navbar .item {
  float: left;
  margin-right: 26px;
  font-size: 16px;
  color: #232323;
  line-height: 16px;
  cursor: pointer;
  padding: 10px 15px;
}

.top_seven .navbar .active {
  color: #1a7af8;
  position: relative;
  border-radius: 4px 4px 0 0;
  background: #b49277;
  font-weight: bold !important;
  color: #fff;
  background: linear-gradient(to right,#216ef4,#105bde);
}
.top_seven .navbar .active::before {
    display: block;
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(/images/tab-before-bg.png) no-repeat center top !important;
    right: -13px;
    top: 0;
    z-index: 1;
}
.top_seven .navbar .active::after {
  position: absolute;
  content: '';
  width: 32px;
  height: 0px;
  left: 50%;
  margin-left: -16px;
  bottom: -10px;
  background-color: #1a7af8;
}

.top_seven .bk_content {
  display: none;
}

.top_seven .bk_content .top_beikao {
  width: 286px;
  float: left;
  margin-right: 18px;
  margin-top: 10px;
}

.top_seven .bk_content .top_beikao h4 {
  font-size: 16px;
  line-height: 16px;
  color: #232323;
  margin-bottom: 20px;
}

.top_seven .bk_content .top_beikao .beikao_list {
  border-radius: 5px;
  padding-bottom: 30px;
  background-color: #fff;
}

.top_seven .bk_content .top_beikao .beikao_list .beikao_first {
  width: 286px;
  height: 152px;
  display: block;
  position: relative;
  overflow: hidden;
}

.top_seven .bk_content .top_beikao .beikao_list .beikao_first img {
  width: 286px;
  height: 152px;
  border-radius: 5px 5px 0 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_seven .bk_content .top_beikao .beikao_list .beikao_first p {
  width: 254px;
  height: 42px;
  padding: 0 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 15px;
  color: #fff;
  line-height: 42px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top_seven .bk_content .top_beikao .beikao_list .beikao_first:hover img{
  transform: scale(1.1);
}

.top_seven .bk_content .top_beikao .beikao_list .beikao_first:hover p{
  background-color: rgba(26, 122, 248, 0.9);
}

.top_seven .bk_content .top_beikao .beikao_list .beikao_item {
  width: 254px;
  height: 15px;
  display: block;
  margin-top: 21px;
  font-size: 15px;
  color: #555555;
  line-height: 15px;
  padding-left: 16px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top_seven .bk_content .top_beikao .beikao_list .beikao_item:hover{
  color: #1a7af8;
}

.top_seven .bk_content .marr0 {
  margin-right: 0;
}

.top_seven .show {
  display: block;
  margin-top: 13px;
}

/*第八版块-校区网点*/
.top_eight {
  margin-top: 30px;
  position: relative;
}

.top_eight .navbar {
  position: absolute;
  left: 176px;
  top: 28px;
}

.top_eight .navbar .item {
  float: left;
  margin-right: 40px;
  font-size: 16px;
  color: #232323;
  line-height: 16px;
  cursor: pointer;
}

.top_eight .navbar .active {
  color: #1a7af8;
  position: relative;
}

.top_eight .navbar .active::after {
  position: absolute;
  content: '';
  width: 32px;
  height: 4px;
  left: 50%;
  margin-left: -16px;
  bottom: -10px;
  background-color: #1a7af8;
}

.top_eight .xq_content {
  display: none;
  margin-top: 10px;
}

.top_eight .xq_content .xq_content_top {
  height: 340px;
}

.top_eight .xq_content .xq_content_top .xq_top_left {
  width: 560px;
  height: 340px;
  overflow: hidden;
  float: left;
  position: relative;
}

.top_eight .xq_content .xq_content_top .xq_top_left .sy_qjxq{
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  left: 50%;
  top: 80px;
  margin-left: -40px;
  -webkit-animation:icon-circle 5s linear infinite;
  -moz-animation:icon-circle 5s linear infinite;
  -o-animation:icon-circle 5s linear infinite;
  animation:icon-circle 5s linear infinite;
  cursor: pointer;
}

.top_eight .xq_content .xq_content_top .xq_top_left .sy_qjxqtu{
  width: 180px;
  height: 44px;
  display: block;
  position: absolute;
  left: 190px;
  top: 176px;
  border-radius: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMjUxNjIzMTQzRjExRUI5MDE3RUUyQkNFMkMwMjYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMjUxNjI0MTQzRjExRUI5MDE3RUUyQkNFMkMwMjYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMyNTE2MjExNDNGMTFFQjkwMTdFRTJCQ0UyQzAyNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMyNTE2MjIxNDNGMTFFQjkwMTdFRTJCQ0UyQzAyNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FtBA4AAAAUUlEQVR42mL4//+/NxAz4MIg4h8Q9wAxKy4FMHASiBXxKQCB90Acik8BDEwHYg58CkDgIhBrMDHgBoxgEofuGbis+IDPkTi9STCg8AY1QIABAKQfKzpZUtBtAAAAAElFTkSuQmCC) 140px center no-repeat rgba(0,0,0,0.35);
  font-size: 16px;
  color: #fff;
  line-height: 44px;
  text-indent: 32px;
}

.top_eight .xq_content .xq_content_top .xq_top_left img {
  width: 560px;
  height: 340px;
  display: block;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_eight .xq_content .xq_content_top .xq_top_left:hover img{
  transform: scale(1.1);
}

.top_eight .xq_content .xq_content_top .xq_top_left p {
  width: 100%;
  display: block;
  position: absolute;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  bottom: 10px;
}

.top_eight .xq_content .xq_content_top .xq_top_right {
  width: 640px;
  float: right;
}

.top_eight .xq_content .xq_content_top .xq_top_right .xq_right_list {
  width: 300px;
  height: 160px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.top_eight .xq_content .xq_content_top .xq_top_right .xq_right_list img {
  width: 300px;
  height: 160px;
  display: block;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.top_eight .xq_content .xq_content_top .xq_top_right .xq_right_list .sy_qjxq{
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 50%;
  top: 27px;
  margin-left: -25px;
  -webkit-animation:icon-circle 5s linear infinite;
  -moz-animation:icon-circle 5s linear infinite;
  -o-animation:icon-circle 5s linear infinite;
  animation:icon-circle 5s linear infinite;
}

.top_eight .xq_content .xq_content_top .xq_top_right .xq_right_list .sy_qjxqtu{
  width: 160px;
  height: 40px;
  display: block;
  position: absolute;
  left: 50%;
  top: 93px;
  margin-left: -80px;
  border-radius: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMjUxNjIzMTQzRjExRUI5MDE3RUUyQkNFMkMwMjYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMjUxNjI0MTQzRjExRUI5MDE3RUUyQkNFMkMwMjYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMyNTE2MjExNDNGMTFFQjkwMTdFRTJCQ0UyQzAyNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMyNTE2MjIxNDNGMTFFQjkwMTdFRTJCQ0UyQzAyNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FtBA4AAAAUUlEQVR42mL4//+/NxAz4MIg4h8Q9wAxKy4FMHASiBXxKQCB90Acik8BDEwHYg58CkDgIhBrMDHgBoxgEofuGbis+IDPkTi9STCg8AY1QIABAKQfKzpZUtBtAAAAAElFTkSuQmCC) 130px center no-repeat rgba(0,0,0,0.35);
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  text-indent: 22px;
}

.top_eight .xq_content .xq_content_top .xq_top_right .xq_right_list:hover img{
  transform: scale(1.1);
}

.top_eight .xq_content .xq_content_top .xq_top_right .xq_right_list p {
  width: 100%;
  display: block;
  position: absolute;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  bottom: 10px;
}

.top_eight .xq_content .xq_content_top .xq_top_right .marb0 {
  margin-bottom: 0;
}

.top_eight .xq_content .xq_content_bottom {
  height: 360px;
  margin-top: 20px;
  background-color: #fff;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left {
  width: 560px;
  height: 360px;
  float: left;
  position: relative;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left .xq_dz {
  width: 237px;
  height: 156px;
  border-radius: 5px;
  border: 1px solid #dedfeb;
  position: absolute;
  background-color: #fff;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left .xq_dz h4 {
  margin-left: 9px;
  font-size: 14px;
  color: #232323;
  font-weight: bold;
  line-height: 14px;
  margin-top: 19px;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left .xq_dz p {
  margin: 5px 9px 0 9px;
  font-size: 13px;
  color: #555;
  line-height: 20px;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left .xq_dz p em {
  font-style: normal;
  float: left;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left .xq_dz p a {
  width: 76px;
  height: 24px;
  float: left;
  border-radius: 12px;
  font-size: 13px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  background-color: #f22121;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left .xq_dz p .xq_lxfs {
  margin-right: 7px;
  background-color: #1a7af8;
  cursor: pointer;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_left::before {
  position: absolute;
  content: '';
  width: 30px;
  height: 15px;
  z-index: 1;
}

.top_eight .xq_content .xq_content_bottom .xq_zgc_left .xq_dz {
  left: 239px;
  top: 91px;
}

.top_eight .xq_content .xq_content_bottom .xq_zgc_left::before {
  top: 77px;
  left: 312px;
  background: url(/images/top_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_gm_left .xq_dz {
  right: 82px;
  top: 114px;
}

.top_eight .xq_content .xq_content_bottom .xq_gm_left::before {
  top: 271px;
  left: 312px;
  background: url(/images/bottom_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_wdk_left .xq_dz {
  right: 175px;
  top: 155px;
}

.top_eight .xq_content .xq_content_bottom .xq_wdk_left::before {
  top: 141px;
  left: 202px;
  background: url(/images/top_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_huixin_left .xq_dz {
  right: 43px;
  top: 84px;
}

.top_eight .xq_content .xq_content_bottom .xq_huixin_left::before {
  top: 70px;
  right: 182px;
  background: url(/images/top_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_qfb_left .xq_dz {
  right: 0;
  top: 177px;
}

.top_eight .xq_content .xq_content_bottom .xq_xzm_left .xq_dz{
  right: 0;
  top: 177px;
}

.top_eight .xq_content .xq_content_bottom .xq_xzm_left::before {
    top: 163px;
    right: 177px;
    background: url(/images/top_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_qfb_left::before {
  top: 163px;
  right: 119px;
  background: url(/images/top_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_wsl_left .xq_dz {
  right: 74px;
  top: 104px;
}

.top_eight .xq_content .xq_content_bottom .xq_wsl_left::before {
  top: 90px;
  right: 241px;
  background: url(/images/top_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_sh_left .xq_dz {
  right: 130px;
  top: 84px;
}

.top_eight .xq_content .xq_content_bottom .xq_sh_left::before {
  bottom: 104px;
  right: 300px;
  background: url(/images/bottom_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_hx_left .xq_dz {
  right: 95px;
  top: 124px;
}

.top_eight .xq_content .xq_content_bottom .xq_hx_left::before {
  top: 110px;
  right: 264px;
  background: url(/images/top_sj.png) no-repeat;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right {
  width: 600px;
  float: right;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right h4 {
  font-size: 16px;
  padding-left: 10px;
  line-height: 16px;
  margin-top: 24px;
  color: #232323;
  border-left: 4px solid #1a7af8;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right p {
  font-size: 14px;
  color: #555;
  line-height: 14px;
  padding-left: 14px;
  margin-top: 20px;
  padding-bottom: 6px;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right .item {
  height: 38px;
  margin-top: 14px;
  margin-left: 14px;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right .item span {
  font-size: 14px;
  color: #555;
  line-height: 36px;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right .item span em {
  color: transparent;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right .item input {
  width: 249px;
  height: 34px;
  padding-left: 9px;
  border: 1px solid #dedfeb;
  border-radius: 5px;
  outline: none;
}

.top_eight .xq_content .xq_content_bottom .xq_bottom_right .submit {
  width: 260px;
  height: 42px;
  display: block;
  cursor: pointer;
  margin: 20px 0 0 85px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  border-radius: 5px;
  background-color: #1a7af8;
}

.top_eight .show {
  display: block;
}

.top_eight .xq_content .xq_content_bottom .xq_gmdf p{
  margin-top: 10px;
}

.top_eight .xq_content .xq_content_bottom .xq_gmdf  h4{
  margin-top: 14px;
}

/*校区-发送到手机弹框*/
.xq_tankuang {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
}

.xq_tankuang .xq_tankuang_list {
  width: 380px;
  height: 277px;
  border-radius: 5px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -190px;
  margin-top: -138px;
}

.xq_tankuang .xq_tankuang_list .xq_close {
  width: 22px;
  height: 22px;
  float: right;
  border-radius: 50%;
  border: 1px solid #1a7af8;
  margin: 10px 10px 0 0;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEN0FFM0IzRDYxQjExRUE5QzM4QjkxM0UxRkRCOEVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEN0FFM0I0RDYxQjExRUE5QzM4QjkxM0UxRkRCOEVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQ3QUUzQjFENjFCMTFFQTlDMzhCOTEzRTFGREI4RUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ3QUUzQjJENjFCMTFFQTlDMzhCOTEzRTFGREI4RUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5C58NSAAAAq0lEQVR42mKQqvrxFYi7/v//z4ANA+WaQGqYGBgYlgJxqXT1zwoGNAAUywVStUC8FlnXfyCuRDIpDyrWB+Izggio7iao7kgg/gHE64F40tNW9nyQPFwhVHECkJoP5RYAFU2EyTGhOestEvsVsgQTmsM3gUwC4lQgXobiQajDs6EOn4rkmRaoWDnYM0BGM1B9DRBPA7opGy14YB6cANL5C4gX4wnwqUD8GSDAAORykSrX+PKBAAAAAElFTkSuQmCC) center no-repeat;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.xq_tankuang .xq_tankuang_list .xq_close:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMyRUVDMzczRDYxQjExRUFCMTY1QTJFN0FBNEEwOTQ2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMyRUVDMzc0RDYxQjExRUFCMTY1QTJFN0FBNEEwOTQ2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzJFRUMzNzFENjFCMTFFQUIxNjVBMkU3QUE0QTA5NDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzJFRUMzNzJENjFCMTFFQUIxNjVBMkU3QUE0QTA5NDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5YPL6dAAAAeUlEQVR42mL4////VyDuAmIGHLgJpAbEmPUfAiqwKMqFyi1C1gUClUiK8qBifSA+uhUgEAHEAVD2RJg8ulUJ/xEgH1mOiQEVvEViv0KRweJwkEkp6B6EKcqGSkxF0tgCFSuHKWzGogjdg/0gzi8gXownwEEGfAYIMACbcC9m9k5NYgAAAABJRU5ErkJggg==) center no-repeat #1a7af8;
}

.xq_tankuang .xq_tankuang_list p {
  width: 340px;
  height: 57px;
  border-bottom: 2px solid #1a7af8;
  display: block;
  margin: 32px auto 0;
  line-height: 57px;
  font-size: 18px;
  color: #232323;
  text-align: center;
}

.xq_tankuang .xq_tankuang_list input {
  width: 263px;
  height: 44px;
  padding-left: 35px;
  display: block;
  outline: none;
  margin: 30px auto 0;
  border-radius: 5px;
  border: 1px solid #dedfeb;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAYAAAC9BQwsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc1RjMwMkIzRDYxQzExRUE5RTA3RjU0QUEzNjY4Qjk5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1RjMwMkI0RDYxQzExRUE5RTA3RjU0QUEzNjY4Qjk5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzVGMzAyQjFENjFDMTFFQTlFMDdGNTRBQTM2NjhCOTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzVGMzAyQjJENjFDMTFFQTlFMDdGNTRBQTM2NjhCOTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4djdFbAAAA5UlEQVR42mL8//8/w9mzZycyMDDkMRAHVgJxKgtQ0zIgIxKIQfR3IGbEoeE/ELMBcSwQq7JANZ0wNjaOJsY6oEW/gFQyE5D4CcSfGYgHIPUMII1/oU4gFrDBNJIFRjUOOo0cQPyVBD3vQATjmTNnrgNpUSA+BMTMaIn6P5qrQKnMGIjZQYn8HxCDaG40RQ+B+DcQq6BpZGWAatAC4k3A3OGPlgvigZQEUDwTTbwNSFXCbBDE4pdfUIwO+GF+3AekHYG4FYi/oTkVpFEVSQzkwkYgfglihALxfCCuJjJUL4MyP0CAAQDu6TtAl4W6awAAAABJRU5ErkJggg==) 11px center no-repeat #fff;
}

.xq_tankuang .xq_tankuang_list .submit {
  width: 300px;
  height: 46px;
  display: block;
  margin: 24px auto 0;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  cursor: pointer;
  background-color: #1a7af8;
}

/*第九版块-战略合作单位*/
.top_nine {
  margin-top: 30px;
}

.top_nine .top_hezuo {
  margin-top: 10px;
}

.top_nine .top_hezuo_left {
  width: 390px;
  height: 210px;
  float: left;
  position: relative;
}

.top_nine .top_hezuo_left .slide-list {
  width: 390px;
  height: 210px;
  float: left;
}

.top_nine .top_hezuo_left .slide-list img {
  width: 390px;
  height: 210px;
}

.top_nine .top_hezuo_left .hz-pagination {
  height: 40px;
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 2;
  background: url(/images/hz_bg.png) no-repeat;
}

.top_nine .top_hezuo_left .hz-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  margin-top: 15px;
}

.top_nine .top_hezuo_left .hz-pagination .swiper-pagination-bullet-active {
  background-color: rgba(255, 255, 255, 1);
}

.top_nine .top_hezuo_right {
  width: 790px;
  float: right;
}

.top_nine .top_hezuo_right img:nth-child(1) {
  margin-bottom: 10px;
}
/*校区3d动画*/
@-webkit-keyframes icon-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-moz-keyframes icon-circle {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-o-keyframes icon-circle {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes icon-circle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
     transform: rotate(360deg) 
  }
}




/*焦点图*/
.pagination_txt {
    width: 1000px;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -400px;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    background-color: rgba(10, 19, 61, 0.5);
}

.pagination_txt .item{
  width: 20%;
  float: left;
  height: 39px;
  font-size: 14px;
  color: #fff;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}

.pagination_txt .cur{
  background-color: #337af5;
  border-radius: 10px 10px 0 0;
} 


.Advantage2a {
	padding: 60px 0;
	/* width: 100%;
	float: left;
	height: auto;
	background: #f0f0f0 */
	background: url(/images/pic/a1.jpg) 90px center no-repeat;
}

.Advantage2a .List {
	width: 78%;
	/* float: left; */
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	position: relative;
	border-radius: 7px;
	margin-left: 15%;
}

.Advantage2a .List li:nth-child(1) .fl {
	padding: 30px 70px 30px 20px
}

.Advantage2a .List li:nth-child(1) .fl .titlea {
	margin-top: 5px;
	font-size: 30px
}

.Advantage2a .List li:nth-child(1) .center {
	font-size: 30px
}

.Advantage2a .List li:nth-child(1) .fr {
	padding: 30px 20px 30px 70px
}

.Advantage2a .List li:nth-child(1) .fr .titlea {
	margin-top: 5px;
	font-size: 30px
}

.Advantage2a .List li:nth-child(odd) .fl {
	background: #5da1ff;
}

.Advantage2a .List li:nth-child(odd) .fr {
	background: #f9f9f9;
}

.Advantage2a .List li {
	display: flex;
	justify-content: space-between;
	position: relative
}

.Advantage2a .List li:before {
	width: 4px;
	height: 100%;
	position: absolute;
	background: #fff;
	left: 50%;
	margin-left: -2px;
	top: 0px;
	content: ""
}

.Advantage2a .List li .center {
	position: absolute;
	left: 50%;
	/* top: 15%; */
	width: 70px;
	height: 56px;
	border-radius: 50%;
	background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
	margin-left: -35px;
	border: 5px solid #fff;
	margin-top: -30px;
	line-height: 53px;
	text-align: center;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
}

.Advantage2a .List li .fl {
	width: 50%;
	background: #1a7af8;
	text-align: right;
	padding: 15px 70px 15px 50px;
	color: #fff;
	height: 40px;
}

.Advantage2a .List li .fl .content .titlea {
	font-weight: bold;
	font-size: 22px;
}

.Advantage2a .List li .fl .content .describe {
	font-size: 14px;
	display: none;
}

.Advantage2a .List li .fr {
	width: 50%;
	background: #d8d8d8;
	text-align: left;
	padding: 20px 50px 20px 70px;
}

.Advantage2a .List li .fr .content .titlea {
	font-weight: normal;
	font-size: 22px;
	color: #6f6f6f;
}

.Advantage2a .List li .fr .content .describe {
	font-size: 14px;
	display: none;
}


.flclistab {
  width: 1200px;
  height: 271px;
  margin: 70px auto 0;
  /* font-size: 0; */
  text-align: center;
 
  position: relative;
  /* background-size: 99%; */
}
.flclistab:before {
  content: '流程开始';
  position: absolute;
  left: -6px;
  top: 72px;
  z-index: 2;
  width: 106px;
  height: 44px;
  font-size: 24px;
  color: #333;
  line-height: 44px;
  text-align: center;
  display: none;
}
.flclistab:after {
  content: '流程结束';
  position: absolute;
  right: -10px;
  top: 41px;
  z-index: 2;
  width: 106px;
  height: 44px;
  font-size: 24px;
  color: #333;
  line-height: 44px;
  text-align: center;
  display: none;
}
.flclistab li {
  /* display: block; */
  width: 127px;
  margin: 0 3px;
  padding: 0px 0;
  /* height: 89px; */
  position: relative;
  margin-top: 0px;
  float: left;
}
.flclistab .wrap {
  width: 109px;
  height: 68px;
  border: 1px solid #c3e2ff;
  border-radius: 10px;
  /* position: absolute; */
  /* left: 0; */
  /* top: 0; */
  z-index: 1;
  padding-top: 14px;
  /* background-color: #bcd8ff; */
  background: linear-gradient(to right,#f4f9ff,#cee8ff);
}
.flclistab .pic {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  position: absolute;
  top: 22px;
  left: 0;
  z-index: 1;
}
.flclistab .p1,
.flclistab .p2 {
  max-width: 100%;
  max-height: 100%;
}
.flclistab .p1 {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flclistab .p2 {
  opacity: 0;
  filter: alpha(opacity=0);
}
.flclistab li .num {
  /* height: 81px; */
  position: relative;
  line-height: 28px;
  color: #ffffff;
  font-size: 38px;
  /* font-family: 'swissbt'; */
  display: none;
  width: 360px;
  font-size: 14px;
  background: #1a7af8;
  top: 21px;
  padding: 10px 20px;
  text-align: left;
  left: 50%;
  margin-left: -200px;
  border-radius: 12px;
  box-shadow: 3px 3px 3px #c7c7c7;
  text-indent: 2em;
}

.flclistab li .num:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -25px;
  z-index: 0;
  width: 14px;
  height: 14px;
  background: url('/images/sjd-lc.png') center no-repeat;
  margin-left: -14px;
  background-size: contain;
}
.flclistab li h3 {
  font-size: 16px;
  color: #05316b;
  line-height: 30px;
  /* height: 28px; */
  overflow: hidden;
}
.flclistab li:nth-child(even) .num:after {
  /* bottom: auto; */
  /* top: 0; */
  /* background-image: url('/images/sju-lc.png'); */
}
.flclistab li:nth-child(1) .num{margin-left:0px;left:0;/* display: block; */}
.flclistab li:nth-child(1) .num:after{margin-left:0px;left:10%}
.flclistab li:nth-child(7) .num{width:500px;left: -6%;}
.flclistab li:nth-child(9) .num{margin-left:-0px;left:-100%;width:200px}
.flclistab li:nth-child(9) .num:after{margin-left:0px;right:25%; left:auto}

.flclistab li:nth-child(even) .wrap {
  /* top: 0; */
  /* bottom: auto; */
}
.flclistab li:hover .p1,
.flclistab li.on .p1 {
  opacity: 0;
  filter: alpha(opacity=0);
}
.flclistab li:hover .num{display:block;}
.flclistab li:hover .p2,
.flclistab li.on .p2 {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flclistab li:hover h3,
.flclistab li.on h3 {
  color: #fff;
}
.flclistab li:hover .wrap,
.flclistab li.on .wrap {
  background-color: #1a7af8;
  border-color: #368dff;
  background: linear-gradient(45deg,#1a7af8,#4d9aff);
}
.flclistab li h3,
.flclistab li .p1,
.flclistab li .p2,
.flclistab li .wrap {
  -webkit-transition: .3s;
  transition: .3s;
}