.product-introduction {
  padding: 49px 0px 89px 0px;
  background-color: #f4f9ff;
}
.product-introduction .product-introduction-box {
  justify-content: space-between;
}
.product-introduction .product-introduct-left p {
  width: 600px;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 34px;
  text-align: left;
  margin-top: 33px;
  text-indent: 2em;
  letter-spacing: 0.3px;
}
.product-introduction .product-introduct-left p span {
  color: #2e7aff;
  font-weight: bold;
}
.product-introduction .product-introduct-right {
  display: block;
}
.system-architecture {
  padding: 102px 0px 60px 0px;
}
.system-architecture .product-introduct-top {
  margin-bottom: 10px;
}
.system-architecture .integrated-terminal {
  display: flex;
  justify-content: center;
}
.product-introduct-top {
  width: 395px;
  height: 232px;
  background-image: url(../images/products/integrated-product-introduction.png);
  background-position: center;
  background-size: cover;
}
.product-introduct-top div:nth-child(1) {
  font-weight: 400;
  font-size: 64px;
  color: #ffffff;
  line-height: 90px;
  letter-spacing: 5px;
  text-align: center;
}
.product-introduct-top div:nth-child(2) {
  font-weight: bold;
  font-size: 34px;
  color: #30374a;
  line-height: 48px;
  letter-spacing: 5px;
  text-align: center;
  margin-top: 15px;
}
.page-display-title {
  justify-content: center;
  align-items: center;
  column-gap: 33px;
}
.page-display-title li:nth-child(1),
.page-display-title li:nth-child(3) {
  width: 6px;
  height: 6px;
  background-color: #30374a;
}
.page-display-title li:nth-child(3) {
  background-color: #2e7aff;
}
.page-display-title .home-title span {
  color: #2e7aff;
}
.page-display-upper {
  position: relative;
  z-index: 0;
  width: 216px;
  font-weight: 400;
  font-size: 30px;
  color: #30374a;
  line-height: 42px;
  letter-spacing: 0.7px;
  text-align: center;
  margin-top: 11px;
}
.page-display-upper .underline {
  position: absolute;
  top: 21px;
  left: 50%;
  z-index: -1;
  margin-left: -65.5px;
  width: 131px;
  height: 12px;
  background-color: #bed6ff;
}
.page-display {
  position: relative;
  z-index: 0;
  padding: 100px 0px 70px 0px;
  background-color: #f4f9ff;
}
.page-display .exam-situation {
  width: 93.54%;
  height: 483px;
  margin: 104px auto;
}
.page-display .exam-situation img {
  width: 100%;
  height: 483px;
  display: block;
}
.page-display .page-display-bottom {
  width: 1145px;
  height: 762px;
  position: absolute;
  top: 22px;
  right: 0;
  z-index: -1;
}
.page-display .major-function {
  justify-content: center;
  align-items: center;
  margin-top: 119px;
}
.page-display .major-function img {
  width: 130px;
  height: 166px;
  margin-right: 20px;
}
.page-display .major-function .major-function-title {
  width: 286px;
}
.page-display .system-management {
  margin-top: 61px;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 60px;
}
.page-display .system-management li {
  position: relative;
  width: 296px;
  height: 279px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.page-display .system-management li:nth-child(2) {
  background-image: url(../images/products/integrated-major-function2.png);
}
.page-display .system-management li:nth-child(3) {
  background-image: url(../images/products/integrated-major-function3.png);
}
.page-display .system-management li:nth-child(4) {
  background-image: url(../images/products/integrated-major-function4.png);
}
.page-display .system-management li:nth-child(5) {
  background-image: url(../images/products/integrated-major-function5.png);
}
.page-display .system-management li:nth-child(6) {
  background-image: url(../images/products/integrated-major-function6.png);
}
.page-display .system-management li:nth-child(7) {
  background-image: url(../images/products/integrated-major-function7.png);
}
.page-display .system-management li:nth-child(8) {
  background-image: url(../images/products/integrated-major-function8.png);
}
.page-display .system-management li .major-function-img {
  position: absolute;
  top: 0;
  left: -16px;
  z-index: 2;
  width: 336px;
  height: 309px;
  overflow: hidden;
}
.page-display .system-management li div:nth-child(1) {
  position: absolute;
  z-index: 8;
  top: 119px;
  left: 50%;
  margin-left: -98px;
  width: 196px;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
}
.page-display .system-management li div:nth-child(2) {
  position: absolute;
  left: 31px;
  bottom: 34px;
  z-index: 8;
  font-weight: 400;
  font-size: 24px;
  color: #30374a;
  line-height: 33px;
}
.page-display .system-management li .integrated-ellipse {
  position: absolute;
  left: 10px;
  bottom: -20px;
  z-index: -1;
  width: 295px;
  height: 75px;
}
.product-advantage {
  padding: 81px 0px 128px 0px;
}
.product-advantage .product-advantage-lists {
  margin-top: 38px;
  flex-wrap: wrap;
  column-gap: 26px;
  row-gap: 25px;
}
.product-advantage .product-advantage-lists li {
  width: 551px;
  height: 139px;
  padding-left: 36px;
  background-color: #f4f9ff;
  border-radius: 15px 15px 15px 15px;
  display: flex;
  align-items: center;
}
.product-advantage .product-advantage-lists li div:nth-child(1) {
  display: block;
  margin-right: 37px;
}
.product-advantage .product-advantage-lists li div:nth-child(2) p:nth-child(1) {
  font-weight: bold;
  font-size: 24px;
  color: #30374a;
  line-height: 33px;
}
.product-advantage .product-advantage-lists li div:nth-child(2) p:nth-child(2) {
  width: 370px;
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  line-height: 22px;
  margin-top: 11px;
}
.application-scenary {
  padding: 84px 0px 60px 0px;
}
.application-scenary .application-scenario {
  width: 372px;
}
.application-scenary .information-acquisitions {
  width: 100%;
  height: 1688px;
  background-image: url(../images/products/integrated-application-scenary.png);
}
.application-scenary .information-acquisitions .online-acquisition {
  align-items: center;
  justify-content: center;
}
.application-scenary .information-acquisitions .information-acquisition li:nth-child(1) {
  display: flex;
  align-items: center;
}
.application-scenary .information-acquisitions .information-acquisition li:nth-child(1) div:nth-child(1) {
  font-weight: 800;
  font-size: 53px;
  color: #2e7aff;
  line-height: 41px;
}
.application-scenary .information-acquisitions .information-acquisition li:nth-child(1) div:nth-child(2) {
  font-weight: 800;
  font-size: 53px;
  color: #2e7aff;
  line-height: 41px;
  margin-left: 24px;
  margin-right: 20px;
}
.application-scenary .information-acquisitions .information-acquisition li:nth-child(1) div:nth-child(3) {
  font-weight: 400;
  font-size: 24px;
  color: #30374a;
  line-height: 33px;
}
.application-scenary .information-acquisitions .information-acquisition li:nth-child(2) {
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  line-height: 34px;
  margin-top: 33px;
}
.application-scenary .information-acquisitions .smart-life {
  margin-top: -60px;
  align-items: center;
  justify-content: space-evenly;
}
.application-scenary .information-acquisitions .smart-life .smart-life-list {
  height: 274px;
  align-items: center;
}
.application-scenary .information-acquisitions .smart-life .smart-life-list li {
  position: relative;
  width: 100%;
  height: 274px;
  background-color: transparent;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.application-scenary .information-acquisitions .smart-life .smart-life-list li div {
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  line-height: 22px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
}
.application-scenary .information-acquisitions .smart-life .smart-life-list li:nth-child(2) {
  margin: 0 20px;
}
.application-scenary .information-acquisitions .check-in {
  margin: 155px 0px 48px 63px;
}
.application-scenary .information-acquisitions .check-in-list {
  justify-content: space-evenly;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management1,
.application-scenary .information-acquisitions .check-in-list .check-in-management2,
.application-scenary .information-acquisitions .check-in-list .check-in-management3 {
  text-align: center;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management1 .check-in-title,
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-title,
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-title {
  font-weight: 400;
  font-size: 20px;
  color: #555555;
  line-height: 28px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management1 .check-in-equipment,
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment,
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-equipment {
  margin-top: 84px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management1 .check-in-equipment li div,
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment li div,
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-equipment li div {
  background-color: transparent;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management1 .check-in-equipment li p,
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment li p,
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-equipment li p {
  font-size: 16px;
  color: #555555;
  line-height: 22px;
  margin-top: 21px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management1 .check-in-equipment li:nth-child(2),
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment li:nth-child(2),
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-equipment li:nth-child(2) {
  margin: 0 5px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment {
  margin-top: 41px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment li div {
  height: 135px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment li p {
  margin-top: 16px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management2 .check-in-equipment li:nth-child(2) {
  margin-left: 30px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management3 {
  text-align: center;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-equipment {
  margin-top: 33px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-equipment li div {
  margin-left: 9px;
}
.application-scenary .information-acquisitions .check-in-list .check-in-management3 .check-in-equipment li p {
  margin-top: 21px;
  margin-left: 9px;
}
.application-scenary .information-acquisitions .leaving-school {
  margin-top: 121px;
  justify-content: center;
  align-items: flex-start;
}
.application-scenary .information-acquisitions .leaving-school .leaving-school-img {
  display: block;
  margin-right: 62px;
}
.campus-perimeter .campus-perimeter-en {
  width: 312px !important;
  margin-bottom: 44px;
}
.campus-perimeter .detect {
  width: 369px;
  height: 53px;
  background-color: #ebf2ff;
  border-radius: 40px 40px 40px 40px;
  border: 2px solid #ffffff;
  font-weight: bold;
  font-size: 16px;
  color: #30374a;
  line-height: 53px;
  text-align: center;
  margin: 0 auto;
}
.campus-perimeter .infrared {
  margin-top: 9px;
  margin-bottom: 29px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.campus-perimeter .infrared li {
  position: relative;
  width: auto;
  height: 168px;
}
.campus-perimeter .infrared li p {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -32px;
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  line-height: 22px;
  text-align: left;
}
.campus-perimeter .infrared li:nth-child(1) div {
  margin-top: 33px;
}
.campus-perimeter .infrared li:nth-child(2) {
  margin: 0px 59px 0px 82px;
}
.campus-perimeter .infrared li:nth-child(2) div {
  margin-top: 28px;
}
.campus-perimeter .infrared li:nth-child(3) {
  margin-right: 70px;
}
.campus-perimeter .infrared li:nth-child(3) div {
  margin-top: 23px;
}
.campus-perimeter .prompt-response {
  justify-content: space-between;
  margin: 29px 0px 141px 0px;
}
.campus-perimeter .prompt-response .prompt-left {
  margin-top: 214px;
}
.campus-perimeter .prompt-response .prompt-left .prompt-left-title {
  width: 294px;
  height: 53px;
  background-color: #ebf2ff;
  border-radius: 40px 40px 40px 40px;
  border: 2px solid #ffffff;
  font-weight: bold;
  font-size: 16px;
  color: #30374a;
  line-height: 53px;
  text-align: center;
}
.campus-perimeter .prompt-response .prompt-left .prompt-left-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.campus-perimeter .prompt-response .prompt-left .prompt-left-content .prompt-left-img {
  margin: 13px 0px 19px 0px;
  align-items: center;
}
.campus-perimeter .prompt-response .prompt-left .prompt-left-content .prompt-left-img div {
  margin-right: 88px;
}
.campus-perimeter .prompt-response .prompt-left .prompt-left-content .warning {
  margin-top: 19px;
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  line-height: 22px;
}
.campus-perimeter .detect-perimeter {
  width: 421px !important;
  height: 421px;
  background-color: #ebf2ff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.campus-perimeter .detect-perimeter .perimeter {
  width: 163px;
  height: 163px;
  line-height: 163px;
  text-align: center;
  background-color: #e2edff;
  box-shadow: 0px 0px 50px 1px #e2edff;
  border: 2px solid #ffffff;
  border-radius: 50%;
}
.campus-perimeter .detect-perimeter div {
  font-weight: bold;
  font-size: 24px;
  color: #30374a;
}
.campus-perimeter .detect-perimeter div:nth-child(1) {
  position: absolute;
  top: 56px;
}
.campus-perimeter .detect-perimeter div:nth-child(2) {
  position: absolute;
  top: 277px;
  left: 56px;
}
.campus-perimeter .detect-perimeter div:nth-child(3) {
  position: absolute;
  top: 277px;
  right: 58px;
}
.campus-perimeter .response-right {
  margin-top: 116px;
}
.campus-perimeter .response-right .response-title {
  width: 294px;
  height: 65px;
  background-color: #ebf2ff;
  border-radius: 40px 40px 40px 40px;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
}
.campus-perimeter .response-right .response-title span {
  display: block;
  width: 257px;
  font-weight: bold;
  font-size: 16px;
  color: #30374a;
  line-height: 28px;
  margin-left: 27px;
}
.campus-perimeter .response-right .infrared-crosstalk {
  margin-top: 23px;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 40px;
  width: 320px;
  flex: 1;
}
.campus-perimeter .response-right .infrared-crosstalk li {
  position: relative;
  width: 154px;
  height: 141px;
  text-align: center;
}
.campus-perimeter .response-right .infrared-crosstalk li p {
  font-size: 16px;
  color: #555555;
  text-align: center;
}
.campus-perimeter .response-right .infrared-crosstalk li:nth-child(1) p {
  margin-top: 28px;
}
.campus-perimeter .response-right .infrared-crosstalk li:nth-child(2) div {
  margin-top: 45px;
}
.campus-perimeter .response-right .infrared-crosstalk li:nth-child(2) p {
  margin-top: 41px;
}
.campus-perimeter .response-right .infrared-crosstalk li:nth-child(3) p {
  margin-top: 27px;
}
.campus-perimeter .response-right .infrared-crosstalk li:nth-child(4) div {
  margin-top: 9px;
}
.campus-perimeter .response-right .infrared-crosstalk li:nth-child(4) p {
  margin-top: 29px;
}