.container {  height: 100%;}.container .swiper-container {  --swiper-theme-color: #006eff;  --swiper-pagination-color: #fff;  height: 100%;}.container .swiper-container .swiper-pagination {  right: 30px;}.container .swiper-container .swiper-pagination .my-bullet {  cursor: pointer;  width: 8px;  height: 8px;  background-color: #fff;  border-radius: 50%;  opacity: 0.3;  margin: 20px 0;}.container .swiper-container .swiper-pagination .my-bullet-active {  opacity: 1;  width: 12px;  height: 12px;  transform: translateX(-2px);}.container .swiper-container .swiper-slide .top-arrow {  cursor: pointer;  position: absolute;  bottom: 30px;  left: 50%;  transform: translateX(-50%);}.container .swiper-container .swiper-slide .top-arrow a {  color: #fff;  font-size: 16px;  line-height: 22px;}.container .swiper-container .swiper-slide .top-arrow ul {  padding-top: 10px;  display: flex;  flex-direction: column;  align-items: center;}.container .swiper-container .swiper-slide .top-arrow ul li {  width: 18px;  height: 10px;  background-image: url('../images/尾图.png');  margin-bottom: 2px;}.container .swiper-container .swiper-slide .back-top {  position: absolute;  bottom: 30px;  left: 50%;  cursor: pointer;  transform: translateX(-50%);}.container .swiper-container .swiper-slide .back-top div {  margin: 0 auto;  transition: all 0.5s linear;  width: 28px;  height: 14px;  margin-bottom: 10px;  background-image: url('../images/尾图.png');  background-repeat: no-repeat;  transform: translateY(25px);  opacity: 0.8;}.container .swiper-container .swiper-slide .back-top p {  transition: all 0.5s linear;  opacity: 0;  transform: translateY(25px);  color: #fff;  font-size: 18px;  line-height: 25px;}.container .swiper-container .swiper-slide .back-top:hover div {  transform: translateY(0);  opacity: 1;}.container .swiper-container .swiper-slide .back-top:hover p {  opacity: 1;  transform: translateY(0);}.container .security {  height: 100%;  box-sizing: border-box;}.container .security .flex-warrper {  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;}.container .security .main-banner {  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  background-image: linear-gradient(180deg, #1A5AD8 0%, rgba(56, 147, 238, 0.9) 100%);}.container .security.bg-part2 {  background-image: url(../images/02.png);  background-position: center bottom;  background-repeat: no-repeat;}.container .security.bg-blue {  background-image: linear-gradient(180deg, #1A5AD8 0%, rgba(56, 147, 238, 0.9) 100%);}.container .security.bg-blue.main {  background-image: url(../images/位图.png);  background-size: cover;}.container .security.bg-fff {  background-color: #fff;}.container .security.bg-fbff {  background-color: #f9fbff;}.container .security > div {  height: 100%;  text-align: center;  box-sizing: border-box;}.container .security > div .top-title {  font-size: 78px;  text-align: center;  line-height: 110px;  color: #fff;  height: 110px;  font-weight: bold;}.container .security > div .top-desrc {  height: 40px;  color: #fff;  font-size: 28px;  text-align: center;  line-height: 40px;  margin: 18px 0 80px;}.container .security > div .using-btn {  text-align: center;  display: inline-block;  width: 246px;  height: 46px;  background-image: linear-gradient(270deg, #FF9783 0%, #FF613D 100%);  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);  border-radius: 25px;  transition: all 0.3s linear;  font-size: 18px;  color: #fff;  font-weight: 600;  cursor: pointer;  line-height: 46px;}.container .security > div .using-btn:hover {  box-shadow: 0px 12px 22px -4px rgba(234, 47, 0, 0.44);}.container .security > div .title {  font-size: 56px;  color: #000;  font-weight: bold;  height: 78px;  line-height: 78px;}.container .security > div .desrc {  font-size: 18px;  color: #888;  line-height: 25px;  margin-top: 18px;}.container .security > div .flex-container {  display: flex;  justify-content: space-between;}.container .security > div .flex-container.part1 {  margin-top: 195px;}.container .security > div .flex-container.part1 > div {  display: flex;  flex-direction: column;  align-items: center;}.container .security > div .flex-container.part1 > div .num {  width: 88px;  height: 88px;  border-radius: 50%;  background-color: #f9fbff;  color: #006eff;  font-weight: 600;  font-size: 50px;  line-height: 88px;  text-align: center;  margin-bottom: 18px;}.container .security > div .flex-container.part1 > div p {  color: #000;  font-size: 20px;  font-weight: 20px;  line-height: 28px;  text-align: center;}.container .security > div .flex-container.part2 {  justify-content: center;}.container .security > div .flex-container.part2 .table-container {  margin-top: 137px;  background: #fff;  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);  border-radius: 4px;  width: 897px;  height: 236px;  box-sizing: border-box;  padding: 40px 0;}.container .security > div .flex-container.part2 .table-container li {  box-sizing: border-box;  padding-left: 40px;  float: left;  width: 50%;  height: 28px;  margin-bottom: 36px;  text-align: left;  display: flex;  align-items: center;}.container .security > div .flex-container.part2 .table-container li .dot {  display: inline-block;  width: 6px;  height: 6px;  border-radius: 50%;  background-color: #00aee5;  margin-right: 10px;}.container .security > div .flex-container.part2 .table-container li span {  font-size: 20px;  line-height: 28px;}.container .security > div .flex-container.part3 .table-container {  margin-top: 210px;  width: 100%;  display: flex;  justify-content: space-between;}.container .security > div .flex-container.part3 .table-container li {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  width: 180px;  height: 180px;  background-color: #fbfdff;  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.04);  border-radius: 4px;}.container .security > div .flex-container.part3 .table-container li img {  width: 72px;  height: 72px;  margin-bottom: 18px;}.container .security > div .flex-container.part3 .table-container li span {  font-size: 20px;}.container .security > div .flex-container.part4 ul,.container .security > div .flex-container.part5 ul {  width: 100%;  display: flex;  justify-content: space-between;}.container .security > div .flex-container.part4 li,.container .security > div .flex-container.part5 li {  display: flex;  flex-direction: column;  align-items: center;  width: 240px;  height: 292px;  box-sizing: border-box;}.container .security > div .flex-container.part4 li img,.container .security > div .flex-container.part5 li img {  width: 212px;  height: 132px;}.container .security > div .flex-container.part4 li span,.container .security > div .flex-container.part5 li span {  font-size: 18px;  line-height: 24px;  margin: 30px auto 12px;  color: #222;}.container .security > div .flex-container.part4 li p,.container .security > div .flex-container.part5 li p {  font-size: 12px;  color: #888;  line-height: 20px;  letter-spacing: 0;}.container .security > div .flex-container.part4 {  padding-top: 170px;}.container .security > div .flex-container.part4 li {  border-radius: 4px;  padding: 14px;  background-color: #fff;  box-shadow: 0 6px 20px 0 rgba(0, 82, 177, 0.1);}.container .security > div .flex-container.part4 li span {  color: #000;}.container .security > div .flex-container.part5 {  padding-top: 210px;}.container .security > div .flex-container.part5 li {  width: 280px;}.container .security > div .flex-container.part5 li span {  color: #000;  font-size: 20px;}.container .security > div .flex-container.part5 li img {  width: 108px;  height: 108px;}.container .security > div .flex-container.part5 li p {  font-size: 16px;  line-height: 26px;}