.center {
  width: 94%;
  margin: 0 auto;
}
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.81rem;
  background: #fff;
  z-index: 11;
}
header .logo {
  position: absolute;
  left: 3%;
  top: 0;
  width: 3.28rem;
  height: 0.59rem;
  margin-top: 0.1rem;
}
header .logo img {
  display: block;
  width: 100%;
}
header .nav-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.79rem;
  height: 0.74rem;
}
header .nav-right img {
  display: block;
  width: 100%;
  height: 100%;
}
.nav {
  background: url(../img/nav-bg.png) no-repeat left top;
  background-size: 100% 0.2rem;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0.61rem;
  z-index: 12;
  padding-top: 0.18rem;
  overflow-y: auto;
  animation: bot 1s;
  transition: all 1s ease;
  display: none;
}
.nav .nav-fri {
  background: #333333;
  padding-bottom: 0.54rem;
}
.nav .nav-fri .border-bottom {
  display: block;
}
.nav .nav-fri .border-bottom .nav-a-a {
  display: block;
  width: 100%;
  padding-left: 0.5rem;
  box-sizing: border-box;
  position: relative;
  color: #fff;
  font-size: 0.26rem;
  line-height: 0.84rem;
}
.nav .nav-fri .border-bottom .nav-a-a .iconfont {
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 0.84rem;
  right: 3%;
  line-height: 0.84rem;
  top: 0;
  font-size: 0.28rem;
  text-align: right;
}
.nav .nav-fri .border-bottom .nav-con {
  overflow: hidden;
  padding-left: 0.5rem;
  box-sizing: border-box;
  display: none;
}
.nav .nav-fri .border-bottom .nav-con a {
  float: left;
  width: 50%;
  font-size: 0.22rem;
  line-height: 0.56rem;
  color: #fff;
}
.nav .nav-fri .border-bottom .nav-con a .iconfont {
  margin-right: 0.2rem;
}
#header-brace {
  height: 0.81rem;
}
.banner {
  width: 100%;
}
.banner img {
  display: block;
  width: 100%;
}
.banner .swiper-slide {
  width: 100%;
}
.banner .swiper-slide a {
  display: block;
  width: 100%;
}
.banner .swiper-slide a img {
  display: block;
  width: 100%;
}
.syn {
  height: 9.89rem;
  background: url(../img/top.jpg) no-repeat;
  background-size: 100% 100%;
  padding-top: 0.5rem;
  box-sizing: border-box;
  position: relative;
}
.syn h3 {
  font-size: 0.32rem;
  color: #0a2563;
  margin-bottom: 0.3rem;
}
.syn h4 {
  font-size: 0.28rem;
  color: #333333;
  margin-bottom: 0.29rem;
}
.syn p {
  font-size: 0.28rem;
  color: #333333;
  line-height: 0.45rem;
  text-indent: 2em;
}
.syn img {
  position: absolute;
  width: 5.81rem;
  height: 5.66rem;
  left: 50%;
  margin-left: -2.9rem;
  bottom: 0;
}
.syn .swiper-container1 {
  width: 4.82rem;
  height: 4.82rem;
  margin: 0.7rem auto 0;
}
.syn .swiper-container1 .swiper-slide {
  width: 100% !important;
}
.syn .swiper-container1 .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.syn .swiper-container1 .swiper-slide a img {
  display: block;
  width: 100%;
  left: 0;
  margin: 0;
  height: 100%;
}
.user {
  background: white;
}
.user h3 {
  font-size: 0.32rem;
  line-height: 0.9rem;
  padding-left: 3%;
  margin-bottom: 0.3rem;
}
.user h3::before {
  border-color: #0a2563;
}
.user .center .swiper-container2 {
  padding-bottom: 1.16rem;
}
.user .center .swiper-container2 h4 {
  font-size: 0.28rem;
  color: #f9464b;
  font-weight: bold;
  margin-bottom: 0.15rem;
  line-height: 0.4rem;
}
.user .center .swiper-container2 p {
  font-size: 0.28rem;
  line-height: 0.45rem;
  color: #333333;
  margin-bottom: 0.46rem;
  text-indent: 2em;
}
.user .center .swiper-container2 a {
  display: block;
  width: 1.5rem;
  height: 0.4rem;
  background: #0a2563;
  color: #fff;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.28rem;
  margin-bottom: 0.58rem;
}
.user .center .swiper-container2 img {
  display: block;
  width: 100%;
}
.user .center .swiper-container2 .swiper-pagination {
  bottom: 0.46rem;
}
.user .center .swiper-container2 .swiper-button-next {
  bottom: 0.5rem;
  top: auto;
  width: 0.1rem;
  height: 0.19rem;
  background: url(../img/right.jpg) no-repeat;
  background-size: 100% 100%;
  right: 26%;
  outline: none;
}
.user .center .swiper-container2 .swiper-button-prev {
  bottom: 0.5rem;
  top: auto;
  width: 0.1rem;
  height: 0.19rem;
  background: url(../img/left.jpg) no-repeat;
  background-size: 100% 100%;
  left: 26%;
  outline: none;
}
.product {
  background: url(../img/product.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 0.55rem 0 0.1rem;
  box-sizing: border-box;
}
.product h3 {
  font-size: 0.34rem;
  color: #fff;
  margin-bottom: 0.31rem;
}
.product p {
  font-size: 0.28rem;
  color: #fff;
  line-height: 0.45rem;
  margin-bottom: 0.87rem;
  text-indent: 2em;
}
.product .pro-con {
  overflow: hidden;
}
.product .pro-con .pro-con-a {
  float: left;
  width: 3.5rem;
  height: 2.32rem;
  margin-bottom: 0.4rem;
  overflow: hidden;
  position: relative;
}
.product .pro-con .pro-con-a:nth-child(even) {
  float: right;
}
.product .pro-con .pro-con-a:active .pro-con-div {
  top: 50%;
}
.product .pro-con .pro-con-a img {
  width: 100%;
  height: 100%;
}
.product .pro-con .pro-con-a .pro-con-div {
  position: absolute;
  width: 100%;
  height: 2.32rem;
  background: rgba(35, 57, 117, 0.8);
  left: 0;
  top: 1.82rem;
  transition: 1s;
}
.product .pro-con .pro-con-a .pro-con-div p {
  width: 100%;
  text-align: center;
  line-height: 0.5rem;
  color: #fff;
  font-size: 0.28rem;
  text-indent: 0;
}
.product .pro-con .pro-con-a .pro-con-div1 {
  top: 0;
  padding-top: 1.1rem;
  padding-left: 34%;
  box-sizing: border-box;
}
.product .pro-con .pro-con-a .pro-con-div1 span {
  text-align: center;
  color: #fff;
  font-size: 0.28rem;
  padding-bottom: 0.1rem;
}
.product .pro-con .pro-con-a .pro-con-div1 span:after {
  border-color: #fff;
}
.skill {
  padding: 0.64rem 0 1.13rem;
  background: #fff;
}
.skill h3 {
  font-size: 0.32rem;
  color: #333333;
  margin-bottom: 0.29rem;
}
.skill p {
  line-height: 0.45rem;
  font-size: 0.28rem;
  color: #333333;
  margin-bottom: 0.52rem;
  text-indent: 2em;
}
.skill .skill-con {
  margin-bottom: 0.85rem;
}
.skill .skill-con .top {
  margin-bottom: 0.21rem;
  height: 2.14rem;
  overflow: hidden;
}
.skill .skill-con .top:active .top-img img {
  transform: scale(1.1);
}
.skill .skill-con .top:active .top-img1 p {
  left: 0;
}
.skill .skill-con .top .top-img {
  display: block;
  width: 100%;
  height: 2.11rem;
  overflow: hidden;
}
.skill .skill-con .top .top-img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.skill .skill-con .top .top-img1 {
  display: block;
  width: 100%;
  height: 0.03rem;
  background: #0a2563;
  position: relative;
}
.skill .skill-con .top .top-img1 p {
  position: absolute;
  width: 100%;
  height: 0.03rem;
  left: -200%;
  top: 0;
  background: #fe6604;
  transition: 1s;
}
.skill .skill-con .bot {
  overflow: hidden;
}
.skill .skill-con .bot .fl {
  float: left;
  width: 3.5rem;
}
.skill .skill-con .bot .fl:active .bot0-img img {
  transform: scale(1.1);
}
.skill .skill-con .bot .fl:active .bot2-img p {
  left: 0;
}
.skill .skill-con .bot .fl .bot0-img {
  width: 100%;
  height: 1.9rem;
  overflow: hidden;
}
.skill .skill-con .bot .fl .bot0-img img {
  width: 100%;
  height: 100%;
  transition: 1s;
}
.skill .skill-con .bot .fl .bot2-img {
  width: 100%;
  height: 0.03rem;
  background: #0a2563;
  position: relative;
}
.skill .skill-con .bot .fl .bot2-img p {
  position: absolute;
  left: -200%;
  width: 100%;
  height: 0.03rem;
  background: #fe6604;
  transition: 1s;
}
.skill .skill-con .bot .fr {
  float: right;
  width: 3.5rem;
}
.skill .skill-con .bot .fr:active .bot1-img img {
  transform: scale(1.1);
}
.skill .skill-con .bot .fr:active .bot2-img p {
  right: 0;
}
.skill .skill-con .bot .fr .bot1-img {
  width: 100%;
  height: 1.9rem;
  overflow: hidden;
}
.skill .skill-con .bot .fr .bot1-img img {
  width: 100%;
  height: 100%;
  transition: 1s;
}
.skill .skill-con .bot .fr .bot2-img {
  width: 100%;
  height: 0.03rem;
  background: #0a2563;
  overflow: hidden;
  position: relative;
}
.skill .skill-con .bot .fr .bot2-img p {
  position: absolute;
  right: 100%;
  width: 100%;
  height: 0.03rem;
  background: #fe6604;
  transition: 1s;
}
.skill .iconfont {
  display: block;
  width: 3.18rem;
  height: 0.72rem;
  background: #0a2563;
  text-align: center;
  line-height: 0.72rem;
  color: #fff;
  font-size: 0.28rem;
}
.footer {
  height: 0.87rem;
  background: url(../img/footer.jpg) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 0.87rem;
  color: #fff;
  font-size: 0.28rem;
}
.opt {
  position: fixed;
  right: 0.27rem;
  bottom: 1rem;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 0.12rem;
  background: #0a2563;
  text-align: center;
  line-height: 0.65rem;
  color: #fff;
  font-size: 0.4rem;
  z-index: 11;
}
.mission {
  background: url(../img/q-bg.jpg) no-repeat;
  background-size: 100% 100%;
  padding-top: 0.46rem;
  box-sizing: border-box;
  height: 6.09rem;
}
.mission h3 {
  text-align: center;
  font-size: 0.34rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.34rem;
}
.mission h3 span {
  color: #f9464b;
}
.mission img {
  display: block;
  width: 5rem;
  margin: 0 auto;
}
.about {
  background: #dddde7;
  padding-top: 0.63rem;
  padding-bottom: 0.68rem;
  position: relative;
}
.about h3 {
  font-weight: bold;
  font-size: 0.34rem;
  color: #333333;
  margin-bottom: 0.62rem;
  text-align: center;
}
.about p {
  font-size: 0.28rem;
  color: #333333;
  line-height: 0.45rem;
  padding: 0 3%;
  box-sizing: border-box;
  text-indent: 2em;
}
.about img {
  position: absolute;
  right: 0;
  bottom: -0.9rem;
  display: block;
  width: 25%;
}
.tit-img {
  background: #fff;
  padding-top: 0.5rem;
}
.tit-img img {
  display: block;
  width: 100%;
  margin-bottom: 0.47rem;
}
.tit-img p {
  text-indent: 2em;
  margin-bottom: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.28rem;
  color: #333333;
}
.tit-img p:last-child {
  margin-bottom: 0;
}
.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 11;
  display: none;
}
.his {
  background: #fff url(../img/bg1.png) no-repeat;
  background-size: 100% 100%;
  height: 11.12rem;
}
.his .center {
  padding-top: 1.3rem;
}
.his .center .his-con {
  margin-bottom: 0.5rem;
}
.his .center .his-con h3 {
  font-size: 0.36rem;
  color: #676767;
  font-weight: bold;
  margin-bottom: 0.18rem;
}
.his .center .his-con p {
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.35rem;
}
.contact {
  background: #fff url(../img/bg2.png) no-repeat center bottom;
  background-size: 100% 2.55rem;
  padding-top: 0.56rem;
  padding-bottom: 2.55rem;
}
.contact h3 {
  text-align: center;
  font-size: 0.34rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.32rem;
}
.contact h3 span {
  color: #f9464b;
}
.contact p {
  font-size: 0.28rem;
  line-height: 0.45rem;
  color: #333333;
  text-align: center;
  margin-bottom: 0.51rem;
}
.contact .map {
  width: 100%;
}
.contact .map img {
  display: block;
  width: 100%;
}
.position {
  line-height: 0.64rem;
}
.position .iconfont {
  font-size: 0.28rem;
  color: #fe6604;
  margin-right: 0.06rem;
  line-height: 0.64rem;
}
.position .text {
  font-size: 0.24rem;
  color: #333333;
}
.position .text a {
  color: #333333;
}
.position .text b {
  color: #fe6604;
}
.pro-content {
  background: #fff;
  padding-bottom: 0.93rem;
}
.pro-content .top {
  height: 0.56rem;
  background: url(../img/title.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  margin-bottom: 0.32rem;
}
.pro-content .top span {
  float: left;
  width: 0.07rem;
  height: 0.56rem;
  background: #0a2563;
}
.pro-content .top h3 {
  float: left;
  line-height: 0.56rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: #fe6604;
  border-left: solid 0.03rem #fe6604;
  padding-left: 0.14rem;
}
.pro-content .top img {
  float: right;
  width: 0.13rem;
  height: 0.2rem;
  padding-top: 0.18rem;
  padding-right: 0.2rem;
}
.pro-content p {
  font-size: 0.28rem;
  line-height: 0.38rem;
  color: #333333;
  text-indent: 2em;
}
.pro-content .pro-content-con {
  overflow: hidden;
  margin-bottom: 0.77rem;
}
.pro-content .pro-content-con .pro-con-fri {
  float: left;
  width: 33.33%;
}
.pro-content .pro-content-con .pro-con-fri .pro-con-fri-top {
  padding: 0.42rem 0.54rem 0.3rem;
  box-sizing: border-box;
}
.pro-content .pro-content-con .pro-con-fri .pro-con-fri-top img {
  display: block;
  width: 100%;
  border-radius: 100%;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
.pro-content .pro-content-con .pro-con-fri .bot {
  text-align: center;
  font-size: 0.28rem;
  color: #333333;
}
.pro-content .pro-img {
  overflow: hidden;
}
.pro-content .pro-img .left {
  float: left;
  width: 3.81rem;
  height: 2.37rem;
  overflow: hidden;
}
.pro-content .pro-img .left img {
  width: 100%;
}
.pro-content .pro-img .right {
  float: right;
  width: 3.2rem;
  height: 2.37rem;
}
.pro-content .pro-img .right .right1 {
  width: 100%;
  height: 1.15rem;
  margin-bottom: 0.07rem;
  overflow: hidden;
}
.pro-content .pro-img .right .right1:last-child {
  margin-bottom: 0;
}
.pro-content .pro-img .right .right1 img {
  width: 100%;
}
.pro-content .pro-img-img {
  margin-top: 0.42rem;
}
.pro-content .pro-img-img .top-img {
  width: 100%;
  margin-bottom: 0.07rem;
}
.pro-content .pro-img-img .top-img img {
  display: block;
  width: 100%;
}
.pro-content .pro-img-img .bot-img {
  overflow: hidden;
  margin-bottom: 0.42rem;
}
.pro-content .pro-img-img .bot-img .fl {
  float: left;
  width: 3.39rem;
  height: 2.49rem;
  overflow: hidden;
}
.pro-content .pro-img-img .bot-img .fl img {
  width: 100%;
}
.pro-content .pro-img-img .bot-img .fr {
  float: right;
  width: 3.39rem;
  height: 2.49rem;
  overflow: hidden;
}
.pro-content .pro-img-img .bot-img .fr img {
  width: 100%;
}
.pro-content .pro-span {
  font-size: 0.3rem;
  color: #333333;
}
.pro-content .pro-span b {
  color: #fe6604;
}
.pro-content .pro-onoff-tit {
  margin-top: 0.35rem;
}
.pro-content .pro-onoff-tit .pro-onoff-tit-tit {
  padding: 0 2%;
  line-height: 0.45rem;
  background: #000;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.pro-content .pro-onoff-tit .pro-onoff-tit-tit div {
  flex: 4;
  min-width: 0;
  color: #fff;
  font-size: 0.3rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-tit {
  display: flex;
  justify-content: space-between;
  padding: 0.04rem 0 0.08rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-tit::before {
  border-color: #fe6604;
}
.pro-content .pro-onoff-tit .pro-onoff-con-tit div {
  flex: 4;
  min-width: 0;
  color: #333333;
  line-height: 0.37rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-tit .iconfont {
  text-align: right;
  color: #fe6604;
}
.pro-content .pro-onoff-tit .pro-onoff-con-tit .left {
  overflow: hidden;
  width: 1.82rem;
  height: 0.37rem;
  background: #0a2563;
  margin-right: 0.1rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-tit .left .fl {
  float: left;
  width: 1.12rem;
  height: 0.37rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.37rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-tit .left .fr {
  float: right;
  width: 0.6rem;
  height: 0.37rem;
  color: #fff;
  background: #fe6604;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.37rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-con {
  background: #dee3e7;
  padding: 0.24rem;
  box-sizing: border-box;
  margin-bottom: 0.24rem;
  display: none;
}
.pro-content .pro-onoff-tit .pro-onoff-con-con::before {
  border-color: #fff;
}
.pro-content .pro-onoff-tit .pro-onoff-con-con .pro-onoff-fri1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.36rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-con .pro-onoff-fri1 .fl1 {
  width: 48%;
}
.pro-content .pro-onoff-tit .pro-onoff-con-con .pro-onoff-fri1 .fl1 h5 {
  font-size: 0.28rem;
  color: #333333;
  margin-bottom: 0.18rem;
}
.pro-content .pro-onoff-tit .pro-onoff-con-con .pro-onoff-fri1 .fl1 p {
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: #333333;
  text-indent: 0;
}
.pro-content .jx-img {
  margin-top: 0.35rem;
}
.pro-content .jx-img img {
  display: block;
  width: 100%;
}
.pro-content .jx-img h3 {
  width: 100%;
  line-height: 0.65rem;
  font-size: 0.3rem;
  color: #333333;
  margin-bottom: 0.29rem;
}
.pro-content .jx-img h3::before {
  border-color: #333333;
}
.pro-content .jx-img p {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.36rem;
  margin-bottom: 0.44rem;
}
.pro-content .user {
  display: flex;
  justify-content: center;
  margin-top: 0.06rem;
}
.pro-content .user .user-fri {
  width: 2.03rem;
  height: 0.41rem;
  background: #0a2563;
  color: #fff;
  font-size: 0.24rem;
  display: flex;
  line-height: 0.41rem;
}
.pro-content .user .user-fri:nth-child(3n+2) {
  margin: 0 0.44rem;
}
.pro-content .user .user-fri .left {
  width: 1.25rem;
  text-align: center;
}
.pro-content .user .user-fri .right {
  flex: 1;
  min-width: 0;
  text-align: center;
  background: #fe6604;
}
.pro-content .about-text {
  margin: 0.37rem 0 0.25rem;
  font-size: 0.3rem;
  color: #0a2563;
}
.pro-content .about-text-img {
  overflow: hidden;
}
.pro-content .about-text-img a {
  float: left;
  width: 3.35rem;
}
.pro-content .about-text-img a:nth-child(even) {
  float: right;
}
.pro-content .about-text-img a .img1 {
  width: 100%;
  height: 2.16rem;
  overflow: hidden;
}
.pro-content .about-text-img a .img1 img {
  width: 100%;
}
.pro-content .about-text-img a p {
  text-align: center;
  margin: 0.13rem 0 0.2rem;
  font-size: 0.28rem;
  color: #333333;
  text-indent: 0;
}
.pro-content .info-img {
  display: flex;
  justify-content: space-between;
  margin: 0.26rem 0;
}
.pro-content .info-img div {
  width: 30%;
}
.pro-content .info-img div img {
  display: block;
  width: 100%;
  height: 100%;
}
.pro-content .info-img1 {
  display: flex;
  margin-bottom: 0.24rem;
  margin-top: 0.1rem;
}
.pro-content .info-img1 .left {
  width: 4.4rem;
  height: 4.13rem;
  overflow: hidden;
  margin-right: 0.12rem;
}
.pro-content .info-img1 .left img {
  display: block;
  width: 100%;
}
.pro-content .info-img1 .right {
  flex: 1;
  min-width: 0;
}
.pro-content .info-img1 .right .info-img-top {
  width: 100%;
  height: 2rem;
  overflow: hidden;
  margin-bottom: 0.13rem;
  box-sizing: border-box;
  border: solid 0.01rem #dcdcdc;
}
.pro-content .info-img1 .right .info-img-top img {
  display: block;
  width: 100%;
  height: 100%;
}
.pro-content .info-img1 .right .info-img-bot {
  width: 100%;
  height: 2rem;
  overflow: hidden;
  border: solid 0.01rem #dcdcdc;
}
.pro-content .info-img1 .right .info-img-bot img {
  display: block;
  width: 100%;
  height: 100%;
}
.pro-content .table {
  display: block;
  width: 100%;
}
.pro-content .info {
  margin-top: 0.35rem;
  display: flex;
  margin-bottom: 0.1rem;
}
.pro-content .info .left {
  width: 3.42rem;
  margin-right: 0.11rem;
}
.pro-content .info .left .left-top {
  width: 100%;
  height: 2.86rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.15rem;
}
.pro-content .info .left .left-top:active img {
  transform: scale(1.1);
}
.pro-content .info .left .left-top:active .left-top-div {
  top: 50%;
}
.pro-content .info .left .left-top img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.pro-content .info .left .left-top .left-top-div {
  position: absolute;
  width: 100%;
  height: 2.86rem;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 2.29rem;
  transition: 1s;
}
.pro-content .info .left .left-top .left-top-div p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.57rem;
  text-indent: 0;
}
.pro-content .info .left .left-bot {
  width: 100%;
  height: 2.86rem;
  overflow: hidden;
  position: relative;
}
.pro-content .info .left .left-bot:active img {
  transform: scale(1.1);
}
.pro-content .info .left .left-bot:active .left-top-div {
  top: 50%;
}
.pro-content .info .left .left-bot img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.pro-content .info .left .left-bot .left-top-div {
  position: absolute;
  width: 100%;
  height: 2.86rem;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 2.29rem;
  transition: 1s;
}
.pro-content .info .left .left-bot .left-top-div p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.57rem;
  text-indent: 0;
}
.pro-content .info .right {
  flex: 1;
  min-width: 0;
  height: 5.87rem;
  overflow: hidden;
  position: relative;
}
.pro-content .info .right:active img {
  transform: scale(1.1);
}
.pro-content .info .right:active .left-top-div {
  top: 50%;
}
.pro-content .info .right img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.pro-content .info .right .left-top-div {
  width: 100%;
  height: 5.87rem;
  background: rgba(0, 0, 0, 0.3);
  transition: 1s;
  position: absolute;
  left: 0;
  top: 5.3rem;
}
.pro-content .info .right .left-top-div p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.57rem;
  text-indent: 0;
}
.pro-content .info1 {
  margin-bottom: 0.13rem;
}
.pro-content .info1 .info1-top {
  height: 3.02rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.16rem;
}
.pro-content .info1 .info1-top:active img {
  transform: scale(1.1);
}
.pro-content .info1 .info1-top:active .left-top-div {
  top: 50%;
}
.pro-content .info1 .info1-top img {
  display: block;
  width: 100%;
  transition: 1s;
}
.pro-content .info1 .info1-top .left-top-div {
  position: absolute;
  left: 0;
  top: 2.45rem;
  width: 100%;
  height: 3.02rem;
  background: rgba(0, 0, 0, 0.3);
  transition: 1s;
}
.pro-content .info1 .info1-top .left-top-div p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.57rem;
  text-indent: 0;
}
.pro-content .info1 .info1-bot {
  display: flex;
}
.pro-content .info1 .info1-bot .left {
  width: 3.38rem;
  height: 3.02rem;
  overflow: hidden;
  position: relative;
  margin-right: 0.16rem;
}
.pro-content .info1 .info1-bot .left:active img {
  transform: scale(1.1);
}
.pro-content .info1 .info1-bot .left:active .left-top-div {
  top: 50%;
}
.pro-content .info1 .info1-bot .left img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.pro-content .info1 .info1-bot .left .left-top-div {
  position: absolute;
  left: 0;
  top: 2.45rem;
  width: 100%;
  height: 3.02rem;
  background: rgba(0, 0, 0, 0.3);
  transition: 1s;
}
.pro-content .info1 .info1-bot .left .left-top-div p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.57rem;
  text-indent: 0;
}
.pro-content .info1 .info1-bot .right {
  flex: 1;
  min-width: 0;
  width: 3.38rem;
  height: 3.02rem;
  overflow: hidden;
  position: relative;
}
.pro-content .info1 .info1-bot .right:active img {
  transform: scale(1.1);
}
.pro-content .info1 .info1-bot .right:active .left-top-div {
  top: 50%;
}
.pro-content .info1 .info1-bot .right img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
}
.pro-content .info1 .info1-bot .right .left-top-div {
  position: absolute;
  left: 0;
  top: 2.45rem;
  width: 100%;
  height: 3.02rem;
  background: rgba(0, 0, 0, 0.3);
  transition: 1s;
}
.pro-content .info1 .info1-bot .right .left-top-div p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.57rem;
  text-indent: 0;
}
.pho-img {
  margin-top: 0.24rem;
  margin-bottom: 0.38rem;
}
.pho-img img {
  display: block;
  width: 100%;
}
.pop-content {
  width: 94%;
  position: fixed;
  left: 3%;
  top: 2rem;
  z-index: 12;
  padding: 0.24rem;
  box-sizing: border-box;
  background: #dee3e7;
  display: none;
}
.pop-content .pop-content-fri {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.36rem;
}
.pop-content .pop-content-fri .fri-left {
  width: 48%;
}
.pop-content .pop-content-fri .fri-left h3 {
  font-size: 0.28rem;
  margin-bottom: 0.18rem;
  color: #000;
}
.pop-content .pop-content-fri .fri-left p {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #000;
  text-align: justify;
}
.pop-content .pop-content-fri .fri-right {
  width: 48%;
}
.pop-content .pop-content-fri .fri-right h3 {
  font-size: 0.28rem;
  margin-bottom: 0.18rem;
  color: #000;
}
.pop-content .pop-content-fri .fri-right p {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #000;
  text-align: justify;
}