.index .banner { width: 100%; position: relative;}
.index .banner img { width: 100%; }
.index .banner .swiper-pagination { position: absolute;bottom: 10px;left: 50%; transform: translate(-50%, 0);}
.index .banner .swiper-pagination .swiper-pagination-bullet { width: 4px; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.7); margin: 0 3px; opacity: 1;}
.index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px;}

.title-box { width: 100%; align-items: center; text-align: center;}
.title-box .title { line-height: 0;}
.title-box .title p { font-weight: bold; font-size: 20px; color: #15062B; line-height: 30px;} 
.title-box .more { font-size: 12px; color: #999;}

.s-title { font-size: 14px; line-height: 18px; margin-top: 8px; text-align: center;}
 
.index .sec1 { padding: 10px 0; position: relative; z-index: 1; background: #F5F8FF;}
.index .sec1 .news-tel { padding: 10px; display: flex; justify-content: space-between; background: #4280F7;border-radius: 10px; box-shadow: 0px 6px 6px 0px rgba(217,215,242,0.3);}
.index .sec1 .news-tel .news { flex: 1; max-width: calc(100% - 34px);; display: flex; align-items: center; position: relative;}
.index .sec1 .news-tel .news::after { content: ''; width: 1px; height: 16px; background: #CCCCCC; position: absolute; right: 0; top: 50%; margin-top: -8px;}
.index .sec1 .news-tel .news img { width: auto; height: 20px; margin-right: 10px;}
.index .sec1 .news-tel .news .text-wrapper { flex: 1; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 15px; height: 20px;}
.index .sec1 .news-tel .news .swiper { height: 100%;}
.index .sec1 .news-tel .text { white-space: nowrap; position: relative; display: inline-block; font-size: 14px; color: #fff; line-height: 20px; margin-right: 20px;}
.index .sec1 .news-tel .text::after { content: attr(title); position: absolute; left: calc(100% + 20px); top: 0; white-space: nowrap;}
@keyframes textScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 20px));
  }
}
/* 当鼠标悬停时暂停动画 */
.index .sec1 .news-tel .news .text-wrapper:hover .text { animation-play-state: paused;}
.index .sec1 .news-tel .tel { padding-left: 10px; display: flex; align-items: center;} 
.index .sec1 .news-tel .tel img { width: 24px; height: auto;} 

.index .sec2 { padding: 15px 0 26px;background: #F5F8FF;}
.index .sec2 .title p { background: linear-gradient(to right, #712FC9,#150830, #0453D1); -webkit-background-clip: text; color: transparent;}
.index .sec2 .s-title { color: #282828;}
.index .sec2 .cont { margin-top: 14px; height: 66.9333vw; background: url(../../image/mobile/index-sec2-bg.png) no-repeat; background-size: 100% auto; position: relative; background-position: top right;}
.index .sec2 .cont .item { width: 17.33vw; height: 17.33vw; position: absolute;}
.index .sec2 .cont .item img { width: 100%; height: auto;}
.index .sec2 .cont .item1 { left: 27.619vw; top: 11.9047vw;}
.index .sec2 .cont .item2 { left: 54.7619vw;top: 11.9047vw;}
.index .sec2 .cont .item3 { left: 27.619vw; top: 38.3333vw;}
.index .sec2 .cont .item4 { left: 54.7619vw;top: 38.3333vw;}


.index .sec3 { padding: 26px 0 18px; position: relative;}
.index .sec3::before { content: ''; width: 100%; height: 26.4286vw; background: linear-gradient(180deg, #DCE4FB 0%, #FFFFFF 100%); position: absolute; left: 0; top: 0; z-index: 1;}
.index .sec3>.wrap { position: relative; z-index: 2;}
.index .sec3 .title-box .title p { font-size: 22px;}
.index .sec3 .title-box .tab { display: flex; padding: 0.5333vw;  background: #EFF1FE;box-shadow: 0px 6px 6px 0px rgba(211,221,248,0.3);border-radius: 9px;}
.index .sec3 .title-box .tab .item { font-size: 14px; line-height: 30px; color: #999999; padding: 0 8px;}
.index .sec3 .title-box .tab .item.active { color: #000000;background: #FEFFFF;border-radius: 7px;}

.index .sec3 .cont-box-wrap { align-items: flex-start;}   
.index .sec3 .cont-box { display: none;}
.index .sec3 .cont-box1 { display: block;}
.index .sec3 .cont-box .list { margin-top: 2.9333vw;}
.index .sec3 .cont-box .list .item { padding: 2.6667vw 0; display: flex; flex-direction: row-reverse;}
.index .sec3 .cont-box .list .item .info { width: calc(100% - 26.6667vw);position: relative;}
.index .sec3 .cont-box .list .item .info .name { display: flex;}
.index .sec3 .cont-box .list .item .info .name span { font-size: 16px; color: #000000; line-height:24px; display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index .sec3 .cont-box .list .item .info .name span:hover { color: #4394ff;}
.index .sec3 .cont-box .list .item .info .date { font-size: 14px;color: #999999;line-height: 20px; position: absolute; bottom: 0; left: 0;}
.index .sec3 .cont-box .list .item .img { width: 26.6667vw;height: 17.0667vw;background: #BCBCBC;border-radius: 10px;overflow: hidden; margin-right: 2.6667vw;}
.index .sec3 .cont-box .list .item .img img { width: 100%; height: 100%; object-fit: cover;}
.index .sec3 .cont-box label { margin-top: 4px; display: inline-block; min-width: 24px; height: 18px; padding: 0 2px; background: linear-gradient(270deg, #86DDFF 0%, #50AEFF 100%);border-radius: 4px; text-align: center; font-size: 12px; color: #FFFFFF; line-height: 18px; margin-right: 5px;}
.index .sec3 .cont-box label.blue { background: linear-gradient(270deg, #86DDFF 0%, #50AEFF 100%);}
.index .sec3 .cont-box label.orange { background: linear-gradient(270deg, #FFCA9B 0%, #FF9449 100%);}
.index .sec3 .cont-box label.purple { background: linear-gradient(270deg, #97A9FE 0%, #728AFF 100%);}
.index .sec3 .cont-box label.red { background: linear-gradient(270deg, #FF9A90 0%, #FF776B 100%);}
.index .sec3 .cont-box label.green { background: linear-gradient(270deg, #8DFCDD 0%, #28F0AA 100%);}
.index .sec3 .cont-box label.rosered { background: linear-gradient(270deg, #F9A6FB 0%, #F362FC 100%);}
.index .sec3 .more { display: block; margin: 0 auto; margin-top: 4vw; width: 90px; height: 28px; border-radius: 13px;  border: 1px solid #000000; font-size: 13px; color: #000000; line-height: 28px; text-align: center;}

.index .sec8 { padding: 15px 0 17px;  background: url(../../image/mobile/index-sec8-bg.png) no-repeat; background-size: 100% auto; border-radius: 10px;box-shadow: 0px 10px 10px 0px rgba(216,230,247,0.5);}
.index .sec8 .title-box { text-align: left;}
.index .sec8 .list { margin-top: 2.9333vw; background:url(../../image/mobile/index-sec8-bg2.png);}
.index .sec8 .list .item { padding: 2.6667vw 0; display: flex; flex-direction: row-reverse;}
.index .sec8 .list .item .info { width: calc(100% - 26.6667vw);position: relative;}
.index .sec8 .list .item .info .name { display: flex;}
.index .sec8 .list .item .info .name span { font-size: 16px; color: #000000; line-height:24px; display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index .sec8 .list .item .info .name span:hover { color: #4394ff;}
.index .sec8 .list .item .info .date { font-size: 14px;color: #999999;line-height: 20px; position: absolute; bottom: 0; left: 0;}
.index .sec8 .list .item .img { width: 26.6667vw;height: 17.0667vw;background: #BCBCBC;border-radius: 10px;overflow: hidden; margin-right: 2.6667vw;}
.index .sec8 .list .item .img img { width: 100%; height: 100%; object-fit: cover;}
.index .sec8 .more { display: block; margin: 0 auto; margin-top: 4vw; width: 90px; height: 28px; border-radius: 13px;  border: 1px solid #000000; font-size: 13px; color: #000000; line-height: 28px; text-align: center;}

.index .sec4 { padding: 25px 0 8.2667vw; background: #0334CA; position: relative;}
.index .sec4 .title p { font-weight: bold;font-size: 20px;color: #FFFFFF;line-height: 30px;background: linear-gradient(180deg, #717E96 0%, #FF8745 0%, #FFFFFF 0%, #A4CBE9 93.9208984375%);line-clamp: 2;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.index .sec4 .s-title { color: #3687C9;}
.index .sec4 canvas { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.index .sec4 .cont-box { height: 66.93vw; background: url(../../image/mobile/index-sec4-bg2.png) no-repeat; background-size: 100% auto; background-position: center 0; position: relative; z-index: 2;}
.index .sec4 .cont { height: 100%;}
.index .sec4 .list { width: 100%; height: 100%; position: relative;}
.index .sec4 .list .item { position: absolute;}
.index .sec4 .list .item .point-img { animation: scaleAnimation 2s infinite;  width: 2.9333vw; height: 2.9333vw; position: absolute;}
@keyframes scaleAnimation {
  0% {
      transform: scale(1); /* 原始大小 */
  }
  50% {
      transform: scale(0.8); /* 缩小到50% */
  }
  100% {
      transform: scale(1); /* 回到原始大小 */
  }
}
.index .sec4 .list .item .img { max-width: 32px;}
.index .sec4 .list .item .img img { max-width: 100%;}
.index .sec4 .list .item .info p:nth-of-type(1) { font-size: 2.13vw;color: #45B6FB; line-height: 22px; display: flex;}
.index .sec4 .list .item .info p:nth-of-type(1) span { font-size:  4.8vw;color: #FFFFFF; line-height: 1; font-weight: bold;}
.index .sec4 .list .item .info p:nth-of-type(2) { margin-top: 3px; font-size: 2.4vw; color: #45B6FB; line-height: 1; font-weight: bold;}
.index .sec4 .list .line-gray { width: 1px;height: 70px;background: #444444; position: absolute;}
.index .sec4 .list .item1 { top: 12vw; right: 61.866vw;}
.index .sec4 .list .item1 .point-img { margin-top: -4px; right: -2.4vw;}
.index .sec4 .list .item2 { top: 20vw; left: 66.13vw;}
.index .sec4 .list .item2 .point-img { top: 6px; left: -5.3vw}
.index .sec4 .list .item3 { top: 29vw; right: 54.266vw;}
.index .sec4 .list .item3 .point-img { top: -2.26vw; right: -1.6vw;}
.index .sec4 .list .item4 { top: 40vw; left: 70.2666%;}
.index .sec4 .list .item4 .point-img { top: 5px; left: -3.7333vw;}
.index .sec4 .list .item5 { top: 47.55vw; left: 38.4%;}
.index .sec4 .list .item5 .point-img { top: -4.9333vw; left: -0.5vw;}
.index .sec4 .list .item6 { top: 60vw; left: 10.5333vw;}
.index .sec4 .list .item6 .point-img { left: 6.53vw; top: -4.8vw;}

.index .sec5 { padding: 23px 0 17px;}  
.index .sec5 .title-box .title p { font-size: 18px; position: relative;}
.index .sec5 .title-box .title p::after { content: ''; width: 16px; height: 4px; background: #4394FF; border-radius: 2px; position: absolute; left: 50%; bottom: -11px; margin-left: -8px;}
.index .sec5 .title-box { text-align: left;} 
.index .sec5 .list { display: flex; flex-wrap: wrap; margin-top: 17px;}  
.index .sec5 .list .item { margin-top: 12px; width: calc(50% - 5px); margin-right: 10px; box-shadow: 0px 10px 10px 0px rgba(216,230,247,0.5); border-radius: 10px; overflow: hidden;}  
.index .sec5 .list .item:nth-child(2n) { margin-right: 0;}
.index .sec5 .list .item .img { width: 100%; height: 27.8571vw; transition: all 0.3s; border-radius: 10px; overflow: hidden;}  
.index .sec5 .list .item .img img { width: 100%; height: 100%; object-fit: cover;}  
.index .sec5 .list .item .cont { padding: 8px 10px;}  
.index .sec5 .list .item .cont .name { font-weight: bold; font-size: 14px; color: #000000;line-height: 18px;} 
.index .sec5 .more { display: block; margin: 0 auto; margin-top: 4vw; width: 90px; height: 28px; border-radius: 13px;  border: 1px solid #000000; font-size: 13px; color: #000000; line-height: 28px; text-align: center;}

.index .sec6 { padding: 20px 0 24px; background: #F6F8FE;}
.index .sec6 .title-box .title p { font-size: 18px;}
.index .sec6 .list { margin-top: 5px; display: flex; flex-wrap: wrap;}
.index .sec6 .list .item { margin-top: 12px; width: calc(33.33% - 8px); margin-right: 12px; padding: 17px 7px; text-align: center; background: #FFFFFF; border-radius: 10px;}
.index .sec6 .list .item:nth-child(3n) { margin-right: 0;}
.index .sec6 .list .item .img { margin: 0 auto; width: 9.5238vw; max-width: 100%; height: 9.5238vw; border-radius: 6px; overflow: hidden;transition: 0.3s;}
.index .sec6 .list .item .img img { width: 100%; height: 100%; object-fit: cover;}
.index .sec6 .list .item .name { margin-top: 10px; font-size: 14px; color: #000000; line-height: 18px; font-weight: bold;}
.index .sec6 .more { display: block; margin: 0 auto; margin-top: 4vw; width: 90px; height: 28px; border-radius: 13px;  border: 1px solid #000000; font-size: 13px; color: #000000; line-height: 28px; text-align: center;}

.index .sec7 { padding: 28px 0;}
.index .sec7 .static { display: flex; justify-content: center; margin-top: 7px; font-family: OPPOSans;}
.index .sec7 .static p { font-size: 12px; color: #282828; line-height: 18px; padding: 0 7px;}
.index .sec7 .static p span { font-size: 18px; color: #4394FF;}
.index .sec7 .list { padding-top: 15px; display: flex; flex-wrap: wrap; justify-content: center; background: url(../../image/index-sec7-bg.png) no-repeat; background-size: 100% auto; background-position: center top; }
.index .sec7 .list .item { width: calc(25% - 24px); height: 9.6vw; background: #FFFFFF; box-shadow: 0px 6px 6px 0px rgba(216,230,247,0.3); border-radius: 6px; border: 1px solid #E1EAF8; margin: 0 12px;margin-top: 13px; transition: all 0.3s; overflow: hidden;} 
.index .sec7 .list .item img { width: 100%; height: 100%; object-fit: contain;}
.index .sec7 .list .item:hover img { transform: scale(1.1);}

/* 分页banner */
.fen-banner { width: 100%; height: 42.66vw;}
.fen-banner img { max-width: 100%; height: 100%; object-fit: cover;}

/* 新闻导航 */
.second-menu { width: 100%; border-bottom: 10px solid #F7F7F7; background: #ffffff; /*position: sticky; top: 56px; z-index: 10;*/}
.second-menu.no-border { border-bottom: none;}
.second-menu .wrap { text-align: center; white-space: nowrap; overflow-x: auto;}
.second-menu .tab-item { display: inline-block; padding: 0 3.33vw; font-size: 16px; color: #999999; line-height: 68px; cursor: pointer; position: relative;}
.second-menu .tab-item.active { color: #222222; font-weight: bold;}
.second-menu .tab-item.active::after { content: ''; width: 16px; height: 4px; border-radius: 4px; background: #4394FF; position: absolute; left: 50%; bottom: 10px; margin-left: -8px;}
.second-menu .wrap::-webkit-scrollbar { width: 0; height: 4px;}
.second-menu.left .wrap { text-align: left;}
.second-menu.left .tab-item { padding: 0;}
.second-menu.left .tab-item+.tab-item { margin-left: 6.66vw;}
@media screen and (max-width: 750px) {
  .second-menu .wrap::-webkit-scrollbar { width: 0; height: 0;}
}

/* 平台介绍 */
.platform .sec1 { padding: 33px 0 40px;}
.platform .sec1 .title { font-size: 20px; color: #333333; line-height: 30px; text-align: center;}
.platform .sec1 .s-title { font-size: 12px; color: #666666; line-height: 16px;}
.platform .sec1 .line { width: 28px; height: 4px; background: #DDDDDD; border-radius: 2px; margin: 0 auto; margin-top: 14px;}
.platform .sec1 .info-box { margin-top: 30px; font-size: 14px; color: #5C6873; line-height: 1.8;}
.platform .sec1 .info-box img { max-width: 100%;}
.platform .sec1 .info-box .info { width: 100%; font-size: 16px; color: #5C6873; line-height: 30px;}
.platform .sec1 .info-box .info p+p { margin-top: 30px;}
.platform .sec1 .info-box .img { margin: 0 auto;}
.platform .sec1 .info-box .img img { max-width: 100%; height: auto;}
.platform .sec1 .line1 { width: 18px; height: 4px; background: #DDDDDD; margin-top: 23px;}
.platform .sec1 .contact { margin-top: 20px;}
.platform .sec1 .contact .name { font-size: 14px; color: #282828; margin-bottom: 10px;}
.platform .sec1 .contact .item { display: flex; padding: 5px 0; align-items: center;}
.platform .sec1 .contact .item i { width: 14px; height: 14px; font-size: 14px; line-height: 1; color: #CCCCCC; margin-right: 5px;}
.platform .sec1 .contact .item img { width: 14px; height: 14px; object-fit: contain; margin-right: 8px;}
.platform .sec1 .contact .item span { font-size: 14px; color: #282828; line-height: 20px;}

.platform .sec2 { padding: 55px 0 40px; background: linear-gradient(-68deg, #4673F8 22%, #10E2E8 100%); box-shadow: 0px 10px 10px 0px rgba(216,230,247,0.5);}
.platform .sec2 .title { font-size: 34px; color: #FFFFFF; line-height: 44px; text-align: center;}
.platform .sec2 .s-title { margin-top: 12px; font-size: 18px; color: #FFFFFF; line-height: 28px;}
.platform .sec2 .list { margin-top: 35px; display: flex;}
.platform .sec2 .list .item { flex: 1; text-align: center;}
.platform .sec2 .list .item img { width: 14.4vw; height: 14.4vw;}
.platform .sec2 .list .item p { margin-top: 15px; font-size: 12px; color: #FFFFFF; line-height: 16px;}

.platform .sec3 { padding: 22px 0;}
.platform .sec3 .title { font-size: 20px; color: #333333; line-height: 30px; text-align: center; font-weight: bold;}
.platform .sec3 .title span { color: #FA666F;}
.platform .sec3 .s-title { margin-top: 10px; font-size: 12px; color: #666666; line-height: 16px;}
.platform .sec3 .line { width: 28px; height: 4px; background: #DDDDDD; border-radius: 2px; margin: 0 auto; margin-top: 14px;}
.platform .sec3 .list .item { padding-bottom: 25px;}
.platform .sec3 .list .item+.item { padding-top: 25px; border-top: 1px solid #EEEEEE;}
.platform .sec3 .list .item .info-box { margin-top: 15px; font-size: 14px; color: #5C6873; line-height: 1.8;}
.platform .sec3 .list .item .info-box img { max-width: 100%;}
.platform .sec3 .list .item .info p+p { margin-top: 30px;}
.platform .sec3 .list .item:nth-child(2n) .info-box { flex-direction: row-reverse;}

.platform .sec4 { padding: 30px 0; background: #F4F4F4; position: relative;}
.platform .sec4::after { content: ''; width: 38.13vw; height: 16.67vw; background: url(../image/platform-and.png); background-size: 100% auto; position: absolute; right: 0; top: 24px; z-index: 2;} 
.platform .sec4>.wrap { position: relative; z-index: 3; } 
.platform .sec4 .tit { font-size: 38px; color: #000000; text-align: center;}
.platform .sec4 .line1 { width: 37px; height: 4px; background: #DDDDDD; margin: 0 auto; margin-top: 8px;}
.platform .sec4 .contact { padding: 12px 0 10px; display: flex; flex-direction: column; align-items: center;}
.platform .sec4 .contact .name { font-size: 14px; color: #282828; margin-bottom: 10px; text-align: center;}
.platform .sec4 .contact .item { display: flex; padding: 5px 0;}
.platform .sec4 .contact .item img { width: 14px; height: 20px; object-fit: contain; margin-right: 5px;}
.platform .sec4 .contact .item i { width: 14px; height: 20px; font-size: 16px; line-height: 20px; color: #CCCCCC; margin-right: 5px;}
.platform .sec4 .contact .item span { font-size: 14px; color: #282828; line-height: 20px;}
.platform .sec4 .contact .item a span { color: #FA666F;}
.platform .sec4 .form-box { margin: 0 5.33vw; padding: 25px 30px 23px; background: #FFFFFF; border-radius: 18px;}
.platform .sec4 .form-box .name { font-size: 14px; color: #333333;}
.platform .sec4 .form-box .item-wrap { display: flex; flex-wrap: wrap; justify-content: space-between;}
.platform .sec4 .form-box .item-box { width: 100%; margin-top: 12px; position: relative;}
.platform .sec4 .form-box .item-box.column2 { width: calc(50% - 17px);}
.platform .sec4 .form-box .item-box.require::before { content: '*'; font-size: 14px; position: absolute; left: -14px; top: 16px;}
.platform .sec4 .form-box .item .input-box { border: 1px solid #DDDDDD; position: relative;}
.platform .sec4 .form-box .item .input-box input { width: 100%; padding: 10px 12px; line-height: 22px; background-color: transparent;}
.platform .sec4 .form-box .item .select { width: 100%; padding: 10px 13px; line-height: 22px; background-color: transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.platform .sec4 .form-box .item .select-box::after { content: "\f282"; font-family: 'bootstrap-icons'; color: #999; position: absolute; right: 13px; top: 15px;}
.platform .sec4 .form-box .item textarea { width: 100%; height: 168px; padding: 10px 12px; }
.platform .sec4 .form-box .item .num { font-size: 14px; color: #BBBBBB; position: absolute; bottom: 10px; right: 10px;}
.platform .sec4 .form-box .submit { margin: 0 auto; margin-top: 22px; width: 134px; height: 44px; background: #FFFFFF; border-radius: 22px; border: 1px solid #999999; font-size: 14px; color: #999999; line-height: 42px; text-align: center;}
.platform .sec4 .form-box .submit:hover { background: #4394FF; border: 1px solid #4394FF; color: #fff;}
.platform .sec4 .form-box .tips { font-size: 14px; color: #333333; margin-top: 12px; line-height: 24px; text-align: center;}

/* 需求填报 */
.requirement { background: #F4F4F4; padding-bottom: 46px; }
.requirement .requirement-cont { position: relative;} 
.requirement .requirement-cont::after { content: ''; width: 48.93vw; height: 46.66vw; background: url(../../image/platform-and.png) no-repeat; background-size: 100% auto; position: absolute; left: 62.46vw; top: 53px; z-index: 2;} 
.requirement .requirement-cont>.wrap { position: relative; z-index: 3;} 
.requirement .title { padding-top: 20px; font-size: 20px; color: #333333; line-height: 28px; text-align: center; position: relative;}
.requirement .title::after { content: ""; width: 28px; height: 4px; background: #DDDDDD; position: absolute; left: 50%; bottom: -18px; margin-left: -14px;}
.requirement .form-box { margin: 0 5.33vw; margin-top: 45px; background: #FFFFFF; border-radius: 17px; padding: 5px 30px 35px;}
.requirement .form-box .name { margin-top: 20px; font-size: 14px; line-height: 16px; color: #333333; font-weight: bold;}
.requirement .form-box .name span { font-size: 14px; color: #999999; font-weight: normal;}
.requirement .form-box .item-wrap { display: flex; flex-wrap: wrap; justify-content: space-between;}
.requirement .form-box .item-box { width: 100%; margin-top: 12px; position: relative;}
.requirement .form-box .item-box.column2 { width: calc(50% - 6px);}
.requirement .form-box .item .input-box { border: 1px solid #DDDDDD; position: relative;}
.requirement .form-box .item .input-box input { width: 100%; padding: 10px 12px; line-height: 22px; background-color: transparent;}
.requirement .form-box .item .select { width: 100%; padding: 10px 13px; line-height: 22px; background-color: transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.requirement .form-box .item .select-box::after { content: "\f282"; font-family: 'bootstrap-icons'; color: #999; position: absolute; right: 13px; top: 15px;}
.requirement .form-box .item textarea { width: 100%; height: 140px; padding: 10px 12px; }
.requirement .form-box .item .num { font-size: 14px; color: #BBBBBB; position: absolute; bottom: 10px; right: 10px;}
.requirement .form-box .submit { margin: 0 auto; margin-top: 38px; width: 140px; height: 44px; background: #FFFFFF; border-radius: 22px; border: 1px solid #999999; font-size: 16px; color: #999999; line-height: 42px; text-align: center;}
.requirement .form-box .submit:hover { background: #4394FF; border: 1px solid #4394FF; color: #fff;}
.requirement .tips { font-size: 14px; color: #666666; line-height: 24px; text-align: center; margin-top: 20px;}

/* 新闻列表页 */
.newsList { padding-bottom: 34px;}
.newsList .news-list { margin-top: 2.9333vw;}
.newsList .news-list .item { padding: 2.6667vw 0; display: flex;}
.newsList .news-list .item .info { width: calc(100% - 26.6667vw);position: relative;}
.newsList .news-list .item .info .name { display: flex;}
.newsList .news-list .item .info .name span { font-size: 16px; color: #000000; line-height:24px; display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList .news-list .item .info .name span:hover { color: #4394ff;}
.newsList .news-list .item .info .date { font-size: 14px;color: #999999;line-height: 20px; position: absolute; bottom: 0; left: 0;}
.newsList .news-list .item .img { width: 26.6667vw;height: 17.0667vw;background: #BCBCBC;border-radius: 10px;overflow: hidden; margin-right: 2.6667vw;}
.newsList .news-list .item .img img { width: 100%; height: 100%; object-fit: cover;}
.newsList .news-list label { margin-top: 4px; display: inline-block; min-width: 24px; height: 18px; padding: 0 2px; background: linear-gradient(270deg, #86DDFF 0%, #50AEFF 100%);border-radius: 4px; text-align: center; font-size: 12px; color: #FFFFFF; line-height: 18px; margin-right: 5px;}
.newsList .news-list label.blue { background: linear-gradient(270deg, #86DDFF 0%, #50AEFF 100%);}
.newsList .news-list label.orange { background: linear-gradient(270deg, #FFCA9B 0%, #FF9449 100%);}
.newsList .news-list label.purple { background: linear-gradient(270deg, #97A9FE 0%, #728AFF 100%);}
.newsList .news-list label.red { background: linear-gradient(270deg, #FF9A90 0%, #FF776B 100%);}
.newsList .news-list label.green { background: linear-gradient(270deg, #8DFCDD 0%, #28F0AA 100%);}
.newsList .news-list label.rosered { background: linear-gradient(270deg, #F9A6FB 0%, #F362FC 100%);}
.newsList .look-more { display: block; margin: 0 auto; margin-top: 4vw; width: 90px; height: 28px; border-radius: 13px;  border: 1px solid #000000; font-size: 13px; color: #000000; line-height: 28px; text-align: center;}

.search-wrap { display: flex; position: relative; z-index: 2;}
.search-wrap .search-box { padding: 2px; display: flex; align-items: center; background: #F7F7F7; border-radius: 6px; position: relative;}
.search-wrap .search-box .label { font-size: 14px; color: #999999; line-height:38px; padding: 0 10px;}
.search-wrap .search-box .checked { display: flex; align-items: center; padding: 5px 10px; background: #FFFFFF; border-radius: 6px;}
.search-wrap .search-box .checked span { font-size: 14px; color: #000000; line-height: 24px;}
.search-wrap .search-box .checked i { font-size: 12px; color: #999999; line-height: 20px; margin-left: 5px;}
.search-wrap .search-box .downlist { display: none; padding: 0 12px; width: 179px; height: auto; background: #FFFFFF; box-shadow: 0px 6px 6px 0px rgba(227,227,227,0.5); border-radius: 10px; border: 1px solid #EEEEEE; position: absolute; left: 146px; top: 100%;}
.search-wrap .search-box .downlist .tit { font-size: 14px; color: #999999; line-height: 36px; }
.search-wrap .search-box .downlist .list { font-size: 14px; color: #999999; line-height: 36px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.search-wrap .search-box .downlist .list .item { width: calc(50% - 4px); width: 74px; height: 34px; background: #F7F7F7; border-radius: 6px; font-size: 14px; color: #333333; line-height: 34px; text-align: center; margin-bottom: 8px;}

/* 新闻详情页 */
.newsDetail .detail-box { padding-bottom: 35px; }
.newsDetail .detail-box .news-name { font-size: 22px;color: #333333;line-height: 32px;font-weight: bold; padding-top: 20px; }
.newsDetail .detail-box .news-source { margin-top: 10px; display: flex; justify-content: space-between;} 
.newsDetail .detail-box .news-source  p { font-size: 14px; color: #666666;} 
.newsDetail .detail-box .news-source  p:nth-of-type(2) { color: #999999;} 
.newsDetail .detail-box .news-source .line { padding: 0 10px; color: #CCCCCC;} 
.newsDetail .detail-box .detail { padding: 40px 0 10px; font-size: 18px;color: #333333;line-height: 1.8;} 
.newsDetail .detail-box .detail img { max-width: 100%;} 
.newsDetail .detail-box .keyword { margin-top: 14px; font-size: 16px; color: #666666; line-height: 20px;} 
.newsDetail .detail-box .apply { display: block; margin: 0 auto; margin-top: 25px; width: 101px; height: 38px; border-radius: 19px; border: 1px solid #000000; font-size: 16px; color: #000000; line-height: 38px; text-align: center;} 

.relate-cont-box { border-top: 1px solid #EEEEEE; padding: 45px 0;}
.relate-cont-box .relate-tit { display: flex; font-size: 16px;color: #999999; line-height: 1; }
.relate-cont-box .relate-tit p { margin-right: 25px;}
.relate-cont-box .relate-tit p.active { position: relative;font-size: 18px;color: #333333; font-weight: bold;}
.relate-cont-box .relate-tit p.active::after { content: ''; width: 16px; height: 4px; background: #3476FE; border-radius: 2px; position: absolute; bottom: -11px; left: 50%; margin-left: -8px;}
.relate-cont-box .relate-tit span { display: inline-block;  padding-bottom: 19px; border-bottom: 2px solid #333333;}
.relate-cont-box .relate-list { margin-top: 20px;}
.relate-cont-box .relate-list .item { padding: 5px 0; font-size: 16px; color: #282828; line-height: 22px;}
.relate-cont-box .relate-list .item a { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word;line-clamp: 2; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.relate-cont-box .relate-list .list2 { display: none;}

/* 出海服务 */
.overseasService { padding-bottom: 30px;}
.overseasService .page-tit { padding-top: 25px; font-size: 18px;color: #000000; font-weight: bold;}
.overseasService .page-tit span { position: relative;}
.overseasService .page-tit span::after { content: ''; width: 16px; height: 4px; background: #3476FE; border-radius: 2px; position: absolute; bottom: -11px; left: 50%; margin-left: -8px;}
.overseasService .list { display: flex; flex-wrap: wrap; padding-top: 30px;}  
.overseasService .list .item { margin-bottom: 3.4vw; width: calc(50% - 1.13vw); margin-right: 2.26vw; box-shadow: 0px 10px 10px 0px rgba(216,230,247,0.5); border-radius: 10px; overflow: hidden;}  
.overseasService .list .item:nth-child(2n) { margin-right: 0;}
.overseasService .list .item .img { width: 100%; height: 27.73vw; transition: all 0.3s; overflow: hidden;}  
.overseasService .list .item .img img { width: 100%; height: 100%; object-fit: cover;}  
.overseasService .list .item .cont { padding: 5px 10px;}  
.overseasService .list .item .cont .name { font-weight: bold; font-size: 14px; color: #000000;line-height: 24px;} 
.overseasService .list .item .cont .desc { font-size: 14px; color: #666666; line-height: 24px; margin-top: 10px;} 

/* 产业集群 */
.industrial .industrial-cont { padding-bottom: 30px; background: #F6F8FE;}
.industrial .crumbs-search {padding-top: 25px; justify-content: space-between; align-items: center;}
.industrial .page-tit { font-size: 18px;color: #000000; font-weight: bold;}
.industrial .page-tit span { position: relative;}
.industrial .page-tit span::after { content: ''; width: 16px; height: 4px; background: #3476FE; border-radius: 2px; position: absolute; bottom: -7px; left: 50%; margin-left: -8px;}
.industrial .search-box {
  height: 31px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px 0px rgba(216,230,247,0.5);
  border-radius: 6px;
  border: 1px solid #EEEEEE; display: flex;}
.industrial .search-box { display: flex; align-items: center;}
.industrial .search-box .checked { padding: 0 10px; display: flex; font-size: 14px; color: #000000; line-height: 30px; position: relative;}
.industrial .search-box .checked i { font-size: 12px; color: #999999; margin-left: 4px;}
.industrial .search-box .checked::after { content: ''; width: 1px; height: 14px; background: #EEEEEE; position: absolute; top: 50%; right: 0; margin-top: -7px;}
.industrial .search-box .bi-search { color: #999999; font-weight: bold; padding: 0 5px}
.industrial .search-box .keyword { width: 90px; padding-right: 5px; font-size: 14px; line-height: 1;}

.industrial .industrial-cont .list {display: flex; flex-wrap: wrap; margin-top: 5px;}
.industrial .industrial-cont .list .item { margin-top: 2.26vw; width: calc(33.33% - 1.74vw); margin-right: 2.26vw; padding: 4vw 2vw 3.33vw; text-align: center; background: #FFFFFF; border-radius: 1.33vw;}
.industrial .industrial-cont .list .item:nth-child(3n) { margin-right: 0;}
.industrial .industrial-cont .list .item:hover { background: #D8E6F7; box-shadow: 0px 10px 10px 0px rgba(216,230,247,0.5);}
.industrial .industrial-cont .list .item .img { margin: 0 auto; width: 9.6vw; max-width: 100%; height: 9.6vw; border-radius: 10px; overflow: hidden;transition: 0.3s;}
.industrial .industrial-cont .list .item .img img { width: 100%; height: 100%; }
.industrial .industrial-cont .list .item .name { margin-top: 2.4vw; font-size: 12px; color: #000000; line-height: 16px; font-weight: bold;}
.industrial .industrial-cont .more { display: block; margin: 0 auto; margin-top: 30px; width: 90px; height: 28px; border-radius: 30px;  border: 1px solid #000000; font-size: 13px; color: #000000; line-height: 28px; text-align: center;}

/* 选择地区 */
.layer-area-modal-layer { max-width: 90%; max-height: 90%;}
.layer-area-modal-layer.layui-layer .layui-layer-ico{font-family: "bootstrap-icons" !important; font-style: normal; -webkit-font-smoothing: antialiased;background:unset;font-size:24px;color: #999;top:0px;right:-5px;}
.layer-area-modal-layer.layui-layer .layui-layer-ico:before { content: "\f62a"}
.area-modal-html { display: none;}
.area-modal { display: flex; padding-top: 30px; height: 100%;}
.area-modal .city { width: 33.28%; height: 100%; background: #F6F6F8; overflow-y: auto;}
.area-modal .city .item { font-size: 14px; color: #333333; line-height: 36px; padding: 0 10px; text-align: center; cursor: pointer;}
.area-modal .city .item.active { color: #4394FF; background: #FFFFFF; }
.area-modal .area { padding: 0 15px; flex: 1; display: flex; flex-direction: column;}
.area-modal .area .name { min-height: 36px; font-size: 14px; color: #000000; line-height: 36px; font-weight: bold;border-bottom: 1px solid #EEEEEE; }
.area-modal .area .list { flex: 1; overflow-y: auto; display: none;}
.area-modal .area .list .item { display: inline-block; width: 30%; font-size: 14px; color: #7D7D7D; line-height: 36px; cursor: pointer;}
.area-modal .area .list .item:hover,
.area-modal .area .list .item.active { color: #4394FF;}
.area-modal *::-webkit-scrollbar { width: 6px; height: 6px;}
.area-modal *::-webkit-scrollbar-corner, .area-modal *::-webkit-scrollbar-thumb, .area-modal *::-webkit-scrollbar-track { border-radius: 4px; }
.area-modal *::-webkit-scrollbar-corner, .area-modal *::-webkit-scrollbar-track {  background-color: rgba(255,255,255,1); box-shadow: inset 0 0 1px rgba(0,0,0,0); }
.area-modal *::-webkit-scrollbar-thumb { background-color: #4394FF; }

/* 合作伙伴 */
.partner { padding-bottom: 8vw;} 
.partner .title { margin-top: 23px; font-weight: bold; font-size: 20px; color: #15062B; line-height: 30px; text-align: center;} 
.partner .static { display: flex; justify-content: center; margin-top: 10px; font-family: OPPOSans;}
.partner .static p { font-size: 12px; color: #282828; line-height: 18px; padding: 0 8px;}
.partner .static p span { font-size: 18px; color: #4394FF;}
.partner .partner-cont { background: url(../../image/partner-bg.png) no-repeat; background-size: 100% auto; background-position: center 0;}
.partner .list { margin-left: -1.73vw; width: calc(100% + 3.46vw); padding-top: 1.33vw; display: flex; flex-wrap: wrap; justify-content: center; }
.partner .list .item { width: calc(25% - 3.46vw); height: 9.33vw; background: #FFFFFF; box-shadow: 0px 6px 6px 0px rgba(216,230,247,0.3); border-radius: 6px; border: 1px solid #E1EAF8; margin: 0 1.73vw;margin-top: 3.46vw; transition: all 0.3s; overflow: hidden;} 
.partner .list .item img { width: 100%; height: 100%; object-fit: contain;}