.public {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.public > .txt {
  text-align: center;
}
.public > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
.public > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
.public > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
}
.public > .img > div {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.public > .img > div > .pic {
  width: 54.16666667%;
  overflow: hidden;
  opacity: 0;
  position: relative;
}
.public > .img > div > .pic > .Fun {
  padding-top: 81.53846154%;
  overflow: hidden;
}
.public > .img > div > .pic > .Fun > div {
  margin-top: -81.53846154%;
}
.public > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
.threePic > .txt {
  text-align: center;
}
.threePic > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
.threePic > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
.threePic > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
}
.threePic > .img {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
}
.threePic > .img > div {
  width: 25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  opacity: 0;
  transform: translateY(5rem);
}
.threePic > .img > div > .pic {
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.threePic > .img > div > .pic > .Fun {
  padding-top: 100%;
  overflow: hidden;
}
.threePic > .img > div > .pic > .Fun > div {
  margin-top: -100%;
}
.threePic > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.threePic > .img > div > .txt {
  text-align: center;
}
.threePic > .img > div > .txt > p:first-child {
  font-family: 'PingFangSC-Medium';
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.threePic > .img > div > .txt > p:nth-child(2),
.threePic > .img > div > .txt > p:nth-child(3) {
  font-size: 0.875rem;
}
#productCenter .page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#productCenter .page > .banner {
  width: 100%;
  height: 100%;
  background: url('/Resource/Media/Product/ProductCenter/banner0.jpg') no-repeat;
  background-size: cover;
  position: relative;
}
#productCenter .page > .banner > .txt {
  width: 19.1875rem;
  height: 5.8125rem;
  background: url('/Resource/Media/Product/ProductCenter/bannerTxt.png');
  background-size: cover;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
}
#productCenter .page > .smartBrain {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
}
#productCenter .page > .smartBrain > .txt > p:last-child {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .smartBrain > .txt > p:last-child > a {
  color: #ff6712;
}
#productCenter .page > .smartBrain > .txt {
  text-align: center;
}
#productCenter .page > .smartBrain > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .smartBrain > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .smartBrain > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
}
#productCenter .page > .smartBrain > .img {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
}
#productCenter .page > .smartBrain > .img > div {
  width: 25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  opacity: 0;
  transform: translateY(5rem);
}
#productCenter .page > .smartBrain > .img > div > .pic {
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
#productCenter .page > .smartBrain > .img > div > .pic > .Fun {
  padding-top: 100%;
  overflow: hidden;
}
#productCenter .page > .smartBrain > .img > div > .pic > .Fun > div {
  margin-top: -100%;
}
#productCenter .page > .smartBrain > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .smartBrain > .img > div > .txt {
  text-align: center;
}
#productCenter .page > .smartBrain > .img > div > .txt > p:first-child {
  font-family: 'PingFangSC-Medium';
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
#productCenter .page > .smartBrain > .img > div > .txt > p:nth-child(2),
#productCenter .page > .smartBrain > .img > div > .txt > p:nth-child(3) {
  font-size: 0.875rem;
}
#productCenter .page > .smartBrain > .img > div.img1 {
  background: #F8F8F8;
}
#productCenter .page > .smartBrain > .img > div.img2 {
  background: #DBDBDB;
}
#productCenter .page > .smartBrain > .img > div.img3 {
  background: #F8F8F8;
}
#productCenter .page > .smartBrain > .img > div > .txt > p:first-child {
  color: #555;
}
#productCenter .page > .smartBrain > .img > div > .txt > p:not(:first-child) {
  color: #666;
}
#productCenter .page > .ucheck {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#productCenter .page > .ucheck > .txt {
  text-align: center;
}
#productCenter .page > .ucheck > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .ucheck > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .ucheck > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
}
#productCenter .page > .ucheck > .img > div {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
#productCenter .page > .ucheck > .img > div > .pic {
  width: 54.16666667%;
  overflow: hidden;
  opacity: 0;
  position: relative;
}
#productCenter .page > .ucheck > .img > div > .pic > .Fun {
  padding-top: 81.53846154%;
  overflow: hidden;
}
#productCenter .page > .ucheck > .img > div > .pic > .Fun > div {
  margin-top: -81.53846154%;
}
#productCenter .page > .ucheck > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
#productCenter .page > .ucheck > .txt > p:last-child {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .ucheck > .txt > p:last-child > a {
  color: #ff6712;
}
#productCenter .page > .ucheck > .img > .img1 {
  background: #282828;
}
#productCenter .page > .ucheck > .img > .img1 > .txt > p {
  font-size: 1.25rem;
  color: #999;
  position: absolute;
  opacity: 0;
  transform: translateX(-5rem);
}
#productCenter .page > .ucheck > .img > .img1 > .txt > p:first-child {
  top: 33%;
  left: 10%;
  transform: translateX(-5rem);
}
#productCenter .page > .ucheck > .img > .img1 > .txt > p:nth-child(2) {
  bottom: 33%;
  left: 10%;
  transform: translateX(-5rem);
}
#productCenter .page > .ucheck > .img > .img1 > .txt > p:nth-child(3) {
  top: 33%;
  right: 10%;
  transform: translateX(5rem);
}
#productCenter .page > .ucheck > .img > .img1 > .txt > p:last-child {
  bottom: 33%;
  right: 10%;
  transform: translateX(5rem);
}
#productCenter .page > .ucam {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#productCenter .page > .ucam > .txt {
  text-align: center;
}
#productCenter .page > .ucam > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .ucam > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .ucam > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
}
#productCenter .page > .ucam > .img > div {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
#productCenter .page > .ucam > .img > div > .pic {
  width: 54.16666667%;
  overflow: hidden;
  opacity: 0;
  position: relative;
}
#productCenter .page > .ucam > .img > div > .pic > .Fun {
  padding-top: 81.53846154%;
  overflow: hidden;
}
#productCenter .page > .ucam > .img > div > .pic > .Fun > div {
  margin-top: -81.53846154%;
}
#productCenter .page > .ucam > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
#productCenter .page > .ucam > .txt > p:last-child {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .ucam > .txt > p:last-child > a {
  color: #ff6712;
}
#productCenter .page > .ucam .img1 {
  background: #F5F5F6;
}
#productCenter .page > .curtain {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
}
#productCenter .page > .curtain > .txt > p:last-child {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .curtain > .txt > p:last-child > a {
  color: #ff6712;
}
#productCenter .page > .curtain > .txt {
  text-align: center;
}
#productCenter .page > .curtain > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .curtain > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .curtain > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
}
#productCenter .page > .curtain > .img {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
}
#productCenter .page > .curtain > .img > div {
  width: 25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  opacity: 0;
  transform: translateY(5rem);
}
#productCenter .page > .curtain > .img > div > .pic {
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
#productCenter .page > .curtain > .img > div > .pic > .Fun {
  padding-top: 100%;
  overflow: hidden;
}
#productCenter .page > .curtain > .img > div > .pic > .Fun > div {
  margin-top: -100%;
}
#productCenter .page > .curtain > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .curtain > .img > div > .txt {
  text-align: center;
}
#productCenter .page > .curtain > .img > div > .txt > p:first-child {
  font-family: 'PingFangSC-Medium';
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
#productCenter .page > .curtain > .img > div > .txt > p:nth-child(2),
#productCenter .page > .curtain > .img > div > .txt > p:nth-child(3) {
  font-size: 0.875rem;
}
#productCenter .page > .curtain > .img {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
}
#productCenter .page > .curtain > .img > div {
  width: 25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(5rem);
  position: relative;
}
#productCenter .page > .curtain > .img > div > .pic {
  width: 80%;
  margin-bottom: 1rem;
  position: relative;
}
#productCenter .page > .curtain > .img > div > .pic > .Fun {
  padding-top: 250%;
  overflow: hidden;
}
#productCenter .page > .curtain > .img > div > .pic > .Fun > div {
  margin-top: -250%;
}
#productCenter .page > .curtain > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .curtain > .img > div > .txt {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #666;
}
#productCenter .page > .curtain > .img > div > .txt > p:first-child {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
#productCenter .page > .curtain > .img > div > .txt > p:nth-child(2),
#productCenter .page > .curtain > .img > div > .txt > p:nth-child(3) {
  font-size: 0.875rem;
  opacity: 0.6;
}
#productCenter .page > .curtain > .img > div.img1 {
  background: #f6f6f6;
}
#productCenter .page > .curtain > .img > div.img2 {
  background: #ffffff;
}
#productCenter .page > .curtain > .img > div.img3 {
  background: #f6f6f6;
}
#productCenter .page > .curtain > .img > div.img3 > .pic {
  width: 75%;
  margin-bottom: 1rem;
  position: relative;
}
#productCenter .page > .curtain > .img > div.img3 > .pic > .Fun {
  padding-top: 166.66666667%;
  overflow: hidden;
}
#productCenter .page > .curtain > .img > div.img3 > .pic > .Fun > div {
  margin-top: -166.66666667%;
}
#productCenter .page > .curtain > .img > div.img3 > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .panel {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
}
#productCenter .page > .panel > .txt > p:last-child {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .panel > .txt > p:last-child > a {
  color: #ff6712;
}
#productCenter .page > .panel > .txt {
  text-align: center;
}
#productCenter .page > .panel > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .panel > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .panel > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
}
#productCenter .page > .panel > .img {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
}
#productCenter .page > .panel > .img > div {
  width: 25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  opacity: 0;
  transform: translateY(5rem);
}
#productCenter .page > .panel > .img > div > .pic {
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#productCenter .page > .panel > .img > div > .pic > .Fun {
  padding-top: 100%;
  overflow: hidden;
}
#productCenter .page > .panel > .img > div > .pic > .Fun > div {
  margin-top: -100%;
}
#productCenter .page > .panel > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .panel > .img > div > .txt {
  text-align: center;
}
#productCenter .page > .panel > .img > div > .txt > p:first-child {
  font-family: 'PingFangSC-Medium';
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
#productCenter .page > .panel > .img > div > .txt > p:nth-child(2),
#productCenter .page > .panel > .img > div > .txt > p:nth-child(3) {
  font-size: 0.875rem;
}
#productCenter .page > .panel > .img > div.img1 {
  background: #333333;
}
#productCenter .page > .panel > .img > div.img2 {
  background: #292929;
}
#productCenter .page > .panel > .img > div.img3 {
  background: #333333;
}
#productCenter .page > .panel > .img > div.img3 > .pic {
  /* margin-top: 1.3rem; */
}
#productCenter .page > .panel > .img > div > .txt > p {
  color: #fff;
}
#productCenter .page > .panel > .img > div > .txt > p:first-child {
  opacity: 0.76;
}
#productCenter .page > .panel > .img > div > .txt > p:not(:first-child) {
  opacity: 0.6;
}
#productCenter .page > .usay {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#productCenter .page > .usay > .txt {
  text-align: center;
}
#productCenter .page > .usay > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .usay > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .usay > .txt > p:nth-child(3) {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .usay > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
  color: #ff6712;
}
#productCenter .page > .usay > .img > .img1 {
  background: #F5F5F6;
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#productCenter .page > .usay > .img > .img1 > .pic {
  width: 68.33333333%;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
#productCenter .page > .usay > .img > .img1 > .pic > .Fun {
  padding-top: 70.97560976%;
  overflow: hidden;
}
#productCenter .page > .usay > .img > .img1 > .pic > .Fun > div {
  margin-top: -70.97560976%;
}
#productCenter .page > .usay > .img > .img1 > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .pandora {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#productCenter .page > .pandora > .txt {
  text-align: center;
}
#productCenter .page > .pandora > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .pandora > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .pandora > .txt > p:nth-child(3) {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .pandora > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
  color: #ff6712;
}
#productCenter .page > .pandora > .img > .img1 {
  background: #F5F5F6;
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#productCenter .page > .pandora > .img > .img1 > .pic {
  width: 58.33333333%;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
#productCenter .page > .pandora > .img > .img1 > .pic > .Fun {
  padding-top: 78.57142857%;
  overflow: hidden;
}
#productCenter .page > .pandora > .img > .img1 > .pic > .Fun > div {
  margin-top: -78.57142857%;
}
#productCenter .page > .pandora > .img > .img1 > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .cube {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#productCenter .page > .cube > .txt {
  text-align: center;
}
#productCenter .page > .cube > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .cube > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .cube > .txt > p:nth-child(3) {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .cube > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
  color: #ff6712;
}
#productCenter .page > .cube > .img > .img1 {
  background: #F5F5F6;
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#productCenter .page > .cube > .img > .img1 > .pic {
  width: 50%;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
#productCenter .page > .cube > .img > .img1 > .pic > .Fun {
  padding-top: 97.33333333%;
  overflow: hidden;
}
#productCenter .page > .cube > .img > .img1 > .pic > .Fun > div {
  margin-top: -97.33333333%;
}
#productCenter .page > .cube > .img > .img1 > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .waterMeter {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
}
#productCenter .page > .waterMeter > .txt {
  text-align: center;
}
#productCenter .page > .waterMeter > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .waterMeter > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .waterMeter > .txt > p:nth-child(3) {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .waterMeter > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
  color: #ff6712;
}
#productCenter .page > .waterMeter > .img {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
}
#productCenter .page > .waterMeter > .img > div {
  width: 37.5rem;
  height: 100%;
  opacity: 0;
  transform: translateY(5rem);
  position: relative;
}
#productCenter .page > .waterMeter > .img > div > .pic {
  width: 83.33333333%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#productCenter .page > .waterMeter > .img > div > .pic > .Fun {
  padding-top: 100%;
  overflow: hidden;
}
#productCenter .page > .waterMeter > .img > div > .pic > .Fun > div {
  margin-top: -100%;
}
#productCenter .page > .waterMeter > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .waterMeter > .img > div.img1 {
  background: #323232;
}
#productCenter .page > .waterMeter > .img > div.img2 {
  background: #E8E8EA;
}
#productCenter .page > .waterMeter > .img > div > .txt {
  position: absolute;
  color: transparent;
}
#productCenter .page > .knowledgeware {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
}
#productCenter .page > .knowledgeware > .txt {
  text-align: center;
}
#productCenter .page > .knowledgeware > .txt > p:first-child {
  font-size: 3rem;
  color: #333;
}
#productCenter .page > .knowledgeware > .txt > p:nth-child(2) {
  font-size: 1.25rem;
  color: #666;
  margin-top: 1rem;
}
#productCenter .page > .knowledgeware > .txt > p:nth-child(3) {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#productCenter .page > .knowledgeware > .txt > p:nth-child(3) > a {
  font-size: 0.875rem;
  color: #ff6712;
}
#productCenter .page > .knowledgeware > .img {
  width: 75rem;
  height: 36.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
}
#productCenter .page > .knowledgeware > .img > div {
  width: 37.5rem;
  height: 100%;
  opacity: 0;
  transform: translateY(5rem);
  position: relative;
}
#productCenter .page > .knowledgeware > .img > div > .pic {
  width: 83.33333333%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#productCenter .page > .knowledgeware > .img > div > .pic > .Fun {
  padding-top: 100%;
  overflow: hidden;
}
#productCenter .page > .knowledgeware > .img > div > .pic > .Fun > div {
  margin-top: -100%;
}
#productCenter .page > .knowledgeware > .img > div > .pic > .con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productCenter .page > .knowledgeware > .img > div.img1.ac11 {
  background: #E8E8EA;
}
#productCenter .page > .knowledgeware > .img > div.img1 {
  background: #F2F2F2;
}
#productCenter .page > .knowledgeware > .img > div.img2 {
  background: #E8E8EA;
}
#productCenter .page > .knowledgeware > .img > div > .txt {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
#productCenter .page > .knowledgeware > .img > div > .txt > p {
  white-space: nowrap;
}
#productCenter .page > .knowledgeware > .img > div > .txt > p:first-child {
  font-family: 'PingFangSC-Medium';
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.ucam > .img .txt,
.usay > .img .txt,
.pandora > .img .txt,
.cube > .img .txt,
.waterMeter > .img .txt {
  color: transparent;
}
.dynamicEffect .ac {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: 0.8s;
}
.dynamicEffect .acac {
  opacity: 1 !important;
  transform: translateX(0) !important;
  transition: 0.8s;
}
.dynamicEffect .ac1 {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  transition: 0.5s;
}
.dynamicEffect .ac3 {
  opacity: 1 !important;
  transition: 0.8s;
}
.dynamicEffect .ac11 {
  transition-delay: 0.1s;
}
.dynamicEffect .ac12 {
  transition-delay: 0.2s;
}
.dynamicEffect .ac13 {
  transition-delay: 0.3s;
}
.dynamicEffect .ac14 {
  transition-delay: 0.4s;
}
.dynamicEffect .ac15 {
  transition-delay: 0.5s;
}