/* 图片部分 高度为 140px*/
.detail {
  width: 100%;
  height: 1.75rem;
  padding-top: 2.5rem;
}
.setWidth {
  width: 72%;
  height: 100%;
  margin-left: 28%;
  transform-style: preserve-3d;
  /* animation: myPicFirst1 .8s linear; */
}
.indexImg{
  height: 1.625rem;
  width: 70%;
}
.indexImg1 {
  width: 4.375rem;
  height: 1.625rem;
  padding-right: 1.5rem;
  border-right: 2px solid #00f000;
}
.indexImg2 {
  margin-left: 1.5rem;
  width: 5.5rem;
  height: 1.75rem;
}
@keyframes myPicFirst1 {
  from {
    opacity: 0.6;
    /* transform: rotateY(0); */
    /* margin-left: 100%; */
  }
  to {
    opacity: 1;
    /* transform: rotateY(360deg); */
  }
}

/* 内容 */
.container {
  width: 100%;
  /* min-width: 1200px; */
}
/* 内容的第一部分  高度为650px*/
.container1 {
  margin-top: 0.75rem;
  width: 72%;
  margin-left: 28%;
  background: url("../img/index/index-img3.jpg") no-repeat;
  background-size: 100% 100%;
  height: 8.125rem;
  border-bottom-left-radius: 0.625rem;
  border-top-left-radius: 0.625rem;
  position: relative;
  /* box-shadow: 5px 5px 3px rgb(161, 160, 160); */
  /* animation: myPicFirst .6s linear; */
  /* animation: myPicFirst 2s linear infinite alternate forwards; */
}

@keyframes myPicFirst {
  from {
    opacity: 0.6;
    /* height: 0; */
    /* margin-left: 100%; */
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    /* height: 8.125rem; */
    transform: scale(1);
    /* margin-left: 28%; */
  }
}
.explain {
  color: #fff;
  background-color: #00f000;
  font-size: 0.4375rem;
  width: 7.5rem;
  text-align: center;
  padding: 0.125rem;
  border-radius: 0.625rem;
  margin-left: -0.625rem;
}
.englishExplian {
  color: #fff;
  font-size: 0.4375rem;
  width: 7.5rem;
  padding-top: 0.375rem;
  padding-left: 2.5%;
  /* animation: englishExplian1 .6s linear; */
}
@keyframes englishExplian1 {
  from {
    padding-top: 3.75rem;
    padding-left: 0%;
  }
  to {
    padding-top: 0.375rem;
    padding-left: 2.5%;
  }
}
.pointer {
  position: absolute;
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  border: 0.035rem solid #00f000;
  right: 30.5%;
  top: 4.1875rem;
}
.line1 {
  position: absolute;
  content: "";
  display: block;
  width: 0.035rem;
  height: 4.78rem;
  background-color: #00f000;
  right: 30.85%;
  top: 4.3125rem;
}

/* 内容的第二部分 */
.container2,
.contanier3 {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 9.5rem;
}
/* 第三部分 600px */
.contanier3 {
  height: 7.5rem;
}
/* 第二部分 margin-top:75px */
.container2 {
  margin-top: 0.9375rem;
}
/* 第二部分 第三部分 左边图片 */
.contanier2Left,
.contanier3Left {
  width: 28%;
  text-align: center;
}
.contanier2Left img,
.contanier3Left img {
  height: 5rem;
  margin-left: 50%;
  margin-top: 1.375rem;
  transform-style: preserve-3d;
  /* animation: myPicSecond1 1s infinite alternate; */
}
.contanier3Left img {
  height: 3.75rem;
  width: 2.5rem;
  margin-top: 1rem;
  /* margin-left: 0.5rem; */
}
@keyframes myPicSecond1 {
  from {
    transform: rotateY(0);
  }

  to {
    transform: rotateY(360deg);
  }
}
.contanier2Right,
.contanier3Right {
  width: 72%;
  position: relative;
}
.line2 {
  position: absolute;
  content: "";
  display: block;
  width: 56%;
  height: 0.035rem;
  background-color: #00f000;
  left: 13.1%;
}
.line3 {
  position: absolute;
  content: "";
  display: block;
  width: 1.1rem;
  height: 3.625rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: -1.245rem;
  left: 6.78%;
}
.line4 {
  position: absolute;
  content: "";
  display: block;
  width: 0.035rem;
  height: 5.875rem;
  background-color: #00f000;
  top: 1.125rem;
  left: 6.7%;
}
.line5 {
  position: absolute;
  content: "";
  display: block;
  width: 1.125rem;
  height: 3.625rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: 5.75rem;
  left: 6.7%;
}
.line6 {
  position: absolute;
  content: "";
  display: block;
  width: 55.7%;
  height: 0.035rem;
  background-color: #00f000;
  top: 8.104rem;
  left: 13.1%;
}
.line7 {
  position: absolute;
  content: "";
  display: block;
  height: 1.5rem;
  width: 0.035rem;
  background-color: #00f000;
  left: 43%;
  bottom: 0.1rem;
}
.container2Top,
.contanier2bottom,
.container3Top {
  width: 100%;
  position: relative;
  letter-spacing: 0.0375rem;
}
.container2Left1,
.container2Right1,
.contanier2bottom div,
.container3Top {
  font-size: 0.2875rem;
  line-height: 0.4375rem;
  display: inline-block;
  color: #727171;
  text-shadow: #727171;
}
.container2Left1 {
  width: 23.4%;
  margin-left: 13%;
  margin-top: 1.25rem;
}
.container2Left1 sup,
.contanier2bottom sup,
.container3Top sup {
  font-size: 0.2rem;
}
.line7 {
  position: absolute;
  content: "";
  display: block;
  height: 1.5rem;
  width: 0.035rem;
  background-color: #00f000;
  left: 43%;
  bottom: 0.1rem;
}
.container2Right1 {
  width: 34%;
  margin-left: 14%;
  margin-top: 1.35rem;
}
.line8 {
  position: absolute;
  content: "";
  display: block;
  height: 0.035rem;
  width: 73%;
  background-color: #00f000;
  left: 12%;
  bottom: -0.75rem;
}
.contanier2bottom div {
  width: 72%;
  margin-top: 1.375rem;
  margin-left: 13%;
}
.line9 {
  position: absolute;
  content: "";
  display: block;
  width: 3.75rem;
  height: 0.5rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  right: 19%;
  bottom: 0.88rem;
}
.line10 {
  position: absolute;
  content: "";
  display: block;
  width: 3.75rem;
  height: 0.5rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  right: 19%;
  bottom: 0.395rem;
}
.line11 {
  position: absolute;
  content: "";
  display: block;
  width: 55.7%;
  height: 0.035rem;
  background-color: #00f000;
  left: 13.1%;
  top: -0.43rem;
}
.line12 {
  position: absolute;
  content: "";
  display: block;
  width: 1.1rem;
  height: 3.625rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: -1.68rem;
  left: 6.78%;
}
.line13 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 1.25rem;
  background-color: #00f000;
  top: 0.68rem;
  left: 6.7%;
}
.line14 {
  position: absolute;
  content: "";
  display: block;
  width: 1.1rem;
  height: 3.625rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: 0.65rem;
  left: 0.4%;
}
.line15 {
  position: absolute;
  content: "";
  display: block;
  width: 1.125rem;
  height: 3.625rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: 1.76rem;
  left: 0.4%;
}
.line16 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 1.24rem;
  background-color: #00f000;
  top: 4.12rem;
  left: 6.8%;
}
.line17 {
  position: absolute;
  content: "";
  display: block;
  width: 1.125rem;
  height: 3.625rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: 4.1rem;
  left: 6.8%;
}
.line18 {
  position: absolute;
  content: "";
  display: block;
  width: 55.7%;
  height: 0.035rem;
  background-color: #00f000;
  left: 13.2%;
  top: 6.45rem;
}
.line19 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 2rem;
  background-color: #00f000;
  top: 6.45rem;
  right: 31%;
}
.line20 {
  position: absolute;
  content: "";
  display: block;
  width: 1.1rem;
  height: 3.625rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: 7.16rem;
  right: 31%;
}
.container3Top {
  width: 73%;
  margin-left: 13%;
  margin-top: 0.5rem;
}
.contanier3Detail {
  margin-top: 0.3rem;
  width: 73%;
  margin-left: 13%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #3549f5;
  font-weight: bold;
  font-size: 0.2875rem;
}
.detail1 {
  padding-top: 0.45rem;
  width: calc(50% - 1rem);
  position: relative;
  padding-left: 1rem;
}
.contanier3Img {
  position: absolute;
  left: -0.1rem;
  top: 0.6rem;
}
.contanier3Img img {
  width: 0.5rem;
  height: 0.5rem;
}
/* 第四部分内容 600px*/
.container4 {
  width: 72%;
  height: 7.5rem;
  margin-left: 28%;
  color: #3549f5;
  position: relative;
}
.container4Title {
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  font-weight: 400;
  margin-left: 1rem;
  position: relative;
}
@keyframes mySecond1 {
  from {
    opacity: 0.7;
    color: #00f000;
    /* transform: scale(0.9); */
  }

  to {
    opacity: 1;
    color: #3549f5;
    /* transform: scale(1.1); */
  }
}
.line21 {
  position: absolute;
  content: "";
  display: inline-block;
  height: 0.75rem;
  width: 0.0625rem;
  background-color: #00f000;
  /* animation: mySecond 2s infinite alternate; */
  top: 0.2rem;
  left: -0.5rem;
}
.container4Detail {
  font-size:  .225rem;
  color: #3549f5;
  width: 50%;
  margin-top: 0.5rem;
  margin-left: 6%;
  font-weight: 600;
}
.container4Detail sup {
  font-size: 0.1rem;
}
.container4ImgText {
  width: 83%;
  margin-left: 16%;
  height: 6.25rem;
  background: url("../img/index/index-img6.png") no-repeat;
  background-size: 100% 100%;
  /* margin-top: -1.75rem; */
  position: relative;
}
.cotainer4EnglishIntro {
  position: absolute;
  color: #00f000;
  font-size: 0.375rem;
  width: 40%;
  top: 3rem;
  left: 38%;
}
.line22 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 2.49rem;
  background-color: #00f000;
  right: 37.3%;
  top: 1.52rem;
  z-index: 99;
}
.pointer1 {
  position: absolute;
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  border: 0.035rem solid #00f000;
  right: 37%;
  z-index: 99;
  top: 4rem;
}
.pointer2 {
  position: absolute;
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  border: 0.035rem solid #00f000;
  top: 4.95rem;
  left: 35%;
  z-index: 99;
}
.line23 {
  position: absolute;
  content: "";
  display: block;
  width: 22%;
  height: 0.035rem;
  background-color: #00f000;
  left: 13.1%;
  top: 5rem;
  z-index: 99;
}
.line24 {
  position: absolute;
  content: "";
  display: block;
  width: 1.1rem;
  height: 3.625rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: 3.75rem;
  left: 6.8%;
  z-index: 99;
}
/* 第五部分内容 高度800px*/
.container5 {
  height: 10rem;
  width: 72%;
  margin-left: 28%;
  position: relative;
}
.container5Detail {
  width: 90%;
  margin-left: 10%;
  display: flex;
  flex-direction: row;
  padding-top: .25rem;
}
.container5DetailLeft {
  width: 0.375rem;
}
.blueColor {
  color: #3549f5;
  font-size: .225rem;
  font-weight: 600;
}
.container5DetailCenter {
  width: 35%;
}
.centertTitle {
  padding-bottom: 0.25rem;
  border-bottom: 0.035rem solid #3549f5;
}
.centerContaier {
  color: #727171;
  font-size: .225rem;
  letter-spacing: 0.0125rem;
}
.centerContaier div {
  text-indent: 0.5rem;
  margin-top: 0.25rem;
}
.container5DetialRight {
  margin-left: 0.375rem;
  width: 50%;
}
.container5DetialRight img {
  cursor: pointer;
  width: 100%;
  height: 4.9rem;
  transform-style: preserve-3d;
  /* animation: myPicSecond 2s infinite alternate ease-in-out forwards; */
  /* box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); */
}
.container5DetialRight img:hover{
  /* transform: scale(1.1); */
  /* transition: 1s ease-in-out;
  transform: scale(1.2); */
}
@keyframes myPicSecond {
  from {
    opacity: 0.7;
    /* transform: scale(); */
  }

  to {
    opacity: 1;
    transform: scale(1.1);
  }
}
.line25 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 10.62rem;
  background-color: #00f000;
  left: 6.8%;
  z-index: 99;
  top: -1.4rem;
}
.line26 {
  position: absolute;
  content: "";
  display: block;
  width: 1.125rem;
  height: 3.625rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  left: 6.8%;
  bottom: -1.56rem;
}
/* 第六部分  600px*/
.container6 {
  margin-top: 1.25rem;
  width: 72%;
  margin-left: 28%;
  position: relative;
  height: 7.5rem;
}
.container6Detail {
  width: 90%;
  margin-left: 10%;
}
.container6Title {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.container6DetailLeft {
  width: 0.375rem;
  margin-top: 0.08rem;
}
.container6DetailCenter sup {
  font-size: 0.125rem;
}
.container6DetailCenter {
  padding-bottom: 0.25rem;
  width: 34.5%;
  border-bottom: 0.035rem solid #00f000;
}
.container6ContainerDetail {
  width: 100%;
  display: flex;
  flex-direction: row;
  color: #727171;
  font-size: .225rem;
  letter-spacing: 0.0125rem;
  /* margin-top: 0.375rem; */
}
.textDetail {
  width: 35%;
  margin-left: 0.375rem;
  text-indent: 0.5rem;
}
.textDetail div {
  margin-top: 0.25rem;
}
.imgIntro {
  margin-left: 0.375rem;
  width: 50%;
  height: 2.5rem;
  margin-top: 0.375rem;
}
.imgIntro img {
  height: 4.5rem;
  width: 100%;
  cursor: pointer;
  /* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); */
  /* animation: myimgIntro 2s infinite alternate; */
}
.imgIntro img:hover{
  /* transform: scale(1.1); */
  /* transition: 1s ease-in-out;
  transform: scale(1.2); */
}
/* @keyframes myimgIntro {
  from {
   opacity: .4;
  }

  to {
    opacity: 1;
  }
} */
.container6Other {
  width: 60%;
  color: #727171;
  font-size: 0.15rem;
  letter-spacing: 0.0125rem;
  margin-left: 0.375rem;
}
.line27 {
  position: absolute;
  content: "";
  display: block;
  width: 52%;
  height: 0.035rem;
  background-color: #00f000;
  left: 13.2%;
  top: -0.96rem;
  z-index: 99;
}
.line28 {
  position: absolute;
  content: "";
  display: block;
  width: 1.125rem;
  height: 3.625rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: -2.2rem;
  right: 28.4%;
}
.line29 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 1.1875rem;
  background-color: #00f000;
  top: 0.15rem;
  right: 28.4%;
  z-index: -1;
}
.line30 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 1.6rem;
  background-color: #00f000;
  bottom: 0.16rem;
  right: 28.4%;
  z-index: -1;
}
/* 第七部分内容 高1100px ,,argin-top200px*/
.container7 {
  height: 12.5rem;
  margin-top: 2.5rem;
  width: 72%;
  margin-left: 28%;
  position: relative;
}
.container7Detail {
  width: 90%;
  margin-left: 10%;
}
.container7Title {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.container7DetailLeft {
  width: 0.375rem;
  margin-top: 0.08rem;
}
.container7DetailCenter sup {
  font-size: 0.125rem;
}
.container7DetailCenter {
  padding-bottom: 0.25rem;
  width: 52%;
  border-bottom: 0.035rem solid #00f000;
}
.container7ContainerDetail {
  width: 100%;
  display: flex;
  flex-direction: row;
  color: #727171;
  font-size: .225rem;
  letter-spacing: 0.0125rem;
  /* margin-top: 0.375rem; */
}
.container7Left {
  width: 33%;
  margin-left: 0.375rem;
  text-indent: 0.5rem;
}
.container7Left div {
  margin-top: 0.25rem;
}
.container7Rigth {
  width: 52%;
  margin-left: 0.375rem;
  margin-top: 0.25rem;
  text-indent: 0.5rem;
}
.setTextColor {
  color: #3549f5;
  /* animation: myTextFirst 2s infinite alternate; */
  /* text-shadow:1px 1px 1px #3549f5; */
}
.container7Rigth ul li .setTextColor{
  /* animation: mySecond1 2s infinite alternate ease-in-out  forwards; */
}
.container7Rigth ul li {
  /* list-style: none; */
  margin-top: 0.375rem;
  position: relative;
  text-indent: 0rem;
}
.container7Rigth ul {
  width: 80%;
  margin-left: 20%;
  margin-top: 0.7rem;
  list-style-type: square;
}
.container7Rigth ul li::before {
  position: absolute;
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  background: url("../img/index/icon1.png") no-repeat;
  background-size: 100% 100%;
  left: -1.3rem;
  top: -0.125rem;
}
.container7Rigth ul li:nth-child(1)::before {
  /* animation: myPicForth 2s infinite alternate; */
}
.container7Rigth ul li:nth-child(2)::before {
  background: url("../img/index/icon2.png") no-repeat;
  background-size: 100% 100%;
  /* animation: myPicThird 2s infinite alternate; */
}
.container7Rigth ul li:nth-child(3)::before {
  background: url("../img/index/icon3.png") no-repeat;
  background-size: 100% 100%;
  /* animation: myPicForth 2s infinite alternate; */
}
.container7Rigth ul li:nth-child(4)::before {
  background: url("../img/index/icon4.png") no-repeat;
  background-size: 100% 100%;
  /* animation: myPicThird 2s infinite alternate; */
}
.container7Rigth ul li:nth-child(5)::before {
  background: url("../img/index/icon5.png") no-repeat;
  background-size: 100% 100%;
  /* animation: myPicForth 2s infinite alternate; */
}
.container7Rigth ul li:nth-child(6)::before {
  background: url("../img/index/icon6.png") no-repeat;
  background-size: 100% 100%;
  /* animation: myPicThird 2s infinite alternate; */
}
@keyframes myPicThird {
  /* from {
    transform: scale(1.2);
  }

  to {
    transform: scale(.9);
  } */
}
@keyframes myPicForth {
  /* from {
    transform: scale(.9);
  }

  to {
    transform: scale(1.2);
  } */
}
@keyframes myTextFirst {
  from {
    text-shadow: 2px 2px 2px #3549f5;
  }

  to {
    text-shadow: none;
  }
}
.line31 {
  position: absolute;
  content: "";
  display: block;
  width: 1.1rem;
  height: 3.625rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  top: -3.95rem;
  right: 28.5%;
  z-index: 99;
}
.line32 {
  position: absolute;
  content: "";
  display: block;
  width: 52%;
  height: 0.035rem;
  background-color: #00f000;
  left: 13.2%;
  top: -1.605rem;
  z-index: 99;
}
.line33 {
  position: absolute;
  content: "";
  display: block;
  width: 1.1rem;
  height: 3.625rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  left: 6.9%;
  top: -2.85rem;
  z-index: 99;
}
.line34 {
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 10.65rem;
  background-color: #00f000;
  left: 6.8%;
  z-index: 99;
  top: -0.5rem;
}
.line35 {
  position: absolute;
  content: "";
  display: block;
  width: 1.125rem;
  height: 3.625rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  left: 6.8%;
  bottom: 0rem;
}
.line36{
  position: absolute;
  content: "";
  display: block;
  width: 52%;
  height: 0.035rem;
  background-color: #00f000;
  left: 13.2%;
  bottom: 1.24rem;
  z-index: 99;
}
.line37{
  position: absolute;
  content: "";
  display: block;
  width: 1.125rem;
  height: 3.625rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #00f000 49.5%,
    #00f000 50.5%,
    transparent 50.5%
  );
  bottom: -1.113rem;
  right: 28.3%;
}
.line38{
  position: absolute;
  content: "";
  display: block;
  width: 0.0313rem;
  height: 1.25rem;
  background-color: #00f000;
  z-index: 99;
  right: 28.2%;
  bottom: -1.1rem;
  z-index: -1;
}
.bottom{
  width: 100%;
  background-color: #3549f5;
  color: #fff;
  font-size: .15rem;
  text-align: center;
  margin-top: 1rem;
  padding-top: .1875rem;
  padding-bottom: .1875rem;
}