.swiper-banner {
  width: 100%;
  height: 580px;
}

.swiper-banner .banner-content {
  padding-top: 180px;
  padding-left: 24px;
  position: relative;
}

.swiper-banner .banner-content .title {
  font-size: 48px;
  color: #fff;
  line-height: 72px;
}

.swiper-banner .banner-content .desc {
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  margin-top: 24px;
}

.swiper-banner .banner-content .btn-box {
  margin-top: 58px;
}

.banner-content .btn-box button {
  width: 177px;
  height: 55px;
  border-radius: 30px;
  line-height: 55px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}

.banner-content .btn-box button.solid-btn {
  font-size: 20px;
  background: linear-gradient(223deg, #F9B154, #F68050);
  color: #FEFEFE;
}

.swiper-banner .banner-content .right {
  position: absolute;
  top: 60px;
  right: 0px;
}

.swiper-banner .banner-content .right img {
  width: 100%;
}

.swiper-banner .banner1 {
  background: url(../image/banner1_bg.png) no-repeat center/cover;
}

.swiper-banner .banner2 {
  background: url(../image/banner2_bg.png) no-repeat center/cover;
}

.swiper-banner .banner3 {
  background: url(../image/banner3_bg.png) no-repeat center/cover;
}

.swiper-banner .banner4 {
  background: url(../image/banner4_bg.png) no-repeat center/cover;
}

.swiper-banner .banner5 {
  background: url(../image/banner5_bg.png) no-repeat center/cover;
}

.swiper-banner .banner1 .banner-content .right {
  width: 700px;
}

.swiper-banner .banner2 .banner-content .right {
  width: 645px;
}

.swiper-banner .banner3 .banner-content .right {
  width: 588px;
}

.swiper-banner .banner4 .banner-content {
  padding-top: 130px;
}

.swiper-banner .banner4 .banner-content .right {
  width: 559px;
}

.swiper-banner .banner5 .banner-content {
  padding-top: 0px;
}

.swiper-banner .banner5 .banner-content .right {
  width: 827px;
  top: 0px;
}

.swiper-banner .banner5 .banner-content .left {
  padding-top: 120px;
}

.swiper-banner .banner5 .banner-content .left .p {
  font-size: 38px;
  font-weight: 900;
  color: #EBD997;
}

.swiper-banner .banner5 .banner-content .left .title {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  line-height: 70px;
}

.swiper-banner .banner5 .banner-content .left .desc {
  font-size: 22px;
  color: #fff;
  margin-top: 20px;
}

.swiper-banner .banner4 .h1 {
  width: 681px;
  height: 61px;
  background: linear-gradient(90deg,#2298f7 1%, #0a5ae1 53%, rgba(21,79,210,0.00) 98%);
  border-radius: 30px;
  color: #fff;
  font-size: 35px;
  line-height: 61px;
  padding-left: 62px;
  position: relative;
}

.swiper-banner .banner4 .h1::before {
  content: '';
  display: block;
  width: 47px;
  height: 39px;
  background: url(../image/banner4_icon.png) no-repeat center/cover;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-banner .banner4 .title {
  margin-top: 36px;
  font-size: 57px;
  background: linear-gradient(180deg,#ffffff, #52cef3 97%);
  line-height: 77px;
  font-weight: 600;
  -webkit-background-clip: text; 
  background-clip: text;
  -webkit-text-fill-color: transparent; 
}

.swiper-banner .banner4 .desc {
  font-size: 38px;
  color: #fff;
  line-height: 58px;
  margin-top: 15px;
}

.swiper-banner .banner4 .btn-box {
  margin-top: 43px;
}

.swiper-banner .banner4 .btn-box .solid-btn {
  display: block;
  width: 176px;
  height: 63px;
  background: #fff;
  border-radius: 35px;
  text-align: center;
  line-height: 63px;
  color: #0745CE;
  font-size: 29px;
}

.swiper-banner .banner-content .right img {
  width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 20px;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, .5);
}

.swiper-pagination-bullet-active {
  width: 32px;
  height: 8px;
  border-radius: 4px;
  background: #fff;
}

.sec1 .product .item {
  width: 383px;
  height: 312px;
  border-radius: 18px;
  border: 1px solid #BED8FF;
  background: #FFFFFF;
  margin-right: 25px;
  overflow: hidden;
  float: left;
  margin-top: 26px;
  cursor: pointer;
}

.sec1 .product .item:nth-child(3n) {
  margin-right: 0;
}

.sec1 .product .item:nth-child(-n+3) {
  margin-top: 0;
}

.sec1 .product .item.active {
  box-shadow: 2px 2px 22px 0px #C1D9FF;
  border: 1px solid #147FF5;
}

.sec1 .product .item .product-title {
  width: 100%;
  height: 81px;
  background: #EBF5FF;
  display: flex;
  align-items: center;
  color: #000;
  position: relative;
}

.sec1 .product .item.active .product-title {
  background: #1472FF;
  color: #fff;
}

.sec1 .product .item .product-title::after {
  content: "";
  display: block;
  width: 181px;
  height: 111px;
  background: url(../image/sec1_01.png) no-repeat center/cover;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: all .8s;
  opacity: 0;
}

.sec1 .product .item.active .product-title::after { 
  opacity: 1;
  transform: translateX(0);
}

.sec1 .product .item .product-title .product-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #0284FE;
  margin-left: 32px;
  margin-right: 20px;
}

.sec1 .product .item.active .product-title .product-circle {
  border-color: #fff;
}

.sec1 .product .item .product-title .bottom_line {
  font-size: 26px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  padding: 0 5px;
}

.sec1 .product .item .product-title .bottom_line::before {
  content: '';
  display: block;
  width: 100%;
  height: 8px;
  background: #BAD1FE;
  border-radius: 4px;
  position: absolute;
  bottom: 0 ;
  left: 0;
  z-index: -1;
}

.sec1 .product .item.active .product-title .bottom_line::before {
  background: #0049FA;
}

.sec1 .product .item .product-content {
  text-align: center;
}

.sec1 .product .item .product-content .desc {
  margin-top: 34px;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}

.sec1 .product .item .product-content .product-logo {
  width: 90px;
  margin: 20px auto;
}

.sec1 .product .item .product-content .product-logo img {
  width: 100%;
}

.sec1 .product .item .product-content .btn-box {
  margin-top: 44px;
  display: none;
}

.sec1 .product .item.active .product-content .btn-box {
  display: block;
}

.sec1 .product .item .product-content .btn-box .solid {
  width: 118px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  background: linear-gradient(134deg, #2C86FF 0%, #1573FF 100%);
  box-shadow: 2px 2px 22px 0px #C1D9FF;
  border-radius: 21px;
  color: #fff;
  cursor: pointer;
}

.sec1 .product .item .product-content .btn-box .solid:hover {
  opacity: 0.8;
}

.sec1 .product .item .product-content .btn-box .hollow {
  width: 118px;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  box-shadow: 2px 2px 22px 0px #C1D9FF;
  border: 1px solid #1A77FF;
  border-radius: 21px;
  color: #1A77FF;
  cursor: pointer;
}

.sec1 .product .item .product-content .btn-box .hollow:hover {
  opacity: 0.8;
}

.sec1 .product .item.active .product-content .product-logo {
  display: none;
}

.sec2 {
  background: #F9FAFF;
}

.sec2 .sec-content {
  padding-top: 26px;
}

.sec2 .tab-header {
  width: 100%;
  border-bottom: solid 1px #E3E4EC;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
}

.sec2 .tab-header-item img {
  width: 64px;
}

.sec2 .tab-header-item {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  line-height: 44px;
  margin-bottom: 10px;
  cursor: pointer;
}

.sec2 .tab-header-item:first-child {
  margin-right: 240px;
}

.sec2 .tab-header .reaction-bottom-dot {
  display: block;
  width: 56px;
  height: 6px;
  background: linear-gradient(90deg, #4591FF 0%, #004BE1 100%);
  border-radius: 6px 6px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 425px;
  transform: translateX(-50%);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.sec2 .tab-body {
  margin-top: 30px;
}

.sec2 .tab-body-item {
  display: none;
}

.sec2 .tab-body-item.active {
  display: block;
}

.sec2 .tab-body-item:first-child {
  padding: 0 84px;
  position: relative;
}

.swiper-sec2 .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.swiper-sec2 .swiper-slide .text-box {
  flex-shrink: 0;
  margin-right: 34px;
}

.swiper-sec2 .swiper-slide .img-box img {
  width: 100%;
}

.swiper-sec2 .swiper-slide .text-box .title1 {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 33px;
}

.swiper-sec2 .swiper-slide .text-box .desc {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin-top: 20px;
}

.swiper-sec2 .swiper-slide .text-box .title2 {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 33px;
  margin-top: 38px;
}

.swiper-sec2 .swiper-slide .text-box .tag-box {
  margin-top: 20px;
}

.swiper-sec2 .swiper-slide .text-box .tag-box .tag {
  display: inline-block;
  font-size: 14px;
  color: #848CBA;
  line-height: 14px;
  border-radius: 3px;
  border: solid 1px #B0C7E2;
  background: #EAEFFF;
  padding: 5px 9px;
}

.swiper-sec2 .swiper-slide .text-box .btn-box {
  margin-top: 38px;
}

.sec2 .swiper-button-prev {
  background: url(../image/left.png) no-repeat;
}

.sec2 .swiper-button-next {
  background: url(../image/right.png) no-repeat;
}

.sec2 .tab-body-item:last-child .title {
  font-size: 26px;
  font-weight: 600;
  color: #333;
  line-height: 37px;
  text-align: center;
}

.sec2 .tab-body-item:last-child .subtitle {
  font-size: 16px;
  color: #333;
  line-height: 28px;
  margin-top: 11px;
  text-align: center;
}

.sec2 .tab-body-item:last-child .item-box {
  margin-top: 47px;
}

.sec2 .tab-body-item:last-child .item-box .item {
  width: 390px;
  height: 154px;
  background: #fff;
  border-radius: 4px;
  margin-right: 15px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  padding: 0 24px 0 30px;
  float: left;
  cursor: pointer;
  transition: all .5s;
}

.sec2 .tab-body-item:last-child .item-box .item:nth-child(3n) {
  margin-right: 0;
}

.sec2 .tab-body-item:last-child .item-box .item:hover {
  background: linear-gradient(to left, #2178F6, #004BE1);
  transform: translateY(-10px);
  box-shadow: 2px 7px 8px 0px rgba(25, 34, 45, 0.27);
}

.sec2 .tab-body-item:last-child .item-box .item:hover .img-box img:last-child {
  display: block;
}

.sec2 .tab-body-item:last-child .item-box .item:hover .img-box img:first-child {
  display: none;
}

.sec2 .tab-body-item:last-child .item-box .item:hover .name,
.sec2 .tab-body-item:last-child .item-box .item:hover .desc {
  color: #fff;
}

.sec2 .tab-body-item:last-child .item-box .item .img-box {
  width: 78px;
  flex-shrink: 0;
  margin-right: 23px;
}

.sec2 .tab-body-item:last-child .item-box .item .img-box img {
  width: 100%;
}

.sec2 .tab-body-item:last-child .item-box .item .img-box img:last-child {
  display: none;
}

.sec2 .tab-body-item:last-child .item-box .item .name {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  line-height: 30px;
}

.sec2 .tab-body-item:last-child .item-box .item .desc {
  font-size: 16px;
  color: #333;
  line-height: 28px;
  margin-top: 18px;
}

.sec2 .tab-body-item:last-child .btn {
  width: 540px;
  height: 48px;
  cursor: pointer;
  margin: 34px auto 0;
}

.sec2 .tab-body-item:last-child .btn .btn-left {
  width: 406px;
  border: solid 2px #004BE1;
  background: #fff;
  line-height: 44px;
  padding-left: 18px;
  font-size: 18px;
  color: #004BE1;
}

.sec2 .tab-body-item:last-child .btn .btn-right {
  width: 134px;
  height: 48px;
  background: #004BE1;
  color: #fff;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
}

.sec3 .sec-content {
  position: relative;
}

.sec3 .swiper-slide {
  width: 269px;
  margin-right: 41px;
  cursor: pointer;
}

.sec3 .swiper-slide .img-box {
  border-radius: 6px;
  overflow: hidden;
}

.sec3 .swiper-slide .img-box img {
  width: 100%;
}

.sec3 .swiper-slide .title {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 25px;
  margin-top: 20px;
  padding: 0 5px;
}

.sec3 .swiper-slide:hover .title {
  color: #004BE1;
}

.sec3 .swiper-slide .desc {
  height: 71px;
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin-top: 8px;
  padding: 0 5px;
}

.sec3 .swiper-slide .more {
  font-size: 16px;
  line-height: 22px;
  color: #004BE1;
  margin-top: 10px;
}

.sec3 .swiper-slide .more img {
  width: 20px;
  margin-left: 10px;
}

.sec3 .btn-box {
  margin-top: 74px;
  text-align: center;
}

.sec3 .swiper-button-prev {
  background: url(../image/left.png) no-repeat;
  top: 130px;
  left: -50px;
}

.sec3 .swiper-button-next {
  background: url(../image/right.png) no-repeat;
  top: 130px;
  right: -50px;
}

.sec4 .item {
  width: 25%;
  text-align: center;
  margin-top: 54px;
  float: left;
  cursor: pointer;
}

.sec4 .item:nth-child(1), .sec4 .item:nth-child(2), .sec4 .item:nth-child(3), .sec4 .item:nth-child(4) {
  margin-top: 0;
}

.sec4 .item .img-box {
  width: 64px;
  margin: auto;
}

.sec4 .item .img-box img {
  width: 100%;
}

.sec4 .item .title {
  font-size: 18px;
  line-height: 25px;
  color: #333;
  margin-top: 25px;
}

.sec4 .item:hover .title{
  color: #004be1;
}

.sec4 .item .desc {
  font-size: 14px;
  line-height: 20px;
  color: #666;
  margin-top: 5px;
}

.sec5 {
  background: linear-gradient(to left, #4591FF, #004BE1)
}

.sec5 .common-title {
  color: #fff;
}

.sec5 .common-subtitle {
  color: #fff;
}

.sec5 .item-box {
  width: 380px;
}

.sec5 .item-box .item {
  width: 180px;
  height: 180px;
  margin-left: 20px;
  background: #fff;
  float: left;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.sec5 .item-box .item:nth-child(2n+1) {
  margin-left: 0;
}

.sec5 .item-box .item:nth-child(1), .sec5 .item-box .item:nth-child(2) {
  margin-top: 0px;
}

.sec5 .item-box .item .title {
  font-size: 18px;
  color: #666;
  line-height: 25px;
}

.sec5 .item-box .item .num-box {
  font-size: 30px;
  color: #333;
  line-height: 42px;
  margin-top: 12px;
}

.sec5 .item-box .item .company {
  font-size: 18px;
  color: #666;
  margin-top: 12px;
}

.sec5 .item-box .item:hover .title, 
.sec5 .item-box .item:hover .num-box, 
.sec5 .item-box .item:hover .company {
  color: #004be1;
}

.sec5 .img-box {
  width: 405px;
  height: 380px;
  margin: 0 17px;
  position: relative;
  overflow: hidden;
}

.sec5 .img-box video {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.sec5 .btn-box {
  margin-top: 54px;
  text-align: center;
}

.sec5 .btn-box button {
  width: 184px;
  height: 48px;
  border: solid 1px #fff;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.sec6 {
  background: #F9FAFF;
}

.sec6 .top {
  width: 100%;
  height: 460px;
  border-radius: 20px;
  box-shadow: 2px 2px 17px 0px rgba(118, 174, 233, 0.4);
  position: relative;
  z-index: 1;
}

.sec6 .top .circle01 {
  width: 112px;
  position: absolute;
  top: -50px;
  z-index: -1;
}

.sec6 .top .dot {
  width: 82px;
  position: absolute;
  top: -30px;
  right: -40px;
  z-index: -1;
}

.sec6 .top .img-box {
  width: 500px;
  height: 100%;
  text-align: right;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
}

.sec6 .top .img-box img {
  width: 100%;
}

.sec6 .top .text-box {
  width: 700px;
  height: 100%;
  background: #fff;
  padding: 99px 380px 0 127px;
  border-radius: 0 20px 20px 0;
  position: relative;
}

.sec6 .top .text-box .icon {
  position: absolute;
  left: 58px;
  top: 66px;
  width: 55px;
}

.sec6 .top .text-box .title {
  height: 46px;
}
.sec6 .top .text-box .title img {
  height: 100%;
}

.sec6 .top .text-box .desc {
  width: 450px;
  height: 72px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-top: 18px;
}

.sec6 .top .text-box .name {
  font-size: 16px;
  color: #333;
  line-height: 22px;
  margin-top: 18px;
}

.sec6 .top .text-box .more {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  color: #004BE1;
  margin-top: 89px;
}

.sec6 .wh1200 {
  padding: 70px 0px 0;
}

.sec6 .wh1200 ul {
  width: 1124px;
  margin: 22px auto 0;
}

.sec6 .wh1200 li {
  float: left;
  width: 208px;
  height: 78px;
  margin-right: 18px;
  margin-top: 18px;
  cursor: pointer;
  transition: all .5s;
  border-radius: 6px;
  border: solid 1px #eee;
}

.sec6 .wh1200 li img {
  width: 100%;
  vertical-align: middle;
}

.sec6 .wh1200 li:nth-child(5n) {
  margin-right: 0;
}

.sec6 .wh1200 li.active {
  transform: translateY(-10px);
  box-shadow: 2px 4px 8px 0px rgb(25, 34, 45, .27);
}

.sec6 .btn-box {
  margin-top: 55px;
  text-align: center;
}

.sec7 .article {
  display: block;
  width: 380px;
  height: 324px;
  margin-right: 30px;
  border-radius: 4px;
  border: 1px solid #E6EAFC;
  background: #fff;
  padding: 50px 35px 0;
  cursor: pointer;
  transition: all .5s;
}

.sec7 .article:hover {
  box-shadow: 2px 7px 8px 0px rgba(25, 34, 45, 0.27);
  transform: translateY(-10px);
}

.sec7 .article:nth-child(1) {
  width: 796px;
  background: url(../image/sec7_01.png) no-repeat center/cover;
  border: none;
  margin-right: 24px;
  margin-bottom: 30px;
  padding-left: 365px;
}

.sec7 .article:nth-child(2) {
  margin-right: 0;
  border: none;
  background: linear-gradient(to left, #4591FF, #004BE1);
  margin-bottom: 30px;
}

.sec7 .article:nth-child(5) {
  margin-right: 0;
}

.sec7 .article .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sec7 .article .desc {
  height: 88px;
  font-size: 16px;
  color: #333;
  line-height: 28px;
  margin-top: 18px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sec7 .article .tag-box {
  margin-top: 8px;
}

.sec7 .article .tag-box .tag {
  display: inline-block;
  font-size: 12px;
  color: #666;
  line-height: 12px;
  padding: 3px 6px;
  border: solid 1px #E6EAFC;
  border-radius: 4px;
  margin-left: 8px;
}

.sec7 .article .tag-box .tag:first-child {
  margin-left: 0;
}

.sec7 .article .more {
  margin-top: 42px;
  text-align: right;
  color: #115DE8;
  font-size: 16px;
  line-height: 22px;
}

.sec7 .article .more .iconfont {
  margin-left: 10px;
  font-size:20px;
}

.sec7 .article:nth-child(1) .title, 
.sec7 .article:nth-child(1) .desc, 
.sec7 .article:nth-child(1) .tag, 
.sec7 .article:nth-child(1) .more, 
.sec7 .article:nth-child(2) .title, 
.sec7 .article:nth-child(2) .desc, 
.sec7 .article:nth-child(2) .more, 
.sec7 .article:nth-child(2) .tag {
  color: #fff;
}