@import url('./product_02.css');
@import url('./product_03.css');
@import url('./product_04.css');
@import url('./product_05.css');
@import url('./product_06.css');
@import url('./product_07.css');
@import url('./product_08.css');
@import url('./product_09.css');
@import url('./product_10.css');
@import url('./product_11.css');
@import url('./product_12.css');
@import url('./product_13.css');
@import url('./product_14.css');
@import url('./product_15.css');
@import url('./product_16.css');
@import url('./product_17.css');
@import url('./product_18.css');
@import url('./product_19.css');
@import url('./product_20.css');
/* product_01(数字孪生平台) */
.product-content .focus {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
  overflow: hidden
}
/* .product-content .focus .img {
  width: 100%;
  overflow: hidden
}
.product-content .focus .img .img-inner {
  display: flex;
  width: auto;
  height: auto;
  overflow: hidden;
  margin-left: 0;
  transition: all ease-in-out .2s
}
.product-content .focus .img .item {
  position: relative;
  width: auto;
  text-align: center;
  overflow: hidden
}
.product-content .focus .img .item img {
  width: 100%
} */
.product-content .focus .img-inner .big-title h2 {
  width: 600px;
  width: 37.5rem;
}

/* 产品优势 */
#app_product .product-advantages {
  width: 100%;
}
.product-advantages-content .module-title {
  margin-bottom: 100px;
  margin-bottom: 6.25rem;
}
.product-advantages-content .advantages_01_content {
  margin: 100px auto 0;
  margin: 6.25rem auto 0;
  width: 1440px;
  width: 90rem;
  display: grid;
  grid-template-columns: repeat(2, 44.0625rem);
  grid-template-rows: repeat(3, 26.25rem);
  gap: 30px 31px;
  gap: 1.875rem 1.9375rem;
}
.advantages_01_content .advantages-item {
  padding: 36px 29px 0 50px;
  padding: 2.25rem 1.8125rem 0 3.125rem;
  width: 705px;
  width: 44.0625rem;
  height: 420px;
  height: 26.25rem;
  border-radius: 1.25rem;
}
.advantages_01_content .advantages-item:hover {
  -webkit-transform: translateY(-0.3125rem);
          transform: translateY(-0.3125rem);
  -webkit-box-shadow: 0 0.625rem 1.25rem 0 #DBE7F8;
          box-shadow: 0 0.625rem 1.25rem 0 #DBE7F8;
}
.advantages_01_content .advantages-item .top .title {
  margin: 0;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  color: #212937;
  font-weight: bold;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0;
  text-align: left;
}
.advantages_01_content .advantages-item .top .text {
  color: #637287;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.625rem;
  letter-spacing: 0;
  text-align: left;
}


/* 应用场景 */
.product-advantages-content .advantages-content .advantages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 30px;
  margin-right: 1.875rem;
  padding: 65px 63px 28px 23px;
  padding: 4.0625rem 3.9375rem 1.75rem 1.4375rem;
  width: 460px;
  width: 28.75rem;
  height: 240px;
  height: 15rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F5F8), to(#FFFFFF));
  background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);  
  border: 1px solid;  
  border: 0.0625rem solid;
  -o-border-image: linear-gradient(180deg, #1875F0 0%, rgba(24, 117, 240, 0) 100%) 1;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#1875F0), to(rgba(24, 117, 240, 0))) 1;
     border-image: linear-gradient(180deg, #1875F0 0%, rgba(24, 117, 240, 0) 100%) 1;
}
.product-advantages-content .advantages-content .advantages-item:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#0058C7), to(#FFFFFF));
  background: linear-gradient(180deg, #0058C7 0%, #FFFFFF 100%);
  border: 1px solid #FFFFFF;
  border: 0.0625rem solid #FFFFFF;
}
.product-advantages-content .advantages-content .advantages-item:last-child {
  margin-right: 0;
}
.advantages-item .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 196px;
  width: 12.25rem;
  height: 147px;
  height: 9.1875rem;
}
.advantages-item .left .number {
  width: 48px;
  width: 3rem;
  height: 36px;
  height: 2.25rem;
  font-weight: bold;
  font-size: 40px;
  font-size: 2.5rem;
  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;
}
.product-advantages .advantages-content .advantages-item:hover .left .number {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.64706)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.64706) 0%, rgba(255, 255, 255, 0) 100%);
  color: transparent;
  -webkit-background-clip: text;
}
.advantages-item .left .title {
  margin: -5px 0 20px;
  margin: -0.3125rem 0 1.25rem;
  color: #212937;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 16px;
  line-height: 1rem;
  letter-spacing: 0;
  text-align: left;
}
.advantages-item .left .text {
  color: #637287;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  line-height: 1.625rem;
  letter-spacing: 0;
  text-align: left;
}

.advantages-item .right {
  width: 136px;
  width: 8.5rem;
  height: 136px;
  height: 8.5rem;
}
.advantages-item:nth-child(1) .right {
  background: url('../images/product/icon_data01.png') no-repeat;
  background-size: 100% 100%;
}
.advantages-item:nth-child(2) .right {
  background: url('../images/product/icon_data02.png') no-repeat;
  background-size: 100% 100%;
}
.advantages-item:nth-child(3) .right {
  background: url('../images/product/icon_data03.png') no-repeat;
  background-size: 100% 100%;
}
/* 产品功能 */
#app_product .product-function {
  height: 1057px;
  height: 66.0625rem;
  background: url('../images/product/img_data_bg.png') no-repeat;
  background-size: 100% 100%;
}
#app_product .product-function-content .module-title .bg-text .sv {
  color: #FFFFFF;
}
#app_product .product-function .function-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1470px;
  width: 91.875rem;
  height: 680px;
  height: 42.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.product-function .function-content .fun-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  background: url('../images/product/img_function_digital01.gif');
}
.function-content .fun-item .left {
  position: relative;
  width: 90px;
  width: 5.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
}
.function-content .fun-item .mask-f .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0.4000000059604645;
  background-color: #000000;
}
.function-content .fun-item .left .title {
  position: absolute;
  top: 206px;
  top: 12.875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  letter-spacing: 6px;
  letter-spacing: 0.375rem;
  text-align: center;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}
.function-content .fun-item .right {
  width: 930px;
  width: 58.125rem;
  height: 100%;
}
.function-content .fun-item .right .top {
  margin: 61px 40px 0 0;
  margin: 3.8125rem 2.5rem 0 0;
}
.function-content .fun-item .right .top .text {
  color: #FFFFFF;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  letter-spacing: 0;
  text-align: left;
}