#aboutModule {
  min-width: 1100px;
  width: 100%;
  overflow-x: hidden;
  position: relative;
}
#aboutModule .navigation {
  position: absolute;
  top: 25px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  width: 1080px;
  border-bottom: 1px solid rgba(238, 240, 246, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
#aboutModule .navigation ul {
  width: 480px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
#aboutModule .navigation ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  color: #b9b9b9;
  font-size: 16px;
  cursor: pointer;
}
#aboutModule .navigation ul li:hover {
  color: #486fff;
  border-bottom: 2px solid #486fff;
}
#aboutModule .navigation ul li.activeW {
  color: #fff;
  border-bottom: 2px solid #fff;
}
#aboutModule .navigation ul li.activeB {
  color: #486fff;
  border-bottom: 2px solid #486fff;
}
#aboutModule #aboutContId {
  overflow-y: hidden;
}
#aboutModule #aboutContId .plate0 {
  width: 100%;
  display: none;
}
#aboutModule #aboutContId .plate0 .module1 {
  position: relative;
  height: 600px;
  overflow: hidden;
}
#aboutModule #aboutContId .plate0 .module1 .cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.5);
}
#aboutModule #aboutContId .plate0 .module1 .cont h3 {
  margin-bottom: 20px;
  font-size: 38px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#aboutModule #aboutContId .plate0 .module1 .cont h3 span {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  margin: 0 5px;
}
#aboutModule #aboutContId .plate0 .module1 .cont .detail p {
  color: #fff;
}
#aboutModule #aboutContId .plate0 .module1 .cont .detail p.p1 {
  margin-bottom: 0px;
  font-size: 20px;
}
#aboutModule #aboutContId .plate0 .module1 .cont .detail p.p2 {
  font-size: 16px;
}
#aboutModule #aboutContId .plate0 .module1 img {
  min-width: 1903px;
  width: 100%;
  height: 600px;
}
#aboutModule #aboutContId .plate0 .module2 {
  margin: 55px auto 50px;
  width: 1080px;
}
#aboutModule #aboutContId .plate0 .module2 .title {
  width: 100%;
  text-align: center;
}
#aboutModule #aboutContId .plate0 .module2 .title h2 {
  font-size: 30px;
  color: #333333;
  margin-bottom: 55px;
}
#aboutModule #aboutContId .plate0 .module2 .title p {
  text-align: left;
  font-size: 16px;
  color: #666666;
  margin: 0;
  line-height: 30px;
}
#aboutModule #aboutContId .plate0 .module2 .title p:nth-child(4) {
  margin-top: 15px;
}
#aboutModule #aboutContId .plate0 .module2 .content {
  width: 100%;
  margin: 50px auto 0;
  text-align: center;
  position: relative;
}
#aboutModule #aboutContId .plate0 .module2 .content .detail {
  position: absolute;
  top: 0px;
  left: 110px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  color: #fff;
}
#aboutModule #aboutContId .plate0 .module2 .content .detail h3 {
  font-size: 26px;
}
#aboutModule #aboutContId .plate0 .module2 .content .detail p {
  font-size: 20px;
}
#aboutModule #aboutContId .plate0 .module2 .content img {
  width: 1080px;
}
#aboutModule #aboutContId .plate1 {
  width: 100%;
  display: none;
}
#aboutModule #aboutContId .plate1 .module3 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 130px 0 55px 0;
}
#aboutModule #aboutContId .plate1 .module3 .title {
  width: 100%;
  text-align: center;
}
#aboutModule #aboutContId .plate1 .module3 .title h2 {
  font-size: 30px;
  color: #333333;
}
#aboutModule #aboutContId .plate1 .module3 .content {
  width: 1080px;
  margin: 55px auto 0;
}
#aboutModule #aboutContId .plate1 .module3 .content ul {
  display: flex;
  justify-content: center;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li {
  position: relative;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li img {
  width: 270px;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li .title {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li .title .top {
  width: 66%;
  margin: 40px auto 0;
  text-align: left;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li .title .top h3 {
  font-size: 48px;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li .title .top img {
  width: 17px;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li .title .center {
  width: 66%;
  text-align: left;
  margin: 52px auto 0;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li .title .center h3 {
  font-size: 24px;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li .title .center p {
  font-size: 16px;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li:hover {
  transform: scale(1.03);
  transform-origin: 100% 100%;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li:hover .title {
  background: rgba(93, 120, 255, 0.9);
}
#aboutModule #aboutContId .plate1 .module3 .content ul li:hover .title .top h3 {
  font-size: 48px;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li:hover .title .center h3 {
  font-size: 24px;
}
#aboutModule #aboutContId .plate1 .module3 .content ul li:hover .title .center p {
  font-size: 16px;
}
#aboutModule #aboutContId .plate2 {
  width: 100%;
  display: none;
}
#aboutModule #aboutContId .plate2 .module4 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 130px 0 55px 0;
}
#aboutModule #aboutContId .plate2 .module4 .title {
  width: 100%;
  text-align: center;
}
#aboutModule #aboutContId .plate2 .module4 .title h2 {
  font-size: 30px;
  color: #333333;
}
#aboutModule #aboutContId .plate2 .module4 .content {
  width: 1080px;
  margin: 58px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyLeft {
  height: 520px;
  width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyLeft li {
  width: 180px;
  height: 240px;
  font-size: 40px;
  color: #999;
  background: #eef0f6;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyLeft li:hover {
  color: #fff;
  background: #486fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyLeft li:hover span:nth-child(2) {
  background: #fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyLeft li.active {
  color: #fff;
  background: #486fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyLeft li span:nth-child(2) {
  display: block;
  width: 4px;
  height: 24px;
  background: #999;
  margin: 18px 0;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyLeft li span:nth-child(2).active {
  background: #fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate {
  position: relative;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li.width60 {
  width: 60px;
  height: 60px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li.width140 {
  width: 140px;
  height: 140px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li.width160 {
  width: 160px;
  height: 160px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li.width100 {
  width: 100px;
  height: 100px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li.width70 {
  width: 70px;
  height: 70px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:hover .activeTop {
  display: block !important;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:hover .activeCenter {
  display: block !important;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:hover .activeCenter2 {
  display: block !important;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:hover .activeCenter3 {
  display: block !important;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li span {
  width: 100%;
  display: block;
  height: 36px;
  text-align: center;
  line-height: 36px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li span.activeB {
  background: #fff;
  border: 1px solid #4261f9;
  color: #486fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li span.active3 {
  background: #fff;
  border: 1px solid #aeb3c1;
  color: #333;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont {
  position: absolute;
  width: 294px;
  padding: 15px 0;
  background: rgba(72, 111, 255, 0.9);
  display: none;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont.activeTop {
  top: -86px;
  left: -117px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont.activeCenter {
  top: -265px;
  left: -96px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont.activeCenter2 {
  top: -217px;
  left: -96px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont.activeCenter3 {
  top: -118px;
  left: -97px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont .tipUl {
  width: 100%;
  font-size: 14px;
  color: #fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont .tipUl .tipItem {
  padding: 0px 20px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont .tipUl .tipLi {
  margin: 0 auto;
  width: 249px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont .tipUl .tipLi span {
  width: 116px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid #fff;
  color: #fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li .tipCont .borderBottom {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 12px solid rgba(72, 111, 255, 0.8);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(1) {
  left: 360px;
  top: 25px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(2) {
  left: 283px;
  top: 62px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(3) {
  left: 209px;
  top: 99px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(4) {
  left: 133px;
  top: 137px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(5) {
  left: 59px;
  top: 172px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(6) {
  left: 668px;
  top: -15px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(7) {
  left: 412px;
  top: 42px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(8) {
  left: 607px;
  top: 133px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(9) {
  left: 251px;
  top: 198px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(10) {
  left: 353px;
  top: 253px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(11) {
  left: 456px;
  top: 307px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(12) {
  left: 132px;
  top: 358px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(13) {
  left: 186px;
  top: 388px;
  z-index: 2;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate .yearLateUl li:nth-child(14) {
  left: 241px;
  top: 416px;
  z-index: 3;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearLate img {
  width: 839px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore {
  position: relative;
  display: none;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li.width140 {
  width: 140px;
  height: 140px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li.width160 {
  width: 160px;
  height: 160px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li.width100 {
  width: 100px;
  height: 100px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li.width70 {
  width: 70px;
  height: 70px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li:hover .activeCenter {
  display: block !important;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li:hover .activeCenter2 {
  display: block !important;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li span {
  width: 100%;
  display: block;
  height: 36px;
  text-align: center;
  line-height: 36px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li span.activeB {
  background: #fff;
  border: 1px solid #4261f9;
  color: #486fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li span.active3 {
  background: #fff;
  border: 1px solid #aeb3c1;
  color: #333;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont {
  position: absolute;
  width: 294px;
  padding: 15px 0;
  background: rgba(72, 111, 255, 0.9);
  display: none;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont.activeCenter {
  top: -218px;
  left: -96px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont.activeCenter2 {
  top: -169px;
  left: -96px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont .tipUl {
  width: 100%;
  font-size: 14px;
  color: #fff;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont .tipUl .tipItem {
  padding: 0px 20px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont .tipUl .tipLi {
  margin: 0 auto;
  width: 249px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont .tipUl .tipLi span {
  width: 116px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-bottom: 15px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li .tipCont .borderBottom {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 12px solid rgba(72, 111, 255, 0.9);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li:nth-child(1) {
  left: 607px;
  top: -15px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li:nth-child(2) {
  left: 434px;
  top: 80px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li:nth-child(3) {
  left: 219px;
  top: 217px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li:nth-child(4) {
  left: 357px;
  top: 283px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore .yearBeforeUl li:nth-child(5) {
  left: 127px;
  top: 391px;
}
#aboutModule #aboutContId .plate2 .module4 .content .technologyRight .yearBefore img {
  width: 778px;
}
#aboutModule #aboutContId .plate3 {
  width: 100%;
  display: none;
}
#aboutModule #aboutContId .plate3 .module5 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 130px 0 55px 0;
}
#aboutModule #aboutContId .plate3 .module5 .title {
  width: 100%;
  text-align: center;
}
#aboutModule #aboutContId .plate3 .module5 .title h2 {
  font-size: 30px;
  color: #333333;
}
#aboutModule #aboutContId .plate3 .module5 .content {
  width: 1080px;
  margin: 55px auto 0;
  position: relative;
}
#aboutModule #aboutContId .plate3 .module5 .content img {
  width: 1080px;
  height: 520px;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: space-between;
  flex-direction: column;
  margin: 0;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude li {
  width: 100%;
  height: 172px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude li:hover {
  background: #486fff;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude li.active {
  background: #486fff;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude li img {
  width: 88px;
  height: 80px;
  margin-right: 20px;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude li .item {
  color: #fff;
  width: 84px;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude li .item h3 {
  font-size: 24px;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.leftaptitude li .item p {
  font-size: 16px;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.rightaptitude {
  width: 50%;
  margin: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  overflow: hidden;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.rightaptitude li {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.rightaptitude li div {
  margin-left: 50px;
  font-size: 16px;
  color: #fff;
  height: 15px;
  margin-bottom: 25px;
  display: none;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.rightaptitude li div.active {
  display: block;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.rightaptitude li div span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  margin-right: 5px;
}
#aboutModule #aboutContId .plate3 .module5 .content .aptitude ul.rightaptitude li div p {
  display: inline-block;
  margin: 0;
}
#aboutModule #aboutContId .plate4 {
  width: 100%;
  display: none;
}
#aboutModule #aboutContId .plate4 .module6 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  height: 960px;
}
#aboutModule #aboutContId .plate4 .module6 .title {
  padding-top: 125px;
  width: 100%;
  text-align: center;
}
#aboutModule #aboutContId .plate4 .module6 .title h2 {
  font-size: 30px;
  color: #333333;
}
#aboutModule #aboutContId .plate4 .module6 .content {
  width: 100%;
  margin: 55px auto 0;
}
#aboutModule #aboutContId .plate4 .module6 .content .step {
  width: 1080px;
  height: 320px;
  margin: 0 auto;
}
#aboutModule #aboutContId .plate4 .module6 .content .step ul {
  width: 855px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#aboutModule #aboutContId .plate4 .module6 .content .step ul li {
  display: flex;
  flex-direction: column;
}
#aboutModule #aboutContId .plate4 .module6 .content .step ul li img:nth-child(1) {
  width: 126px;
}
#aboutModule #aboutContId .plate4 .module6 .content .step ul li img:nth-child(2) {
  width: 98px;
}
#aboutModule #aboutContId .plate4 .module6 .content .step ul li h3 {
  color: #333;
  font-size: 24px;
  margin-left: 13px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData {
  width: 100%;
  height: 488px;
  background: #fff;
  position: relative;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont {
  position: absolute;
  width: 1080px;
  height: 460px;
  top: -84px;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  background: #fff;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm {
  margin-left: 40px;
  height: 460px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm h3 {
  font-size: 24px;
  color: #333;
  margin: 40px 0 30px 0;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form {
  display: flex;
  flex-direction: column;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form input {
  margin-bottom: 20px;
  font-size: 16px;
  color: #333;
  width: 558px;
  height: 50px;
  border: 1px solid #eef0f6;
  text-indent: 20px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont {
  width: 558px;
  height: 160px;
  border: 1px solid #eef0f6;
  position: relative;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont textarea {
  width: 518px;
  height: 110px;
  margin: 25px 0 0 20px;
  font-size: 16px;
  color: #333;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont .btnSub {
  position: absolute;
  width: 70px;
  height: 70px;
  right: 20px;
  bottom: -35px;
  cursor: pointer;
  opacity: 0;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .leftForm form .areaCont img {
  position: absolute;
  width: 70px;
  right: 20px;
  bottom: -35px;
  cursor: pointer;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont {
  width: 442px;
  height: 460px;
  background: #486fff;
  display: flex;
  flex-direction: column;
  color: #fff;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont h3 {
  font-size: 24px;
  margin: 35px 0 0 45px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont div {
  margin: 24px 0 0 45px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont div span {
  font-size: 18px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont div p {
  font-size: 16px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont .likeItem {
  width: 79%;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont .likeItem .img1 {
  width: 73px;
  opacity: 0;
  -webkit-animation-name: birdabout;
  -webkit-animation-duration: 2s !important;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: birdabout;
  -moz-animation-duration: 2s !important;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: birdabout;
  -o-animation-duration: 2s !important;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -ms-animation-name: birdabout;
  -ms-animation-duration: 2s !important;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  animation-name: birdabout;
  animation-duration: 2s !important;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  cursor: pointer;
}
.img1{
	width: 120px !important;
	height: 170px !important; 
	position: relative;
	top: 100px;
}
#aboutModule #aboutContId .plate4 .module6 .content .formData .formCont .rightCont .likeItem .img2 {
  width: 140px;
  display: none;
  -webkit-animation-name: birdabout;
  -webkit-animation-duration: 2s !important;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: birdabout;
  -moz-animation-duration: 2s !important;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: birdabout;
  -o-animation-duration: 2s !important;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -ms-animation-name: birdabout;
  -ms-animation-duration: 2s !important;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  animation-name: birdabout;
  animation-duration: 2s !important;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.messageBox {
  position: fixed;
  top: 536px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 100;
  width: 510px;
  height: 248px;
  border: 1px solid #dddddd;
  box-shadow: 0px 0px 10px #dddddd;
  background: #fff;
  display: none;
}
.messageBox .cont {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.messageBox .cont img {
  width: 60px;
}
.messageBox .cont p {
  font-size: 14px;
  color: #333;
  margin: 15px 0 30px 0;
}
.messageBox .cont .btnBlue {
  width: 100px;
  height: 30px;
  border-radius: 4px;
  background: #486fff;
  font-size: 14px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}