@import url('./programme_02.css');
@import url('./programme_03.css');
@import url('./programme_04.css');
@import url('./programme_05.css');
@import url('./programme_06.css');
@import url('./programme_07.css');
@import url('./programme_08.css');
@import url('./programme_09.css');
@import url('./programme_10.css');
@import url('./programme_11.css');
@import url('./programme_12.css');
@import url('./programme_13.css');
@import url('./programme_14.css');
@import url('./programme_15.css');
/* 解决方案头部共用部分 */
.programme-module .focus {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
  overflow: hidden
}
.programme-module .focus .img {
  width: 100%;
  overflow: hidden
}
.focus .img .item .mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 65;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(43%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 43%, rgba(0, 0, 0, 0) 100%);
}

.programme-module .focus .img .bg-item {
  position: relative;
  width: auto;
  text-align: center;
  overflow: hidden
}
.programme-module .focus .img .bg-item img {
  width: 100%
}
.programme-module .focus .img .big-title h1 {
  letter-spacing: 0;
}

/* 细分领域 */
#programme_app .programme-field {
  height: 937px;
  height: 58.5625rem;
}
.programme-field .programme-field-content .programme01_field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 560px;
  height: 35rem;
  overflow: hidden;
}
.programme-field-content .programme01_field .bg-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 480px;
  width: 30rem;
  height: 560px;
  height: 35rem;
}
.programme-field-content .programme01_field .bg-item .label {
  margin: 0 0 60px 81px;
  margin: 0 0 3.75rem 5.0625rem;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-align: left;
}

.programme-field-content .programme01_field .model {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}
.programme01_field .model .model-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
}
.programme01_field .model .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 1200px;
  width: 75rem;
  height: 100%;
}
.programme01_field .model .left .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 0 0 43px 40px;
  padding: 0 0 2.6875rem 2.5rem;
  width: 100%;
  height: 210px;
  height: 13.125rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(3, 15, 30, 0.64706)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(3, 15, 30, 0.64706) 100%);
}
.programme01_field .model .left .box .title {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-align: left;
}
.programme01_field .model .left .box .text {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.75rem;
  letter-spacing: 0;
  text-align: left;
}
.programme01_field .model .right {
  width: 240px;
  width: 15rem;
  height: 100%;
}
.programme01_field .model .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 43px;
  padding-bottom: 2.6875rem;
  width: 240px;
  width: 15rem;
  height: 100%;
}
.programme01_field .model .right .title {
  margin: 0;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0;
  text-align: left;
}

/* 方案价值 */
.programme-value {
  height: 934px;
  height: 58.375rem;
  background: url('../images/programme/img_value_venue_bg01.png') no-repeat;
  background-size: 100% 100%;
}
.programme-value .programme-value-content .value-content {
  position: relative;
  width: 100%;
  height: 602px;
  height: 37.625rem;
}
.programme-value-content .value-content .item {
  position: absolute;
  z-index: 1;
  padding: 35px 37px 0;
  padding: 2.1875rem 2.3125rem 0;
  width: 670px;
  width: 41.875rem;
  height: 180px;
  height: 11.25rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F5F8), to(#FFFFFF));
  background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
  border: 1px solid #FFFFFF;
  border: 0.0625rem solid #FFFFFF;
  -webkit-box-shadow: 0 0.125rem 0.4375rem 0 rgba(0, 88, 199, 0.09804);
          box-shadow: 0 0.125rem 0.4375rem 0 rgba(0, 88, 199, 0.09804);
}
.programme-value-content .value-content .item:nth-child(1) {
  left: 0;
  top: 46px;
  top: 2.875rem;
}
.programme-value-content .value-content .item:nth-child(2) {
  right: 0;
  top: 46px;
  top: 2.875rem;
}
.programme-value-content .value-content .item:nth-child(3) {
  left: 0;
  bottom: 35px;
  bottom: 2.1875rem;
}
.programme-value-content .value-content .item:nth-child(4) {
  right: 0;
  bottom: 35px;
  bottom: 2.1875rem;
}
.programme-value-content .value-content .item .title-bg {
  position: absolute;
  top: -18px;
  top: -1.125rem;
  left: 20px;
  left: 1.25rem;
  z-index: 1;
  padding: 0 30px;
  padding: 0 1.875rem;
  height: 37px;
  height: 2.3125rem;
  background: url('../images/programme/icon_venue_bt.png') no-repeat;
  background-size: 100% 100%;
}
.programme-value-content .value-content .item:nth-child(2) .title-bg {
  position: absolute;
  top: -18px;
  top: -1.125rem;
  left: auto;
  left: initial;
  right: 37px;
  right: 2.3125rem;
}
.programme-value-content .value-content .item:nth-child(4) .title-bg {
  position: absolute;
  top: -18px;
  top: -1.125rem;
  left: auto;
  left: initial;
  right: 37px;
  right: 2.3125rem;
}
.programme-value-content .value-content .item .number {
  margin-bottom: -22px;
  margin-bottom: -1.375rem;
  font-weight: bold;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0;
  text-align: left;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 117, 240, 0.64706)), to(rgba(24, 117, 240, 0)));
  background: linear-gradient(180deg, rgba(24, 117, 240, 0.64706) 0%, rgba(24, 117, 240, 0) 100%);
  color: transparent;
  -webkit-background-clip: text;
}
.programme-value-content .value-content .item .title {
  margin: 0;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 37px;
  line-height: 2.3125rem;
  letter-spacing: 0;
  text-align: left;
}
.programme-value-content .value-content .item .text {
  color: #637287;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-align: left;
}
.programme-value-content .value-content .programme-center-bg {
  position: absolute;
  top: 154px;
  top: 9.625rem;
  left: 588px;
  left: 36.75rem;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  width: 17.5rem;
  height: 280px;
  height: 17.5rem;
  background: url('../images/programme/Ellipse7.png') no-repeat;
  background-size: 100% 100%;
}
.value-content .programme-center-bg .programme-center-bg2 {
  width: 120px;
  width: 7.5rem;
  height: 120px;
  height: 7.5rem;
  background: url('../images/programme/icon_value_venue01.png') no-repeat;
  background-size: 100% 100%;
}

/* 业务架构 */
#programme_app .programme-architecture .programme_1-bg {
  width: 100%;
  height: 665px;
  height: 41.5625rem;
  background: url('../images/programme/img_architecture_venue.png') no-repeat;
  background-size: 100% 100%;
}

/* 标杆案例 */
.programme-case-content .case-content .case {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 530px;
  height: 33.125rem;
  background: url('../images/programme/img_case_venue01.png') no-repeat;
  background-position: 352px 0;
  background-position: 22rem 0;
  background-size: 76% 100%;
}
.programme-case-content .case-content .case .mask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #212937), to(rgba(33, 41, 55, 0)));
  background: linear-gradient(90deg, #212937 50%, rgba(33, 41, 55, 0) 100%);
}
.case-content .mask .text-box {
  margin-left: 120px;
  margin-left: 7.5rem;
  width: 340px;
  width: 21.25rem;
}
.case-content .text-box .title {
  margin: 0 0 22px;
  margin: 0 0 1.375rem;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 32px;
  font-size: 2rem;
  line-height: 34px;
  line-height: 2.125rem;
  letter-spacing: 0;
  text-align: left;
}
.case-content .text-box .text {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.625rem;
  letter-spacing: 0;
  text-align: left;
}