html, body {
  font-family: "serifcnMedium";
}
body {
  width: 100%;
  height:auto;
  background: url(../images/exhibitsImg/exhListBg.jpg) no-repeat center center;
  background-size:100% 100%;
}
body::-webkit-scrollbar {
  width: 1rem;
  height: 1.2rem;
}
body::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
  background: rgba(1, 8, 81, 0.5);
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
  border-radius: 0;
  background: rgba(1, 8, 81, 0.4535);
}
.center-box {
  margin: 0 auto;
  width: 150rem;
  text-align: left;
  position:relative;
}
.exhTop{
  width:100%;
  height:29.5rem;
  position:relative;
}
.exhibits-logo {
  width: 15.2rem;
  height: 10.5rem;
  display:block;
  background: url(../images//onlineImg/logo.png) no-repeat;
  background-size: 100% 100%;
}
.exhibits-logo2024 {
    background: url(../images//onlineImg/logo2024.png) no-repeat;
    background-size: 100% 100%;
}
.exhibits-title {
  position:absolute;
  left: 50%;
  top: 6rem;
  transform: translate(-50%, 0);
  width: 90.4rem;
  height: 5.9rem;
  background: url(../images//exhibitsImg/exhibitsTitle.png) no-repeat;
  background-size: 100% 100%;
}
.online_gallery {
  position:absolute;
  left: 50%;
  top:18.8rem;
  transform: translate(-50%, 0);
  width: 117.1rem;
  height: 6.5rem;
}
.onBtn ul {
  display: flex;
  justify-content: space-between;
}
.onBtn ul li {
  width: 21rem;
  height: 6.2rem;
  line-height: 6.2rem;
  text-align: center;
  color: rgba(255, 255, 255, .4);
  font-size: 2.2rem;
  background: url(../images/onlineImg/onlineBtn.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li a {
  color: rgba(255, 255, 255, .4);
}
.onBtn ul li a i {
  width: 2.3rem;
  height: 2.6rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.3rem;
  background: url(../images/onlineImg/abhBtn.png) no-repeat;
  background-size: 100% 100%;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(2) a i {
  width: 3.1rem;
  background: url(../images/onlineImg/zsBtn.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(3) a i {
  width: 2.6rem;
  height: 2.8rem;
  background: url(../images/onlineImg/zpBtn.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(4) a i {
  width: 2.5rem;
  background: url(../images/onlineImg/zxzbBtn.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(5) a i {
  width: 3.3rem;
  height: 2.8rem;
  background: url(../images/onlineImg/gydjBtn.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li.current {
  color: #fff;
  background: url(../images/onlineImg/onlineBtnHover.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li.current a {
  color: #fff;
}
.onBtn ul li.current a i {
  background: url(../images/onlineImg/abhBtnHover.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(2).current a i {
  background: url(../images/onlineImg/zsBtnH.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(3).current a i {
  background: url(../images/onlineImg/zpBtnHover.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(4).current a i {
  background: url(../images/onlineImg/zxzbBtnHover.png) no-repeat;
  background-size: 100% 100%;
}
.onBtn ul li:nth-child(5).current a i {
  background: url(../images/onlineImg/gydjBtnHover.png) no-repeat;
  background-size: 100% 100%;
}
.exh-con{
  width:150rem;
  overflow:hidden;
  background:#fff;
  padding:1.5rem 3.4rem 9.7rem 5rem;
  box-sizing:border-box;
  border-radius:1rem;
  box-shadow:0 0 0.3rem rgba(0,0,0,.3);
  display:flex;
  justify-content: space-between;
}
.bread{
  width:100%;
  height:7.7rem;
  line-height:7.7rem;
  font-size:2.2rem;
  font-family:"思源黑体CN";
  border-bottom:0.1rem solid rgba(12,100,191,.1);
}
.bread a{
  display:inline-block;
  color:#5887c4;
  background:url(../images/exhDetailsImg/breadArrow.png) no-repeat center right;
  padding-right:2.5rem;
  margin-right:2rem;
  cursor:pointer;
  text-decoration:none;
}
.bread em{
  font-style:normal;
  color:#666;
}
.exh-con .exh-left{
  width:104rem;
}
.exh-con .exh-left .exh-ai{
  margin-top:4.4rem;
  display:flex;
  justify-content: space-between;
}
.exh-con .exh-left .exh-ai .exh-ai-img{
  width:34rem;
  height:34rem;
  box-shadow:0 0 1rem rgba(0,70,140,.15);
  display:flex;
  justify-content: center;
  align-items: center;
}
.exh-con .exh-left .exh-ai .exh-ai-img img{
  max-width:100%;
  height: 100%;
  object-fit: contain;
  margin:1rem;
}
.exh-con .exh-left .exh-ai .exh-ai-con{
  width:66rem;
}
.exh-con .exh-left .exh-ai .exh-ai-con h3{
  width:100%;
  height:6rem;
  line-height:6rem;
  font-size:3rem;
  color:#333;
}
.exh-con .exh-left .exh-ai .exh-ai-con ul li{
  /* height:4rem; */
  /* line-height:4rem; */
  padding-top:0.5rem;
  box-sizing: border-box;
  font-size:1.6rem;
  display:flex;
  margin-bottom: 0.5rem;
  /* justify-content: space-between; */
}
.exh-con .exh-left .exh-ai .exh-ai-con ul li span{
  width:6.4rem;
  color:rgba(51,51,51,.3);
  font-family: "思源黑体CN";
  text-align: justify;
  margin-right: 2rem;
}
.exh-con .exh-left .exh-ai .exh-ai-con ul li span::after{
  content:'';
  display:inline-block;
  padding-left:100%;
}
.exh-con .exh-left .exh-ai .exh-ai-con ul li em{
  font-style:normal;
  width:56.5rem;
  color:#333;
  font-family: "思源黑体Bold";
}
.exh-con .exh-left .exh-ai .exh-ai-con ul li em.exh-name{
  font-size:1.8rem;
  color:#102fa6;
}
.exh-con .exh-left .exh-ai .exh-ai-con ul li em.exh-name a{
  font-size:1.6rem;
  color:#7ca3d8;
  height:3.2rem;
  display:inline-block;
  border-bottom:0.1rem solid #7ca3d8;
  margin-left:2rem;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn{
  width:100%;
  margin-top:2rem;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span{
  width:20.4rem;
  height:5.8rem;
  line-height:5.8rem;
  text-align:center;
  font-size:2rem;
  color:#00468c;
  cursor:pointer;
  display:inline-block;
  background:#fff;
  border:1px solid #0c64bf;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span i{
  width:2.4rem;
  height:2.4rem;
  display:inline-block;
  vertical-align: middle;
  margin-right:1rem;
  background:url(../images/exhDetailsImg/negIcon.png) no-repeat;
  background-size:100% 100%;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span em{
  font-style:normal;
  display:inline-block;
  vertical-align: middle;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span:nth-child(2) i{
  background:url(../images/exhDetailsImg/appIcon.png) no-repeat;
  background-size:100% 100%;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span:nth-child(3) i{
  background:url(../images/exhDetailsImg/notedIconHover.png) no-repeat;
  background-size:100% 100%;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span.exh-cur{
  color:#fff;
  background:linear-gradient(to right, #002699, #6058e7);
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span.exh-cur i{
  background:url(../images/exhDetailsImg/negIconHover.png) no-repeat;
  background-size:100% 100%;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span.exh-cur:nth-child(2) i{
  background:url(../images/exhDetailsImg/appIconHover.png) no-repeat;
  background-size:100% 100%;
}
.exh-con .exh-left .exh-ai .exh-ai-con .exh-tit-btn span.noted-cur:nth-child(3) i{
  background:url(../images/exhDetailsImg/notedIcon.png) no-repeat;
  background-size:100% 100%;
}
.exh-con .exh-left .exh-det{
  margin-top:3rem;
}
.exh-con .exh-left .exh-det h3{
  height:8rem;
  line-height:8rem;
  font-size: 2.2rem;
  color: #333;
  background: url(../images/exhDetailsImg/relTitle.png) no-repeat 10rem center;
  margin-bottom: 2.7rem;
}
.exh-con .exh-left .exh-det p{
  font-size:1.8rem;
  line-height:3.4rem;
  text-align:justify;
  margin-bottom:3rem;
  white-space: pre-line;
}
.exh-con .exh-left .exh-det img{
  /* max-width:100%; */
  max-width: 48rem;
  display:block;
  margin:3rem auto;
  height: auto;
}
.exh-con .exh-right{
  width:30.4rem;
}
.exh-con .exh-right h3{
  height:7.7rem;
  line-height:7.7rem;
  font-size:2.6rem;
  color:#002040;
  font-family: "SourceHanSerifCN-Heavy";
}
.exh-con .exh-right ul li{
  width:30.4rem;
  height:30.4rem;
  border:1px solid #eee;
  margin-bottom:2.8rem;
}
.exh-con .exh-right ul li:last-child{
  margin-bottom:0;
}
.exh-con .exh-right ul li .exh-right-img{
  width:100%;
  height:22.8rem;
  display:flex;
  justify-content: center;
  align-items: center;
}
.exh-con .exh-right ul li .exh-right-img img{
  max-width:100%;
  max-height:100%;
}
.exh-con .exh-right ul li p{
  width:100%;
  height:7.8rem;
  line-height:7.8rem;
  color:#333;
  font-size:1.8rem;
  text-align:center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding:0 2rem;
  box-sizing: border-box;
  font-weight:bold;
}
.demand-foot{
  width:100%;
  height:21.2rem;
}
.demand-foot .demand-foot-con{
  width:86rem;
  height:21.2rem;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.demand-foot .demand-foot-con .demand-code{
  width:33rem;
  height:12.2rem;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.demand-foot .demand-foot-con .demand-code img{
  width:12.2rem;
  height:12.2rem;
  margin-right: 1rem;
}
.demand-foot .demand-foot-con .demand-code .demand-text p{
  font-size:1.6rem;
  line-height:4.2rem;
  color:#666;
}
.demand-foot .demand-foot-con .demand-code .demand-text p:last-child{
  font-weight:bold;
}
.foot-icp{
  width:42rem;
  line-height:5.4rem;
  margin:0 auto;
  font-size:1.6rem;
  color:rgba(23,59,163,.95);
  display:flex;
  justify-content: space-between;
}
/*弹窗样式*/
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 71rem;
  min-width: 32rem;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%);
}
.md-show {
  visibility: visible;
}
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0,0,0,.6);
  transition: all 0.3s;
}
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}
body > .md-modal .md-content {
  color: #000;
  font-size: 1.6rem;
  padding:0 4.5rem 1rem;
  background: #fff;
  position: relative;
  border-radius: 1rem;
  margin: 0 auto;
}
.md-content h3 {
  text-align: center;
  font-size: 2.8rem;
  height: 9.7rem;
  line-height: 9.7rem;
  color: #002040;
  border-bottom:0.1rem solid #dfe2f5;
}
.md-effect-13.md-modal {
  perspective: 130rem;
}
.md-effect-13 .md-content {
  transform-style: preserve-3d;
  transform: translateZ(-300rem) rotateY(90deg);
  opacity: 0;
}
/*radio按钮样式*/
.RadioStyle input {
  display: none 
}
#top_bit .modal-con >label{
  float:left;
  width:9.5rem;
  line-height:3.6rem;
}
#top_bit .modal-text >label{
  width:8rem;
  line-height:4.6rem;
  text-align:right;
  margin-right:1.7rem;
}
#top_bit .modal-con > div.RadioStyle{
  float:left;
  width:52.5rem;
}
#top_bit .modal-con > div.RadioStyle > label{
  padding:0 2.4rem;
  display:inline-block;
  margin-right:1rem;
  margin-bottom:1rem;
  height:3.6rem;
  line-height:3.6rem;
  text-align:center;
  border: 1px solid #b9bcc5;
  color: #6b7083;
  text-align: center;
  cursor: pointer;
}
#top_bit .modal-con > div.RadioStyle input:checked + label {
  background: #00468c;
  color: #fff 
}
.md-show.md-effect-13 .md-content {
  animation: slit .7s forwards ease-out;
}
.md-show .dateinputer{
  width:52rem;
  line-height:4.6rem;
  height:4.6rem;
  border:1px solid #ccc;
  cursor: pointer;
  position:relative;
  padding-left:1.6rem;
  box-sizing: border-box;
  float:left;
  font-size:1.6rem !important;
}
@keyframes slit {
  50% {
      transform: translateZ(-25rem) rotateY(89deg);
      opacity: 1;
      animation-timing-function: ease-in;
 }
  100% {
      transform: translateZ(0) rotateY(0deg);
      opacity: 1;
 }
}
#top_bit {
  padding-top:3rem;
}
#top_bit input[type="text"], #top_bit textarea {
  font-size: 1.6rem;
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 1.6rem;
  border-radius: 0.5rem;
  transition: all 0.5s ease-in-out;
}
#top_bit input[type="text"]{
  width:52rem;
  height:4.6rem;
  padding-left:1.6rem;
  box-sizing:border-box;
  border:1px solid #dbdbdb;
}
#top_bit input:focus, #top_bit textarea:focus {
  box-shadow: 0 0 0.3rem #ccc;
  transform: scale(1.01);
}
#top_bit .modal-con {
  overflow:hidden;
}
#top_bit .modal-con > label > span {
  color: #f00;
}
#top_bit textarea {
  width: 52rem;
  min-height: 10rem;
  background:#fafafb;
  resize: none;
  outline: none;
  padding-left: 1.6rem;
  padding-top: 1rem;
  float:left;
  box-sizing:border-box;
}
#top_bit input:not(:focus), #top_bit textarea:not(:focus) {
  opacity: 0.5;
}
#top_bit input:required, #top_bit textarea:required {
  background: url("tests/formdemo/asterisk_orange.png") no-repeat 28rem 0.7rem;
}
#top_bit input:valid, #top_bit textarea:valid {
  background: url("tests/formdemo/tick.png") no-repeat 28rem 0.5rem;
}
#top_bit input:focus:invalid, #top_bit textarea:focus:invalid {
  background: url("tests/formdemo/cancel.png") no-repeat 28rem 0.7rem;
}
#top_bit .subBtn {
  width: 100%;
  height:7.4rem;
  text-align: center;
  margin-top:5rem;
  margin-bottom:4rem;
}
#top_bit .subBtn>input{
  width:13rem;
  height:4rem;
  line-height:4rem;
  color:#fff;
  text-align:center;
  font-size:1.6rem;
  background:#bbbbce;
  opacity:1;
  cursor:pointer;
}
#top_bit input[type=submit] {
  background: #00468c;
  color: #fff;
  cursor: pointer;
}
/*上传图片样式*/
#uploadImgs{
  width:52rem;
  margin-left:9.5rem;
}
#labelId{
  display:inline-block;
  vertical-align:middle;
}
#uploadImgs .show-img-div2 {
  position: relative;
  width:11rem;
  height:11rem;
  border: 1px solid #dbdbdb;
  display:inline-block;
  margin-right:1rem;
  vertical-align: middle;
}
#uploadImgs .show-img-div2 .show-mask-layer{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,.3);
}
#uploadImgs .show-img-div2 span {
  width: 2.9rem;
  height: 2.9rem;
  background:url(../images/upImgRem.png) no-repeat;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
#uploadImgs div img {
  width: 11rem;
  height: 11rem;
  cursor: pointer;
}
.uploadImgs-add {
  width: 11rem;
  height: 11rem;
  border: 1px dotted #dbdbdb;
  background:#fafafb url(../images/upImgAddBg.png) no-repeat center center;
  cursor: pointer;
}
/*checkbox样式*/
.ser-agr{
  height:5.5rem;
  line-height:5.5rem;
}
.ser-check{
  display:inline-block;
  vertical-align: middle;
}
.ser-agr input[type=checkbox]:checked:disabled {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 1.3rem;
  height: 1.3rem;
  position: relative;
  border: 1px solid rgba(0, 119, 255, 0.7);
  border-radius: 0.2rem;
  overflow: hidden;
}
.ser-agr input[type=checkbox]:checked:disabled::before {
  content: '';
  display: block;
  height: 1.3rem;
  width: 1.3rem;
  background: rgba(0, 119, 255, 0.6);
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  border-radius: 0.2rem;
}
.ser-agr input[type=checkbox]:checked:disabled::after {
  content: '」';
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 0.2rem;
  left: 0rem;
  overflow: hidden;
  color: #fff;
  font-weight: bold;
  line-height: 0.4rem;
}
.ser-agr em{
  font-style:normal;
  display:inline-block;
  vertical-align: middle;
}