.transition-bg {
  width: 100%;
  background: linear-gradient(to bottom, #B1CFFB, transparent);
}

.container {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

.section {
  width: 100%;
}

#layer1 {
  display: flex;
  justify-content: space-between;
}

#layer1 .carousel {
  width: 45%;
}

#layer1 .carousel .item {
  position: relative;
  width: 100%;
  height: 100%;
}

#layer1 .carousel .item img {
  width: 100%;
  vertical-align: top;
}

#layer1 .carousel .carousel-name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 12px);
  background-color: rgba(0, 0, 0, 0.4);
  text-align: left;
  padding-left: 12px;
  color: #fff;
  line-height: 26px;
}

#layer1 .carousel .el-carousel__indicators--horizontal {
  right: 12px;
  left: inherit;
  transform: translateX(0px) translateY(0px);
}

#layer1 .notify {
  width: 53%;
}

#layer1 .notify .title {
  font-size: 16px;
  color: #161616;
  padding: 0 16px;
  border-left: 3px solid #264D9D;
  line-height: 16px;
  margin: 16px 0;
}

#layer1 .notify .title .more {
  float: right;
  color: #264D9D;
}

#layer1 .notify .notifies {
  border-top: 2px solid #86AAF4;
}

#section2 {
  display: flex;
  justify-content: space-between;
}

#section2 .news,
#section2 .down-load,
#section2 .access {
  width: 33%;
}
#section2 .access {
  padding:20px;
  width: calc(33% - 40px);
  text-align: center;
  padding-bottom: 0;
}
#section2 .access img {
  width:75%!important;
  margin-bottom: 30px;
}
#section2 .news .title,
#section2 .down-load .title,
#section2 .access .title {
  width: calc(100% - 20px);
  background: linear-gradient(to right, #6595E7 0%, #699AEE 64%, #86B2F8 100%);
  display: flex;
  position: relative;
  padding: 13px 10px;
}

#section2 .news .title .more,
#section2 .down-load .title .more,
#section2 .access .title .more {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 60px;
  color: #fff;
  cursor: pointer;
}

#section2 .news .title .switch-btn,
#section2 .down-load .title .switch-btn,
#section2 .access .title .switch-btn {
  color: #fff;
  line-height: 36px;
  height: 36px;
  padding: 0 18px;
  margin-right: 4px;
  cursor: pointer;
}

#section2 .news .title .switch-btn.active,
#section2 .down-load .title .switch-btn.active,
#section2 .access .title .switch-btn.active {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
}

#section2 .news .sm-bg-container,
#section2 .down-load .sm-bg-container,
#section2 .access .sm-bg-container {
  height: calc(100% - 86px);
  background: #FAFCFF;
  padding: 12px;
}

#section2 .access img {
  vertical-align: top;
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer;
}

#section2 .access img:last-child {
  margin-bottom: 0;
}

ul {
  padding: 0 20px;
  list-style-type: square;
}

ul li::marker {
  color: #507FDE;
}

.li-single {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  line-height: 50px;
  cursor: pointer;
}

.li-single:hover {
  color: #507FDE !important;
}

.li-date,
.li-content {
  white-space: nowrap;
}

.li-date {
  width: 100px;
  color: #8D8D8D;
  text-align: center;
}

.li-content {
  width: calc(100% - 120px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.down-load-ul ul {
  list-style: none;
  padding: 0 12px;
}

.down-load-ul ul li::marker {
  display: none;
}

.down-load-ul .iconfont {
  margin-right: 12px;
  color: #507FDE;
}

#section3 {
  display: flex;
  justify-content: space-between;
}

#section3 img {
  width: calc(50% - 15px);
  vertical-align: top;
  cursor: pointer;
}

#section4 {
  display: flex;
  justify-content: space-between;
}

#section4 .sub-title {
  background: #F5F8FC;
  border: 1px solid #eee;
  padding: 20px 10px;
}

#section4 .law {
  width: 540px;
}

#section4 .sub-content {
  height: calc(100% - 66px);
  border: 1px solid #eee;
  padding-left: 12px;
}

#section4 .expert {
  width: 320px;
}

#section4 .expert .sub-content {
  padding: 0 12px;
  padding-top: 12px;
  height: calc(100% - 78px);
}

#section4 .expert .experts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#section4 .expert .experts .expert-name {
  width: calc(50% - 45px);
  line-height: 40px;
  background: #fafcff;
  margin-bottom: 10px;
  padding-left: 40px;
  cursor: pointer;
  position: relative;
}

#section4 .expert .experts .expert-name::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #A0A0A0;
}

#section4 .expert .experts .expert-name:hover {
  background: #EAF2FF;
  color: #507FDE;
}

#section4 .expert .experts .expert-name:hover::after {
  background: #507FDE;
}

#section4 .signup {
  width: 300px;
}

#section4 .signup div {
  padding: 30px 40px;
  background: #EAF3FF;
  margin-bottom: 10px;
  line-height: 60px;
  font-size: 18px;
  color: #161616;
  cursor: pointer;
}

#section4 .signup div:last-child {
  margin-bottom: 0;
}

#section4 .signup img {
  width: 60px;
  vertical-align: top;
  margin-right: 30px;
}
#section4 .signup div a {
  text-decoration-line: none;
  color: #292a2f;
}
#section5 {
  margin-bottom: 55px;
}

#section5 .swiper-container {
  position: relative;
}

#section5 .swiper-button-prev {
  position: absolute;
  left: -80px;
  zoom: .5;
}

#section5 .swiper-button-next {
  position: absolute;
  right: -80px;
  zoom: .5;
}

#section5 .swiper {
  width: 100%;
}

#section5 .swiper .swiper-slide img {
  width: 100%;
  vertical-align: top;
}
.li-single,a{
  text-decoration-line: none!important;
}


.apply-in {
  font-size: 20px;
  color: #fff;
  position: relative;
  text-align:center;
  margin-bottom: 20px;
}
.apply-in::after{
  content:'';
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 50px;
  transform: translateX(-50%);
  height: 4px;
  background: #fff;
}

.apply-button{
  line-height: 40px;
  font-size: 18px;
  color: #6AACFF;
  width: 160px;
  border-radius: 20px;
  background:#fff;
  text-align:center;
  margin:0 auto;
  cursor: pointer;
}