@font-face {
  font-family: 'Inter';
  src: url('../font/Inter/Inter-Regular-9.otf');
}
@font-face {
  font-family: 'Inter_Intro';
  src: url('../font/Inter/Intro.otf');
}
@font-face {
  font-family: 'opposans';
  src: url('../font/OPPOSans/OPPOSansHmianfeiziti.com.ttf');
}
body {
  font-family: 'Inter', sans-serif;
}
#header {
  height: 96px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(208, 208, 208, 0.3);
  border-radius: 0px 0px 0px 0px;
  position: relative;
  z-index: 10;
}
#header .cont {
  display: flex;
  justify-content: space-between;
}
#header .cont .img {
  height: 96px;
  align-content: center;
}
#header .cont .img .logo {
  height: 80px;
}
#header .cont .right {
  display: flex;
}
#header .cont .right .toLogin {
  margin-top: 30px;
  margin-right: 20px;
  position: relative;
  display: block;
}
#header .cont .right .toLogin .btn {
  background: #2667FF;
  color: white;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
#header .cont .right .toLogin .btn img {
  width: 25px;
  height: 25px;
}
#header .cont .right .toLogin .dropdown {
  position: absolute;
  display: none;
  background: #fff;
  top: 40px;
  left: 10px;
  border-radius: 10px;
  font-size: 14px;
  color: black;
  width: 135px;
  padding: 5px 10px;
  line-height: 30px;
}
#header .cont .right .toLogin:hover .dropdown {
  display: block;
}
#header .cont .right .toLogin:hover .dropdown .alog:hover {
  color: #2667FF;
}
#header .cont .right .a {
  position: relative;
  display: block;
  line-height: 96px;
  font-weight: 700;
  font-size: 16px;
  margin: 0 30px;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
#header .cont .right .a:hover {
  color: #000;
}
#header .cont .right .a .line {
  width: 34px;
  height: 4px;
  background: #004DC0;
  border-radius: 30px 0px 20px 0px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: none;
}
#header .cont .right .a.on {
  color: #000;
}
#header .cont .right .a.on .line {
  display: block;
}
#footer {
  background: #14172C;
}
#footer .cont {
  padding: 50px 0;
  display: flex;
}
#footer .cont .boxs .t {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 48px;
  text-align: left;
  padding-left: 20px;
}
#footer .cont .boxs .box {
  display: flex;
  width: 251px;
  height: 88px;
  background: #000000;
  border-radius: 10px 10px 10px 10px;
  margin-top: 20px;
  align-items: center;
  gap: 20px;
}
#footer .cont .boxs .box .n {
  font-weight: 500;
  font-size: 13px;
  color: #CBCBCB;
  line-height: 19px;
}
#footer .cont .boxs .box .name {
  margin-top: 8px;
  font-weight: 700;
  font-size: 19px;
  color: #FFFFFF;
  line-height: 24px;
}
#footer .cont .boxs .contact {
  margin-top: 20px;
}
#footer .cont .boxs .contact .phone {
  margin: 5px 0;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 28px;
}
#footer .cont .boxs .contact img {
  width: 40px;
}
#footer .cont .boxs .address {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 28px;
  text-align: left;
  margin-top: 20px;
}
#footer .bottom {
  text-align: center;
  background: #000000;
  line-height: 50px;
  font-family: Gen Jyuu Gothic, Gen Jyuu Gothic;
  font-weight: 200;
  font-size: 14px;
  color: #FFFFFF;
}
#solutions .top .swiperBox {
  position: relative;
}
#solutions .top .swiperBox .prevBtn {
  width: 60px;
  position: absolute;
  transform: translate(-50%, 50%);
  top: 50%;
  left: 40px;
  z-index: 100;
  cursor: pointer;
}
#solutions .top .swiperBox .nextBtn {
  width: 60px;
  position: absolute;
  transform: translate(-50%, 50%);
  top: 50%;
  right: 20px;
  z-index: 100;
  cursor: pointer;
}
#solutions .top img {
  width: 100%;
}
#solutions .index2 {
  background: url(../img/bg.png) top;
  background-size: 100% 100%;
  padding: 50px 0;
}
#solutions .index2 .wel {
  position: relative;
  margin-bottom: 80px;
}
#solutions .index2 .wel img {
  width: 100%;
}
#solutions .index2 .wel .Welcomebox {
  width: 85%;
  padding: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(218, 230, 255, 0.5);
}
#solutions .index2 .wel .Welcomebox .tit {
  font-size: 32px;
  font-weight: 900;
  line-height: 42px;
  color: #000000;
}
#solutions .index2 .wel .Welcomebox .p {
  font-family: OPPOSans, OPPOSans;
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  line-height: 42px;
  text-align: justify;
}
#solutions .index2 .hot {
  text-align: center;
}
#solutions .index2 .hot .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #004CFF;
  line-height: 42px;
  margin-bottom: 50px;
}
#solutions .index2 .hot .boxs {
  display: flex;
  flex-wrap: wrap;
  gap: 90px;
  margin-top: 20px;
  cursor: pointer;
}
#solutions .index2 .hot .boxs .box {
  width: 28%;
  text-align: left;
  display: block;
}
#solutions .index2 .hot .boxs .box .img {
  width: 100%;
}
#solutions .index2 .hot .boxs .box .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
  line-height: 26px;
  margin: 10px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#solutions .index2 .hot .boxs .box .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  line-height: 21px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#solutions .index2 .hot .boxs .box .a {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #2667FF;
  line-height: 26px;
  text-decoration-line: underline;
}
#solutions .index2 .hot .boxs .box .item {
  display: flex;
  gap: 20px;
  align-items: center;
}
#solutions .index2 .hot .boxs .box .item img {
  width: 25%;
}
#solutions .index2 .hot .boxs .box .item .info {
  width: 60%;
  font-family: Inter, Inter;
  font-weight: 600;
  font-size: 16px;
  color: #000000;
  line-height: 21px;
}
#solutions .index2 .hot .morem {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 20px;
  color: #2667FF;
  line-height: 26px;
  text-decoration-line: underline;
  display: flex;
  justify-content: flex-end;
}
#solutions .index3 {
  background: url(../img/bg.png) top;
  padding: 50px 0;
  background-size: 100% 100%;
}
#solutions .index3 .health {
  text-align: center;
}
#solutions .index3 .health .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #004CFF;
  line-height: 42px;
  margin-bottom: 50px;
}
#solutions .index3 .health .boxs {
  display: flex;
  gap: 90px;
  margin-top: 30px;
}
#solutions .index3 .health .boxs .box {
  width: 28%;
  text-align: left;
}
#solutions .index3 .health .boxs .box img {
  width: 100%;
}
#solutions .index3 .health .boxs .box .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
  line-height: 26px;
  margin: 5px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#solutions .index3 .health .boxs .box .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  line-height: 21px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#solutions .index3 .health .boxs .box .a {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #2667FF;
  line-height: 26px;
  text-decoration-line: underline;
}
#solutions .index3 .health .morem {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 20px;
  color: #2667FF;
  line-height: 26px;
  text-decoration-line: underline;
  display: flex;
  justify-content: flex-end;
}
#solutions .index3 .news {
  margin-top: 70px;
  text-align: center;
}
#solutions .index3 .news .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #004CFF;
  line-height: 42px;
  margin-bottom: 50px;
}
#solutions .index3 .news .form {
  margin-bottom: 40px;
}
#solutions .index3 .news .form .label {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 24px;
  color: #000000;
  line-height: 42px;
  text-align: left;
  margin: 5px;
}
#solutions .index3 .news .form input {
  height: 60px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #729CFF;
  font-family: OPPOSans, OPPOSans;
  font-size: 20px;
  font-weight: 300;
  color: #000000;
  padding: 0 20px;
  box-sizing: border-box;
}
#solutions .index3 .news .form input::placeholder {
  color: #c5c5c5;
  font-weight: 300;
}
#solutions .index3 .news .form .submit {
  margin: 0 auto;
  width: 230px;
  height: 70px;
  background: #004CFF;
  border-radius: 10px 10px 10px 10px;
  align-content: center;
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 57px;
  cursor: pointer;
}
.swiper {
  --swiper-pagination-color: #000;
}
.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
}
#pock .what {
  background: url(../img/pockbg.png) no-repeat top;
}
#pock .what .cont {
  display: flex;
  padding: 50px 0;
  align-items: center;
  justify-content: space-between;
}
#pock .what .cont .left {
  width: 52%;
}
#pock .what .cont .left .title {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 44px;
  color: #000000;
  line-height: 52px;
  text-align: left;
  margin: 10px 0;
}
#pock .what .cont .left .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
  text-align: justify;
}
#pock .what .cont .right {
  width: 43%;
}
#pock .what .cont .right img {
  width: 100%;
}
#pock .banner1 {
  background: url(../img/bg.png) no-repeat top;
  background-size: 100%;
  text-align: center;
  padding: 40px 0;
}
#pock .banner1 .box {
  width: 141px;
  height: 57px;
  background: #FFFFFF;
  box-shadow: 4px 4px 26px 0px rgba(0, 0, 0, 0.05);
  font-weight: 700;
  font-size: 22px;
  align-content: center;
  margin: 40px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pock .banner1 .box img {
  width: 25px;
  margin-right: 10px;
}
#pock .banner1 .img {
  width: 100%;
  height: 550px;
  position: relative;
}
#pock .banner1 .img .leftimg {
  z-index: 2;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 38%;
  top: 50%;
  opacity: 0.7;
  height: 80%;
}
#pock .banner1 .img .rightimg {
  z-index: 1;
  position: absolute;
  left: 68%;
  transform: translate(-50%, -50%);
  top: 50%;
  height: 70%;
  opacity: 0.5;
}
#pock .banner1 .img .centerimg {
  z-index: 3;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  height: 100%;
  opacity: 1;
}
#pock .banner2 {
  background: #fff;
  padding: 40px 0;
}
#pock .banner2 .cont {
  text-align: center;
}
#pock .banner2 .cont .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000000;
  line-height: 42px;
  margin: 15px 0;
}
#pock .banner2 .cont .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #434343;
  line-height: 27px;
  margin-bottom: 30px;
}
#pock .banner2 .cont .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pock .banner2 .cont .items .item {
  width: 33%;
}
#pock .banner2 .cont .items .item div {
  width: 100%;
  height: 125px;
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #FFFFFF;
  align-content: center;
}
#pock .banner2 .cont .items .center {
  width: 25%;
}
#pock .banner2 .cont .items .center img {
  width: 100%;
}
#pock .banner3 {
  background: url(../img/scopebg.png) no-repeat top;
  background-size: 100% 100%;
  padding: 80px 0;
}
#pock .banner3 .vd .video video {
  width: 100%;
  border: 5px solid #000;
  border-radius: 10px;
}
#pock .banner3 .feedback {
  margin-top: 70px;
  text-align: center;
}
#pock .banner3 .feedback .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #004CFF;
  line-height: 42px;
  margin-bottom: 50px;
}
#pock .banner3 .feedback .form {
  margin-bottom: 40px;
}
#pock .banner3 .feedback .form .label {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 24px;
  color: #000000;
  line-height: 42px;
  text-align: left;
  margin: 5px;
}
#pock .banner3 .feedback .form input,
#pock .banner3 .feedback .form textarea {
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #729CFF;
  font-family: OPPOSans, OPPOSans;
  font-size: 20px;
  font-weight: 300;
  color: #000000;
  padding: 0 20px;
  box-sizing: border-box;
}
#pock .banner3 .feedback .form input::placeholder,
#pock .banner3 .feedback .form textarea::placeholder {
  color: #c5c5c5;
  font-weight: 300;
}
#pock .banner3 .feedback .form input {
  height: 60px;
}
#pock .banner3 .feedback .form textarea {
  padding: 20px;
}
#pock .banner3 .feedback .form .submit {
  margin: 0 auto;
  width: 230px;
  height: 70px;
  background: #004CFF;
  border-radius: 10px 10px 10px 10px;
  align-content: center;
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 57px;
  cursor: pointer;
}
#pocbetter .top {
  background: url(../img/poctopbg.png) no-repeat top;
  background-size: 100%;
  padding: 80px 0;
}
#pocbetter .top .cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pocbetter .top .cont .left {
  width: 47%;
}
#pocbetter .top .cont .left .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 63px;
  color: #0256FF;
  line-height: 69px;
}
#pocbetter .top .cont .right {
  width: 53%;
}
#pocbetter .top .cont .right .p {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: justify;
}
#pocbetter .banner1 {
  background: url(../img/scopebg.png) no-repeat top;
  background-size: 100% 100%;
  padding: 80px 0;
}
#pocbetter .banner1 .pocswiper {
  position: relative;
}
#pocbetter .banner1 .pocswiper .swiperBox {
  position: relative;
}
#pocbetter .banner1 .pocswiper .circlelogo {
  text-align: center;
}
#pocbetter .banner1 .pocswiper .line {
  width: 100%;
  height: 4px;
  background: rgba(5, 71, 255, 0.502);
  position: absolute;
  top: 64px;
}
#pocbetter .banner1 .pocswiper .swiper-slide {
  position: relative;
}
#pocbetter .banner1 .pocswiper .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 50px auto;
  background: radial-gradient(circle, #0547FF 45%, rgba(5, 71, 255, 0.5) 60%, rgba(5, 71, 255, 0.1) 80%);
}
#pocbetter .banner1 .pocswiper .content {
  background: #fff;
  border-radius: 20px 20px 0px 0px;
  padding-top: 10px;
}
#pocbetter .banner1 .pocswiper .content img {
  height: 70px;
}
#pocbetter .banner1 .pocswiper .content .info {
  padding: 20px;
  height: 170px;
}
#pocbetter .banner1 .pocswiper .content .info ul li {
  list-style-type: disc;
  margin-left: 20px;
  font-family: OPPOSans, OPPOSans;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
}
#pocbetter .banner1 .why {
  margin-top: 80px;
  text-align: center;
}
#pocbetter .banner1 .why .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000000;
  line-height: 42px;
  margin-bottom: 80px;
}
#pocbetter .banner1 .why .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pocbetter .banner1 .why .items .item {
  width: 42%;
  background: #FFFFFF;
  border-radius: 5px 5px 35px 35px;
  border: 1px solid #E1E1E1;
  padding: 15px 30px;
  margin-bottom: 40px;
}
#pocbetter .banner1 .why .items .item .logopoc {
  margin: 20px auto;
  width: 250px;
}
#pocbetter .banner1 .why .items .item .text {
  font-family: Inter, Inter;
  font-weight: 400;
  font-size: 24px;
  color: #4A4E63;
  line-height: 36px;
  text-align: justify;
}
#pocbetter .banner1 .interest {
  overflow: hidden;
  padding-top: 70px;
  text-align: center;
}
#pocbetter .banner1 .interest .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000;
  line-height: 42px;
  margin-bottom: 20px;
}
#pocbetter .banner1 .interest .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
  text-align: center;
  margin-bottom: 20px;
}
#pocbetter .banner1 .interest .form {
  margin-bottom: 40px;
}
#pocbetter .banner1 .interest .form .label {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 24px;
  color: #000000;
  line-height: 42px;
  text-align: left;
  margin: 5px;
}
#pocbetter .banner1 .interest .form input,
#pocbetter .banner1 .interest .form textarea {
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #729CFF;
  font-family: OPPOSans, OPPOSans;
  font-size: 20px;
  font-weight: 300;
  color: #000000;
  padding: 0 20px;
  box-sizing: border-box;
}
#pocbetter .banner1 .interest .form input::placeholder,
#pocbetter .banner1 .interest .form textarea::placeholder {
  color: #c5c5c5;
  font-weight: 300;
}
#pocbetter .banner1 .interest .form input {
  height: 60px;
}
#pocbetter .banner1 .interest .form textarea {
  padding: 20px;
}
#pocbetter .banner1 .interest .form .submit {
  margin: 0 auto;
  width: 230px;
  height: 70px;
  background: #004CFF;
  border-radius: 10px 10px 10px 10px;
  align-content: center;
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 57px;
  cursor: pointer;
}
#pocaccess .banner {
  background: url(../img/scopebg.png) top;
  background-size: 100%;
}
#pocaccess .banner .first {
  padding: 80px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pocaccess .banner .first .left {
  width: 45%;
}
#pocaccess .banner .first .left .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 44px;
  color: #000000;
  line-height: 52px;
  text-align: left;
}
#pocaccess .banner .first .left .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
  text-align: justify;
  margin-top: 20px;
}
#pocaccess .banner .first .left .btnbox {
  display: flex;
  gap: 10px;
  margin-top: 30px;
  align-items: center;
  position: relative;
}
#pocaccess .banner .first .left .btnbox .getbtn {
  width: 133px;
  height: 42px;
  background: #2D55F5;
  align-content: center;
  font-family: Intro , Intro ;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
#pocaccess .banner .first .left .btnbox input {
  position: absolute;
  left: 200px;
  opacity: 0;
}
#pocaccess .banner .first .left .btnbox label {
  display: flex;
  align-items: center;
  gap: 10px;
}
#pocaccess .banner .first .left .btnbox .icon {
  width: 30px;
  cursor: pointer;
}
#pocaccess .banner .first .left .btnbox .text {
  font-family: Intro , Intro ;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  text-decoration-line: underline;
  cursor: pointer;
}
#pocaccess .banner .first .right {
  width: 45%;
}
#pocaccess .banner .second .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 36px;
  color: #000;
  line-height: 47px;
  margin-bottom: 10px;
}
#pocaccess .banner .second .patron {
  width: 400px;
}
#pocaccess .banner .second .patron .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
  margin: 20px 0 40px;
}
#pocaccess .banner .second .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pocaccess .banner .second .items .left {
  width: 45%;
}
#pocaccess .banner .second .items .left .item {
  border-left: 1.5px dashed #eae181;
}
#pocaccess .banner .second .items .left .item .p {
  position: relative;
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
  line-height: 26px;
  text-align: left;
  margin: 25px 0;
  margin-left: 30px;
}
#pocaccess .banner .second .items .left .item .p .circle {
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid gray;
  position: absolute;
  left: -36px;
  top: 8px;
}
#pocaccess .banner .second .items .left .item .ic {
  display: inline-block;
  width: 28px;
  height: 28px;
  align-content: center;
  text-align: center;
  font-size: 18px;
  color: #000000;
  margin-right: 10px;
}
#pocaccess .banner .second .items .right {
  width: 50%;
}
#pocaccess .banner .third {
  padding: 80px 0;
}
#pocaccess .banner .third .box {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 40px 0;
}
#pocaccess .banner .third .box .img {
  width: 72px;
}
#pocaccess .banner .third .box .img img {
  width: 72px;
  height: 72px;
}
#pocaccess .banner .third .box .info {
  width: 650px;
}
#pocaccess .banner .third .box .info .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 24px;
  color: #252B42;
  line-height: 32px;
  text-align: left;
  margin: 10px 0;
}
#pocaccess .banner .third .box .info .line {
  width: 50px;
  height: 2px;
  background: #0256FF;
  margin-bottom: 10px;
}
#pocaccess .banner .third .box .info .c {
  font-family: OPPOSans, OPPOSans;
  font-weight: 500;
  font-size: 18px;
  color: #737373;
  line-height: 27px;
  text-align: left;
}
#pocaccess .banner .third .left {
  justify-content: flex-start;
}
#pocaccess .banner .third .right {
  justify-content: flex-end;
}
#pocaccess .banner .fourth {
  padding: 80px 0;
  text-align: center;
}
#pocaccess .banner .fourth .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000000;
  line-height: 42px;
  margin-bottom: 30px;
}
#pocaccess .banner .fourth .p {
  margin: 0 auto;
  width: 80%;
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
  margin-bottom: 30px;
}
#pocaccess .banner .fourth .box {
  padding: 20px;
  background: #FFFFFF;
  margin-bottom: 20px;
  text-align: left;
}
#pocaccess .banner .fourth .box .qt {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 24px;
  color: #000000;
  line-height: 40px;
}
#pocaccess .banner .fourth .box .qc {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 20px;
  color: #757373;
  line-height: 40px;
}
#pocaccess .banner .fifth {
  padding-bottom: 80px;
  text-align: center;
}
#pocaccess .banner .fifth .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000000;
  line-height: 42px;
  margin-bottom: 60px;
}
#pocaccess .banner .fifth .box {
  background: #c1d2f7;
  text-align: left;
  margin-bottom: 60px;
  padding: 20px;
  position: relative;
}
#pocaccess .banner .fifth .box .quet {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 30px;
  color: #000000;
  line-height: 47px;
}
#pocaccess .banner .fifth .box .quec {
  font-family: Inter, Inter;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
}
#pocaccess .banner .fifth .box .quec p {
  margin-bottom: 15px;
}
#pocaccess .banner .fifth .box .quec i {
  color: gray;
}
#pocaccess .banner .fifth .box .answer {
  display: none;
}
#pocaccess .banner .fifth .box .more {
  font-weight: 500;
  font-size: 18px;
  color: #0547FF;
  text-align: right;
  cursor: pointer;
  margin-bottom: 20px;
}
#pocaccess .banner .fifth .box .r {
  height: 100%;
  width: 20px;
  background: #fff;
  position: absolute;
  right: -20px;
  top: 20px;
}
#pocaccess .banner .fifth .box .b {
  width: 100%;
  height: 20px;
  background: #fff;
  position: absolute;
  bottom: -20px;
  left: 20px;
}
#pocaccess .banner .sixth {
  overflow: hidden;
  margin-top: 70px;
  text-align: center;
}
#pocaccess .banner .sixth .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #004CFF;
  line-height: 42px;
  margin-bottom: 50px;
}
#pocaccess .banner .sixth .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
  text-align: center;
  margin-bottom: 40px;
}
#pocaccess .banner .sixth .w2 {
  width: 45%;
}
#pocaccess .banner .sixth .formbox {
  display: flex;
  justify-content: space-between;
}
#pocaccess .banner .sixth .form {
  margin-bottom: 40px;
}
#pocaccess .banner .sixth .form .label {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 24px;
  color: #000000;
  line-height: 42px;
  text-align: left;
  margin: 5px;
}
#pocaccess .banner .sixth .form input,
#pocaccess .banner .sixth .form select {
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #729CFF;
  font-family: OPPOSans, OPPOSans;
  font-size: 20px;
  font-weight: 300;
  color: #000000;
  padding: 0 20px;
  height: 60px;
  box-sizing: border-box;
}
#pocaccess .banner .sixth .form input::placeholder,
#pocaccess .banner .sixth .form select::placeholder {
  color: #c5c5c5;
  font-weight: 300;
}
#pocaccess .banner .sixth .form .submit {
  margin: 0 auto;
  width: 230px;
  height: 70px;
  background: #004CFF;
  border-radius: 10px 10px 10px 10px;
  align-content: center;
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 57px;
  cursor: pointer;
}
#pocaccess .banner .sixth .checkform {
  display: flex;
  margin-bottom: 40px;
  gap: 10px;
  align-items: center;
}
#pocaccess .banner .sixth .checkform .checkbox {
  width: 25px;
  height: 25px;
}
#pocaccess .banner .sixth .checkform label {
  font-size: 20px;
}
#about .abtop {
  padding: 80px 0;
  background: url(../img/aboutbg.png) no-repeat top;
  background-size: 100%;
}
#about .abtop .cont .tit {
  font-family: Intro , Intro ;
  font-weight: 600;
  font-size: 44px;
  color: #FFFFFF;
  line-height: 52px;
  text-align: center;
  margin-bottom: 20px;
}
#about .abtop .cont .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: justify;
}
#about .abtop .cont .b {
  display: flex;
  justify-content: flex-end;
}
#about .abtop .cont .b .text {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
}
#about .banner {
  background: url(../img/scopebg.png) top;
  background-size: 100%;
  padding-top: 80px;
}
#about .banner .blogs {
  padding-bottom: 60px;
  text-align: center;
}
#about .banner .blogs .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000000;
  line-height: 42px;
  margin-bottom: 50px;
}
#about .banner .blogs .items {
  display: flex;
  gap: 60px;
  align-items: center;
  cursor: pointer;
}
#about .banner .blogs .items .item {
  width: 30%;
  text-align: left;
}
#about .banner .blogs .items .item img {
  width: 100%;
}
#about .banner .blogs .items .item .name {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#about .banner .blogs .items .item .c {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 26px;
  margin: 10px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#about .banner .blogs .items .item .more {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #2667FF;
  line-height: 26px;
  text-decoration-line: underline;
}
#about .banner .blogs .morem {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 20px;
  color: #2667FF;
  line-height: 26px;
  text-decoration-line: underline;
  display: flex;
  justify-content: flex-end;
}
#about .banner .partner {
  padding-bottom: 60px;
  text-align: center;
}
#about .banner .partner .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000000;
  line-height: 42px;
  margin-bottom: 50px;
}
#about .banner .partner .boxs .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
#about .banner .partner .boxs .box .img {
  width: 40%;
}
#about .banner .partner .boxs .box .info {
  width: 55%;
  text-align: left;
}
#about .banner .partner .boxs .box .info .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 28px;
  color: #000000;
  line-height: 48px;
  margin-bottom: 10px;
}
#about .banner .partner .boxs .box .info .p {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 32px;
  text-align: justify;
}
#about .banner .partner .boxs .box .info .c {
  color: gray;
}
#about .banner .careers {
  padding-bottom: 60px;
  text-align: center;
}
#about .banner .careers .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 38px;
  color: #000000;
  line-height: 42px;
  margin-bottom: 30px;
}
#about .banner .careers .p {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  line-height: 27px;
  margin-bottom: 30px;
}
#about .banner .careers .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#about .banner .careers .items .item {
  width: 43%;
  margin-bottom: 20px;
  background: #FFFFFF;
  text-align: left;
  padding: 30px;
}
#about .banner .careers .items .item .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 30px;
  color: #000000;
}
#about .banner .careers .items .item .text {
  font-family: Inter, Inter;
  font-weight: 300;
  font-size: 24px;
  color: #9E9E9E;
  margin: 15px 0;
}
#about .banner .careers .items .item .text span {
  display: inline-block;
  float: right;
}
#about .banner .careers .items .item .text span img {
  width: 20px;
}
#about .banner .careers .items .item .more {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 18px;
  color: #2667FF;
  text-decoration-line: underline;
  cursor: pointer;
}
#about .banner .careers .logo {
  margin-top: 50px;
}
#about .banner .careers .logo img {
  width: 350px;
}
#blog .top {
  position: relative;
}
#blog .top .box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 50px 30px;
  width: 70%;
  background: rgba(7, 21, 29, 0.8);
}
#blog .top .box .title {
  font-family: OPPOSans, OPPOSans;
  font-weight: 900;
  font-size: 39px;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 20px;
}
#blog .top .box .p {
  font-family: OPPOSans, OPPOSans;
  font-weight: 500;
  font-size: 18px;
  color: #D0D0D0;
  line-height: 32px;
  text-align: center;
}
#blog .banner .cont {
  display: flex;
  gap: 50px;
  justify-content: center;
  padding: 80px 30px;
}
#blog .banner .left {
  background: #F4F9FF;
  width: 30%;
  padding: 20px;
}
#blog .banner .left .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 18px;
  color: #232323;
  line-height: 32px;
  margin-bottom: 10px;
}
#blog .banner .left .search {
  margin-bottom: 40px;
  height: 42px;
  position: relative;
}
#blog .banner .left .search input {
  background: #FFFFFF;
  border-radius: 50px 50px 50px 50px;
  border: 1px solid #769FFF;
  height: 42px;
  width: 90%;
  padding-left: 20px;
}
#blog .banner .left .search input:focus {
  border-color: #769FFF;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
#blog .banner .left .search .img {
  background: #2667FF;
  border-radius: 50px 50px 50px 50px;
  border: 1px solid #769FFF;
  height: 42px;
  width: 80px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  align-content: center;
}
#blog .banner .left .box {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 20px;
}
#blog .banner .left .box img {
  width: 113px;
  height: 113px;
}
#blog .banner .left .box .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 18px;
  color: #232323;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
#blog .banner .left .box .p {
  font-family: OPPOSans, OPPOSans;
  font-weight: 500;
  font-size: 14px;
  color: #AFAFAF;
  margin-top: 10px;
}
#blog .banner .right {
  width: 60%;
}
#blog .banner .right .item {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  align-items: center;
}
#blog .banner .right .item .rightimg {
  width: 288px;
}
#blog .banner .right .item .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 22px;
  color: #000000;
  line-height: 35px;
}
#blog .banner .right .item .p {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #757373;
  line-height: 26px;
  margin-top: 10px;
}
#blog .banner .right .item .a {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #2667FF;
  text-decoration-line: underline;
  line-height: 30px;
  cursor: pointer;
}
#blog .banner .rightdetail {
  width: 60%;
}
#blog .banner .rightdetail .tit {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 25px;
  color: #000000;
  line-height: 45px;
  margin: 10px 0;
}
#blog .banner .rightdetail .p {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #757373;
  line-height: 26px;
  text-align: justify;
}
#blog .banner .rightdetail .t {
  font-family: OPPOSans, OPPOSans;
  font-weight: 700;
  font-size: 16px;
  color: #000000;
  line-height: 26px;
  text-align: justify;
  margin: 10px 0;
}
#blog .banner .rightdetail .b {
  font-family: DM Sans, DM Sans;
  font-weight: 400;
  font-size: 16px;
  color: #757373;
  line-height: 26px;
  text-align: justify;
  margin-left: 15px;
}