.bannerBox {
  height: 657px;
}

.bannerBox .banner11 {
  height: 100%;
  position: relative;
}

.bannerBox .banner11 .bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.bannerBox .banner11 .bar1Cont {
  position: relative;
  width: 1000px;
  margin: auto;
  text-align: center;
}

.bannerBox .banner11 .bar1Cont .rc1 {
  width: 165px;
  height: 83px;
  background: url(../images/1210/bar1-img1.png) no-repeat;
  position: absolute;
  top: 184px;
  left: -28px;
  margin: 0;
  padding-top: 16px;
  font-size: 34px;
  color: #ffffff;
  letter-spacing: 0;
  text-shadow: 7px 0px 9px rgba(21, 77, 232, 0.23);
}

.bannerBox .banner11 .bar1Cont .rc2 {
  width: 165px;
  height: 83px;
  background: url(../images/1210/bar1-img2.png) no-repeat;
  position: absolute;
  top: 325px;
  left: -90px;
  margin: 0;
  padding-top: 16px;
  font-size: 34px;
  color: #ffffff;
  letter-spacing: 0;
  text-shadow: 7px 0px 9px rgba(21, 77, 232, 0.23);
}

.bannerBox .banner11 .bar1Cont .rc3 {
  width: 195px;
  height: 83px;
  background: url(../images/1210/bar1-img3.png) no-repeat;
  position: absolute;
  top: 160px;
  right: -7px;
  margin: 0;
  padding-top: 16px;
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 0;
  text-shadow: 7px 0px 9px rgba(21, 77, 232, 0.23);
}

.bannerBox .banner11 .bar1Cont .rc4 {
  width: 165px;
  height: 83px;
  background: url(../images/1210/bar1-img4.png) no-repeat;
  position: absolute;
  top: 290px;
  right: -54px;
  margin: 0;
  padding-top: 16px;
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 0;
  text-shadow: 7px 0px 9px rgba(21, 77, 232, 0.23);
}

.bannerBox .banner11 .bar1Cont .title {
  margin-top: 218px;
}

.bannerBox .banner11 .bar1Cont p {
  margin-top: 20px;
  font-size: 27px;
  line-height: 1;
  letter-spacing: 12px;
  color: #ffdd23;
}

.bannerBox .banner11 .bar1Cont .sxkc {
  width: 449px;
  height: 80px;
  margin-top: 43px;
  background: url(../images/1210/bar1-btn.png) no-repeat;
  margin: 43px auto 0;
  transform: translateX(-20px);
}

.bannerBox .banner11 .bar1Cont .sxkc a {
  margin: auto;
  display: block;
  width: 434px;
  height: 67px;
  line-height: 69px;
  font-size: 29px;
  letter-spacing: 4px;
  color: #ffffff;
}

.bannerBox .banner22 {
  height: 100%;
  position: relative;
}

.bannerBox .banner22 .bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.bannerBox .banner22 .bar2Cont {
  position: relative;
  width: 1000px;
  margin: auto;
  overflow: hidden;
  text-align: center;
}

.bannerBox .banner22 .bar2Cont .p1 {
  width: 700px;
  height: 36px;
  background: url(../images/1210/bar2-img4.png) no-repeat;
  font-size: 21px;
  line-height: 36px;
  letter-spacing: 13px;
  color: #ffffff;
  text-shadow: 5px 5px 10px rgba(0, 106, 224, 0.23);
  margin: 170px auto 20px;
  padding-left: 4px;
}

.bannerBox .banner22 .bar2Cont div {
  margin: 25px 0 0 120px;
}

.bannerBox .banner22 .bar2Cont div p {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 8px;
  color: #ffffff;
  float: left;
  margin-right: 130px;
}

.bannerBox .banner22 .bar2Cont div p span {
  color: #f8e43b;
}

.bannerBox .banner22 .bar2Cont div p:last-child {
  margin-right: 0;
}

.bannerBox .banner22 .bar2Cont a {
  display: block;
  width: 340px;
  height: 60px;
  background-color: #f8e43b;
  box-shadow: 5px 5px 10px 0px rgba(0, 106, 224, 0.44);
  border-radius: 30px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 60px;
  margin: 34px auto 0;
}

.zc-part1 {
  padding-bottom: 70px;
  background: url(../images/1210/part1_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.zc-part1 .zc1-title {
  text-align: center;
}

.zc-part1 .zc1-title img {
  margin-left: -40px;
}

.zc-part1 .zc1-title p {
  margin-top: 21px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  color: #333333;
}

.zc-part1 .zc1-nav {
  margin-top: 48px;
}

.zc-part1 .zc1-nav li {
  float: left;
  margin-right: 12px;
  cursor: pointer;
}

.zc-part1 .zc1-nav li p {
  width: 325px;
  height: 69px;
  border-radius: 10px;
  border: solid 1px #1362ff;
  text-align: center;
  line-height: 69px;
  box-sizing: border-box;
  font-size: 24px;
  color: #333333;
}

.zc-part1 .zc1-nav .liacv {
  width: 325px;
  height: 81px;
  background: url(../images/1210/part1-navbg.png) no-repeat;
}

.zc-part1 .zc1-nav .liacv p {
  color: #ffffff;
}

.zc-part1 .zc1-nav li:last-of-type {
  margin-right: 0;
}

.zc-part1 .zc1-cont {
  margin-top: 15px;
  height: 514px;
  border-radius: 11px;
  border: solid 2px #1362ff;
}

.zc-part1 .zc1-cont .cont1 .left {
  float: left;
  margin: 35px 0 0 53px;
}

.zc-part1 .zc1-cont .cont1 .left h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  color: #eb5800;
  margin-top: 20px;
  margin-bottom: 14px;
  position: relative;
}

.zc-part1 .zc1-cont .cont1 .left h3::after {
  position: absolute;
  top: 1px;
  left: -35px;
  width: 23px;
  height: 19px;
  background: url(../images/1210/part1-img1.png) no-repeat;
  content: "";
}

.zc-part1 .zc1-cont .cont1 .left p {
  font-size: 16px;
  line-height: 1;
  color: #666666;
  margin-bottom: 8px;
}

.zc-part1 .zc1-cont .cont1 .right {
  float: left;
  margin: 35px 0 0 20px;
  width: 754px;
  height: 432px;
  border-radius: 10px;
  background: url(../images/1210/part1-img3.png) no-repeat;
}

.zc-part1 .zc1-cont .cont1 .right a {
  display: block;
  width: 344px;
  height: 60px;
  line-height: 60px;
  background-color: #ffee10;
  border-radius: 30px;
  font-size: 24px;
  color: #333333;
  padding-left: 40px;
  box-sizing: border-box;
  margin: 172px auto 0;
}

.zc-part1 .zc1-cont .cont1 .right a img {
  vertical-align: middle;
  margin-top: -5px;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide {
  width: 949px;
  height: 464px;
  margin: 20px auto 0;
  background-size: 100% 100%;
  position: relative;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide .d_tit {
  width: 409px;
  height: 171px;
  line-height: 171px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide .d_tit span {
  font-size: 48px;
  color: #ec5d5d;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide .d_txt {
  width: 302px;
  height: 293px;
  background-image: linear-gradient(90deg, #38bfec 0%, #3b8cf8 100%);
  position: absolute;
  left: 422px;
  top: 171px;
  padding: 0 30px 0 38px;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide .d_txt i {
  display: block;
  width: 46px;
  height: 3px;
  background-color: #ffffff;
  margin: 62px 0 0 6px;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide .d_txt span {
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  margin-top: 23px;
  display: block;
  text-align: justify;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide1 {
  background-image: url(../images/1210/part1-img4.png);
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide2 {
  background-image: url(../images/1210/part1-img5.png);
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide3 {
  background-image: url(../images/1210/part1-img6.png);
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .swiper-slide .lide4 {
  background-image: url(../images/1210/part1-img7.png);
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .pagination {
  position: absolute;
  z-index: 999;
  bottom: 0;
  right: 23px;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .pagination a {
  display: block;
  margin: 2px;
  cursor: pointer;
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .pagination .prev {
  width: 28px;
  height: 22px;
  display: inline-block;
  background: url(../images/1210/part1_prevh.png);
}

.zc-part1 .zc1-cont .cont2 .nswiper1 .pagination .next {
  width: 28px;
  height: 22px;
  display: inline-block;
  background: url(../images/1210/part1_next.png);
}

.zc-part1 .zc1-cont .cont3 .p1 {
  width: 885px;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  margin: 22px auto 0;
  text-align: center;
}

.zc-part1 .zc1-cont .cont3 .zzswiper {
  position: relative;
  height: 222px;
  margin-top: 40px;
}

.zc-part1 .zc1-cont .cont3 .zzswiper div {
  width: 325px;
  height: 222px;
  top: 0;
  position: absolute;
}

.zc-part1 .zc1-cont .cont3 .zzswiper div img {
  width: 100%;
}

.zc-part1 .zc1-cont .cont3 .zzswiper div p {
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
  position: absolute;
  z-index: 1;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .zzprev {
  left: 108px;
  z-index: 1;
  transition: all 0.5s ease;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .zzprev p {
  opacity: 0.5;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .zznext2 {
  left: 565px;
  z-index: 1;
  transition: all 0.5s ease;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .zznext2 p {
  opacity: 0.5;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .zznext {
  left: 438px;
  z-index: 9;
  transform: scale(1.1);
  transition: all 0.5s ease;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .zznext p {
  opacity: 0.5;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .active {
  left: 223px;
  z-index: 10;
  transform: scale(1.17);
  transition: all 0.5s ease;
}

.zc-part1 .zc1-cont .cont3 .zzswiper .active p {
  opacity: 0;
}

.zc-part1 .zc1-cont .cont3 a {
  display: block;
  width: 328px;
  height: 62px;
  background-image: linear-gradient(90deg, #0053eb 20%, #0199f5 55%, #01deff 100%), linear-gradient(#655eee, #655eee);
  background-blend-mode: normal, normal;
  border-radius: 30px;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  line-height: 62px;
  margin: 54px auto 0;
}

.zc-part2 {
  height: 760px;
  background: url(../images/1210/part2_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.zc-part2 .zc2-title {
  text-align: center;
  margin-top: 60px;
}

.zc-part2 .zc2-title p {
  margin-top: 21px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  color: #ffffff;
}

.zc-part2 .zc2-cont {
  width: 1000px;
  height: 440px;
  background: url(../images/1210/part2-img.png) no-repeat;
  margin: 78px 0 0 0;
  position: relative;
}

.zc-part2 .zc2-cont .con1 {
  width: 264px;
  height: 196px;
  background-color: rgba(65, 71, 155, 0.85);
  position: absolute;
  top: 0;
  left: 0;
}

.zc-part2 .zc2-cont .con1::after {
  position: absolute;
  top: 90px;
  right: -29.5px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid rgba(65, 71, 155, 0.85);
  transform: rotate(225deg);
  content: "";
}

.zc-part2 .zc2-cont .con1 p {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  opacity: 0.9;
  text-align: center;
  margin-top: 20px;
}

.zc-part2 .zc2-cont .con1 p strong {
  font-weight: bold;
}

.zc-part2 .zc2-cont .con1 a {
  display: block;
  width: 210px;
  height: 45px;
  background-color: #fff600;
  border-radius: 23px;
  font-size: 20px;
  color: #271d7d;
  text-align: center;
  line-height: 45px;
  margin: 18px auto 0;
}

.zc-part2 .zc2-cont .con2 {
  width: 264px;
  height: 196px;
  background-color: rgba(65, 71, 155, 0.85);
  position: absolute;
  top: 246px;
  left: 0;
}

.zc-part2 .zc2-cont .con2::after {
  position: absolute;
  top: 140px;
  right: -29.5px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid rgba(65, 71, 155, 0.85);
  transform: rotate(-45deg);
  content: "";
}

.zc-part2 .zc2-cont .con2 p {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  opacity: 0.9;
  text-align: center;
  margin-top: 20px;
}

.zc-part2 .zc2-cont .con2 p strong {
  font-weight: bold;
}

.zc-part2 .zc2-cont .con2 a {
  display: block;
  width: 240px;
  height: 45px;
  background-color: #fff600;
  border-radius: 23px;
  font-size: 20px;
  color: #271d7d;
  text-align: center;
  line-height: 45px;
  margin: 18px auto 0;
}

.zc-part2 .zc2-cont .con3 {
  width: 264px;
  height: 342px;
  background-color: rgba(65, 71, 155, 0.85);
  position: absolute;
  top: 50px;
  right: 0;
}

.zc-part2 .zc2-cont .con3::after {
  position: absolute;
  top: 50px;
  left: -29.5px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid rgba(65, 71, 155, 0.85);
  transform: rotate(-225deg);
  content: "";
}

.zc-part2 .zc2-cont .con3 p {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  opacity: 0.9;
  text-align: center;
  margin-top: -20px;
}

.zc-part2 .zc2-cont .con3 p strong {
  font-weight: bold;
}

.zc-part2 .zc2-cont .con3 .a2 {
  display: block;
  width: 240px;
  height: 45px;
  background-color: #fff600;
  border-radius: 23px;
  font-size: 20px;
  color: #271d7d;
  text-align: center;
  line-height: 45px;
  margin: 28px auto 0;
}

.zc-part2 .zc2-cont .con3 .xx .ul1 {
  width: 189px;
  height: 48px;
  border-radius: 8px;
  border: solid 1px #35c1ff;
  margin: 58px auto 0;
}

.zc-part2 .zc2-cont .con3 .xx .ul1 li {
  float: left;
  width: 33.33%;
  height: 100%;
  box-sizing: border-box;
  border-right: solid 1px #35c1ff;
}

.zc-part2 .zc2-cont .con3 .xx .ul1 li:last-of-type {
  border-right: 0;
}

.zc-part2 .zc2-cont .con3 .xx .ul2 {
  width: 238px;
  margin: 0 auto 0;
  position: relative;
  top: -70px;
  background-color: #41479b;
}

.zc-part2 .zc2-cont .con3 .xx .ul2 li {
  float: left;
  width: 58px;
  height: 28px;
  border-radius: 12px;
  border: solid 1px #35c1ff;
  font-size: 18px;
  color: #35c1ff;
  text-align: center;
  box-sizing: border-box;
  line-height: 28px;
  margin-right: 2px;
}

.zc-part2 .zc2-cont .con3 .xx .ul2 li:last-of-type {
  margin-right: 0;
}

.zc-part2 .zc2-cont .con3 .xx .a1 {
  display: block;
  width: 83px;
  height: 32px;
  background-color: #03fee2;
  border-radius: 15px;
  border: solid 1px #35c1ff;
  text-align: center;
  line-height: 32px;
  font-size: 22px;
  font-weight: bold;
  color: #35348c;
  margin: auto;
  position: relative;
  top: -42px;
}

.part2 .zc2-title {
  text-align: center;
  margin-top: 60px;
}

.part2 .zc2-title img {
  margin-left: -40px;
}

.part2 .zc2-title p {
  margin-top: 21px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  color: #333333;
}

.zc-part3 {
  height: 1887px;
  background: url(../images/1210/part4_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.zc-part3 .zc2-title {
  text-align: center;
  margin-top: 60px;
}

.zc-part3 .zc2-title p {
  margin-top: 21px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  color: #ffffff;
}

.zc-part3 .zc3-cont {
  position: relative;
}

.zc-part3 .zc3-cont .people {
  position: absolute;
  bottom: -85px;
  right: -107px;
  z-index: 99;
}

.zc-part3 .zc3-cont .cont1 {
  margin-top: 28px;
}

.zc-part3 .zc3-cont .cont1 .title {
  line-height: 103px;
}

.zc-part3 .zc3-cont .cont1 .title img {
  margin-right: 25px;
}

.zc-part3 .zc3-cont .cont1 .title p {
  vertical-align: middle;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
}

.zc-part3 .zc3-cont .cont1 .title p .sp1 {
  display: block;
  font-size: 36px;
  color: #ffffff;
  line-height: 1;
}

.zc-part3 .zc3-cont .cont1 .title p .sp1 i {
  color: #fff600;
}

.zc-part3 .zc3-cont .cont1 .title p .sp2 {
  display: block;
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  margin-top: 12px;
}

.zc-part3 .zc3-cont .cont1 .con1-nav {
  width: 888px;
  height: 36px;
  margin: 36px 0 0 269px;
  position: relative;
}

.zc-part3 .zc3-cont .cont1 .con1-nav::after {
  position: absolute;
  bottom: -20px;
  left: 58px;
  width: 440px;
  height: 1px;
  border-top: dashed 1px #ffffff;
}

.zc-part3 .zc3-cont .cont1 .con1-nav li {
  cursor: pointer;
  width: 122px;
  height: 36px;
  border-radius: 10px;
  border: solid 1px rgba(254, 255, 255, 0.49);
  box-sizing: border-box;
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
  float: left;
  margin-right: 23px;
  position: relative;
}

.zc-part3 .zc3-cont .cont1 .con1-nav li::after {
  position: absolute;
  z-index: 10;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #ffffff;
  content: "";
}

.zc-part3 .zc3-cont .cont1 .con1-nav .liacv {
  background-color: #ffee10;
  color: #333333;
  font-weight: bold;
}

.zc-part3 .zc3-cont .cont1 .con1-nav .liacv::after {
  background-color: #ffee10;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 {
  width: 887px;
  height: 234px;
  background-color: #ffffff;
  box-shadow: inset 0px 0px 30px 0px rgba(44, 147, 252, 0.72);
  border-radius: 10px;
  margin: 36px 0 0 113px;
  overflow: hidden;
  position: relative;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 .slide4 {
  margin: 113px 0 0 88px;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 .p3 {
  font-size: 14px;
  line-height: 21px;
  color: #333333;
  position: absolute;
  top: 18px;
  left: 211px;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 .p3 span {
  color: #2c93fc;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 ul {
  margin: 42px 0 0 84px;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 ul li {
  height: 23px;
  margin-bottom: 16px;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 ul li .p1 {
  float: left;
  width: 27px;
  height: 23px;
  background: url(../images/1210/part4-cont2-img1.png) no-repeat;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
  color: #ffffff;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 ul li .p2 {
  float: left;
  width: 670px;
  font-size: 18px;
  line-height: 23px;
  color: #333333;
  margin-left: 20px;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 ul li .p2 span {
  font-weight: bold;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 .prev {
  width: 31px;
  height: 100px;
  background-color: #e5e5e5;
  border-radius: 15px 0px 0px 15px;
  text-align: center;
  position: absolute;
  top: 66px;
  left: 20px;
  z-index: 99;
  cursor: pointer;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 .prev img {
  margin-top: 36px;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 .next {
  width: 31px;
  height: 100px;
  background-color: #2c93fc;
  border-radius: 0px 15px 15px 0px;
  text-align: center;
  position: absolute;
  top: 66px;
  right: 20px;
  z-index: 99;
  cursor: pointer;
}

.zc-part3 .zc3-cont .cont1 .nswiper2 .next img {
  margin-top: 36px;
}

.zc-part3 .zc3-cont .cont1 .tourl {
  display: block;
  width: 302px;
  height: 62px;
  background-color: #ffee10;
  border-radius: 30px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 62px;
  margin: 17px 0 0 406px;
}

.zc-part3 .zc3-cont .cont2 {
  margin-top: 24px;
}

.zc-part3 .zc3-cont .cont2 .tourl {
  display: block;
  width: 302px;
  height: 62px;
  background-color: #ffee10;
  border-radius: 30px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 62px;
  margin: 17px 0 0 406px;
}

.zc-part3 .zc3-cont .cont2 .title {
  line-height: 103px;
}

.zc-part3 .zc3-cont .cont2 .title img {
  margin-right: 25px;
}

.zc-part3 .zc3-cont .cont2 .title p {
  vertical-align: middle;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
}

.zc-part3 .zc3-cont .cont2 .title p .sp1 {
  display: block;
  font-size: 36px;
  color: #ffffff;
  line-height: 1;
}

.zc-part3 .zc3-cont .cont2 .title p .sp1 i {
  color: #fff600;
}

.zc-part3 .zc3-cont .cont2 .title p .sp2 {
  display: block;
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  margin-top: 12px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs {
  width: 887px;
  margin: 4px 0 0 113px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li {
  float: left;
  margin-right: 5px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lt {
  float: left;
  width: 83px;
  height: 208px;
  border-radius: 10px;
  text-align: center;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lt img {
  margin-top: 50px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lt p {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0px 6px 10px rgba(124, 112, 221, 0.28);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr {
  float: left;
  width: 0;
  height: 208px;
  overflow: hidden;
  background-color: #fbfbff;
  box-shadow: inset 0px 0px 30px 0px rgba(124, 113, 222, 0.2);
  border-radius: 0px 10px 10px 0px;
  box-sizing: border-box;
  padding: 47px 0 0 0;
  transition: all 0.5s ease;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .lrr {
  width: 540px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .list {
  margin-bottom: 20px;
  margin-left: 25px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .list .num {
  float: left;
  width: 19px;
  height: 19px;
  border-radius: 19px;
  text-align: center;
  line-height: 19px;
  font-size: 14px;
  color: #ffffff;
  margin-top: 4px;
  background-image: linear-gradient(-90deg, #7a6fdc 0%, #8f82eb 100%);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .list .p1 {
  float: left;
  width: 448px;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  margin-left: 10px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .item {
  float: left;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .item .list22 {
  margin-bottom: 10px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .item .list22 .num {
  float: left;
  width: 19px;
  height: 19px;
  border-radius: 19px;
  text-align: center;
  line-height: 19px;
  font-size: 14px;
  color: #ffffff;
  margin-top: 4px;
  background-image: linear-gradient(-90deg, #1691fd 0%, #2db8fb 100%);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .item .list22 .p1 {
  float: left;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  margin-left: 10px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .item:nth-of-type(1) {
  margin-left: 40px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li .lr .item:nth-of-type(2) {
  margin-left: 50px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs .liacv .lt {
  border-radius: 10px 0px 0px 10px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs .liacv .lr {
  width: 540px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(1) .lt {
  background-image: linear-gradient(-90deg, #7a6fdc 0%, #8f82eb 100%);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(2) .lt {
  background-image: linear-gradient(-90deg, #1691fd 0%, #2db8fb 100%);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(3) .lt {
  background-image: linear-gradient(-90deg, #ff6575 0%, #ff9889 100%);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(3) .lr .list .num {
  background-image: linear-gradient(-90deg, #ff6575 0%, #ff9889 100%);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(4) {
  margin-right: 0;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(4) .lt {
  background-image: linear-gradient(-90deg, #09abc0 0%, #23c4d9 100%);
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(4) .lr {
  padding: 30px 0 0 0;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(4) .lr .list {
  margin-bottom: 10px;
}

.zc-part3 .zc3-cont .cont2 .con2-nrs li:nth-of-type(4) .lr .list .num {
  background-image: linear-gradient(-90deg, #09abc0 0%, #23c4d9 100%);
}

.zc-part3 .zc3-cont .cont3 {
  margin-top: 60px;
}

.zc-part3 .zc3-cont .cont3 .title {
  line-height: 103px;
}

.zc-part3 .zc3-cont .cont3 .title img {
  margin-right: 25px;
}

.zc-part3 .zc3-cont .cont3 .title p {
  vertical-align: middle;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
}

.zc-part3 .zc3-cont .cont3 .title p .sp1 {
  display: block;
  font-size: 36px;
  color: #ffffff;
  line-height: 1;
}

.zc-part3 .zc3-cont .cont3 .title p .sp1 i {
  color: #fff600;
}

.zc-part3 .zc3-cont .cont3 .title p .sp2 {
  display: block;
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  margin-top: 12px;
}

.zc-part3 .zc3-cont .cont3 .ul55 {
  margin: 9px 0 0 114px;
}

.zc-part3 .zc3-cont .cont3 .ul55 li {
  width: 255px;
  height: 152px;
  background-color: #ffffff;
  border-radius: 10px 10px 0px 0px;
  border: solid 1px #cccccc;
  margin: 0 23px 26px 0;
  text-align: center;
  overflow: hidden;
  float: left;
  position: relative;
}

.zc-part3 .zc3-cont .cont3 .ul55 li img {
  margin-top: 15px;
  margin-bottom: 17px;
}

.zc-part3 .zc3-cont .cont3 .ul55 li img:nth-of-type(2) {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  margin: auto;
}

.zc-part3 .zc3-cont .cont3 .ul55 li div {
  transform: translateY(-152px);
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  line-height: 152px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px 10px 0px 0px;
}

.zc-part3 .zc3-cont .cont3 .ul55 li div p {
  width: 224px;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  text-align: justify;
  margin: auto;
  vertical-align: middle;
  display: inline-block;
  max-height: 130px;
  overflow-y: auto;
  padding-right: 10px;
}

.zc-part3 .zc3-cont .cont3 .ul55 li div p::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.zc-part3 .zc3-cont .cont3 .ul55 li div p::-webkit-scrollbar-thumb {
  background-color: #fbf8fc;
  border-radius: 4px;
}

.zc-part3 .zc3-cont .cont3 .ul55 li div p::-webkit-scrollbar-thumb:hover {
  background-color: #fbf8fc;
  opacity: 0.7;
}

.zc-part3 .zc3-cont .cont3 .ul55 li div p::-webkit-scrollbar-thumb:active {
  background-color: #fbf8fc;
  opacity: 0.7;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:hover div {
  transform: translateY(0);
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(1) h1 {
  color: #e14a64;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(1) div {
  background-image: linear-gradient(180deg, #e14a64 0%, #f2af9c 100%);
  background-blend-mode: normal,  normal;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(2) h1 {
  color: #f57826;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(2) div {
  background-image: linear-gradient(180deg, #ed620e 0%, #e9861e 50%, #e4aa2d 100%);
  background-blend-mode: normal,  normal;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(3) h1 {
  color: #1b99fd;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(3) div {
  background-image: linear-gradient(180deg, #2da6fd 0%, #2dcefd 100%);
  background-blend-mode: normal,  normal;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(4) h1 {
  color: #02c64e;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(4) div {
  background-image: linear-gradient(180deg, #099d0d 0%, #65e151 100%);
  background-blend-mode: normal,  normal;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(5) h1 {
  color: #6b61eb;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(5) div {
  background-image: linear-gradient(180deg, #584eda 0%, #8e6ded 100%);
  background-blend-mode: normal,  normal;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(6) h1 {
  color: #0aabc1;
}

.zc-part3 .zc3-cont .cont3 .ul55 li:nth-of-type(6) div {
  background-image: linear-gradient(180deg, #06a5ba 0%, #39cade 100%);
  background-blend-mode: normal,  normal;
}

.zc-part3 .zc3-cont .cont3 .tourl {
  width: 302px;
  height: 62px;
  background-color: #ffee10;
  border-radius: 30px;
  text-align: center;
  line-height: 62px;
  font-size: 24px;
  color: #333333;
  display: block;
  margin: 30px auto 0;
}