body { /* IOS禁止微信调整字体大小 */ -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; max-width:100vw; overflow-x:hidden;  }

 @media screen and (max-width:600px) {
.mobx { display: block!important;max-width:100vw; }
.pcx { display: none!important; }
.w1-160 { width: 100%; margin: auto;overflow: hidden; height:auto;max-width:100vw; }
.muuweb-header-m .ycrih { width: 80%; margin: auto }
.muuweb-header-m .ycrih .shoud { float: left; width: calc(100% - 0px); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C00607; height: 40px; margin-top: 40px; }
.muuweb-header-m .ycrih .shoud .keyword { font-size: 16px; line-height: 40px; margin-top: 0px; width: calc(100% - 90px); background-color: transparent; border: 0px; color: #fff }
.muuweb-header-m .ycrih input::input-placeholder {
color:#fff;
}
 .muuweb-header-m .ycrih input::-webkit-input-placeholder {
 color :  #fff;;
}
.muuweb-header-m .ycrih input:-ms-input-placeholder {
 color :  #fff;
}
.muuweb-header-m .ycrih input:-moz-placeholder {
 color :  #fff;
}
.muuweb-header-m .ycrih input::-moz-placeholder {
 color :  #fff;
}
.muuweb-header-m .ycrih .shoud button { float: right; border: 0px; background-color: transparent; }
.muuweb-header-m .ycrih .shoud .iconfont { font-size: 32px; color: #C00607 }
.muuweb-header-m .ycrih .shoud button:hover i { color: #D80100 }
.muuweb-header-m .nav { padding-top: 30px }
.muuweb-header-m .nav li { height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7b7b7b; text-align: center }
.muuweb-header-m .nav li a { font-size: 16px; line-height: 50px; }
.userlogin { padding-top: 40px }
.userlogin a { display: block; text-align: center; color: #fff; font-size: 16px; }
.userlogin span { display: block; margin: auto; font-size: 42px; }
.banner { width: 100%; margin: auto; overflow: hidden; margin-top: 50px; height: auto; }
.banner .swiper-container { height: auto; }
.banner .swiper-container .swiper-slide { background-size: 100% auto }
.swiper-mywork { width: 100%; margin: auto; height: auto; overflow: hidden; position: relative; }
.swiper-mywork .swiper-slide { background-color: #fff; text-align: center; width: 100%; height: 360px; }
.banner .swiper-mywork .swiper-slide a { display: block; width: 100%; height: 100% }
.banner .swiper-mywork .swiper-slide a img { width: 100%; height: auto }
.swiper-mywork .swiper-slide b { display: block; font-size: 32px; font-weight: 700; color: #000; line-height: 70px; }
.swiper-mywork .swiper-slide p { display: block; font-size: 14px; color: #000 }
.swiper-mywork .swiper-slide span { display: block; background-repeat: no-repeat; background-position: center top; height: 100px; margin: auto; background-size: auto 100%; margin-top: 70px; }
.bjsx .swiper-pagination-bullet { background-color: #333 }
.bjsx .swiper-pagination-bullet-active { background-color: #AA2C18 }
.footer .nav { float: none; }
.footer .nav li a { font-size: 12px; }
.footer p { text-align: center; font-size: 12px; color: #ccc; }
.footer .flogo { float: none; padding-top: 20px; margin-right: 10px; }
.footer .flogo li img { width: 80px; }
.aboutus .abouttxt { float: none; width: calc(100% - 20px); margin: auto }
.aboutus div.abouttxt:nth-child(2n) { margin-right: 10px; float: none; }
.mywork li { float: none; background-color: #fff; margin-right: none; width: calc(100% - 20px); text-align: center; margin-top: 15px; height: 350px; cursor: pointer; margin: auto; padding-top: 40px; margin-bottom: 20px }
.mywork li:nth-child(3n) { margin-right: 10px }
.mywork li:nth-child(6) { display: none }

.indexlist .typenamein{padding-top: 30px;padding-bottom: 10px;}
.indexlist .typenamein p{padding-top: 10px;padding-bottom: 5px;}
.indexlist .typenamein a.indexmore{font-size: 22px;width: 80px;line-height: 40px;height: 40px;}
.indexlist .typenamein a.hymore{width: 110px;}

.indexlist .typenamein p{font-size: 15px;}

.indexlist .swiper-pagination{margin-top: 20px;}
.indexlist .swiper-pagination .swiper-pagination-bullet{background: #aaa;}
.indexlist .swiper-pagination .swiper-pagination-bullet-active{background: #D23318;}

.zjindex h2 { text-align: center; font-weight: normal; font-size: 36px; padding-top: 50px; padding-bottom: 40px; font-weight: 700 }
.zjindex { width: calc(100% - 20px); margin: auto; }
.zjindex .solicit { background-color: #fff }
.zjindex .solicit li{width:100%;}
.zjindex .solicit .bmap { width: 100%; float: none; overflow: hidden; }
.zjindex .solicit .brtxt { width: 100%; float: none; padding-left: 0px; }
.zjindex .solicit .title b { font-size: 22px; display: block }
.zjindex .solicit .title span { font-size: 18px; display: block; line-height: 1.0;height:auto; }
.zjindex .solicit .brtxt p { color: #666666 }
.zjindex .solicit .brtxt .time { }
.zjindex .solicit .brtxt .time .timeico { float: left; padding-bottom:15px; }
.zjindex .solicit .brtxt .time .timeico img {  
  height: 42px;
  margin-top: 15px; margin-left: 10px;
}


.zjindex .solicit .brtxt .time .shijian { float: left; margin-left: 15px; margin-top: 15px }
.zjindex .solicit .brtxt .time .shijian .daojishi { font-size: 14px; color: #000; display: block }
.zjindex .solicit .brtxt .time .shijian .date { font-size: 14px; color: #666666 }
.zjindex .solicit .brtxt .time .ewm { display: none }
.zjindex .solicit .brtxt .title { margin-top: 20px; padding-left: 15px }
.zjindex .solicit .brtxt p { display: block; margin-right: 10px; padding-top: 20px; padding-bottom: 30px; padding-left: 15px; font-size: 12px }
.zjindex .solicit .links a { display: block; float: left; line-height: 40px; width: 90px; margin-right: 0px; margin-left: 10px; color: #fff; border-radius: 4px; padding-left: 15px; font-size: 14px; margin-bottom: 15px }
.zjindex .solicit .links .zg { background-color: #EFEFED; color: #333; }
.zjindex .solicit .links .tg { background-color: #AA2C18; }
.zjindex .solicit .links .zs { background-color: #EFEFED; color: #333; }
.zjindex .solicit .links a .iconfont { float: right; margin-right: 10px; font-size: 16px }
.zjindex .solicit .links a:hover { background-color: #D23318; color: #FFF; }
.talk { padding-top: 0px }
.talk li { float: none; width: calc(100% - 20px); margin: auto }
.talk li:nth-child(2n) { margin-right: 10px; float: none; }
.zjindex .swiper-pagination { width: 100%; position: relative; }
.mywork-r li { background-color: #fff; float: none; width: calc(100% - 20px); margin: auto; padding: 0px; }
.zplist .card-columns li { float: left; width: calc(50% - 50px); margin-right: 20px; overflow: hidden; margin-bottom: 20px; position: relative; }
.contentin { min-height: auto; }
.news { min-height: 600px }
.news li { float: none; margin: auto; width: calc(100% - 20px); cursor: pointer; margin-bottom: 20px; }
.news li b { display: block; font-size: 14px; overflow: hidden; height: 30px; font-weight: normal; line-height: 30px;background: #FFF;padding: 0px 10px;}
.news li span { font-size: 12px;background: #FFF;padding: 0px 10px;}
.news li p { overflow: hidden; height: auto; font-size: 12px;background: #FFF;padding: 0px 10px 10px 10px;}
.news li:nth-child(3n) { margin: auto;margin-bottom: 20px;}

.flogo { display: none }
.abouttxt { padding-top: 0 }
.timeico { width: 30px; }

.navigation { display: none }
.new-r { background-color: #fff; padding: 0px 0px; border-top: 0px solid #B20000; min-height: 600px; width: calc(100% - 20px); margin: auto; }
.new-r .zt { font-size: 22px; padding-top: 15px }
.new-r .title { font-size: 18px; font-weight: bold; text-align: center; }
.new-r .qs { font-size: 14px; }
.new-r .neirong { line-height: 28px; margin-left: 15px; margin-right: 15px }
.zplist { width: calc(100% - 30px); margin: auto; }
.zplist .card-columns li { float: left; width: calc(50% - 8px); margin-right: 16px; overflow: hidden; margin-bottom: 16px; position: relative; }
.zplist .card-columns li:nth-child(3n) { margin-right: 16px; }
.zplist .card-columns li:nth-child(2n) { margin-right: 0px; }
#back-to-top { display: none !important }
.zplist .card-columns li .card-body { display: block; position: relative; z-index: 1; opacity: 1; transition: .5s; background-color: #fff; top: 0; width: calc(100% - 10px); height: 75px; padding: 5px 5px; }
.zplist .card-columns li .card-body b { color: #666; float: right; margin-top: 0; font-size: 12px; font-weight: normal }
.zplist .card-columns li .card-body span { display: block; font-size: 13px; color: #000000; line-height: 20px; height: 40px; overflow: hidden }
.zplist .card-columns li .card-body p { display: block; font-size: 12px; color: #333; line-height: 1.5; }
.tujixinxi { width: calc(100% - 30px); overflow: hidden; margin: auto; padding-top: 10px;padding-bottom: 10px;}
.tujixinxi h3 { font-size: 18px; }
.tujixinxi h3 em { display: block; width: 100%; line-height: 2 }
.zpflash { width: calc(100% - 30px); overflow: hidden; margin: auto; height: auto; margin-bottom: 15px;margin-top: 50px }
.contentin { width: 100%; padding-top: 10px; }
.tujixinxi p { color: #666666; font-size: 14px; padding-top: 0px; padding-bottom: 10px; line-height: 1.5; }
.zpflash i.niu { width: 30px; height: 30px; display: block; background-color: none; position: absolute; left: auto; top: 278px; right: 10px; z-index: 1; line-height: 30px; }
.zpflash i.niu span { font-size: 26px; font-weight: bold }
.zpflash .maps { width: 100%; height: 280px; float: none; background-size: auto 100%; min-width: auto; background-image: none !important; background-color: #333333; text-align: center; }
.zpflash .maps .mapsxli { width: 100%; height: 100%; display: table-cell; vertical-align: middle; line-height: 280px; }
.zpflash .maps .mapsxli img { max-width: 100%; max-height: 100% }
.zpflash .maps .mapsxli .pagination{height: 25px;line-height: 25px;color: #FFF;position: absolute;right: 10px;background-color: rgba(0, 0, 0, 0.8);border-radius: 30px;font-size: 12px;padding: 0px 12px;top: 5px;}
.zpflash .jianje { width: 100%; overflow: hidden; height: auto; float: none; background-color: #ffffff; text-align: left; margin-top: 0px; padding-bottom: 20px }
.zpflash .swiper-button-next, .zpflash .swiper-button-prev { background-color: #a72e2f; color: #fff; width: 30px; height: 30px; }
.zpview .swiper-button-next, .zpview .swiper-button-prev { top: 140px; }
.zpflash .swiper-pagination {display:none; width: 100%; color: #333; top: 280px; height: 30px; line-height: 30px; text-align: left; background-color: #ece7e5; z-index: 0 }
.zpflash .swiper-button-next { left: auto; right: 0; }
.zpflash .mzy50 { margin-left: 10px; margin-right: 10px; }
.zpflash .jianje h4 { color: #212121; font-size: 18px; font-weight: normal; padding-top: 10px; line-height: 40px; }
.zpflash .jianje p.xx { color: #666666; font-size: 12px; padding-top: 10px; padding-bottom: 10px; line-height: 30px;}
.zpflash .jianje p.jj { font-size: 12px; }
.zpflash .swiper-pagination-bullet { width: 26px; height: 4px; display: inline-block; border-radius: 1px; background-color: #fff; line-height: 26px; text-indent: -9999px; margin-left: 10px; }
.zpflash .swiper-pagination-bullet-active { background-color: #C00; margin-top: 10px !important }

.zpflash .jianje .fximg{width: 30px;height: 30px;text-align: center;line-height: 30px;background: #ccc;border-radius: 50%;margin:10px;float:right;cursor: pointer;}
.zpflash .jianje .fximg .iconfont{color:#FFF;font-size:20px;}
#mcover{ position: fixed; top:0;  left:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.7);  display:none;z-index:20000;}
#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}

.footer .nav { float: none; padding-top: 25px; }
.footer .navmuu { text-align: center }
.footer .navmuu a { color: #CCCCCC; padding-left: 5px; padding-right: 5px; }
/*召集*/
.h20 { height: 5px }
/*.zjindex .waterfall-container { column-count: 1; column-gap: 20px; background-color:#fff }*/
.zjindex .waterfall-container { display: inline-block;background-color:#fff }
.convene .brtxt { margin-left: 20px; margin-right: 20px; font-size: 16px; }
.convene .brtxt .title { margin-top: 15px; font-size: 18px; font-weight: bold; line-height: 1.5; width: 100%; padding-bottom: 5px; }
.convene .brtxt .tesg { font-size: 14px; }
.convene .brtxt .jiage { float: none; }
.convene .brtxt .jiage b { font-size: 22px; font-weight: 700; color: #C71010; }
.convene .brtxt .jiage span { font-size: 18px; color: #C71010; }
.convene .brtxt .jiage em { font-weight: 700; font-style: normal; font-size: 20px; color: #241B1B; text-decoration: line-through }

.convene .brtxt .nums { font-size: 48px; color: #C71010; background-color: rgba(79, 111, 70, 1); border: none; border-radius: 5px; color: #fff; font-size: 16px; margin-top: 10px; padding-left: 15px; padding-right: 15px; line-height: 40px; float: none; }
 

.convene .links { padding-bottom: 25px; padding-top: 10px; }
.convene .links a { display: block; float: left; line-height: 46px; width: 125px; margin-right: 15px; color: #fff; border-radius: 4px; padding-left: 15px; font-size: 18px; }
/*发现*/
.findindex {  margin-bottom: 30px }
.findindex .waterfall-container { column-count: 2; column-gap: 10px; }/*瀑布流 */
.findlist .brtxt { margin: 10px 10px 10px 10px; font-size: 12px; }
.findlist .brtxt .title { font-size: 14px; font-weight: bolder; padding-bottom: 5px; }
.findlist .brtxt .bmtime { font-size: 13px; line-height: 30px; }
.findlist .brtxt .user .face img { width: 40px; height: 40px; border-radius: 50%; margin-right: 5px; }
.findlist .brtxt .user .face p b { font-size: 13px; }
.findlist .brtxt .user .zhan i { font-size: 18px; }
.findlist .brtxt .user .zhan { padding-top: 10px }

.findindex .waterfall-item{margin-bottom: 20px;}
.findlist .brtxt .user{padding-top: 0px}

/*论坛*/
.luntanindex{
    border: none;
} 
.luntanindex .luntan1,.luntanindex .luntan2,.luntanindex .luntan3{
    width: calc(100% - 20px);
    float: none;
    margin: auto;
}

.luntanindex h1{border-top: 1px solid #ccc;line-height: 30px;padding: 5px 0px;font-size: 13px;}
.luntanindex .luntan2 ul, .luntanindex .luntan3 ul {
    padding: 10px 0px;
}
.luntanindex .luntan2 li, .luntanindex .luntan3 li {
    font-size: 12px;line-height: 30px;
}
.luntanindex .luntan1 .swiper-luntan {
    margin: 20px 0px;
}

/*召集内容*/
.convenv-r { background-color: #fff; padding: 0px; border-top: 1px solid #B20000; min-height: 600px; overflow: hidden; max-width:100vw;}
.convenv-r p{overflow: hidden; max-width:100vw;}
.convenv-r .jiage { width:calc(100% - 20px); } 
.convenv-r .neirong { line-height: 28px; margin-left:10px; margin-right:10px;overflow: hidden; max-width:100vw; }
.convenv-r .links a { line-height: 46px; margin-right: 0px; color: #fff; border-radius: 4px; padding-left:0px; font-size: 18px; padding-top: 10px; padding-bottom: 10px; width:calc(100% - 30px); display: block; margin:auto; margin-bottom:15px;}
 
img{ max-width:100% }

 
 /*影展*/
 .exhibitlist .exhibitbjt .bttitle{letter-spacing: 14px;font-size: 15px;}
 .exhibitlist .exhibitbjt .link a{font-size: 15px;}
 .exhibitlist .exhibitbjt .typeli{width: 100%;height: 90px;}
 .exhibitlist .exhibitbjt .typeli li{width: 33.33%;}
 .exhibitlist .exhibitbjt .typeli li b{font-size: 30px;}
 .exhibitlist .exhibitbjt .typeli li span {font-size: 14px;}
 .yzlist li {    float: none;
    width: calc(100% - 20px);
    margin: auto;
    margin-bottom: 20px;}
.yzlist li .title p{font-size: 13px;}
.yzlist li .fotbut div i img {
    width: 30px;
    height: 30px;
}
.yzlist li .fotbut div p{font-size: 12px;}
.yzlist li .fotbut .view{margin-left: 20%;}
.yzlist li .fotbut .view,.yzlist li .fotbut .click{width: calc(20% - 0px);}
.yzlist li .fotbut div i.iconfont{font-size: 20px;padding-right: 5px;padding-top: 3px;}
.yzlist li .fotbut .view span,.yzlist li .fotbut .click span{   display: inline-block;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
}

.yzlist li:nth-child(3n){
    margin-right: auto;
}
 
 /*查看发现幻灯*/
 .bjall .mufind{ width:100%; height:auto; overflow:hidden; margin-top: 0; background-color:#fff;border-radius: 0px;}
.mufind .findflash {width: 100%; background-color: #f4f2f0; overflow: hidden; float:left;height:auto;background-color: rgba(0, 0, 0, 0.8);}
.mufind .findtxt{ width:100%; float:none;position: relative ; height:auto; }
.findflash .swiper-pagination { width: 100%; color: #000;bottom: 5px;}
.findflash .maps{ width: 100%;  height:250px; display: flex;
  justify-content: center;
  align-items: center;margin-top: 35px;    margin-bottom: 28px;}
  .findflash .maps img{ max-width:100%; max-height:250px;}
   .mufind .userinfo {
  margin-top: 330px;
}

.findflash .swiper-counter{top:5px;}

.mufind .guanbi{margin-top: 0px;}
   
   .zjindex{ overflow:hidden}
   .mufind .findtxt .zhan{position:relative;}
   .bjall {
  background-color: rgba(255,255,255,1);overflow: scroll;}
   
   .memberindex li{ float:none;width: calc(100% - 20px); margin-bottom:40px; margin:auto; }
   
   
 .exhibitview .yzxx {
  margin-left: 20px; padding-top:30px;
}  
.exhibitview .user{ display:none}
.exsmune .vlink .on4   { display:none}
   
.exsmune .vlink{ margin-top:20px;}
 .exhibitview .exbody {
  background-color: #f5f5f5;

  background-position: center top;
  border-radius: 8px 8px 8px 8px;
  min-height: 500px;
  padding: 20px 20px 20px 20px;
  font-size: 16px;
  line-height: 1.8; margin: 20px;TEXT-JUSTIFY: inter-ideograph;  TEXT-ALIGN: justify;
}  
   .exhibitview .zpxx h3 {
  font-size: 28px;
  color: #fff;
}
  .exhibitview .click {
  float: right;
  width: 100%; margin-right: 0px;  
} 


.exhibitview .vlink a {
  margin-right: 10px;
  background-color: #FFF;
  cursor: pointer;
  line-height: 40px;height: 40px;
  border-radius: 20px;
  display: block;
  float: left;
  padding-left: 18px;
  padding-right: 18px;
}
.exhibitview .click div { 
  padding-bottom: 0px; 
  float: left;
 
  width: auto;
  overflow: hidden;
  padding-bottom: 0px;
  color: #fff; margin-right: 25px;
}


.exhibitview .zpxx p {
  font-size: 12px;
  color: #fff;
}


.grid-gallery{ margin-left:20px; margin-top:20px;margin-right:20px;}

.slideshow {

  background-image: url(https://syphoto.oss-cn-shenzhen.aliyuncs.com/cimg/exhibit/images/yingzhanbj01.png?);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  height:calc(100vh - 50px); top:50px;background-color: rgba(0,0,0,0.9)}
.slideshow nav span.nav-close {
  top: 15vh;
  right: calc(50% - 10px);;
  padding: 0px;
  color: #cd0808;
  position: fixed; 
}
.clickview span {
    padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}


.mjx{ float:right}

.slideshow figure {
  width: calc(100% - 100px);
  height: calc(100% - 20px);
  overflow: hidden;

  margin-top: 0px;
  margin-left: 50px;background-color:transparent;
}
.slideshow .pic{width: calc(100% - 40px);  margin:auto}
.slideshow li .pic .map {
  display: block;
  width: calc(100% - 40px);
  height: calc(100% - 120px);
  margin: 20px;
    margin-bottom: 20px;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;border: 5px solid #000000; background-color: #fff;
}

.slideshow li::after {
  background: rgba(255,255,255,0);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.slideshow li {
 
  background-image: none;
  box-shadow: 0px 0px 0px #9d9999;
}

.clickview {
 position: static; 
  right: -100px;
  bottom: 30px;
  z-index: 999;
}

.slideshow li .pic .map img {
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}

.slideshow-open .slideshow .txt .face {
    margin-left: 20px;
    font-size: 14px;
}


.slideshowbg{background-color: rgba(0,0,0,0.6);}

.slideshow-open .slideshow .txt .face{
    width:auto;
}
.slideshow-open .slideshow .txt h3 {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 13px;
}

.slideshow-open .slideshow .txt {
    width: calc(100% - 60px);
    height: calc(100% + 120px);
    margin-top: -110px;
    z-index: 999;
    position: absolute;
    overflow: hidden;
    margin-left: -20px;
    border-radius: 10px;
    box-shadow: none;
}

.slideshow-open .slideshow .txt .miaoshu{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 10px;
    margin-bottom: 20px;
}

.slideshow-open .slideshow .txt a .guanbi{
    width: 25px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
}

.info-nums{ display:none; color:rgba(0,0,0,0);}
 .current .info-nums{  display: block;
  /* 在2秒后，将字体颜色变成红色 */
     
      animation: change-color .5s linear .5s forwards;
    }
    /* 定义动画 */
    @keyframes change-color {
      to { color: #fff;}
    } 
  
/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
.grid li { width:calc(100% - 0px); }
.slideshow li { width:calc(100% - 0px); height: 50vh; top: 30vh; left: 0; margin: 0; 
    
   /*background-image: url(https://syphoto.oss-cn-shenzhen.aliyuncs.com/cimg/exhibit/images/yingzhanbj02.png);*/
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
    
}
.slideshow li figure img { width: auto; margin: 0 auto; max-width: 100%; }
.slideshow nav span, .slideshow nav span.nav-close { font-size: 1.8em; padding: 0.3em; }
.info-keys { display: none; }




.findflash .swiper-counter {
    background-color: #4b4b4b; padding-top: 0px; line-height: 24px; height: 24px; overflow: hidden;
 
}

 .slideshow li  .pcxx{ display:none !important}


}