/* 公共样式 start */
* {
  margin: 0;
  padding: 0;
}

.cloud {
  width: 100%;
}

.cloud h3 {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: normal;
  color: #FFFFFF;
  padding: .5rem 0 0;
}



.cloud h3 span {
  color: #1060FF;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: normal;
}

.cloud span {
  font-size: 1.375rem;

  line-height: 2.375rem;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 0.85);
}

section {
  padding: 0 14.9375rem;
}

/* 第一屏样式 start */
.section1 {
  height: 39.5rem;
  margin: 4.2rem 0 0;
  padding: 6.7625rem 0 0 14.9375rem;
  background: url('../../images/v2/chcp/bip_banner.jpg');
  background-size: 100% 100%;

}

.section1 .span {
  width: 62rem;
  display: block;
  padding: 1rem 0 5rem;
}

.cloud .section1 h2 {
  font-size: 3rem;
  font-weight: bold;
  line-height: normal;
  color: #FFFFFF;
  padding: .5rem 0 1.5rem;
}



/* 第二屏样式 start */
.section2 .item1 .text h2 {
  font-size: 3rem;
}

.section2 .item2 img {
  width: 100%;
}

.cloud .section2 span {
  color: #3232A0;
}

.section2 .container .item2 {
  width: auto;
}

.section2 .container .item2 {
  width: 100%;
  padding: 0;
}


/* section公共样式（第三第四屏） start */
.cloud__section {
  height: 49.625rem;
  mix-blend-mode: multiply;
  opacity: 1;

  background: linear-gradient(180deg, rgba(0, 1, 31, 0.85) 0%, rgba(1, 25, 95, 0.85) 59%, rgba(0, 46, 131, 0.85) 100%);
}

.cloud__section h3 {
  color: #FFFFFF;
  padding: 3.125rem 0 1rem 0;
}

.cloud__section p {
  font-size: 1.5rem;
  color: #FFFFFF;
}

.cloud__section__title {
  display: flex;
  padding: 3rem 0 1rem;
}

.cloud__section__title>div {
  display: flex;
  flex-direction: column;
  padding-right: 4rem;
}

.cloud__section__title span:first-child {
  font-size: 2.125rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;
  color: #FFFFFF;
  height: 3.5rem;
}

.cloud__section__title span:nth-child(2) {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  color: #F4F7FF;
}

.cloud__section_contain {
  display: flex;
}



.cloud__section {
  background: url('../../images/v2/chcp/03bg.png');

  background-size: cover;
  height: 122.375rem;
}

.cloud__section p {
  font-size: 1.125rem;

  line-height: 1.75rem;
  color: #767676;
  padding: 1rem 0 .875rem;
}

.cloud__section__title span:first-child {
  font-size: 2.625rem;
  color: #0750FE;
  display: flex;
}

.cloud__section__title span:first-child p {
  font-size: 1.875rem;
  color: #0750FE;
  font-weight: bold;
}

.cloud__section__title span:nth-child(2) {
  font-size: 1.125rem;
  color: #303030;
}

.cloud .cloud__section h2 {
  font-size: 3rem;
  padding: 5.4375rem 0 0 0;
}

.cloud__section__item {
  width: auto;
  height: 28.7106rem;
  border-radius: .5rem;
  background: rgba(255, 255, 255, 0.7);
  padding: 0 7.75rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 2.5rem 0 0;
}

.section4 .cloud__section__item {
  margin: 4.3125rem 0 0;
}

.cloud__section__item img {
  width: 37.1463rem;
}

.cloud__section__item span {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 3.375rem;
  color: #303030;
}

.cloud__section__item p {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.6875rem;
  color: #4A4E64;
  padding: 0.2rem 0;
  display: flex;
  align-items: center;
}

.cloud__section__item p:nth-child(2) {
  padding: 1.8rem 0 0;
}

.cloud__section__item p::before {
  content: "";
  width: .375rem;
  height: .375rem;
  border-radius: 50%;
  background: #000BFF;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

.cloud__section__item>div {
  flex-shrink: 0;
}

.cloud__section__item2 {
  background: #E3EAFF;
}


.cloud__section__item img {
  transform: translateY(1rem);
}

.section4 .cloud__section__item {
  background: rgba(0, 51, 176, 0.5);
}

.section4 .cloud__section__item span {
  color: #FFFFFF;
}

.section4 .cloud__section__item p::before {
  background: #FFFFFF;
}

.cloud__section__item {
  justify-content: space-between;
}

.cloud__section__item_right {
  padding: 0 5rem 0;
}


.cloud__section__item_right-sub {
  padding: 0 8.5rem 0 0;
}

/* 第四屏样式 start */
.section4__item {
  width: auto;
  height: 28.7106rem;
  border-radius: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2.5rem 0 0;
}



.section4__item .section4__item_img {
  width: 21.7512rem;
  height: 28.5rem;
  border-radius: .5rem;
  background: url('../../images/v2/chcp/02_img1(2).jpg');
  background-size: cover;
  padding: 17.9375rem 2rem .375rem 2rem;
  box-sizing: border-box;
}

.section4__item .section4__item_img:hover {
  transform: translateY(-0.9rem);
  transition: all 0.5s;
}

.section4__item .section4__item_img:nth-child(2) {
  background: url('../../images/v2/chcp/02_img2(1).jpg');
  background-size: cover;
}

.section4__item .section4__item_img:nth-child(3) {
  background: url('../../images/v2/chcp/02_img3(1).jpg');
  background-size: cover;
}

.section4__item .section4__item_img:nth-child(4) {
  background: url('../../images/v2/chcp/02_img3(2).jpg');
  background-size: cover;
}

.section4__item .section4__item_img span {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3.375rem;
  color: #FFFFFF;
}

.section4__item .section4__item_img p {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5rem;
  color: #FFFFFF;
  padding: 0.5rem 0 0.875rem;
}

.section4 {
  height: 118.375rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #DEE6FF 85%);
}

.section4__item {
  margin: 4.3125rem 0 0;
}



.section4 {
  background: url('../../images/v2/chcp/123ai.png');
  background-size: 100% 100%;
}

.cloud .section4 h2 {
  color: #FFFFFF;
}

.section4 p {
  color: #FFFFFF;
}

.tec-header-operation {
  display: none;
}

@media (max-width: 961px) {

  /* 移动端公共样式 start */
  .cloud .span {
    font-size: 2.75rem;
    width: auto;
    line-height: normal;
    padding: 4rem 0 0;
  }

  .tec-header-operation {
    display: flex;
  }

  .languageEnMobile {
    display: none;
  }

  /* 移动端第一屏样式 start */
  .section1 {
    margin: 0;
    background-image: url(../../images/mobileNew/001_bg.png);
    background-size: 100% 100%;
    height: 128.25rem;
    box-sizing: border-box;
    padding: 0;
    padding: 14.875rem 7rem;
  }

  .cloud .section1 h2 {
    font-size: 6rem;
    padding: 0 0 4rem;
  }

  .cloud .section1 h3 {
    font-size: 8rem;
  }



  .tec-btn__primary-lg {
    font-size: 2.75rem;
    color: #F7F8FA;
    height: auto;
    width: auto;
    padding: 1.75rem 4rem;
    line-height: normal;
    margin: 12.5rem 0 0 0;
  }

  /* 移动端第二屏样式 start */
  .section2 {
    margin: 0;
    background-image: url(../../images/mobileNew/002_bg.jpg);
    height: 146.25rem;
    box-sizing: border-box;
    padding: 0;
    padding: 10.625rem 7rem;
    background-size: 100% 100%;
  }

  .section2 .item1 .text h2 {
    font-size: 6rem;
    width: 50rem;
    padding: 0 0 6.75rem 0;
  }

  .section2 .container .item2 {
    margin: 0;
  }

  .section2 .container .item1 {
    height: auto;
    padding: 0;
  }

  .section2 .container {
    padding: 0;
    width: 100%;
  }

  /* 移动端第三四屏公共样式 start */
  .cloud__section {
    margin: 0;
    background-image: url(../../images/mobileNew/03bg.png);
    height: 389.25rem;
    box-sizing: border-box;
    padding: 0;
    padding: 10.625rem 7rem;
    background-size: 100% 100%;
  }

  .cloud .cloud__section h2 {
    font-size: 6rem;
    padding: 0;
  }

  .cloud__section p {
    font-size: 3rem;
    line-height: normal;
    color: #767676;
    padding: 2rem 0 .875rem;
    line-height: 4.5rem;
  }

  .cloud__section__title span:first-child {
    font-size: 5.25rem;
    display: flex;
    height: auto;
    padding: 0 0 1rem;
  }

  .cloud__section__title span:nth-child(2) {
    font-size: 2.25rem;
  }

  .cloud__section__title {
    flex-wrap: wrap;
    padding: 3rem 0 5rem;
  }

  .cloud__section__title>div {
    flex-wrap: wrap;
    flex-basis: 44%;
    padding: 0;
  }

  .cloud__section__title>div:nth-child(2n) {
    border-left: 1px solid #C4CEE8;
    align-items: center;
    padding: 0 0 0 5rem;
  }

  .cloud__section__title>div:nth-child(n+3) {
    margin: 3.425rem 0 0 0;
  }

  .cloud__section__item {
    margin: 4.25rem 0 0;
    width: auto;
    height: 85.375rem;
    border-radius: 1rem;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 7.75rem 4rem 0;
  }

  .cloud__section__item2 {
    flex-direction: column;
    background: rgba(255, 255, 255, 0.7);
    height: 95.375rem;
    justify-content: flex-start;
  }

  .cloud__section__item2>div,
  .cloud__section__item3>div {
    padding: 0 0 0 5rem;
  }

  .cloud__section__item3 {
    height: 90rem;
  }

  .cloud__section__item span {
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 6.75rem;
  }

  .cloud__section p {
    font-size: 3rem;
  }

  .cloud__section__item p::before {
    width: .75rem;
    height: .75rem;
    margin-right: 1rem;

  }

  .cloud__section__item img {
    width: 74rem;
    padding: 5rem 0 0 0;
  }

  .cloud__section .cloud__section__item p {
    line-height: 3.375rem;
  }

  .cloud__section__item p:nth-child(2) {
    padding: 5rem 0 0;
  }

  /* 移动端第四屏样式 start */
  .section4 {
    background: url('../../images/mobileNew/1231.png');
    background-size: 100% 100%;
    padding: 13.25rem 7rem;
    height: 366.25rem;
  }



  .section4 .cloud__section__item p {
    color: #FFFFFF;
  }

  .cloud .section4 h2 {
    width: 69rem;
  }

  .section4>p {
    font-size: 3rem;
    color: #FFFFFF;
    padding: 4.25rem 0 6.125rem;
  }

  .section4__item {
    margin: 0;
    flex-wrap: wrap;
    height: auto;
  }

  .section4__item .section4__item_img {
    width: 39rem;
    height: 51.5rem;
    border-radius: 1rem;
    padding: 31rem 2.5rem 0.375rem;
  }

  .section4__item .section4__item_img:nth-child(n+3) {
    margin: 1.75rem 0 0;
  }

  .section4__item .section4__item_img span {
    font-size: 4.5rem;
    line-height: 6.75rem;
  }

  .section4__item .section4__item_img p {
    font-size: 2rem;
    line-height: 3rem;
  }

  .section4 .cloud__section__item {
    height: 88.375rem;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }

  .section4 .section4__item2 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .section4__item2>div {
    padding: 0 0 0 5rem;
  }

  .section4_item_right-sub {
    padding: 0 8.5rem 0 0;
  }

  .tec-header-operation {
    display: none;
  }

  .tec-header-operation-dropdownmenu_mobile {
    display: none;
  }

  .cloud__section__item {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cloud__section__item {
    height: 95.375rem;
  }

  .cloud__section {

    height: 449.25rem;
  }

  .cloud__section__item2 {
    height: 105.375rem;
  }

  .cloud__section__item3 {
    height: 100.375rem;
  }

  .section4__item .section4__item_img span {
    font-size: 3.5rem;
  }

  .section4__item .section4__item_img p {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .section4__item .section4__item_img:nth-child(1),
  .section4__item .section4__item_img:nth-child(2) {
    height: 53.5rem;
    padding: 21rem 2.5rem 0.375rem;
  }

  .section4__item .section4__item_img:nth-child(3),
  .section4__item .section4__item_img:nth-child(4) {
    padding: 26rem 2.5rem 0.375rem;
  }

  .section4 .cloud__section__item2 {
    height: 108.375rem;
  }

  .section4 .section__item2 {
    height: 93.375rem;
  }

  .cloud__section__item3 {
    flex-direction: column-reverse;
  }

  .section4 {
    height: 399.25rem;
  }
}