.sectionOne {
  width: 100%;
  min-width: 1280px;
  height: 554px;
}

html,
body {
  width: 100%;
  /* overflow-x: hidden; */
}

.joinOne {
  width: 140px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 20px;
  display: block;
  color: #ffffff;
  font-size: 14px;
  margin-top: 25px;
  border-radius: 20px;
  border: 1px solid #ffffff;
  backdrop-filter: blur(4px);
  top: 7px;
  position: relative;
}

.aijoinOne {
  width: 140px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 20px;
  display: block;
  color: #F77020;
  font-size: 14px;
  margin-top: 25px;
  border-radius: 20px;
  border: 1px solid #F77020;
  backdrop-filter: blur(4px);
  top: 7px;
  position: relative;
}

.fontDiv {
  margin-top: 10px;
}

.descCon {
  width: 100%;
  min-width: 1280px;
  height: 94px;
  margin-top: -94px;
  opacity: 0.2;
  background: rgba(0, 0, 0, 0.2);
}

.icon-padding {
  float: left;
  margin-right: 93px;
}

.icon-padding p {
  color: #dddddd;
  font-size: 14px;
  float: right;
  margin-top: 15px;
  margin-left: 24px;
}

.sectionTwo {
  width: 100%;
  min-width: 1280px;
}

.sectionTwo h3 {
  width: 100%;
  text-align: center;
  margin-top: 55px;
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
}

.sectionTwo h4 {
  width: 100%;
  margin-top: 7px;
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
}

.viewdetail {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #323136;
  border-radius: 20px;
  color: #fff;
  display: block;
  margin: 40px auto;
  font-size: 14px;
}

.viewdetail1 {
  width: 215px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  background: #5756f1;
  font-family: Source Han Sans CN;
  font-weight: regular;
  color: #fff;
  display: block;
  margin: 40px auto;
  font-size: 14px;
}

.sectionThree {
  width: 100%;
  height: 100%;
  min-width: 1280px;
  position: relative;
}

.sectionThreeBox {
  width: 1300px;
  margin: auto;
}

.font {
  position: relative;
  z-index: 999;
}

.black32pxTit {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  position: relative;
  left: -65px;
  z-index: 9999;
}

.black20pxTit {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 75px;
  z-index: 9999;
  margin-top: 28px;
}

.sixBoxGroup {
  width: 350px;
  margin-top: 23px;
  margin-left: -35px;
  position: absolute
}

.sixBox {
  width: 71px;
  height: 69px;
  float: left;
  margin-top: 25px;
  margin-left: 36px;
}

.sixBoxIcon {
  margin-left: 80px;
  margin-top: 30px;
  float: left;
}

.sixBoxContext {
  width: 153px;
  float: left;
  margin-top: -6px;
  margin-left: 28px;
}

.sixBoxH1 {
  color: #5a5a5a;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0px;
  text-align: center;
  z-index: 9999;
}

.viewdetail2 {
  width: 122px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #5A5A5A;
  color: #5A5A5A;
  display: block;
  margin: 293px auto;
  font-size: 14px;
}

.hoverview:hover {
  background: #5756F1;
  color: #FFFFFF;
  border: 1px solid #5756F1;
}

.aihoverview:hover {
  background: #F77020;
  color: #FFFFFF;
  border: 1px solid #F77020;
}



.classBg {
  position: relative;
  width: 632px;
  height: 555px;
  margin: 0 auto;
}

.computer {
  background-image: url(../pic/VRjiaoshi.png);
  margin-top: -178px;
  float: left;
  left: 650px;
}

.classBg1 {
  position: relative;
  width: 448px;
  height: 561px;
  margin: 0 auto;
}

.computer1 {
  background-image: url(../pic/right.png);
  margin-top: -458px;
  margin-left: 60%;
}

.classContextDiv1 {
  background: rgba(88, 229, 112, 0.8);
  backdrop-filter: blur(10px);
}

.classContextDiv {
  width: 140px;
  height: 193px;
  margin-top: 367px;
  float: left;
  margin-left: 104px;
  border-radius: 4px;
}

.classContextDiv p {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  height: 17px;
  line-height: 60px;
  margin-left: -33px;
}

.classContextDiv ul li {
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: 1.61;
  letter-spacing: 0px;
  text-align: center;
  position: relative;
  top: 33px;
  left: -33px;
}

.classContextDivOne {
  background: rgba(87, 86, 241, 0.8);
  backdrop-filter: blur(10px);
}

.classContextDivOne {
  width: 140px;
  height: 193px;
  margin-top: 367px;
  float: left;
  border-radius: 4px;
}

.classContextDivOne p {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  height: 17px;
  line-height: 60px;
  margin-left: -33px;
}

.classContextDivOne ul li {
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: 1.61;
  letter-spacing: 0px;
  text-align: center;
  position: relative;
  top: 33px;
  left: -22px;
}


.black32pxTit {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 137px;
  z-index: 9999;
}

.listtable {
  width: 1245px;
  height: 330px;
  margin: 0px auto;
  overflow: hidden;
  margin-top: 25px;
}

.listtable ul li {
  float: left;
  width: 249px;
  height: 264px;
}

.listtable ul li .displaynone .imgbl {
  transition: All 0.2s ease-in-out;
  -webkit-transition: All 0.2s ease-in-out;
  -moz-transition: All 0.2s ease-in-out;
  -o-transition: All 0.2s ease-in-out;
}

.listtable ul li .displaynone:hover .imgbl {
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
}

.listtable ul li .displaynone h3 {
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}

.listtable ul li .displaynone:hover h3 {
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
}

.listtable ul li .displaynone p {
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}

.listtable ul li .displaynone:hover p {
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
}

.listtable ul li .displaynone em {
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}

.listtable ul li .displaynone:hover em {
  transform: translate(0, -60px);
  -webkit-transform: translate(0, -60px);
  -moz-transform: translate(0, -60px);
  -o-transform: translate(0, -60px);
  -ms-transform: translate(0, -60px);
}

.listtable ul li .displaynone a {
  transition: All 0.8s ease-in-out;
  -webkit-transition: All 0.8s ease-in-out;
  -moz-transition: All 0.8s ease-in-out;
  -o-transition: All 0.8s ease-in-out;
}

.listtable ul li .displaynone:hover a {
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
}

.showdisbl {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}

.showdisbl em {
  color: #5a5a5a;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
}

.showdisbl h3 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  margin: 0px 5px 15px 0px;
}

.imgbo {
  padding-top: 64px;
}

.displaynone {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 20px;
  text-align: center;
  display: none;
  padding-top: 5px;
  cursor: pointer;
}

.imgbl {
  height: 140px;
  overflow: hidden;
  padding-top: 50px;
}

.displaynone h3 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  margin-top: -20px;
}

.displaynone p {
  color: #5a5a5a;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 20px;
}

.sectionFour {
  background: #5756f1;
  width: 100%;
  height: 731px;
  overflow: hidden;
  min-width: 1280px;
  padding-bottom: 40px;
}

.sectionFour h3 {
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  width: 100%;
  text-align: center;
  margin-top: 70px;
}

.sectionFour p {
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
}

.listegin {
  margin: 0px auto;
  margin-top: 2%;
  display: flex;
}

.listegin ul li {
  float: left;
  margin: 6px;
  position: relative;
}

.listegin ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.listegin ul li .op {
  width: 100%;
  border-radius: 20px;
}

.listegin ul li p {
  width: 100%;
  position: absolute;
  top: 48%;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-shadow: 5px 2px 6px #000;
}

.listegin ul li img {
  width: 100%;
  border-radius: 20px;
}

.listegin ul li img.hover {
  display: none;
}

.moreSee {
  width: 100%;
  height: 119px;
  overflow: hidden;
}

.moreSee a {
  width: 115.31px;
  height: 37px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  display: block;
  font-size: 14px;
  margin: auto;
  margin-top: 4%;
  border-radius: 20px;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.hoverviewWhite:hover {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
}

.sectionFive {
  width: 100%;
  height: 620px;
  min-width: 1280px;
  overflow: hidden;
}

.sectionFive h3 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
}

.sectionFive p {
  color: #5a5a5a;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
}

.bgco1 {
  width: 100%;
  overflow: hidden;
}

.bgco1 h3 {
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  color: #000000;
  width: 100%;
  text-align: center;
  margin-top: 80px;
  font-weight: bold;
}

.bgco1 p {
  width: 100%;
  text-align: center;
  margin-top: 8px;
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
}

.listegin1 {
  position: relative;
  margin: 0 auto;
  width: 1240px;
  margin-top: 56px;
}

.listegin1 ul li {
  float: left;
  position: relative;
  margin-left: 2%;
  margin: 31px;
}

.listegin1 ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.listegin1 ul li .op {
  width: 100%;
}

.listegin1 ul li p {
  width: 100%;
  position: absolute;
  top: 48%;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-shadow: 5px 2px 6px #000;
}

.listegin1 ul li img {
  width: 100%;
}

.listegin1 ul li img.hover {
  display: none;
}

.join5 {
  width: 100%;
  height: 99px;
  overflow: hidden;
}

.join5 a {
  width: 115.31px;
  height: 37px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  display: block;
  font-size: 14px;
  margin: auto;
  margin-top: 4%;
  border-radius: 20px;
  border: 1px solid #5a5a5a;
  color: #5a5a5a;
}

.contentResource {
  width: 100%;
  position: relative;
  height: 600px;
  max-height: 600px;
  text-align: center;
  min-width: 1280px;
}

.contentAll {
  width: 1200px;
  margin: auto;
}

.resourceContent {
  position: relative;
  top: 60px;
  width: 1260px;
  margin: auto;
}


.resourceContent ul li {
  float: left;
  position: relative;
  margin: 8px;
}

.resourceContent ul li p {
  width: 100%;
  position: absolute;
  top: 48%;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-shadow: 5px 2px 6px #000;
}

.resourceContent ul li img.hover {
  display: none;
}

.contentResource h3 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
}

.contentResource p {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 8px;
}

.sectionThree {
  width: 100%;
  position: relative;
  height: 600px;
  max-height: 600px;
  text-align: center;
  min-width: 1280px;
}

.sectionSix {
  width: 100%;
  height: 620px;
  min-width: 1280px;
  overflow: hidden;
}

.fontPic {
  position: relative;
  margin: auto;
  width: 1200px;
}

.sectionSix h3 {
  width: 100%;
  text-align: center;
  margin-top: 55px;
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
}

.sectionSix p {
  width: 100%;
  text-align: center;
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 18px;
  line-height: normal;
  margin-top: 7px;
}

.sectionSix ul li {
  float: left;
  position: relative;
  margin: 0;
  margin-left: 12px;
  margin-top: 56px;
}

.sectionSix ul li .op {
  width: 100%;
}

.sectionSix ul li img {
  width: 100%;
}

.listOne li p {
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 140px;
  margin-top: -70px;
  position: relative;
  top: -28px;
  width: 216px;
}

.listOne li em {
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
}


.lastOne {
  position: relative;
  left: 12px;
  top: 6px;
  width: 100%;
  min-width: 1260px;
  height: 132px;
}

.lastOne ul {
  left: 105px;
  position: relative;
}

.lastOne ul li {
  float: left;
  position: relative;
  padding: 12px;
  height: 76px;
  line-height: 30px;
  top: -164px;
}

.lastOne ul li .op {
  width: 100%;
}

.lastOne ul li p {
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 24px;
  /* line-height: 23px; */
  letter-spacing: 0px;
  text-align: left;
  width: 185px;
  margin-top: -15px;
  left: -85px;
  position: relative;
}

.lastOne ul li em {
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  /* line-height: 27px; */
  letter-spacing: 0px;
  text-align: left;
  float: left;
  position: relative;
  top: -17px;
}

.fontEm1,
.fontEm2,
.fontEm3,
.fontEm4 {
  margin-top: -20px;
}

.sectionSeven {
  width: 100%;
  height: 670px;
  min-width: 1280px;
  margin-top: 335px;
  background: #2e2e2e;
  background-image: url(../pic/3dBg.png);
  background-repeat: no-repeat;
  background-position: 290px 0px;
}

.sectionSevenDiv {
  width: 1160px;
  height: 518px;
  margin: 0 auto;
  top: 40px;
  position: relative;
}

.carModel {
  float: left;
  margin-top: 35px;
}

.font3D {
  float: left;
  margin-left: 157px;
  margin-top: 35px;
}

.font3D h1 {
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
}

.font3D p {
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;

}

.font3D .content3D {
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: 3.75;
  letter-spacing: 0px;
  text-align: left;
  margin-top: -295px;
  margin-left: 40px;
}

.sevenButton {
  width: 115.31px;
  height: 37px;
  line-height: 36px;
  text-align: center;
  border: solid 1px #fff;
  color: #fff;
  display: block;
  font-size: 14px;
  margin-top: 70px;
  font-family: Source Han Sans CN;
  border-radius: 20px;
  background: #262626;
}

.sectionEight {
  width: 100%;
  min-width: 1280px;
  overflow: hidden;
}

.picCenter {
  width: 1280px;
  margin: 0 auto;
}

.sectionEight h3 {
  width: 100%;
  text-align: center;
  margin-top: 107px;
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
}

.sectionEight p {
  width: 100%;
  margin-top: 8px;
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
}

.picSty {
  width: 96%;
  height: 96%;
}

.sectionNine {
  width: 100%;
  height: 447px;
  min-width: 1280px;
  background: linear-gradient(180deg, #5756f1 0%, #41c1fc 100%);
}

.sectionNine h3 {
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
}

.sectionNine p {
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: 33px;
  letter-spacing: 0px;
  text-align: left;
}

.sectionNine a {
  width: 115.31px;
  height: 37px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  border: solid 1px #fff;
  color: #fff;
  display: block;
  font-size: 14px;
  margin-top: 75px;
  font-family: Source Han Sans CN;
  font-weight: regular;
}

.sectionNineDiv {
  width: 1250px;
  margin: auto;
}

.leftDiv {
  float: left;
  height: 447px;
}

.leftPic {
  width: 546.6px;
  height: 502.22px;
  position: relative;
  margin-left: 20%;
  top: -60px;
}

.rightDiv {
  float: right;
  margin-top: 65px;
}

.sectionTen {
  width: 100%;
  min-width: 1280px;
  height: 700px;
}

.sectionTen h3 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 70px;
}

.schoolFlagBox {
  width: 1080px;
  margin: 0 auto;
  margin-top: 65px;
  position: relative;
}

.sectionEleven {
  width: 100%;
  height: 498px;
  min-width: 1280px;
  background-color: #ffffff;
}

.sectionEleven h3 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  top: 88px;
  position: relative;
}

.con1 {
  width: 1075px;
  overflow: hidden;
  height: 500px;
  position: relative;
  top: 140px;
  margin: 0px auto;
}

.con1 ul li {
  margin: 15px;
  float: left;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
}

#sectionOne {
  background-image: url(../pic/bottomBg.png);
  height: 200px;
  width: 1136px;
  top: -160px;
  margin: auto;
  position: relative;
}

.onetit1 {
  color: #ffffff;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: center;
  padding-top: 80px;
  width: 495px;
  height: 36px;
  margin-left: 25%;
}

/* .floatDiv {
  width: 100%;
  height: 100px;
  background-color: #333237;
  position: relative;
} */

.join8 {
  width: 100%;
  height: 214px;
  min-width: 1280px;
}

.join8 a {
  width: 140px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 20px;
  display: block;
  font-size: 14px;
  margin-top: -2px;
  margin-left: 62%;
  color: #ffffff;
  border-radius: 40px;
  border: 1px solid #ffffff;
  backdrop-filter: blur(20px);
}

.FlagBox {
  width: 506px;
  height: 535px;
  border-radius: 0px 40px 4px 0px;
  background: #ffffff;
  position: relative;
  float: left;
  margin-left: 22px;
}

.FlagBox span {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.flagTitle {
  width: 445px;
  margin: auto;
}

.moreAndMore {
  color: #A09E9E;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  float: right;
  position: relative;
  top: -25px;
  cursor: pointer;
}

.borderLine {
  border: 1px solid #D3D3D3;
  width: 445px;
  margin-top: 16px;
}

.flagContent {
  width: 445px;
  height: 110.25px;
  margin: auto;
  margin-top: 58px;
  cursor: pointer;
}

.flagPic {
  width: 196px;
  height: 110.25px;
  float: left;
  background: #C4C4C4;

}

.FlagBox .flagP h2 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  left: 17px;
  position: relative;
}

.blueflag {
  border-radius: 4px;
  color: #43B6FB;
  border: 1px solid #43B6FB;
  width: 74px;
  height: 21px;
  line-height: 18px;
  position: relative;
  left: 152px;
  text-align: center;
  top: -27px;
  margin: 61px;
}

.flagP p {
  color: #A09E9E;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  width: 90px;
  height: 21px;
  position: relative;
  left: 212px;
  top: -20px;
}

.flagh1 {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 25px;
}

.FlagBox h2 {
  color: #A09E9E;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;
  margin-top: -24px;
  margin-left: 132px;

}

.flaghp {
  width: 352px;
  text-align: left;
  padding-top: 20px;
  margin: 0 auto;
  color: #5a5a5a;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
  margin-left: 25px;
  padding: 0px 0px 27px 0px;
}

/* 
.black32pxTit {
  color: #000000;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 34px;
  line-height: normal;
} */

.twoTit1 {
  text-align: center;
  padding-top: 64px;
}

.bottomBg {
  min-width: 1280px;
}

.descrCon-style {
  margin: 0 auto;
  width: 1446px;
  padding-top: 40px;
  padding-left: 142px;
}

@media only screen and (max-width: 1500px) {
  .descrCon-style {
    width: 1400px;
    padding-left: 111px;
  }
}

@media only screen and (max-width: 1366px) {
  .descrCon-style {
    width: 1400px;
    padding-left: 43px;
  }
}

@media only screen and (max-width: 1280px) {
  .descrCon-style {
    width: 1400px;
    padding-left: 9px;
  }
}

@media only screen and (max-width: 1025px) {

  .sectionOne,
  .sectionTwo,
  .sectionThree,
  .videoCon,
  .sectionFour,
  .listegin,
  .sectionFive,
  .sectionNine,
  .bottomBg {
    min-width: 1024px;
  }

  .videotab {
    bottom: 80px;
  }

  .videoCon {}
}

@media only screen and (max-width: 1281px) {

  .sectionOne,
  .sectionTwo,
  .sectionThree,
  .videoCon,
  .sectionFour,
  .listegin,
  .sectionFive,
  .sectionNine,
  .bottomBg {
    min-width: 1280px;
  }

  .videotab {
    bottom: 80px;
  }
}

@media only screen and (max-width: 1367px) {

  .sectionOne,
  .sectionTwo,
  .sectionThree,
  .videoCon,
  .sectionFour,
  .listegin,
  .sectionFive,
  .sectionNine,
  .bottomBg {
    min-width: 1280px;
  }

  .videotab {
    bottom: 87px;
  }

  .videoCon {
    top: 0%;
  }

  .videoOp h3 {
    margin-top: 62px;
  }

  .sectionFour .h3 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1281px) {

  .sectionOne,
  .sectionTwo,
  .sectionThree,
  .videoCon,
  .sectionFour,
  .listegin,
  .sectionFive,
  .sectionNine,
  .bottomBg {
    min-width: 1280px;
  }

  .videotab {
    bottom: 87px;
  }

  .videoCon {
    top: 0%;
  }
}

body {
  margin: 0;
  padding: 0;
}

h1 {
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
}


.f-nav {
  width: 1300px;
  overflow: hidden;
  margin: auto;
  display: block;
  position: relative;
  padding: 0;
}

.f-nav li {
  padding: 0;
  margin: 0;
  float: left;
  height: 60px;
  line-height: 60px;
  position: relative;
  z-index: 100;
  display: inline-block;
  list-style-type: none;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: regular;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0px;
}

.sideline {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  min-height: 30px;
  z-index: 100;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  list-style-type: none;
  width: 100px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}