* {
  padding: 0;
  margin: 0;
}
body {
  background: black;
}
.max_div {
  width: 100%;
}
.max_div .banner_div {
  width: 100%;
  height: 445px;
  z-index: 10;
  background: url("../image/pexels-cottonbro-4820840%402x.png");
  background-size: 102% 102%;
  background-repeat: no-repeat;
}
.max_div .banner_div .container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.max_div .banner_div .container .banner_tit {
  display: flex;
  justify-content: space-between;
}
.max_div .banner_div .container .banner_tit .tit_div {
  margin-top: 18%;
  margin-left: 3.44%;
}
.max_div .banner_div .container .banner_tit .tit_div p {
  font-size: 30px;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  color: #FFFFFF;
}
.max_div .banner_div .container .banner_tit .tit_div span {
  font-size: 16px;
  font-family: AlibabaPuHuiTi_2_45_Light;
  color: #ccc;
}
.max_div .div_content {
  width: 100%;
  height: 751px;
  background: url('../image/p系列背景@2x.png');
  background-size: 100% 102%;
  background-repeat: no-repeat;
}
.max_div .div_content .container {
  width: 100%;
  height: 100%;
}
.max_div .div_content .container .weizhi_div {
  margin-top: 2%;
}
.max_div .div_content .container .weizhi_div span {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.max_div .div_content .container .weizhi_div span:hover {
  border-bottom: none;
}
.max_div .div_content .container .weizhi_div ul {
  display: inline-flex;
}
.max_div .div_content .container .weizhi_div ul li {
  list-style: none;
  padding: 0 6px;
  font-weight: 400;
  color: #999999;
}
.max_div .div_content .container .weizhi_div ul li:hover {
  border-bottom: none;
}
.max_div .div_content .container .weizhi_div ul li a {
  text-decoration: none;
  color: #999999;
}
.max_div .div_content .container .weizhi_div ul li span {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .div_content .container .content_nav {
  width: 100%;
  height: 40px;
  margin-top: 3.11%;
  display: flex;
  justify-content: space-between;
}
.max_div .div_content .container .content_nav .content_left {
  width: 150px;
  height: 40px;
}
.max_div .div_content .container .content_nav .content_left p {
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .div_content .container .content_nav .content_left p span {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.61);
}
.max_div .div_content .container .cplb {
  width: 100%;
  height: 500px;
  margin: 0 auto;
}
.max_div .div_content .container .cplb .tranPDiv {
  animation-delay: 1s;
  animation-duration: 12s;
  animation-iteration-count: 1;
}
.max_div .div_content .container .cplb #tranSDiv {
  animation-delay: 1s;
  animation-duration: 12s;
  animation-iteration-count: 1;
}
.max_div .div_content .container .cplb .p {
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 0.32%;
  overflow: hidden;
}
.max_div .div_content .container .cplb .zi {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 1.89%;
}
.max_div .div_content .container .cplb .cplb_img {
  width: 670px;
  margin: 0 auto;
  display: none;
}
.max_div .div_content .container .cplb .cplb_img img {
  width: 100%;
}
.max_div .div_content .container .cplb .xiaozi {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 4.5%;
  display: flex;
  justify-content: center;
}
.max_div .div_content .container .cplb .xiaozi a {
  margin-right: 10px;
}
.max_div .div_content .container .cplb .xiaozi .pSpanTwo {
  margin-left: 8px;
}
.max_div .div_content .container .cplb .xiaozi .pSpanThree {
  margin-left: 8px;
}
.max_div .div_content .container .cplb .xiaozi .pSpanOne:hover {
  color: red;
  cursor: pointer;
}
.max_div .div_content .container .cplb .xiaozi .pSpanTwo:hover {
  color: red;
  cursor: pointer;
}
.max_div .div_content .container .cplb .xiaozi .pSpanThree:hover {
  color: red;
  cursor: pointer;
}
.max_div .div_content .container .cplb .more {
  width: 262px;
  height: 46px;
  border: 1px solid #666666;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 46px;
  margin: 0 auto;
  margin-bottom: 1.26%;
}
.max_div .div_content .container .cplb .more a {
  text-decoration: none;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .div_content1 {
  width: 100%;
  height: 684px;
  background: url('../image/s系列背景@2x.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.max_div .div_content1 .container {
  width: 100%;
  height: 100%;
}
.max_div .div_content1 .container .cplb {
  width: 100%;
  height: 684px;
  margin: 0 auto;
  padding-top: 10%;
}
.max_div .div_content1 .container .cplb .p {
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #FFFFFF;
}
.max_div .div_content1 .container .cplb .zi {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2.5%;
}
.max_div .div_content1 .container .cplb .cplb_img {
  width: 670px;
  height: 332px;
  margin: 0 auto;
  display: none;
}
.max_div .div_content1 .container .cplb .cplb_img img {
  width: 100%;
}
.max_div .div_content1 .container .cplb .xiaozi {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 9.4%;
  display: flex;
  justify-content: center;
}
.max_div .div_content1 .container .cplb .xiaozi a {
  margin-right: 10px;
}
.max_div .div_content1 .container .cplb .xiaozi .sSpanTwo {
  margin-left: 8px;
}
.max_div .div_content1 .container .cplb .xiaozi .sSpanThree {
  margin-left: 8px;
}
.max_div .div_content1 .container .cplb .xiaozi .sSpanOne:hover {
  color: red;
  cursor: pointer;
}
.max_div .div_content1 .container .cplb .xiaozi .sSpanTwo:hover {
  color: red;
  cursor: pointer;
}
.max_div .div_content1 .container .cplb .xiaozi .sSpanThree:hover {
  color: red;
  cursor: pointer;
}
.max_div .div_content1 .container .cplb .more {
  width: 262px;
  height: 46px;
  border: 1px solid #666666;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 46px;
  margin: 0 auto;
}
.max_div .div_content1 .container .cplb .more a {
  text-decoration: none;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .div_content2 {
  width: 100%;
  height: 751px;
  background: url('../image/yihe@2x.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.max_div .div_content2 .container {
  width: 100%;
  height: 100%;
}
.max_div .div_content2 .container #tranJSDiv {
  animation-delay: 1s;
  animation-duration: 4s;
  animation-iteration-count: 1;
}
.max_div .div_content2 .container .jszc {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.max_div .div_content2 .container .jszc .p {
  width: 100%;
  height: 30px;
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 10.05%;
}
.max_div .div_content2 .container .jszc .p span {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999;
  font-size: 14px;
  opacity: 0.8;
}
.max_div .div_content2 .container .jszc .neirong {
  width: 100%;
  height: 310px;
  background-color: #232323;
  margin-top: 126px;
}
.max_div .div_content2 .container .jszc .neirong .image1 img {
  width: 356px !important;
  height: 310px !important;
}
.max_div .div_content2 .container .jszc .neirong .img {
  width: 356px;
  height: 350px;
  position: absolute;
  top: 25%;
  left: 4.66%;
  display: none;
}
.max_div .div_content2 .container .jszc .neirong .img img {
  width: 356px;
  height: 350px;
}
.max_div .div_content2 .container .jszc .neirong .neirong_right {
  width: 55%;
  height: 200px;
  position: absolute;
  top: 30%;
  left: 40%;
  letter-spacing: 2px;
}
.max_div .div_content2 .container .jszc .neirong .neirong_right .p {
  width: 100%;
  height: 7.1%;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 7.1%;
}
.max_div .div_content2 .container .jszc .neirong .neirong_right .border {
  width: 58px;
  height: 1px;
  border-top: 1px solid #474747;
  margin-top: 20px;
}
.max_div .div_content2 .container .jszc .neirong .neirong_right .neirong_bottom {
  width: 100%;
  margin-top: 20px;
}
.max_div .div_content2 .container .jszc .neirong .neirong_right .neirong_bottom p {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #BABABA;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 1px;
  text-indent: 2em;
}
.cplbP_img {
  animation: changeBiger 1s linear forwards;
  width: 670px;
  margin: 0 auto;
}
.cplbP_img img {
  width: 100%;
  margin-top: 10px;
  margin-left: 10px;
}
@keyframes changeBiger {
  0% {
    transform: translateY(400px);
  }
  100% {
    transform: translateY(0px);
  }
}
.cplbS_img1 {
  animation: changeBiger 1s linear forwards;
  width: 670px;
  margin: 0 auto;
}
.cplbS_img1 img {
  width: 100%;
  margin-top: 10%;
}
@keyframes changeBiger {
  0% {
    transform: translateY(400px);
  }
  100% {
    transform: translateY(0px);
  }
}
.jszc1 {
  animation: changeBiger 1s linear forwards;
  width: 356px;
  height: 401px;
  position: absolute;
  /*  top: 25%; */
}
.jszc1 img {
  width: 356px;
  height: 401px;
}
@keyframes changeBiger {
  0% {
    transform: translateY(400px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.dowebok {
  /*width:200px;*/
  /*height:200px;*/
  /*background-size:200px 200px;*/
  -webkit-animation-name: scaleDraw;
  /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  -webkit-animation-iteration-count: 1;
  /*动画播放的次数*/
  -webkit-animation-duration: 1s;
  /*动画所花费的时间*/
}
.Pa:hover {
  color: red!important;
}
.xiaozi {
  /* background: pink; */
  text-align: center;
}
.xiaoziPSPan {
  width: 50%;
  /* background: greenyellow; */
  font-size: 14px;
  margin: auto;
  /* display: block; */
  float: left;
  /* display: inline-block; */
  /* margin-left: 12px; */
}
.xiaoziP {
  /* background: red; */
  /* float: left; */
  /* width: 200px; */
  /* height: 40px; */
  /* display: inline-block;
  margin-left: -20px; */
}
.pSpanOne {
  margin-left: 10px;
}
.xiaoziSSPan {
  width: 50%;
  /* background: greenyellow; */
  font-size: 14px;
  /* margin: auto; */
  /* float: left; */
  float: left;
  /* font-size: 14px;
  display: inline-block;
  margin-left: 12px; */
}
.xiaoziS {
  /* background: red; */
  /* float: left; */
  /* width: 200px;
  height: 40px;
  display: inline-block;
  margin-left: -20px; */
}
.sSpanOne {
  margin-left: 10px;
}
/*# sourceMappingURL=exhibition.css.map */

@media(max-width: 768px){
     .max_div .banner_div{height: 20rem;}
     .max_div .banner_div .container .banner_tit .tit_div p{font-size: 20px;}
     .max_div .banner_div .container .banner_tit .tit_div span{font-size: 12px;}
     .max_div .div_content .container .weizhi_div ul li a{font-size: 12px;}
     .cplbP_img{width:100%;}
     .max_div .div_content{height:auto;}
     .cplbS_img1{width:100%;}
     .xiaoziSSPan{width: 80%;}
     .max_div .div_content1 .container .cplb{height:auto;padding-top:0;}
     .max_div .div_content1{height:auto;}
     .max_div .div_content2 .container .jszc .neirong{height:auto;margin-top: 26px;}
     .max_div .div_content2 .container .jszc .neirong .image1 img { width: 100% !important;height:auto !important;}
     .jszc1{ width: 100% ;height:auto ;}
     .max_div .div_content2 .container .jszc .neirong .neirong_right{top: 10rem;width: 80%;left: 5%;}
     .max_div .container .one_div .ss_div{margin-bottom: 0;}
     .max_div .div_content .container .cplb{    margin-top: 2rem;height:auto;padding-bottom:2rem;}
     .xiaoziPSPan{width:80%;}
     .max_div .div_content2{height: 551px;overflow: hidden;}
     .max_div .div_content2 .container .jszc .neirong .neirong_right .p{height:auto;line-height:24px;}
   
}


@media(max-width: 440px){
    .max_div .banner_div .container .banner_tit{margin-top:3rem;}
}