* {
  margin: 0;
  padding: 0;
}
a{
   text-decoration: none; 
}
img {

  max-width: 100%;
  
  height: auto;
  
  }
  .content{
    margin-top: 68px;
   background-color: #fafbff;
   
  }
  .content_1{
   
     max-width:  343px;
     width: 100%; margin: 0 auto;  
   }
   .content_1 {
        max-width: 343px; width: 100%;    padding: 18px 0; 
  }
 
  .content_1 a{
    color: #000;
  }
 .top_1{

    height: 500px;
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
 }
 .top_1_l{ float: left; height: 500px;margin-left: 100px;}
.top_1_l .top_title{
  font-size: 54px;
  margin-top: 88px;
}
.top_1_l  .top_title3{
  color: #fff;
  font-size: 14px; text-align: center; height: 44px; line-height: 44px; border-radius: 8px; background-color: #4A71EB; width: 140px; margin-top: 32px;
}
.top_1_l .top_title text{
color: #4372fe;
}

.top_1_l .top_title1{
  font-size: 32px;
  margin-top: 16px;
}

.top_1_l .top_title2{
  color: #212121;
  margin-top: 16px;  font-size: 14px;
}
.top_1_right{ float: left;height: 480px; margin-left: 260px;position: relative; margin-top: 20px;}
.main{width: 600px;height: 500px;margin: 0;padding: 0;display: block;position: absolute; top: 0 ; left: -150px;}
	.main>div{display: block;height: 321px;width: 180px;position: absolute;margin-left: 180px;margin-top: 30px;z-index: 4;transition: 1s;overflow: hidden;}
	.main>div.left_right{z-index:1;margin-top:50px;width:150px;height: 258px;}
	.main>div.left{margin-left:20px;overflow: hidden;}
	.main>div.right{margin-left:370px;overflow: hidden;}
	.main>div>img{width: 100%;height: 100%;}
	.main>div>div{opacity: 1;transition: 1s;text-align: center;}
	.main>div.left_right>div{opacity: 0;}

.top_1_right_bg1{
  height: 75%;
  overflow: hidden;
  position: absolute;
  width: 243px;
  z-index: 100;
  top: 0;
  left: 10px;
  margin-top: 50px;

}


.content_one_1 {
  background: linear-gradient(180deg, #e4ecff, #fff);
  height: 456px;
  padding-top: 40px;
}

.content_one_2, .content_one_3 {
  /* display: flex;
  justify-content: center; */
  width: 1200px; margin: 0 auto;
}
.content_one_2{
  padding: 0;
}
.content_one_3 {
  padding: 0 28px;
}
.v-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.content_one_4 {
  font-size: 32px; text-align: center; line-height: 70px;
}
.content_one_4_1{
  color: #4372fe;
  font-size: 44px;
}
.content_one_5{
  display: flex;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.v-row+.v-row {
  margin-top: 12px;
}
.content_one_5_1{
  color: #979797;
  font-size: 20px;
}
.content_one_6, .content_one_7{
  display: flex;
  justify-content: center;
}
.content_one_7{
  flex-wrap: wrap;
  width: 1200px;
  padding-top: 28px;
}
.content_one_8{
  display: flex;
  justify-content: center;
  margin: 0 8px;
  padding: 0 24px;
  text-align: center;
  width: calc(25% - 70px);
}
.content_one_8_1{
  cursor: pointer;
  height: auto;
  width: 100%;
}
.leave1, .leave2, .leave3, .leave4{
  transform: rotate(0);
  transition: transform 1s;
}

.content_two_1{
  position: relative;
}
.content_two_2{
  background-image: url(../images/index/bg1.png);
  background-position: bottom;
  display: flex;
  justify-content: center;
  padding-bottom: 0;
}
.content_two_3{
  width: 1200px;
  padding-bottom: 0;
  text-align: center; margin: 0 auto;
}
.content_two_4{
  font-size: 32px;
  margin-top: 18px; width: 1200px;
}
.content_two_4_2{
  color: #4372fe;
  font-size: 44px;
}
.content_two_5{
  color: #979797;
  font-size: 20px;
  margin-top: 20px; width: 1200px;
}
.content_two_6{
  align-items: center;
  display: flex;
  height: 431px;
  justify-content: space-between;
  text-align: left;width: 950px;
  min-width: 950px; margin: 0 auto;
}
.content_two_7{
  width: 270px;color: #212121;
}
.content_two_9_4{
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-top: 24px;
  padding-left: 30px;
}
.content_two_9_5{
  font-size: 20px;
  margin-right: 4px;
}

.content_two_8{
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 8px 6px #0000001a;
  cursor: pointer;
  font-size: 12px;
  margin-top: 20px;
  padding: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.content_two_9_3{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.content_one_7 .content_one_8 .content_one_8_phone{ overflow: hidden; color: #202021;}


.content_one_7 .content_one_8 .content_one_8_phone img {

	-webkit-transition: all ease .3s;
	transition: all ease .5s;
}
.content_one_7 .content_one_8 .content_one_8_phone  img:hover {
	-webkit-transform: scale(1.05);
  border-radius: 8px;
 	transform: rotateZ(360deg);

	
  
}
.content_two_9_4{
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-top: 24px;
  padding-left: 20px;
}
.content_two_10{
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 8px 8px #0000001a;
  display: flex;
  margin-top: 21px;
  padding: 30px 32px;
  width: 543px;
}
.content_two_11{
  height: 169px;
  width: 278px;
}
.content_two_12{
  font-size: 14px;
  line-height: 28px;
  margin: 21px 0 0 22px;
}
.content_two_10 img {

	-webkit-transition: all ease .3s;
	transition: all ease .5s;
}
.content_two_10  img:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.25); 

	
  
}


.content_three_1 {
  background-image: url(../images/index/bg2.png); overflow: hidden;
  background-position: top; padding-bottom: 62px;
}
.content_three_2 {
  display: flex;
  justify-content: center;
  padding-bottom: 115px;
}
.content_three_3 {
  max-width: 1200px;
  text-align: center;
}
.content_three_4 {
  color: #fff;
  font-size: 32px;
  margin-top: 27px;
}
.content_three_4_1 {
  font-size: 44px;
}
.content_three_5 {
  color: #fff;
  font-size: 20px;
  margin-top: 20px;
}
.content_three_6 {
  display: flex;
  justify-content: space-between;
  margin-top: 46px; min-width: 1144px;
}
.content_three_7 {
  border-radius: 16px;
  width: calc(25% - 16.5px);
}
.content_three_8 {
  min-width: 200px;
}
.v-img {
  --v-theme-overlay-multiplier: 3;
  z-index: 0;
}
.v-responsive {
  display: flex;
  flex: 1 0 auto;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.v-responsive__sizer {
  flex: 1 0 0px;
  pointer-events: none;
  transition: padding-bottom .2s cubic-bezier(.4,0,.2,1);
}
.v-img__img--contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.content_three_9 {
  background: rgba(67, 114, 254, .7);
  border-radius: 0 0 16px 16px;
  bottom: 0;
  color: #fff;
  height: 144px;
  padding: 20px 16px 14px 22px;
  position: absolute;
  text-align: left;

}
.content_three_10 {
  font-size: 20px;
}
.content_three_11 {
  font-size: 14px;
  margin-top: 17px;
  padding-left: 11px; line-height: 20px;
}

.content_three_8 img {

	-webkit-transition: all ease .3s;
	transition: all ease .5s;
}
.content_three_8 img:hover {
	-webkit-transform: scale(1.05);
transform: translateY(-20px); 

	
  
}

.content_four_6{
  background-image: url(../images/index/bg3.png);
  background-position: top;overflow: hidden; padding-bottom: 27px;
}
.content_four_2{
  display: flex;
  justify-content: center;
  padding-bottom: 64px;
}
.content_four_3{
  max-width: 1200px;
  text-align: center;
}
.content_four_4{
  font-size: 32px;
  margin-top: 80px;
}
.content_four_4_2{
  color: #4372fe;
  font-size: 44px;
}
.content_four_7{
  display: flex;
  justify-content: center;
  padding-bottom: 110px;
}
.content_four_8{
  max-width: 1200px;
  text-align: center;
}
.content_four_9{
  background: hsla(0, 0%, 100%, .7);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 20px 50px;min-width: 1160px;
}
.content_four_1{ overflow: hidden;  background-image:  url(../images/index/bg5.png);
  background-position: bottom;}
.content_four_10{
  text-align: center;
  width: calc(20% - 12px);
}
.content_four_11{
  padding: 0 25px; line-height: 20px; font-size: 14px;
}

.content_four_5{
  color: #979797;
  font-size: 20px;
  margin-top: 20px;
}
.content_four_10 img {

	-webkit-transition: all ease .3s;
	transition: all ease .5s;
}
.content_four_10 img:hover {
	-webkit-transform: scale(1.05);
transform: translateY(-20px); 

	
  
}
.content_five_3 {
  max-width: 1200px;
  text-align: center; margin: 0 auto;
}
.content_five_4 {
  font-size: 32px;
  margin-top: 36px;
}
.content_five_4_2 {
  color: #4372fe;
  font-size: 44px;
}
.content_five_5 {
  color: #979797;
  font-size: 20px;
  margin-top: 20px;
}
.content_five_6 {
  background-image:url(../images/index/bg4.png) ;
  background-repeat: no-repeat;
  font-size: 20px; font-weight: 200;
  margin-bottom: 80px; line-height: 32px;
  margin-top: 40px;
  padding: 60px 40px;
  position: relative;
  text-align: left;
  width: 100%;
}
.v-row {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  margin: -12px;
}
.content_five_7 {
  margin-top: 32px;
}
.content_two_9 {
  align-items: center;
  display: flex;    font-size: 12px;
  margin-bottom: 8px;
}
.content_two_9  img { width: 20px; height: 20px; margin-right: 4px;}
.content_two_8 .content_two_9 {
  align-items: center;
  color: #4372fe;
  display: flex;    font-size: 12px;
  margin-bottom: 8px;
}
.content_two_9_4 .content_two_9 {
  margin-left: 10px;
}
.content_five_1{ overflow: hidden;}
.v-row + .v-row{ width: 1200px; margin: 0 auto;}
.mr-4{ margin-left: 10px;}