html {
  font-size: 5.20833333vw;
}
.container {
  width: 100%;
  
  margin: 0 auto;

}
.banner {
  width: 100%;
  height: 10rem;
  background: url(../img/pc/box1/banner.png) no-repeat;
  background-size: 100% 100%;
  
}
.banner_box{
  width: 100%;
  background:#4E49E4;
}
nav {
  cursor: pointer;
  height: 0.96rem;
  padding: 0.8rem 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
nav > img {
  height: 0.86rem;
}
nav > ul {
  display: flex;
  justify-content: center;
}
nav > ul > li {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000;
  margin-right: 0.87rem;
}
nav > ul > li.nav4 {
  margin-right: 0;
}
nav > ul > li a {
  display: inline-block;
  padding: 0.07rem 0;
  border-bottom: 3px solid transparent ;
}
.section1 {
  width: 75%;
  height: 7.57rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  
  position: relative;
  background-size: 100% 112%;
  background-repeat:no-repeat;
  background-position: 0px -0.44rem;
  
}
.section1 .banner_logo {
  position: absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
 
  height: 7.17rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section1 .banner_logo .person {
  height: 7.17rem;
 
}
.section1 .banner_logo .google {
  width: 1.67rem;
  height: 1.67rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.section1 .banner_logo .logo {
  width: 1.67rem;
  height: 1.67rem;
  position: absolute;
  top: -0.2rem;
  right: -0.75rem;
}
.section1 > ul > li {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000;
  margin-right: 0.87rem;
 
}
.section1 > ul > li.nav11 {
  font-size: 0.49rem;
  font-family: Helvetica-Bold, Helvetica;
  font-weight: bold;
  color: #111A21;
  margin-bottom: 0.3rem;
}
.section1 > ul > li>img {
  width: 6rem;
  
}
.section1 > ul > li.nav11 span {
  font-size: 0.49rem;
  font-family: Helvetica-Bold, Helvetica;
  font-weight: bold;
  color: #111A21;
  margin-bottom: 0.69rem;
  border-bottom: 5px solid #73BE4C;
  color: #73BE4C;
}
.section1 > ul > li.nav11 font {
  font-size: 0.4rem;
 
}
.section1 > ul > li.nav12 {
  font-size: 0.8rem;
font-family: Poppins, Poppins;
font-weight: 600;
color: #FFFFFF;
  margin-bottom: 0.8rem;
}
.section1 > ul > li.nav13 {
  
}
.section1 > ul > li.nav13 > img {
  width: 3.52rem;
  height: 1.05rem;
}
.main {
  width: 100%;
  box-sizing: border-box;
}
.main .gray {
  background-color: #FFFFFF;
}
.main .section2 {
 
  margin-top: 1.5rem;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main .section2 .title > img {
  width: 6.58rem;
 
}
.main .section2 .title > p {
  font-size: 0.5rem;
  font-family: Montserrat;
  font-weight: 400;
  color: #000000;
}
.main .section2 .title > p>span {
  font-size: 0.82rem;
font-family: Montserrat;
font-weight: 500;
color: #73BE4C;
}
.main .section4 .title > p {
  font-size: 0.48rem;
  font-family: Montserrat;
  font-weight: 400;
  color: #000000;
}
.main .section4 .title > p>span {
  font-size: 0.82rem;
font-family: Montserrat;
font-weight: 500;
color: #73BE4C;
}
.main .section2  ul {
  
  display: flex;
  
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 0.95rem;
  
}
.main .section2  ul > li {
  width: 4.6rem;
height: 3.13rem;
  background: #F7F9FF;
  border-radius: 0.16rem;
opacity: 1;
border: 1px solid #91A2E3;
 
}
.main .section2  ul > li:nth-of-type(2) {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}


.main .section2  ul > li>div>img {
  
  margin-top: 0.4rem;
  width:1.2rem;
  height: 1.2rem;
}


.main .section2  ul > li p:nth-of-type(1) {

 
  font-size: 0.24rem;
  color: #0D0E0E; 
  margin-bottom: 0.2rem;
}

.main .section2  ul > li p {
  
  box-sizing: border-box;
  font-size: 0.15rem;
  color: #707980;
}

.main .section3 {
  padding: 0.3rem 0;
  box-sizing: border-box;
  text-align: center;
  
background: #F9F9F9;
}
.main .section3 .title > img {
  width: 2.66rem;
  height: 0.5rem;
}
.main .section3 .green {
  
  padding: 0.8rem 0;
  box-sizing: border-box;
}
.main .section3 .box1 {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius:0.4rem ;
}
.main .section3 .box1 > img {
  width: 4.92rem;
  height: 4.92rem;
}
.main .section3 .box1 > div {
  box-sizing: border-box;
  padding: 0.77rem 0;
  margin-right:0.6rem ;
  position: relative;
}
.main .section3 .box1 > div p {
  
  text-align: right;
  font-size: 0.3rem;
  font-family: OPPOSans-B, OPPOSans;
  font-weight: normal;
  color: #111A21;
  line-height: 0.48rem;
  margin-bottom: 0.48rem;
}
.main .section3 .box1 > div > img {
  width: 4.97rem;
  height: 0.78rem;
}
.main .section3 .box1 > div > .ggghhha {
  width: 1.67rem;
  height: 1.67rem;
  position: absolute;
  right: -0.1rem;
  top: -0.82rem;
}
.main .section3 .box2 {
  
  box-sizing: border-box;
}
.main .section3 .box2 .title {
  text-align: center;
  font-size: 0.34rem;
  font-family: OPPOSans-B, OPPOSans;
  font-weight: normal;
  color: #111A21;
  line-height: 0.48rem;
  margin-bottom: 0.6rem;
}
.main .section3 .box2 > ul {
  width: 100%;
}
.main .section3 .box2 > ul > li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main .section3 .box2 > ul > li >img{
  
 width: 2.81rem;
 height: 3rem;
}
.main .section3 .box2 > ul > li:nth-of-type(2) {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
 margin-top: 0.5rem;
 margin-bottom: 0.8rem;
 
}
.main .section3 .box2 > ul > li:nth-of-type(2) > div {
  font-size: 0.24rem;
  font-family: OPPOSans-M, OPPOSans;
font-weight: normal;
color: #111A21;
text-align: left;
 
}
.main .section3 .box2 > ul > li h4 {
  font-size: 0.48rem;
  color: #C8C7C3;
  font-weight: 550;
}

.main .section3 .box2 > ul > li div>h1 {
  font-size: 0.44rem;
  font-family: OPPOSans-H, OPPOSans;
  font-weight: normal;
  color: #111A21;
  
  text-align: left;
}
.main .section3 .box2 > ul > li div>h2 {
  font-size: 0.28rem;
  font-family: OPPOSans-H, OPPOSans;
  font-weight: normal;
  color: #111A21;
  
  text-align: left;
  margin: 0.3rem 0;
}
.main .section3 .box2 > ul > li div>p {
  font-size: 0.22rem;
  font-family: OPPOSans-H, OPPOSans;
  font-weight: normal;
  color: #111A21;
  
  text-align: left;
}
.main .section3 .box2 > ul > li .box2_right p {
  width: 4.5rem;
  height: 3.02rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  max-width: 4.5rem;
  font-size: 0.22rem;
  color: #FFFFFF;
  background-color: #73BE4C;
  opacity: 0.8;
  border-radius: 0.1rem;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.35rem;
  box-sizing: border-box;
}
.main .section3 .box2 > ul > li .box2_right > img {
  width: 6.74rem;
  height: 6.74rem;
}

.main .section3 .box2 > ul > li .box2_left p {
  width: 4.5rem;
  height: 3.02rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  max-width: 4.5rem;
  font-size: 0.22rem;
  color: #FFFFFF;
  background-color: #73BE4C;
  opacity: 0.8;
  border-radius: 0.1rem;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.35rem;
  box-sizing: border-box;
}
.main .section3 .box2 > ul > li .box2_left > img {
  width: 6.74rem;
  height: 6.74rem;
}
.main .section4 {
  box-sizing: border-box;
  text-align: center;
  padding: 0.3rem 0;
  
}
.main .section4 .content .title > img {
  width: 6.14rem;
  
}
.main .section4 .title > p {
  
  font-size: 0.36rem;
  
}
.main .section4 .content {
  display: flex;
  width: 78%;
  margin: 0 auto;
  
}
.main .section4 .content .small-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.7rem;
  position: relative;
}
.main .section4 .content .small-content > ul {
  margin-top: 1.02rem;
  width: 100%;
  display: flex;
}
.main .section4 .content .small-content > ul > li {
  
margin-left: 3rem;
background: #F0F2FB;
border-radius: 0.16rem;
opacity: 1;
display: flex;
justify-content: end;
padding: 0.6rem 0.4rem 0.6rem 1.55rem;

}
.small-content_div1{
  position: absolute;
  top: 2.7rem;
  left: 0.45rem;
  box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(0, 0, 0, 0.1);
}
.small-content_div{
  width: 3.6rem;
height: 1.86rem;
background: #FFFFFF;
border-radius: 0.16rem;
opacity: 1;
text-align: left;
margin: 0;
position: relative;
overflow: hidden;
}
.small-content_div>img{
  width: 0.56rem;
  height: 0.56rem;
  margin-top: -0.2rem;
  position: absolute;
  top: 0.4rem;
  left: 0.2rem;
}
.small-content_div_text{
  font-size: 0.16rem;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #2E2F33;
margin-top: 0.9rem;
margin-left: 0.2rem;

}
.small-content_div_text>p:nth-of-type(2){
  margin-top: 0.1rem;
  font-size: 0.2rem;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  color: #2E2F33;
}
.small-content_div2{
  margin-top: 0.4rem;

}

.footer {
  width: 100%;
  
  box-sizing: border-box;
  padding: 0.3rem 3.3rem 0.2rem 2.6rem;
 
  background: #4E49E4;
}
.footer > ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.footer > ul > li {
  font-size: 0.16rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 0.22rem;
}
.footer > ul > li .frist {
  font-size: 0.2rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 0.28rem;
  margin-bottom: 0.18rem;
}
.footer > ul > li:nth-of-type(1) > img {
  width: 2.1rem;
  margin-bottom: 0.16rem;
}
.footer > ul > li:nth-of-type(1) > div {
  font-size: 0.16rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 0.22rem;
}
.footer > ul > li:nth-of-type(2) {
  margin-left: 2rem;
}
.footer > ul > li:nth-of-type(2) > div {
  margin-bottom: 0.12rem;
}
.footer > ul > li:nth-of-type(3) > ul {
  display: flex;
  justify-content: center;
}
.footer > ul > li:nth-of-type(3) > ul > li > img {
  width: 0.38rem;
  margin-right: 0.24rem;
}
.fsasffss{
  width: 100%;
height: 0.75rem;
background: linear-gradient(87deg, #7DC359, #C8E8B8);
}
.jjjjjjj{
  width: 100%;
  background-color: #fff;
}
a{
  color: #fff;
}
.jsasassa{
  margin-left: 0.8rem !important;
}
.section2_box_title>img{
 
    width: 9.49rem !important;
  
  margin-bottom: 1rem;
}
.section2_box_img >img{
   margin-left: 0.28rem;
  width: 5.66rem !important;
  height: 5.95rem !important;
}
.section3_box_account_box{

opacity: 1;


}
.section3_box_account{
  
  display: flex;
  align-items: center;
  padding-bottom: 0.08rem;
}
.section3_box_account >img{
 width: 0.48rem;
 height: 0.48rem;

 margin-right: 0.16rem;
} 
.section3_box_account >span{
font-size: 0.4rem;
font-family: PingFang SC-Semibold, PingFang SC;
font-weight: 600;
color: #000000;
} 
.section3_box_account1 >img{
width: 0.6rem;
height: 0.6rem;
margin-right: 0.05rem;
}
.section3_box_account1{
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
.section3_box_account1 >span{

font-size: 0.24rem;
color: #555555;
text-align: left;

}
.section33_box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone_box{
  width: 99.3%;
  height: 0.84rem;
  border-radius: 0.16rem;
opacity: 1;
border: 2px solid #91A2E3;
display: flex;
justify-content: space-between;
align-items: center;
}
.phone_box1{
  width: 99.3%;
  height: 0.84rem;
  border-radius: 0.16rem;
opacity: 1;
border: 2px solid #91A2E3;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.36rem;
}
.phone_box1 .el-input__inner{
  border: none;
  
}
.phone_box2{
  height: 1.1rem;
  margin-top: 0.36rem;
margin-bottom: 0.36em;
}

.phone_box2 >p{
  
  width: 3.21rem;
height:0.88rem;
background: #4E49E4;
border-radius: 5px 5px 5px 5px;
opacity: 1;
line-height: 0.88rem;
font-size: 0.36rem;
font-family: PingFang SC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;

}
.phone_box .el-input{
  width: 5rem;
}
.phone_box .el-input__inner{
  border: none;
  
}
.el-input{
  font-size: 0.32rem;
} 
.el-color-picker__icon, .el-input, .el-textarea {
  display: block;
}
.el-input__inner{
  height: 0.8rem;
}
.second{

}
.send{
  width: 1.57rem;
  height: 0.52rem;
  background-color:#4E49E4;
  font-size:0.24rem ;
  line-height: 0.52rem;
  color: #fff;
  border-radius: 8px;
  margin-right: 0.32rem;
}