@charset "UTF-8";
/* CSS Document */
* {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0;
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0;
  border: 0;
  padding: 0;
}

html {
  font-family: "微软雅黑", Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
}

body {
  overflow-x: hidden !important;
  color: #333;
  font-size: 14px;
  line-height: 180%;
  text-align: center;
  background: #fff;
  min-width: 1280px;
}

div {
  margin: 0 auto;
  text-align: left;
}

li {
  text-align: left;
}

a:link, a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: underline;
}

img {
  border: none;
}

ol, ul, li {
  list-style: none;
}

em, i {
  font-style: normal;
}

/*clear*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

/*other*/
h1, h2, h3, h4, h5, h6 {
  text-align: left;
  font: normal 12px/200% "Microsoft Yahei";
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.m10 {
  margin: 10px auto;
}

.w1200 {
  width: 1200px;
}

.w1000 {
  width: 1000px;
}

.w980 {
  width: 980px;
}

.list_16 li {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list_14 li {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list_12 li {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.gray {
  color: #adadad;
}

.gray a {
  color: #adadad;
}

.gray a:hover, .gray a:link, .gray a:visited {
  color: #adadad;
}

.white {
  color: #fff;
}

.white a {
  color: #fff;
}

.white a:hover, .white a:link, .white a:visited {
  color: #fff;
}

.red {
  color: #e20a0f;
}

.red a {
  color: #e20a0f;
}

.red a:hover, .red a:link, .red a:visited {
  color: #e20a0f;
}

/*common*/
@font-face {
  font-family: 'AlimamaShuHeiTi';
  src: url("../font/AlimamaShuHeiTi.ttf");
}

/*logoContainer*/
.logoContainer {
  position: relative;
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 50px;
  background: rgba(0, 89, 255, 0.8);
}

.logoContainer div.logo {
  float: left;
  height: 50px;
}

.logoContainer div.logo span {
  display: inline-block;
  width: 104px;
  height: 50px;
  background: url(../images26/logo@2x.png) center center no-repeat;
  background-size: 104px;
}

.logoContainer div.logo span a {
  display: block;
  width: 100%;
  height: 100%;
}

.logoContainer div.logo em {
  display: none;
}

.logoContainer div.column {
  width: 800px;
  float: left;
  display: flex;
  justify-content: space-around;
  justify-content: flex-start;
}

.logoContainer div.column > li {
  display: inline-block;
  font: 400 18px/50px "苹方-简";
  text-align: center;
  margin: 0 0 0 100px;
  color: #fff;
  position: relative;
}

.logoContainer div.column > li ul.children {
  padding: 0 0px;
  box-sizing: border-box;
  position: absolute;
  display: none;
  background: rgba(0, 89, 255, 0.8);
  overflow: hidden;
  z-index: 999;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.logoContainer div.column > li ul.children > li {
  display: block;
  margin: 0;
  padding: 0 15px;
  box-sizing: border-box;
  font: 400 16px/42px '苹方-简';
  white-space: nowrap;
  text-align: center;
}

.logoContainer div.column > li ul.children > li:hover {
  background: #0059ff;
}

.logoContainer div.column > li a {
  color: #fff;
  text-decoration: none;
}

.logoContainer div.column > li.home {
  position: relative;
}

.logoContainer div.column > li.home:after {
  content: '';
  display: block;
  width: 90%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.logoContainer div.column > li.active {
  position: relative;
}

.logoContainer div.column > li.active:after {
  content: '';
  display: block;
  width: 90%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.logoContainer div.text {
  float: right;
}

.logoContainer div.text li {
  display: inline-block;
  margin: 0 0 0 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
}

.logoContainer div.text li.phone {
  padding: 0 0 0 25px;
  background: url(../images26/icon_phone@2x.png) center left no-repeat;
  background-size: 20px;
}

.logoContainer div.text li.webmap {
  padding: 0 0 0 25px;
  background: url(../images26/icon_map@2x.png) center left no-repeat;
  background-size: 20px;
  display: none;
}

.logoContainer div.text li a {
  color: #fff;
  text-decoration: none;
}

.logoContainer.logoContainerF {
  position: fixed;
  z-index: 9;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}

/* mainFocusContainer */
.mainFocusContainer {
  width: 100%;
  height: 580px;
  overflow: hidden;
}

.swiper-main {
  width: 100%;
  height: 580px;
  overflow: hidden;
  position: relative;
}

.swiper-main .swiper-slide {
  width: 100%;
  height: 580px;
  float: left;
}

.swiper-main .swiper-slide div.bannerShow {
  width: 100%;
  height: 580px;
  position: relative;
}

.swiper-main .swiper-slide div.bannerShow > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.swiper-main .swiper-slide div.bannerShow img {
  display: none;
  height: 100%;
  width: auto;
}

.swiper-main .swiper-slide div.bannerShowPic1 {
  background: url(../images26/img_banner1@2x.jpg) center center no-repeat;
  background-size: cover;
}

.swiper-main .swiper-slide div.bannerShowPic2 {
  background: url(../images26/img_banner2@2x.jpg) center center no-repeat;
  background-size: cover;
}

.swiper-main .swiper-slide div.bannerShowPic2 .link {
  position: absolute;
  left: 50%;
  top: 330px;
  transform: translateX(-588px);
  width: 148px;
  height: 44px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  line-height: 44px;
  text-align: center;
  color: white;
  text-indent: -999em;
}

.swiper-main .swiper-slide div.bannerShowPic2 .link a {
  color: white;
  text-decoration: none;
}

.swiper-main .swiper-pagination-main {
  width: 100%;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  opacity: 1;
  margin-bottom: 15px;
}

.swiper-main .swiper-pagination-main .swiper-pagination-bullet {
  background: #fff;
  border-radius: 0;
  width: 45px;
  height: 5px;
  opacity: 0.5;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.swiper-main .swiper-pagination-main .swiper-pagination-bullet:hover {
  transform: scale(1.1);
  transition: all;
  transition-timing-function: linear;
}

.swiper-main .swiper-pagination-main .swiper-pagination-bullet-active {
  color: #fff;
  background: #fff;
  opacity: 1;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

/* timelineCard 时间轴卡片轮播 */
.timelineCard {
  position: relative;
  width: 100%;
  height: 408px;
  box-sizing: border-box;
  padding: 60px 0 80px;
  background: linear-gradient(180deg, #e8f4fc 0%, #f0f8ff 50%, #e8f4fc 100%);
  background: url(../images26/timelineCard_bg@2x.jpg) center top no-repeat;
  background-size: 1920px;
  overflow: hidden;
}

.timelineCard-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.timelineCard-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(180deg, rgba(96, 125, 164, 0.08) 0%, transparent 100%);
}

.timelineCard-bg:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(0deg, rgba(96, 125, 164, 0.08) 0%, transparent 100%);
}

.timelineCard-inner {
  position: relative;
  width: 1200px;
}

.timelineCard-prev,
.timelineCard-next {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  width: 32px;
  height: 80px;
  background: url(../images26/timeline_btn_prev@2x.png) center center no-repeat;
  background-size: 32px;
  margin-top: -40px;
  display: none;
  position: absolute;
  top: 120px;
  left: -20px;
}

.timelineCard-next {
  background: url(../images26/timeline_btn_next@2x.png) center center no-repeat;
  background-size: 32px;
  left: auto;
  right: -20px;
}

.timelineCard-prev span,
.timelineCard-next span {
  font-size: 20px;
  color: #607DA4;
  font-weight: 600;
  line-height: 1;
  display: none;
}

.timelineCard-swiper-wrap {
  width: 1160px;
  min-width: 0;
  position: relative;
  overflow: hidden;
  padding: 35px 0 30px 0;
}

.swiper-timeline {
  overflow: visible;
  padding-bottom: 50px;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  overflow: visible !important;
  padding-bottom: 30px;
}

.swiper-timeline .swiper-wrapper {
  align-items: stretch;
}

.swiper-timeline .swiper-slide {
  height: auto;
}

.timelineCard .swiperBox {
  width: 580px;
}

.timelineCard .timeline-card {
  display: flex;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  height: 100%;
  min-height: 220px;
  position: relative;
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  display: block;
  width: 580px;
  height: 205px;
  min-height: 205px;
  box-sizing: border-box;
  padding: 0 0 0 70px;
  overflow: visible;
  background: url(../images26/timeline_box_bg@2x.png) right center no-repeat;
  background-size: 502px;
  border-radius: 0;
  box-shadow: none;
}

.timelineCard .timeline-card a {
  text-decoration: none !important;
}

.timelineCard .timeline-card:after {
  content: "";
  position: absolute;
  bottom: -58px;
  left: 320px;
  width: 22px;
  height: 22px;
  background: url(../images26/timeline_icon_circle@2x.png) center center no-repeat;
  background-size: 22px;
}

.timelineCard .timeline-card-vertical {
  box-sizing: border-box;
  padding: 0 60px 0 10px;
  background: url(../images26/timeline_box_bg@2x.png) 10px center no-repeat;
  background-size: 502px;
}

.timelineCard .timeline-card-vertical .timeline-card-img {
  left: -20px;
}

.timelineCard .timeline-card-vertical .timeline-card-img-girl > img {
  height: 110%;
  top: -10%;
  position: absolute;
}

.timelineCard .timeline-card-vertical:after {
  left: 250px;
}

.timelineCard .timeline-card-img {
  flex-shrink: 0;
  width: 140px;
  height: 100%;
  min-height: 220px;
  overflow: hidden;
  background: #f0f4f8;
  height: 215px;
  min-height: 205px;
  overflow: visible;
  background: none;
  position: absolute;
  left: 10px;
  bottom: 23px;
  width: 240px;
  left: 0px;
  bottom: 23px;
}

.timelineCard .timeline-card-img-horizontal {
  width: 240px;
  left: -80px;
  bottom: 23px;
}

.timelineCard .timeline-card-img-vertical {
  width: 140px;
  left: 90px;
  bottom: 23px;
}

.timelineCard .timeline-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  height: 215px;
  object-fit: contain;
}

.timelineCard .timeline-card-img.frame {
  padding: 12px;
  background: #e8f0f8;
  border: 1px solid rgba(96, 125, 164, 0.2);
  box-sizing: border-box;
}

.timelineCard .timeline-card-img.frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.timelineCard .timeline-card-body {
  flex: 1;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  display: block;
  padding: 18px 30px 0px 180px;
}

.timelineCard .timeline-card-title {
  font-size: 18px;
  font-weight: 700;
  color: #607DA4;
  line-height: 1.4;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #007aff;
  -webkit-line-clamp: 1;
}

.timelineCard .timeline-card-source {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 75px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: #666666;
}

.timelineCard .timeline-card-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #607DA4;
  margin-top: 12px;
  text-decoration: none;
  transition: color 0.2s;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  color: #4b638b;
}

.timelineCard .timeline-card-link:hover {
  color: #4a6a94;
  text-decoration: underline;
}

.timelineCard-timeline {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 10px;
}

.timelineCard-line {
  position: absolute;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #607DA4;
  opacity: 0.5;
  background: none;
  opacity: 1;
  border: 2px solid;
  box-sizing: border-box;
  border-image: linear-gradient(90deg, rgba(184, 209, 251, 0) 0%, #007aff 53.42%, rgba(184, 209, 251, 0) 100%) 2;
}

.timelineCard-dots {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  z-index: 1;
  display: none;
}

.timelineCard-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #607DA4;
  margin: 0 8px;
  transition: transform 0.2s;
  width: 22px;
  height: 22px;
  background: url(../images26/timeline_icon_circle.png) center center no-repeat;
}

.timelineCard-dot.active {
  transform: scale(1.2);
  background: #4a6a94;
  transform: scale(1);
  background: url(../images26/timeline_icon_circle.png) center center no-repeat;
}

/*AI文旅*/
.AIContainer {
  height: 649px;
  box-sizing: border-box;
  padding: 40px 0 0 0;
  background: url(../images26/AI_bg@2x.png) center top no-repeat;
  background-size: 1920px;
  cursor: pointer;
}

.AIContainer > h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  color: #007aff;
  text-align: center;
}

.AIContainer > h3 {
  margin: 12px auto 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  font-family: 'AlimamaShuHeiTi';
  color: #5275b3;
  text-align: center;
}

.AIContainer > h4 {
  margin: 8px auto 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: #5275b3;
  text-align: center;
}

.AIContainer .imgShow {
  width: 1300px;
  margin: 75px auto 0;
  display: flex;
  justify-content: space-between;
}

.AIContainer .imgShow li {
  width: 172px;
  height: 211px;
  border-radius: 6px;
  background: white;
  box-shadow: 0px 2px 4px rgba(0, 122, 255, 0.35);
}

.AIContainer .imgShow li > i {
  display: block;
  height: 147px;
  background-position: center 25px;
  background-repeat: no-repeat;
}

.AIContainer .imgShow li > i.img1 {
  background-image: url(../images26/AI_img1@3x.png);
  background-position: center center;
  background-size: 140px;
}

.AIContainer .imgShow li > i.img2 {
  background-image: url(../images26/AI_img2@2x.png);
  background-size: 128px;
}

.AIContainer .imgShow li > i.img3 {
  background-image: url(../images26/AI_img3@2x.png);
  background-size: 132px;
}

.AIContainer .imgShow li > i.img4 {
  background-image: url(../images26/AI_img4@2x.png);
  background-size: 118px;
}

.AIContainer .imgShow li > i.img5 {
  background-image: url(../images26/AI_img5@2x.png);
  background-size: 118px;
}

.AIContainer .imgShow li > i.img6 {
  background-image: url(../images26/AI_img6@2x.png);
  background-size: 172px;
}

.AIContainer .imgShow li > i.img7 {
  background-image: url(../images26/AI_img7@2x.png);
  background-size: 127px;
}

.AIContainer .imgShow li p {
  display: block;
  margin: 10px auto 0;
  width: 100%;
  height: 47px;
  background: url(../images26/AI_img_text_bg@2x.png) center center no-repeat;
  background-size: 134px;
  text-shadow: 0px 0px 5.08px rgba(255, 255, 255, 0.25);
  font-size: 16px;
  font-weight: 400;
  line-height: 44px;
  color: white;
  text-align: center;
}

.AIContainer .textShow {
  width: 1200px;
  margin: 65px auto 0;
  display: flex;
  justify-content: center;
}

.AIContainer .textShow li {
  width: 287px;
  height: 142px;
  background: url(../images26/AI_text_bg@2x.png) center bottom no-repeat;
  background-size: 287px;
}

.AIContainer .textShow li > i {
  display: block;
  margin: 15px auto 0;
  height: 34px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 188px;
}

.AIContainer .textShow li > i.text1 {
  background-image: url(../images26/AI_text1@2x.png);
}

.AIContainer .textShow li > i.text2 {
  background-image: url(../images26/AI_text2@2x.png);
}

.AIContainer .textShow li > i.text3 {
  background-image: url(../images26/AI_text3@2x.png);
}

/*主流价值语料库*/
.corpusContainer {
  height: 667px;
  box-sizing: border-box;
  padding: 45px 0 0 0;
  background: url(../images26/corpus_bg@2x.jpg) center top no-repeat;
  background-size: 1920px;
  cursor: pointer;
}

.corpusContainer > h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 39.2px;
  color: white;
  text-align: center;
}

.corpusContainer > h3 {
  margin: 10px auto 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: white;
  text-align: center;
}

.corpusContainer .textShow {
  width: 1132px;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;
}

.corpusContainer .textShow li {
  width: 304px;
  height: 376px;
  box-sizing: border-box;
  padding: 0 20px;
  border-radius: 6px;
  background: rgba(97, 168, 255, 0.5);
  border: 0.5px solid white;
  box-shadow: 0px 2px 16px #1f80ff;
  backdrop-filter: blur(10px);
}

.corpusContainer .textShow li h2 {
  margin: 30px auto 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 33.6px;
  color: white;
  text-align: center;
  position: relative;
}

.corpusContainer .textShow li h2:after {
  content: '';
  display: block;
  width: 26px;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.corpusContainer .textShow li h3 {
  margin: 37px auto 0;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  color: white;
  text-align: center;
}

.corpusContainer .textShow li h4 {
  margin: 28px auto 0;
  width: 200px;
  height: 48px;
  opacity: 1;
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.6) 0%, rgba(65, 225, 240, 0.6) 100%);
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  font-size: 26px;
  font-weight: 700;
  line-height: 48px;
  color: white;
  text-align: center;
}

.corpusContainer .textShow li h5 {
  margin: 57px auto 0;
  border: 1px dashed rgba(255, 255, 255, 0.6);
}

.corpusContainer .textShow li h6 {
  margin: 16px auto 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: white;
  text-align: center;
}

.corpusContainer > h4 {
  width: 1132px;
  height: 74px;
  margin: 30px auto 0;
  border-radius: 6px;
  background: rgba(97, 168, 255, 0.5);
  border: 0.5px solid white;
  box-shadow: 0px 2px 16px #1f80ff;
  backdrop-filter: blur(10px);
  font-size: 20px;
  font-weight: 400;
  line-height: 74px;
  color: white;
  text-align: center;
}

/*语料厨房*/
.kitchenContainer {
  height: 629px;
  box-sizing: border-box;
  padding: 55px 0 0 0;
  background: url(../images26/kitchen_bg@2x.png) center top no-repeat;
  background-size: 1920px;
  cursor: pointer;
}

.kitchenContainer > h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 39.2px;
  color: black;
  text-align: center;
}

.kitchenContainer > h3 {
  margin: 8px auto 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #5275b3;
  text-align: center;
}

.kitchenContainer .textShow {
  margin: 30px auto 0;
  width: 640px;
  display: flex;
  justify-content: space-between;
}

.kitchenContainer .textShow li {
  width: 130px;
}

.kitchenContainer .textShow li > h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 33.6px;
  color: #d43030;
  text-align: center;
}

.kitchenContainer .textShow li > h5 {
  margin: 3px auto 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #383838;
  text-align: center;
}

.kitchenContainer .imgShow {
  height: 423px;
  background: url(../images26/kitchen_img@2x.png) center -50px no-repeat;
  background-size: 1219px;
}

/*党政时政*/
.cpcContainer {
  height: 605px;
  background: #f5faff;
  position: relative;
  z-index: 2;
}

.cpcContainer h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 39.2px;
  color: black;
  text-align: center;
}

.cpcContainer .cpcTabTitle {
  margin: 30px auto 0;
  width: 439px;
  height: 55px;
  box-sizing: border-box;
  padding: 5px 5px;
  border-radius: 28px;
  background: rgba(0, 122, 255, 0.07);
  display: flex;
  justify-content: space-between;
}

.cpcContainer .cpcTabTitle h3 {
  display: inline-block;
  width: 200px;
  height: 45px;
  font-size: 20px;
  font-weight: 400;
  line-height: 45px;
  color: rgba(51, 51, 51, 0.6);
  text-align: center;
  cursor: pointer;
}

.cpcContainer .cpcTabTitle h3.active {
  border-radius: 23px;
  background: linear-gradient(211.04deg, #64aeff 0%, #007aff 100%);
  color: white;
}

.cpcContainer .cpcTabCon {
  margin: 40px auto 0;
  width: 1200px;
}

.cpcContainer .cpcTabCon .boxPeople {
  position: relative;
}

.cpcContainer .cpcTabCon .boxPeople > .fl {
  width: 560px;
  float: left;
}

.cpcContainer .cpcTabCon .boxPeople > .fl > h4 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 33.6px;
  color: #383838;
  text-align: left;
  text-indent: 20px;
}

.cpcContainer .cpcTabCon .boxPeople > .fl > h4 > span {
  color: #d21d1d;
}

.cpcContainer .cpcTabCon .boxPeople > .fl > h5 {
  font-size: 26px;
  font-weight: 700;
  line-height: 37.2px;
  font-family: 'AlimamaShuHeiTi';
  color: #383838;
  text-align: left;
  text-indent: 20px;
}

.cpcContainer .cpcTabCon .boxPeople > .fl > h5 > span {
  color: #d43030;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .textShow {
  margin: 30px 0 0 0;
  width: 500px;
  display: flex;
  justify-content: space-between;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .textShow li {
  width: 163px;
  height: 66px;
  border-right: 1px solid rgba(57, 93, 132, 0.17);
}

.cpcContainer .cpcTabCon .boxPeople > .fl .textShow li:last-of-type {
  border: none;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .textShow li > h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 33.6px;
  color: #0066ff;
  text-align: center;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .textShow li > h5 {
  margin: 3px auto 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 30.8px;
  color: #383838;
  text-align: center;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .linkShow {
  position: relative;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .linkShow:after {
  content: '';
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent, #f5faff);
}

.cpcContainer .cpcTabCon .boxPeople > .fl .linkShow li {
  width: 168px;
  height: 39px;
  margin: 0 0 8px 0;
  border-radius: 4px;
  background: #f5faff;
  border: 1px solid white;
  box-shadow: inset 0px -1px 2px rgba(77, 88, 130, 0.21), inset 0px 2px 2px white;
  font-size: 16px;
  font-weight: 400;
  line-height: 39px;
  color: #4b638b;
  text-align: center;
}

.cpcContainer .cpcTabCon .boxPeople > .fl #cpcLink {
  overflow: hidden;
  margin: 25px 0 0 0;
  width: 520px;
  height: 150px;
}

.cpcContainer .cpcTabCon .boxPeople > .fl #cpcLink1, .cpcContainer .cpcTabCon .boxPeople > .fl #cpcLink2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .button {
  margin: 10px 0 0 0;
  width: 208px;
  height: 48px;
  border-radius: 2px;
  border: 1px solid #0066ff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 48px;
  text-align: center;
  color: #0066ff;
}

.cpcContainer .cpcTabCon .boxPeople > .fl .button a {
  color: #0066ff;
  text-decoration: none;
  padding: 0 25px 0 0;
  background: url(../images26/icon_arrow_right@2x.png) right center no-repeat;
  background-size: 21px;
}

.cpcContainer .cpcTabCon .boxPeople > .fr {
  width: 638px;
  height: 478px;
  float: right;
  background: url(../images26/cpc_img1@2x.png) center center no-repeat;
  background-size: 638px;
  position: absolute;
  right: 0;
  top: 0px;
}

.cpcContainer .cpcTabCon .boxPeople > .fr a {
  display: block;
  width: 100%;
  height: 100%;
}

.cpcContainer .cpcTabCon .boxAI {
  position: relative;
}

.cpcContainer .cpcTabCon .boxAI > .fl {
  width: 620px;
  float: left;
}

.cpcContainer .cpcTabCon .boxAI > .fl > h4 {
  font-size: 26px;
  font-weight: 700;
  line-height: 31.2px;
  font-family: 'AlimamaShuHeiTi';
  color: #383838;
  text-align: left;
  text-indent: 20px;
  margin-top: 2px;
}

.cpcContainer .cpcTabCon .boxAI > .fl > h5 {
  margin: 10px 0 0 0;
  font-size: 31px;
  font-weight: 700;
  line-height: 37.2px;
  font-family: 'AlimamaShuHeiTi';
  color: #d43030;
  text-align: left;
  text-indent: 20px;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow {
  margin: 28px 0 0 0;
  width: 483px;
  height: 194px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.53);
  border: 1px solid;
  box-sizing: border-box;
  padding: 25px 45px 0 45px;
  border-image: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%) 1;
  box-shadow: inset 0px -1px 2px rgba(77, 88, 130, 0.21), 0px 2px 12px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(4px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow li {
  width: 175px;
  margin: 0 0 25px 0;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow li i {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 8px 0 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow li i.img1 {
  background-image: url(../images26/cpc_ai_img1@2x.png);
  background-size: 52px;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow li i.img2 {
  background-image: url(../images26/cpc_ai_img2@2x.png);
  background-size: 57px;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow li i.img3 {
  background-image: url(../images26/cpc_ai_img3@2x.png);
  background-size: 60px;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow li i.img4 {
  background-image: url(../images26/cpc_ai_img4@2x.png);
  background-size: 55px;
}

.cpcContainer .cpcTabCon .boxAI > .fl .imgShow li p {
  font-size: 24px;
  font-weight: 600;
  line-height: 60px;
  color: #333333;
}

.cpcContainer .cpcTabCon .boxAI > .fl .button {
  margin: 28px 0 0 0;
  width: 208px;
  height: 48px;
  border-radius: 2px;
  border: 1px solid #0066ff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 48px;
  text-align: center;
  color: #0066ff;
}

.cpcContainer .cpcTabCon .boxAI > .fl .button a {
  color: #0066ff;
  text-decoration: none;
  padding: 0 25px 0 0;
  background: url(../images26/icon_arrow_right@2x.png) right center no-repeat;
  background-size: 21px;
}

.cpcContainer .cpcTabCon .boxAI > .fr {
  width: 512px;
  height: 456px;
  float: right;
  background: url(../images26/cpc_img2@2x.png) center center no-repeat;
  background-size: 504.5px;
  position: absolute;
  right: 100px;
  top: 50px;
}

.cpcContainer .cpcTabCon .boxAI > .fr a {
  display: block;
  width: 100%;
  height: 100%;
}

/*服务单位*/
.serviceContainer {
  height: 376px;
  background: url(../images26/service_bg@2x.jpg) center top no-repeat;
  background-size: 1920px;
  position: relative;
  z-index: 1;
}

.serviceContainer > h2 {
  margin: 24px auto 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 39.2px;
  color: white;
  text-align: center;
}

.serviceContainer .serviceScrollContent {
  width: 1200px;
  height: 220px;
  margin: 40px auto 0;
  position: relative;
}

.serviceContainer .scrollContainerService {
  width: 1920px;
  height: 52px;
  margin: 0px auto;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.serviceContainer .scrollContainerService ul {
  width: 100%;
  display: flex;
}

.serviceContainer .scrollContainerService li {
  display: inline-flex;
  align-items: center;
  width: 220px;
  height: 52px;
  margin: 0 0px 0 0px;
}

.serviceContainer .scrollContainerService li .box {
  box-sizing: border-box;
  width: 218px;
  height: 50px;
  margin: 0 30px 0 0px;
  background: white;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.19);
  border: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.serviceContainer .scrollContainerService li .box img {
  max-width: 100%;
  object-fit: cover;
}

.serviceContainer .scrollContainerService_02 {
  top: 72px;
}

.serviceContainer .scrollContainerService_03 {
  top: 144px;
}

/* copyContainer */
.copyContainer {
  width: 100%;
  height: 444px;
  background: #f6f7fa;
}

.copyContainer div.fl {
  width: 500px;
  margin-top: 32px;
  float: left;
}

.copyContainer div.fl > h2 {
  height: 48px;
  padding: 0 0 0 162px;
  background: url(../images26/logo_red@2x.png) left top no-repeat;
  background-size: 138px;
  font-size: 20px;
  font-weight: 700;
  line-height: 48px;
  color: #333333;
}

.copyContainer div.fl > h3 {
  margin: 35px auto 24px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #333333;
}

.copyContainer div.fl > p {
  margin: 12px auto 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.8);
  padding: 0 0 0 25px;
  background-position: left center;
  background-repeat: no-repeat;
}

.copyContainer div.fl > p.us {
  background-image: url(../images26/icon_copy_phone@2x.png);
  background-size: 12px;
}

.copyContainer div.fl > p.time {
  background-image: url(../images26/icon_copy_time@2x.png);
  background-size: 14.5px;
}

.copyContainer div.fl > p.company {
  background-image: url(../images26/icon_copy_add@2x.png);
  background-size: 14px;
}

.copyContainer div.fr {
  width: 600px;
  margin-top: 45px;
  float: right;
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
}

.copyContainer div.fr dl {
  margin-right: 100px;
}

.copyContainer div.fr dl dt {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #333333;
}

.copyContainer div.fr dl dt a {
  color: #333333;
}

.copyContainer div.fr dl dd {
  margin: 12px auto 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.8);
}

.copyContainer div.fr dl dd a {
  color: rgba(51, 51, 51, 0.8);
}

.copyContainer div.fr dl dd:first-of-type {
  margin: 17px auto 0;
}

.copyContainer div.copyright {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 116px;
  box-sizing: border-box;
  padding-top: 24px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  text-align: center;
}

.copyCon {
  width: 100%;
  height: 367px;
  overflow: hidden;
  background: url(../images/copy-bg.png) center center no-repeat;
}

.copyCon div.fl {
  width: 590px;
  margin-top: 60px;
}

.copyCon div.fl div.logo h2 {
  display: inline-block;
}

.copyCon div.fl div.logo p {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  font-family: Alibaba PuHuiTi,Microsoft YaHei;
  margin-top: 10px;
}

.copyCon div.fl div.logo h6 {
  display: inline-block;
  width: 19px;
  height: 3px;
  background: #fff;
  margin-top: 20px;
}

.copyCon div.fl div.text {
  margin-top: 55px;
}

.copyCon div.fl div.text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.copyCon div.fl div.text p a {
  margin-right: 55px;
}

.copyCon div.fr {
  margin-top: 90px;
}

.copyCon div.fr h2 {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.copyCon div.fr p {
  font-weight: 400;
  font-size: 13px;
  line-height: 26px;
}

.copyCon div.fr p.us {
  margin-top: 25px;
  font-size: 14px;
}

.copyCon div.fr p.us span {
  font-size: 20px;
}

.copyCon div.fr p.time {
  margin-top: 5px;
}

.copyCon div.fr p.company {
  margin-top: 20px;
}

.copyCon div.copyright {
  border-top: 1px solid #42434e;
  width: 100%;
  height: 80px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 80px;
  text-align: center;
}

.AICTBgcolor {
  background-color: #F5FAFF;
}

.AICTBannerContainer {
  width: 100%;
  height: 606px;
}

.AICTBannerContainer .bannerShowPic {
  height: 606px;
  position: relative;
  background: url(../images26/AICT/banner@2x.jpg) center top no-repeat;
  background-size: 1920px;
}

.AICTBannerContainer .bannerShowPic a.link {
  position: absolute;
  display: block;
  width: 234px;
  height: 58px;
  top: 450px;
  left: 50%;
  margin-left: -595px;
}

.AICTp1Container {
  margin-top: 30px;
}

.AICTp1Container .w1200 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.AICTp1Container .box {
  width: 592px;
  height: 177px;
  margin-top: 30px;
  box-sizing: border-box;
  padding: 62px 35px 0 35px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 592px;
}

.AICTp1Container .box.boxStyle1 {
  background-image: url(../images26/AICT/p1_box_bg1@2x.png);
}

.AICTp1Container .box.boxStyle2 {
  background-image: url(../images26/AICT/p1_box_bg2@2x.png);
}

.AICTp1Container .box.boxStyle3 {
  background-image: url(../images26/AICT/p1_box_bg3@2x.png);
}

.AICTp1Container .box.boxStyle4 {
  background-image: url(../images26/AICT/p1_box_bg4@2x.png);
}

.AICTp1Container .box > h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 33.6px;
  color: #0066ff;
  text-align: left;
}

.AICTp1Container .box > h4 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: black;
  text-align: left;
}

.AICTp2Container {
  margin-top: 60px;
  min-height: 1117px;
  background: url(../images26/AICT/p2_all_bg@2x.png) center top no-repeat;
}

.AICTp2Container > h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 44.8px;
  color: black;
  text-align: center;
}

.AICTp2Container > h3 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #5275b3;
  text-align: center;
}

.AICTp2Container .imgShow1 {
  margin-top: 50px;
  background: url(../images26/AICT/p2_img1@2x.png) center top no-repeat;
  background-size: 1004px;
  height: 364px;
}

.AICTp2Container .imgShow2 {
  background: url(../images26/AICT/p2_img2@2x.png) center -25px no-repeat;
  background-size: 1160px;
  height: 638px;
}

.AICTp3Container {
  margin-top: 40px;
  min-height: 650px;
  background: url(../images26/AICT/p3_all_bg@2x.jpg) center top no-repeat;
}

.AICTp3Container > h2 {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 600;
  line-height: 44.8px;
  color: #FFFFFF;
  text-align: center;
}

.AICTp3Container > h3 {
  margin-top: 17px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}

.AICTp3Container .imgShow {
  margin-top: 20px;
  width: 1210px;
  height: 433px;
}

.AICTp3Container .imgShow ul {
  display: flex;
  justify-content: space-between;
}

.AICTp3Container .imgShow ul li {
  width: 240px;
  height: 433px;
  margin-right: 2px;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 240px;
}

.AICTp3Container .imgShow ul li.img1 {
  background-image: url(../images26/AICT/p3_box_bg1@2x.jpg);
}

.AICTp3Container .imgShow ul li.img2 {
  background-image: url(../images26/AICT/p3_box_bg2@2x.jpg);
}

.AICTp3Container .imgShow ul li.img3 {
  background-image: url(../images26/AICT/p3_box_bg3@2x.jpg);
}

.AICTp3Container .imgShow ul li.img4 {
  background-image: url(../images26/AICT/p3_box_bg4@2x.jpg);
}

.AICTp3Container .imgShow ul li.img5 {
  background-image: url(../images26/AICT/p3_box_bg5@2x.jpg);
}

.AICTp3Container .imgShow ul li .shadow {
  display: block;
  width: 240px;
  height: 196px;
  box-sizing: border-box;
  padding: 0 20px;
  opacity: 1;
  background: rgba(230, 244, 255, 0.8);
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  bottom: 0;
}

.AICTp3Container .imgShow ul li .shadow > h4 {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
  color: #0066ff;
  text-align: left;
}

.AICTp3Container .imgShow ul li .shadow > h5 {
  margin-top: 13px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 24px;
  color: rgba(30, 46, 99, 0.75);
  text-align: left;
}

.AICTp3Container .imgShow ul li .shadow > p {
  margin-top: 4px;
  padding: 0 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 29px;
  color: #1e2e63;
  text-align: left;
  background: url(../images26/AICT/p3_box_icon@2x.png) left center no-repeat;
  background-size: 5.5px;
}

.AICTp3Container .imgShow ul li .shadow > p:first-of-type {
  margin-top: 24px;
}

.AICTp4Container {
  margin: 0 auto;
}

.AICTp4Container > h2 {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 600;
  line-height: 44.8px;
  color: black;
  text-align: center;
}

.AICTp4Container > h3 {
  margin-top: 13px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 28px;
  color: #5275b3;
  text-align: center;
}

.AICTp4Container .w1200 {
  display: flex;
  justify-content: space-between;
  width: 1240px;
}

.AICTp4Container .w1200 .listBox {
  width: 617px;
  height: 430px;
  box-sizing: border-box;
  padding: 80px 20px 0 33px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 617px;
}

.AICTp4Container .w1200 .listBox.listBox1 {
  background-image: url(../images26/AICT/p4_listBox_bg1@2x.png);
}

.AICTp4Container .w1200 .listBox.listBox2 {
  background-image: url(../images26/AICT/p4_listBox_bg2@2x.png);
}

.AICTp4Container .w1200 .listBox .title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 33.6px;
  color: #0066ff;
  text-align: left;
}

.AICTp4Container .w1200 .listBox ul {
  margin-top: 20px;
}

.AICTp4Container .w1200 .listBox ul li {
  box-sizing: border-box;
  padding: 0 0 0 45px;
  height: 57px;
  background: url(../images26/AICT/p4_listBox_icon@2x.png) 15px center no-repeat, url(../images26/AICT/p4_listBox_line@2x.png) left bottom no-repeat;
  background-size: 18px,533px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 58px;
  color: black;
  text-align: left;
}

.AICTp4Container .w1200 .listBox ul li:last-of-type {
  border-bottom: none;
  background: url(../images26/AICT/p4_listBox_icon@2x.png) 15px center no-repeat;
  background-size: 18px;
}

.AICTp5Container {
  margin: 0px auto 0px;
  padding: 10px 0 60px 0;
  opacity: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.AICTp5Container .w1200 {
  height: 280px;
  position: relative;
}

.swiper-AIp5 {
  width: 2000px;
  height: 280px;
  position: absolute;
  left: 0%;
  top: 0;
}

.swiper-AIp5 .swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper-AIp5 .swiper-slide {
  height: 278px;
  float: left;
}

.swiper-AIp5 .swiper-slide div.box {
  width: 486px;
  height: 278px;
  padding: 0 8px;
  position: relative;
}

.swiper-AIp5 .swiper-slide div.box img {
  object-fit: contain;
  width: 100%;
}

.corpusBannerContainer {
  width: 100%;
  height: 636px;
}

.corpusBannerContainer .bannerShowPic {
  height: 636px;
  position: relative;
  background: url(../images26/corpus/banner@2x.jpg) center top no-repeat;
  background-size: 1920px;
}

.corpusBannerContainer .bannerShowPic a.link {
  position: absolute;
  display: block;
  width: 234px;
  height: 58px;
  top: 520px;
  left: 50%;
  margin-left: -115px;
}

.corpusP1Container {
  min-height: 867px;
  background: url(../images26/corpus/p1_all_bg@2x.jpg) center bottom no-repeat;
  background-size: 1920px;
}

.corpusP1Container > h2 {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.4px;
  font-family: 'AlimamaShuHeiTi';
  color: #007aff;
  text-align: center;
}

.corpusP1Container > .imgShow {
  margin-top: 40px;
  height: 830px;
  background: url(../images26/corpus/p1_img@2x.png) center top no-repeat;
  background-size: 1108px;
}

.corpusP2Container {
  min-height: 729px;
  background: url(../images26/corpus/p2_all_bg@2x.jpg) center top no-repeat;
  background-size: 1920px;
}

.corpusP2Container > h2 {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44.8px;
  font-family: 'AlimamaShuHeiTi';
  color: #007aff;
  text-align: center;
}

.corpusP2Container > h3 {
  margin-top: 30px;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  font-family: 'AlimamaShuHeiTi';
  color: #436db5;
  text-align: center;
}

.corpusP2Container > .textShow {
  width: 1000px;
  height: 190px;
  position: relative;
}

.corpusP2Container > .textShow .text {
  position: absolute;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  animation-name: move-up-down-s-b;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  transform-origin: center bottom;
}

.corpusP2Container > .textShow .text.textStyle1 {
  width: 104px;
  height: 34px;
  background-image: url(../images26/corpus/p2_text1@2x.png);
  background-size: 104px;
  left: 0;
  top: 100px;
  animation-delay: 100ms;
}

.corpusP2Container > .textShow .text.textStyle2 {
  width: 121px;
  height: 40px;
  background-image: url(../images26/corpus/p2_text2@2x.png);
  background-size: 121px;
  right: 0;
  top: 40px;
  animation-delay: 1100ms;
}

.corpusP2Container > .textShow .text.textStyle3 {
  width: 138px;
  height: 46px;
  background-image: url(../images26/corpus/p2_text3@2x.png);
  background-size: 138px;
  left: 490px;
  top: 110px;
  animation-duration: 7s;
}

.corpusP2Container > .textShow .text.textStyle4 {
  width: 144px;
  height: 48px;
  background-image: url(../images26/corpus/p2_text4@2x.png);
  background-size: 144px;
  left: 165px;
  top: 115px;
  animation-name: move-down-up-b-s;
  animation-duration: 8s;
}

.corpusP2Container > .textShow .text.textStyle5 {
  width: 157px;
  height: 52px;
  background-image: url(../images26/corpus/p2_text5@2x.png);
  background-size: 157px;
  left: 100px;
  top: 25px;
  animation-name: move-down-up-b-s;
  animation-duration: 10s;
}

.corpusP2Container > .textShow .text.textStyle6 {
  width: 168px;
  height: 56px;
  background-image: url(../images26/corpus/p2_text6@2x.png);
  background-size: 168px;
  left: 315px;
  top: 65px;
}

.corpusP2Container > .textShow .text.textStyle7 {
  width: 187px;
  height: 62px;
  background-image: url(../images26/corpus/p2_text7@2x.png);
  background-size: 187px;
  right: 10px;
  top: 115px;
  animation-name: move-down-up-s-b;
  animation-duration: 8s;
}

.corpusP2Container > .textShow .text.textStyle8 {
  width: 196px;
  height: 65px;
  background-image: url(../images26/corpus/p2_text8@2x.png);
  background-size: 196px;
  left: 640px;
  top: 40px;
  animation-name: move-down-up-b-s;
}

@keyframes move-up-down-s-b {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, -10px, 0) scale(1.08);
  }
}

@keyframes move-down-up-s-b {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, 10px, 0) scale(1.08);
  }
}

@keyframes move-up-down-b-s {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1.08);
  }
  50% {
    transform: translate3d(0, -10px, 0) scale(1);
  }
}

@keyframes move-down-up-b-s {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1.08);
  }
  50% {
    transform: translate3d(0, 10px, 0) scale(1);
  }
}

#corpusP2 {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

#corpusP2 .swiper-container .swiper-slide {
  width: 602px;
  height: 352px;
  display: flex;
  align-items: center;
}

#corpusP2 .swiper-container .swiper-slide img {
  display: block;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

#corpusP2 .swiper-pagination {
  display: none;
}

#corpusP2 .swiper-button-prev {
  left: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

#corpusP2 .swiper-button-next {
  right: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 -93px;
  background-size: 100%;
}

.corpusP3Container {
  min-height: 600px;
  background: url(../images26/corpus/p3_all_bg@2x.png) center top no-repeat;
  background-size: 1920px;
}

.corpusP3Container > h2 {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 600;
  line-height: 44.8px;
  color: #0066ff;
  text-align: center;
}

.corpusP3Container .w1200 {
  display: flex;
  justify-content: space-between;
  width: 1100px;
}

.corpusP3Container .w1200 .listBox {
  width: 556px;
  height: 460px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 40px 50px 0 10px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.corpusP3Container .w1200 .listBox.listBox1 {
  margin-left: -10px;
  background-image: url(../images26/corpus/p3_box_bg1@2x.png);
  background-size: 548px;
  background-position: center 10px;
}

.corpusP3Container .w1200 .listBox.listBox2 {
  margin-right: -50px;
  background-image: url(../images26/corpus/p3_box_bg2@2x.png);
  background-size: 556px;
}

.corpusP3Container .w1200 .listBox .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 66px;
  color: white;
  text-align: left;
  text-indent: 1em;
}

.corpusP3Container .w1200 .listBox ul {
  margin-top: 38px;
}

.corpusP3Container .w1200 .listBox ul li {
  box-sizing: border-box;
  padding: 0;
  margin: 24px auto;
  width: 360px;
  height: 52px;
  background: url(../images26/corpus/p3_box_li_bg.png) center center no-repeat;
  background-size: 360px;
  font-weight: 400;
  font-size: 24px;
  line-height: 52px;
  color: #333333;
  text-align: center;
}

.corpusP3Container .w1200 .listBox ul li > span.blue {
  font-weight: 600;
  color: #0066ff;
  padding: 0 5px;
}

.corpusP3Container .w1200 .listBox > p {
  padding: 0 60px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: #5275b3;
  text-align: center;
}

.corpusP4Container {
  min-height: 376px;
  background: url(../images26/corpus/p4_all_bg@2x.jpg) center top no-repeat;
  background-size: 1920px;
  position: relative;
}

.corpusP4Container .btnLink {
  display: block;
  width: 252px;
  height: 54px;
  position: absolute;
  top: 201px;
  left: 50%;
  transform: translateX(-50%);
}

.corpusP4Container .btnLink a {
  display: block;
  width: 100%;
  height: 100%;
}

/*banner_top_detail*/
.banner_top_detail {
  height: 324px;
  overflow: hidden;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1920px;
  background-image: url(../images26/banner_top_detail.jpg);
  position: relative;
}

.banner_top_detail h2 {
  margin-top: 150px;
  font-weight: 700;
  font-size: 52px;
  line-height: 52px;
  text-align: center;
  color: #fff;
}

.banner_top_detail h3 {
  margin-top: 30px;
  padding: 0 100px;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #fff;
}

.detail_text {
  width: 1200px;
  height: auto;
  margin: 80px auto 30px;
  padding: 25px 30px 50px;
  box-sizing: border-box;
  background: white;
}

.detail_text .title {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 44.8px;
  color: black;
  text-align: center;
  vertical-align: top;
  padding: 0 0 40px 0;
  border-bottom: 1px dashed #c8d0e6;
}

.detail_text .text {
  margin: 30px auto 0;
}

.detail_text .text p {
  margin: 0 auto 20px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 29px;
  color: black;
  text-indent: 2em;
  text-align: justify;
}

.detail_text .text p em, .detail_text .text p i {
  font-style: italic;
}

.detail_text .text img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* 关于我们 */
.aboutBanner {
  width: 100%;
  height: 569px;
  background: url(../images/about-banner-1.jpg) center center no-repeat;
  background-size: cover;
}

.aboutBanner h3 {
  font-weight: 400;
  font-size: 34px;
  line-height: 1.2;
  font-family: STSong, Microsoft YaHei, SimSun;
  text-align: center;
  margin-top: 170px;
  letter-spacing: 1px;
}

.aboutBanner h2 {
  font-weight: 700;
  font-size: 34px;
  line-height: 1.2;
  font-family: Alibaba PuHuiTi, Microsoft YaHei, SimSun;
  text-align: center;
  margin-top: 15px;
}

.aboutBanner h6 {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  margin: 25px auto 0;
}

.aboutBanner div.text {
  margin: 40px auto;
  font-weight: 400;
  font-size: 20px;
  line-height: 44px;
  font-family: Microsoft YaHei;
  text-align: center;
  letter-spacing: 0.5px;
}

/* aboutP1 */
.aboutP1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #F9FAFD;
}

.aboutP1 h3 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  font-family: STSong, Microsoft YaHei, SimSun;
  text-align: center;
  margin-top: 60px;
}

.aboutP1 h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  font-family: Alibaba PuHuiTi, Microsoft YaHei, SimSun;
  text-align: center;
  margin-top: 20px;
}

.aboutP1 h6 {
  display: block;
  width: 24px;
  height: 2px;
  background: #2F313D;
  margin: 25px auto 0;
}

.aboutP1 .w1000 {
  width: 1120px;
}

.aboutP1 div.text {
  margin: 40px auto;
  padding: 0 10px;
  font-weight: 400;
  font-size: 20px;
  line-height: 44px;
  font-family: Microsoft YaHei;
  text-align: left;
  letter-spacing: 0.5px;
}

.aboutP1 div.text p {
  text-indent: 2em;
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: justify;
}

.aboutP1 div.map1 {
  width: 100%;
  height: 498px;
  text-align: center;
  background: url(../images/map1.png) center center no-repeat;
}

.aboutP1 div.map1 img {
  width: 100%;
}

.aboutP1 div.map2 {
  width: 1000px;
  text-align: center;
}

.aboutP1 div.map2 img {
  width: 100%;
}

.aboutP1 div.showCon {
  width: 100%;
  height: 393px;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
}

.aboutP1 div.showCon div.pic {
  width: 650px;
  height: 393px;
  overflow: hidden;
  float: left;
}

.aboutP1 div.showCon div.pic img {
  border-radius: 5px;
}

.aboutP1 div.showCon div.txt {
  position: absolute;
  left: 567px;
  top: 26px;
  width: 553px;
  height: 239px;
  padding: 50px 40px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}

.aboutP1 div.showCon div.txt strong {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 10px;
}

.aboutP1 div.showCon div.txt p {
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  color: #666666;
  margin-top: 30px;
}

.aboutP1 div.showCon div.txt div.join {
  display: inline-block;
  width: 137px;
  height: 45px;
  margin-top: 30px;
  background: #5496F3;
  border-radius: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.aboutP1 div.showCon div.txt div.join a {
  color: #fff;
}

.aboutP1 div.showCon div.txt div.join:hover {
  opacity: 0.8;
}

.aboutP1 div.showCon div.txt div.join:hover a {
  color: #fff;
  text-decoration: none;
}

.aboutMapCon {
  width: 1180px;
  height: 771px;
  margin: 40px auto;
  box-sizing: border-box;
  background: #F1F0F1;
  border: 21px solid #FDFCFC;
  position: relative;
}

.aboutMapCon div.contact {
  position: absolute;
  top: 203px;
  left: 36px;
  width: 197px;
  height: 22px;
  background: url(../images/about-contactus.png) center center no-repeat;
}

.aboutMapCon div.map {
  position: absolute;
  top: 57px;
  left: 323px;
  width: 756px;
  height: 391px;
  background: url(../images/about-map.png) center center no-repeat;
}

.aboutMapCon div.phoneBox {
  position: absolute;
  top: 523px;
  left: 40px;
  width: 520px;
  height: 180px;
  box-sizing: border-box;
  background: #fff;
  padding: 22px 20px 23px 18px;
}

.aboutMapCon div.phoneBox span {
  display: block;
  float: left;
  width: 135px;
  height: 135px;
  background: url(../images/about-phone.png) center center no-repeat;
  margin-right: 35px;
}

.aboutMapCon div.phoneBox div.iconBox {
  float: left;
  background: url(../images/about-iconblue.png) top left no-repeat;
}

.aboutMapCon div.phoneBox strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 44px;
  font-family: Microsoft YaHei;
  color: #274df5;
  margin-top: 10px;
}

.aboutMapCon div.phoneBox p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  font-family: Microsoft YaHei;
  color: #666;
}

.aboutMapCon div.headBox {
  position: absolute;
  top: 523px;
  left: 581px;
  width: 520px;
  height: 180px;
  box-sizing: border-box;
  background: #fff;
  padding: 22px 20px 23px 18px;
}

.aboutMapCon div.headBox span {
  display: block;
  float: left;
  width: 135px;
  height: 135px;
  background: url(../images/about-head.png) center center no-repeat;
  margin-right: 35px;
}

.aboutMapCon div.headBox div.iconBox {
  float: left;
  background: url(../images/about-icongreen.png) top left no-repeat;
}

.aboutMapCon div.headBox strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 44px;
  font-family: Microsoft YaHei;
  color: #2f9960;
  margin-top: 10px;
}

.aboutMapCon div.headBox p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  font-family: Microsoft YaHei;
  color: #666;
}

.aboutMapCon {
  width: 1180px;
  height: 701px;
}

.aboutMapCon div.messageCon {
  width: 1138px;
  height: 160px;
  background: #eae9e8;
  box-shadow: 0px -5px 0px 0px #dddbd5;
  position: absolute;
  top: 490px;
  left: 0px;
}

.aboutMapCon div.messageCon div.title {
  position: absolute;
  top: 59px;
  left: 71px;
  width: 136px;
  height: 34px;
  background: url(../images/about-contactus-title.png) center center no-repeat;
}

.aboutMapCon div.messageCon div.message {
  position: absolute;
  top: 45px;
  left: 324px;
}

.aboutMapCon div.messageCon div.message p {
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  text-align: left;
  color: #666666;
  margin-bottom: 5px;
}

.aboutMapCon div.messageCon div.message p i {
  font-weight: 700;
  font-size: 26px;
}

.aboutMapCon div.messageCon div.message p.add span {
  display: block;
  float: left;
  width: 27px;
  height: 36px;
  background: url(../images/about-contactus-add.png) center center no-repeat;
  margin-right: 16px;
}

.aboutMapCon div.messageCon div.message p.phone span {
  display: block;
  float: left;
  width: 27px;
  height: 36px;
  background: url(../images/about-contactus-phone.png) center center no-repeat;
  margin-right: 16px;
}

/* joinUsBanner */
.joinUsBanner {
  width: 100%;
  height: 570px;
  overflow: hidden;
  background: url(../images/joinus-bg.jpg) center center no-repeat;
}

.joinUsBanner h3 {
  font-weight: 400;
  font-size: 34px;
  line-height: 1.2;
  font-family: STSong, Microsoft YaHei, SimSun;
  text-align: center;
  margin-top: 170px;
  letter-spacing: 1px;
}

.joinUsBanner h2 {
  font-weight: 700;
  font-size: 34px;
  line-height: 1.2;
  font-family: Alibaba PuHuiTi, Microsoft YaHei, SimSun;
  text-align: center;
  margin-top: 15px;
}

.joinUsBanner h6 {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  margin: 25px auto 0;
}

.joinUsBanner h4 {
  margin: 40px auto;
  font-weight: 400;
  font-size: 40px;
  line-height: 44px;
  font-family: Microsoft YaHei;
  text-align: center;
}

.joinUsTitle {
  overflow: hidden;
  margin: 50px auto;
}

.joinUsTitle h2 {
  font-weight: 400;
  font-size: 28px;
  line-height: 48px;
  text-align: center;
}

.joinUsTitle h6 {
  display: block;
  width: 20px;
  height: 3px;
  background: #FFC12B;
  margin: 25px auto 0;
}

.joinUsCon {
  width: 1200px;
  box-sizing: border-box;
  padding: 0 55px;
  background: #fff;
  box-shadow: 0px 2px 30px 0px rgba(39, 39, 39, 0.06);
  border-radius: 10px;
  margin-bottom: 30px;
}

.joinUsCon div.titCon {
  height: 102px;
  cursor: pointer;
}

.joinUsCon div.titCon h2 {
  display: inline-block;
  width: 380px;
  font-weight: 700;
  font-size: 20px;
  line-height: 102px;
}

.joinUsCon div.titCon h3 {
  display: inline-block;
  font-weight: 400;
  font-size: 20px;
  line-height: 102px;
}

.joinUsCon div.titCon h6 {
  display: block;
  float: right;
  width: 24px;
  height: 102px;
  line-height: 102px;
  background: url(../images/joinus-banner-arr.png) center center no-repeat;
  cursor: pointer;
}

.joinUsCon div.titCon h6.show {
  background: url(../images/joinus-banner-arr1.png) center center no-repeat;
}

.joinUsCon div.titCon h6.hide {
  background: url(../images/joinus-banner-arr.png) center center no-repeat;
}

.joinUsCon div.textCon {
  border-top: 1px solid #E8E8E8;
  padding-bottom: 30px;
  display: none;
}

.joinUsCon div.textCon p {
  margin-top: 25px;
  font-weight: 400;
  font-size: 18px;
  line-height: 48px;
  color: #666666;
}

.joinUsCon div.textCon p strong {
  display: block;
  color: #111111;
}

.joinUsCon div.textCon p.mail {
  font-size: 24px;
  color: #333333;
  margin-top: 40px;
}

/* relayTop - 悬浮侧边锚点 */
.relayTop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 5%;
  margin-left: 620px;
  width: 106px;
  border-radius: 8px 8px 16px 16px;
  box-shadow: 0 4px 20px rgba(26, 115, 232, 0.15);
  border: 1px solid rgba(26, 115, 232, 0.2);
  overflow: hidden;
  z-index: 999;
}

.relayTop-inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.relayTop-qrcode {
  padding: 14px;
  background: #fff;
  text-align: center;
}

.relayTop-qrcode img {
  width: 62px;
  height: 62px;
  display: block;
}

.relayTop-actions {
  background: #badbff;
  padding: 6px 10px 0 6px;
  width: 90px;
  border-radius: 4px 4px 0 0;
  /* border-top: 1px solid #f0f0f0; */
}

.relayTop-item {
  width: 100%;
  padding: 10px 0 15px 0;
  border: 2px solid #a1ceff;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* padding: 12px 8px 10px; */
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  color: #666;
  font-size: 12px;
  transition: color 0.2s, background 0.2s;
  border-bottom: 1px solid #f0f0f0;
}

.relayTop-item:last-child {
  border-bottom: none;
}

.relayTop-item:hover {
  color: #1a73e8;
  background: #f8faff;
}

.relayTop-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.relayTop-icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E");
}

.relayTop-item:hover .relayTop-icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a73e8' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E");
}

.relayTop-icon-chat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'/%3E%3C/svg%3E");
}

.relayTop-item:hover .relayTop-icon-chat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a73e8' stroke-width='2'%3E%3Cpath d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'/%3E%3C/svg%3E");
}

.relayTop-icon-doc {
  width: 38px;
  height: 38px;
  background: url(../images26/anchor-project.png) center/cover no-repeat;
}

.relayTop-item:hover .relayTop-icon-doc {
  cursor: pointer;
}

.relayTop-backTop {
  width: 100%;
  padding: 12px 0;
  /* background: #1a73e8; */
  margin-top: -12px;
  background: url(../images26/anchor-bg.png) center/cover no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
  border-radius: 0 0 12px 12px;
}

.relayTop-backTop:hover {
  /* background: #1557b0; */
}

.relayTop-backTop .relayTop-text {
  color: #fff;
  font-size: 12px;
}

.relayTop-icon-top {
  width: 26px;
  height: 23px;
  background: url(../images26/anchor-topArrow.png) center/cover no-repeat;
  margin-top: 10px;
  margin-bottom: 4px;
}

/* 业务咨询弹窗 */
.consultModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
}

.consultModal.is-show {
  display: flex;
}

.consultModal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.consultModal-content {
  position: relative;
  width: 600px;
  max-width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 8px;
  padding: 40px 50px 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.consultModal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: #999;
  cursor: pointer;
}

.consultModal-close:hover {
  color: #333;
}

.consultModal-title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 30px;
  color: #333;
}

.consultModal-form {
  background: #fff;
  padding: 5px 20px;
  border-radius: 6px;
}

.consultModal-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.consultModal-row:last-of-type {
  margin-bottom: 0;
}

.consultModal-label {
  flex-shrink: 0;
  width: 120px;
  padding-bottom: 20px;
  font-size: 14px;
  color: #333;
}

.consultModal-label .required {
  color: #e74c3c;
  margin-right: 2px;
}

.consultModal-input,
.consultModal-textarea {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
}

.consultModal-input:focus,
.consultModal-textarea:focus {
  outline: none;
  border-color: #1a73e8;
}

.consultModal-textarea {
  resize: vertical;
  min-height: 80px;
}

.consultModal-checkboxGroup {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.consultModal-checkboxItem {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  margin-right: 22px;
  color: #333;
  cursor: pointer;
}

.consultModal-checkboxItem input {
  margin-right: 6px;
}

.consultModal-footer {
  text-align: center;
  margin-top: 25px;
  padding-top: 20px;
}

.consultModal-submit {
  padding: 12px 80px;
  font-size: 16px;
  color: #fff;
  background: #1a73e8;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.consultModal-submit:hover {
  background: #1557b0;
}

.consultModal-submit:disabled {
  background: #999;
  cursor: not-allowed;
}

/* MEDIA QUERIES Mobile phone
  ---------------------------------------------------------------------- */
@media (min-device-width: 320px) and (max-width: 689px), (max-device-width: 480px) {
  body {
    min-width: 100%;
  }
  .w1200 {
    width: 100%;
  }
}