@charset "utf-8";
/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;overflow-x: hidden;}
body{font-size:14px;color:#333;background:#fff; font-family:"微软雅黑";}
ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;outline: none;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
.inline{display: inline-block}
a{text-decoration:none;}
a:hover{text-decoration:none!important;}
p{margin-bottom: 0!important;}
.fl{float:left;}
.fr{float:right;}
.hide{display: none}
.block{display: block}
/* clear float */
/*.clear, .clearfix:after {clear: both;}*/
/*.clear, .clearfix:before, .clearfix:after {display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;}*/
/*.clearfix:before, .clearfix:after {content: '';}*/
/*.clearfix {*zoom: 1;}*/
.clearfix::after{content: ""!important;display: block!important;clear: both!important;}
.fff{color: white!important;}
.relative{position: relative;}
h5{font-weight: bold!important;}
.center{text-align: center}
.padding_left{padding-left: 68px;}

.font-bold{font-weight: bold}
.color-34{color: #343434;}
.color-66{color: #666;}
.color-99{color: #999;}
.color-a1{color: #a1a1a1;}
.detal{color: #e2524a}
.border-bt{border-bottom: 1px solid #ccc;}
.border-bt1{ border-bottom: 1px solid #efefef;}
.cc3432{color: #cc3432}
.e25248{background-color: #e25248}


@media (min-width: 1170px) {
.padRight{display:none}
  .w1200 {width: 1170px;margin: 0 auto;}

}

@media (min-width: 768px) {
 
 .header2{display: none}
  .header3{display: none}
  #mobTab{display: none}
  #mobBan{display: none}
  
  .w932{width:932px;}
  .w900{width:900px;}
  .w850{width:850px;}
  .w808{width:808px;}
  .w890{width: 770px;}

  .w518{width:518px;}

  .w270{width:372px;}
  .w370{width: 370px}
  .w260{width: 272px;}
  .w259{width: 260px;}
  .w240{width: 240px}
  .w184{width: 184px}


  /*公共 start*/
  
  .font-16{font-size: 16px}
  .font-20{font-size: 20px}
  .font-13{font-size: 13px}
  .font-12{font-size: 12px}

  .line-height27{line-height: 27px;  }
  .line-height30{line-height: 30px;  }
  .line-height17{line-height: 22px;  }
  .line-height24{line-height: 24px;  }

  .padding_left5{padding-left: 5px}
  .padding_left10{padding-left: 10px}
  .padding_left18{padding-left: 18px}
  .padding_bottom20{padding-bottom: 20px}
  .padding_bottom40{padding-bottom: 40px}
  .padding_bottom10{padding-bottom: 10px}
  .padding_bottom6{padding-bottom: 6px}
  .padding_bottom70{padding-bottom: 70px}
  .padding_bottom100{padding-bottom: 100px}
  .padding_top8{padding-top: 8px;}
  .padding_top18{padding-top: 18px}
  
  .margin-right8{margin-right: 8px}
  .margin-right4{margin-right: 4px}
  .margin-right10{margin-right: 10px}
  .margin-right20{margin-right: 20px}
  .margin-right140{margin-right: 140px}
  .margin_left8{margin-left: 8px}
  

/*中英文 start*/
  .top_links { color: #0055a6; padding-left: 20px;}
  .top_links a {display: inline-block; padding: 0 10px; color: #737373; font-size: 12px;}

/*logo start*/
  .logo {box-sizing: border-box; padding-top: 16px;}
  .logo img{position: relative; top: -14px;}

  /*导航 start*/
  .menuW{background-color: #e2524a}
  .menu {height: 55px;}
  .menu li {float: left; position: relative; padding: 0 25px; z-index: 999;}
  .menu li strong {display: block; font-size: 16px; font-weight: bold;}
  .menu li strong a { display: block;  color: white; padding: 3px 2px; line-height: 49px;}
  .menu li:hover, .menu li.hover {background-color:#c73831;}
  .menu li p{display: none;position: absolute;left: 0;top: 52px; right: 0; text-align: center;padding: 3px 10px; }
  .menu li p a { display: block; color: #fff; line-height: 38px; font-size: 14px; border-top: 1px dashed #fff;}
  .menu li p a:first-child {border: none; }
  .menu li:hover p {display: block;}
  /*搜索 start*/
  .gnWrap{margin-top: 42px;}
  .zgn{height: 33px;line-height: 33px;}
  .zgn a{margin-right: 8px; color: #999}
  .zgn .zbjy{margin-right: 26px; padding-right: 16px;border-right: 2px solid #ccc}
  .kepu_search_bj { width: 270px;height: 31px;margin-left: 20px;background-color: #e74c4f;  border: 2px solid #e01e21; padding: 1px; font-size: 14px;}
  .kepu_input { width: 202px; height: 27px;font-size: 13px;}
  .kepu_left { float: left; }
  .kepu_left input{ border:0; width:198px; height:21px;margin-top:2px; margin-left:2px;}
  .kepu_right {float: right; padding-top:2px; }

  /*左侧徽章 start*/
  .badge1{  padding: 0 6px; background-color: #b89a8b}
  .apply{width: 106px;height: 30px; line-height: 30px;background-color: #e2524a;border-radius: 20px}
  .tag{ position: absolute;top: 17px; left: 0;width: 60px;height: 28px;line-height: 28px}
  .tag2{  width: 100%;height: 40px;line-height: 40px;background-color: #4bb2c3}

  /*虚拟博物馆 start*/
  .bg_1{background: url(icon1.jpg) no-repeat 32px 9px}
  .bg_2{background: url(icon2.jpg) no-repeat 32px 9px}
  .bg_3{background: url(icon3.jpg) no-repeat 32px 9px}
  .bg_4{background: url(icon4.jpg) no-repeat 32px 9px}
  .bg_5{background: url(icon5.jpg) no-repeat 32px 9px}
  .bg_6{background: url(icon6.jpg) no-repeat 32px 9px}

  /*右侧上4 start*/
  .rightWrap .annals1 a{display: inline-block}
  .rightWrap .annals1 a img{width: 100%}
  .fourMk img{height: 122px}
  .fourMk .twoIng .content{position: absolute;top: 0;left: 0;padding: 14px 9px 0 12px}
  .fourMk .twoIng .content .font-12{font-size: 12px}
  /*.twoIng a:hover .twoIng{display: none}*/

  /* 听听科学 start */
  .ttkx {background:url(pinkbg.png) no-repeat;height: 110px }
  .ttkx .more{color: #bcbbba}
  .ttkx a{color: #333}
  .ttkx p{line-height: 26px}
  .ttkx .padding_left18 img{position: relative;top: -2px;left: 5px;}
  /*听听科学 end*/

  /* 微博 start */
  em{display: inline-block; padding: 6px; border: 1px solid #ebebeb}
  .time{color: #6293d0}
  .time a{display: inline-block;line-height: 15px;padding-left: 12px}
  .time a:first-child{width: 70px;text-align: center;border-right: 1px solid #ccc;}
  .blog{border:1px solid #e7e7e7;}
  .blog h4{  border-bottom:1px solid #e7e7e7;}
  .blogWrap{padding: 0 16px 23px 23px;}
  .blogWrap .wbName{margin-bottom: 2px; color: #74a0d5}
  .blogWrap .head .area{line-height: 36px}
  .blogWrap .head .area img{vertical-align: top}
  /* 微博 end */

  /*矩阵 start*/
  #phoneJz{display: none;}
  #s4{display: none;}
  #phoneTh{display: none;}
  #phoneTT{display: none;}
  .jz1{padding: 0 50px 0 18px;}
  .jz2{ padding-left: 20px;   height: 68px;  line-height: 43px;}
  .blog .jz2 li{margin-left: 0}
  .blog .jz1 li{width: 29%;margin-left: 6%;}
  .imgWrap2{text-align: center}
  /*矩阵 end*/

  /*科普云服务 start*/
  .lastLi{margin-left: 6%}
  .rightWrap .blog .more{ color: #999; font-size: 13px}

  /*底部 start*/
  .bot_links{padding-top: 22px; color: #666;font-weight: bold;text-align: center;}
  .bot_links a { display: inline-block; padding: 0 10px; color: #666; font-size: 14px; font-weight: bold;}
  .bot_links2 {padding-top: 10px;}
  .bot_links2 a { padding: 0 4px;}
  .bt{margin: 0 auto;font-size: 13px;}
  .btL img{position: relative; top: -30px;margin-right: 10px;}
  .btL span{font-weight: bold;color: #808080}
  .footer {padding: 25px 0 60px;background-color: #f5f5f5;}
  .copy { font-size: 14px; line-height: 32px;  margin-left: 48px; color: #888; }

 
  .annals { width: 100%; }
  .annals li{ float: left;  width: 31.2%; margin-left: 3.2%;}
  .annals li:first-child{margin-left: 0;}
  .annals .first{margin-left: 0;}
  .annals li p{font-size: 13px;color: #666;line-height: 22px}
  .annals1 li{ float: left; width: 48%; margin-left: 4%; }
  .annals1 li:first-child{margin-left: 0; }
  .annals1 li p{margin-top: 10px;  margin-bottom: 10px; font-size: 13px; color: #333;}
  .annals2 {margin-bottom: 15px;}
  .annals2 li{background-color: #ED434C;height: 44px;line-height: 26px;}
  .annals3 li{  float: left; width: 22%; margin-left: 1%; }
  .annals3 li:first-child{margin-left: 6%;}
  .annals3 li p{font-size: 12px;}
  .annals4 li{ float: left;  width: 42%; margin-left: 4%;  border-bottom: 1px solid #afafaf;}
  .annals4 li:first-child{margin-left: 5%;}
  .annals4 .imgW{vertical-align: top}
  .annals4 li p{font-weight: bold}

 /* .table table {width: 100%; text-align: center;}
  .table th { font-size: 15px;  color: #484848;  border: 1px solid #d4d4d4; line-height: 40px;  padding: 0 10px;}
  .table td { font-size: 14px; color: #484848;  border: 1px solid #d4d4d4;  line-height: 24px; padding: 10px 20px;}*/

  /*专题之大科学装置 start*/
  .topbar{position: relative;background: url(big01.jpg);height: 349px}
  .topbar .content{position: absolute;bottom: 0;height: 74px;padding: 0 60px;}
  .topbar .fl{width: 80%}
  .topbar .gd{    width: 100px;
    border: 1px solid #fff;
    padding: 9px 3px 9px 16px;}
  .topbar .gd img{ position: relative;top: 3px;}

  /*头条 start*/
  .like{ width: 87%;margin: 0 auto;}
  .like .xx{display:inline-block;width: 50%;text-align: center;height: 38px;line-height: 38px;background-color: #ececec}
  .xx.active{background-color: #e2524b;color: white}

  /*解读 start*/
  .tpBigW{position: relative;height: 158px}
  .tpBigW img{position: absolute;top:0;}
  .tpBigW .fl{left:0;}
  .tpBigW .fr{right:0;}
  /*解读侧边微博微信 start*/
  .sidW{background-color: #ededed;text-align: center;padding:20px 0;}
  .sidW .imgWrap{display: inline-block;padding: 10px;background-color: white}
  /*解读侧边微博微信 end*/
  /*解读 end*/

  /*动态列表页 start*/
  .listWrap li{padding: 0 10px;line-height: 56px;border-bottom: 1px dashed #e0e0e0;}
  .listWrap li img{margin-right: 10px; position: relative;top: -2px;}
  /*动态列表页 end*/

  /*科普云服务*/
  /*ul li .point{color: #e2524b}*/
  ul li .point{  display: inline-block;  height: 9px;  width: 9px;background: url(yyyP.png) no-repeat;}

  /*主编寄语*/
  #zbjy .topName{text-align:center;height:126px;color:#fff;width:214px;background: url(zbjy01.png)}
  #zbjy .topName h4{padding-top: 34px}
  #zbjy .neir{width: 800px;margin: 0 auto!important;text-align: justify}
  #zbjy  .neirW{margin-top: 31px;border-left: 1px solid #e6e6e6}
  .navTab{width: 214px}
  .navTab li {padding:0 10px;line-height: 43px;border-bottom: 1px solid #ccc}
  .navTab .hover{color: #e2524b;background: url(zbjy02.png) no-repeat 192px 12px}

  /*专题页 start*/
  .ztyBody .topjj{width: 400px;height:300px;box-sizing: border-box;padding: 72px 47px 30px 42px;background-color: #505eb2;color: white}
  .ztyBody .topjj p{letter-spacing: 1px}
  .ztyBody .whole{background-color: #f5f5f5;}
  #xnbwg .whole{background-color: #fff;}
  .ztyBody .whole li{background-color: #fff; width: 31.64%; margin-left: 2.4%;}
  .ztyBody .whole li.first{margin-left:0}
  /*#zty .whole li img{width: 100%}*/
  .ztyBody .whole li .cont{padding: 14px 20px 30px 16px}
  /*专题页 end*/

  /*活动 start*/
  #hd{background-color: #f5f5f5;}
  #hd .header{background-color: #fff;}
  #hd .logo{padding: 20px 0}
  #hd .topbLogo{background: url(headBg.png);}
  #hd .logo img{top: 0}
  #hd .logo .dI{margin-left: 2px}
  #hd .logo .right{height: 63px;line-height: 63px;}
  #hd #searchbar_events_province{height: 24px;margin-left: 20px}
  #hd form button{height: 24px;line-height: 20px;width:48px;font-size: 13px}
  #hd #ss{position: relative;top: -1px;
    width: 145px;line-height: 24px;height: 24px}
  #hd .zgn{height: 63px;  line-height: 63px;}
  #hd .zgn a{color: #666}
  #hd .zgn .margin-right8{margin-right: 20px}
  #hd .zgn .login{margin-right: 6px;padding-right: 10px;border-right: 1px solid #ccc;}
  .pubBtn {display: inline-block;width: 90px;line-height: 28px;vertical-align: middle;
    height: 28px;background-color: #e2524b;border-radius: 5px;cursor: pointer}
  /*活动 end*/
  #hd .whole2 .w1200{background-color:#fff;padding-left: 15px;padding-right: 15px;box-sizing: content-box;}
  #hd .whole2 .topD{padding: 46px 58px 0 58px}
  #hd .whole2 .topD .fr{width: 470px}

  /*活动详情 start*/
  .topD .play .fl{margin-right: 30px}
  .topD .play .fl img{width: 28%}
  .hdDnav{width: 186px;text-align: center}
  .hdDnav img{width: 96%}
  .hdDnav .ewmText{line-height: 1; margin-top: -6px;text-align: left;margin-left: -8px;padding-bottom: 24px}
  .hdDnav li {padding:0 10px;line-height: 43px;border-bottom: 1px solid #ccc}
  .hdDnav .hover{color: #e2524b;background: url(sj.png) no-repeat 134px 16px}
  .topD .w890{width: 770px!important;padding-left: 53px;box-sizing: content-box;border-left: 1px solid #ccc}
  /*活动详情 end */

  /*听听 start*/
  .ttkxL .clearfix{padding:6px 30px 0 6px;line-height: 34px;border-bottom: 1px solid #ccc}
  #ttkx ul li  img{margin-left: -13px;margin-top: -6px;cursor: pointer}
  #ttkx ul li .ttkxL img{width: 15px;height: 15px}
  #ttkx ul li .padding_top8{margin-top: 12px;margin-bottom: 6px}
  #ttkx .ttNum{color: #9a9aa3}
  /*听听 end*/

  /*虚拟博物馆 start*/
  /*顶部轮播 start*/
  #banner { margin:0 auto; width: 100%; height: 500px; background: #8e8e8e; overflow: hidden; position: relative; }
  #banner_img { display: block; position: relative; height: 408px;overflow: hidden}
  #banner_img li { position: absolute; top: 0; left: 0; width:100%; height: 484px; background-position: center; background-size: cover; display: none; }
  /*???-------?*/
  #banner_img li.item1 { display: block; }
  /*???--------*/
  #banner_img .ad_img { position: absolute; right: 0px; top: 0px; width:100%; height: 484px; }

  #banner_ctr { position: absolute; width: 100%; height: 93px; left: 0; bottom: 1px; z-index: 1; }
  #banner_ctr ul { width:100%; height: 95px; background: url(LB.png) center ; font-size: 0; line-height: 0; position: relative; }
  #banner_ctr li { display: block; float: left; width: 194px; height: 95px; cursor: pointer; }
  #banner_ctr li.first-item { background: #fff; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
  #banner_ctr li.last-item { background: #fff; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
  #drag_ctr { position: absolute; top: 0px; left: 0px; width: 188px; height: 93px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #ed434c; }
  /*顶部轮播 end*/
  #xnbwg .whole li .cont{border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
  #xnbwg .whole li .itemTit{line-height: 42px;height: 42px; background-color: #e2524b;color: #fff}
  #xnbwg .whole li .itemTit h5{line-height: 43px;height: 43px;margin:0; }
  #xnbwg .whole li .itemDoc{padding: 13px 14px 15px 8px ;}
  #xnbwg .whole li .itemDoc p{line-height: 35px}
  #xnbwg .whole li .litItm{margin-top: 26px;}
  #xnbwg .whole li .first{margin-top: 24px;}
  #xnbwg .whole ul li.w890{width: 768px!important;}
  #xnbwg .whole ul li .sort a{float: left; width: 112px;height: 62px;line-height: 62px;text-align: center;
  margin-left: 8px;border: 1px solid #ebebeb;background-color: #f6f6f6;}
  #xnbwg .whole ul li .sort a:hover{background-color: #ebebeb;color: white}
  /*虚拟博物馆 end*/

}


@media (min-width: 768px) and (max-width:1023px) {
.w1200{width:100%;padding:0 10px; box-sizing: border-box;}
.menu li{padding:0 16px}
}
@media (min-width: 1024px) and (max-width:1169px) {
.w1200{width:100%;padding:0 10px; box-sizing: border-box;}

}

@media (min-width: 768px) and (max-width:1169px) {
.w1200 {width: 100%;margin: 0 auto; box-sizing: border-box;}
div.w184{display:none}
#w980{width:100%}
.menuW{overflow-y:hidden;overflow-x:hidden;}
.menuW::-webkit-scrollbar{display:none}
.menu{width:1170px}
.pcRight{display:none}
div.rightWrap.w270{display:none}
.leftWrap{float:none!important;margin: 0 auto;}
.rightWrap{float:none!important;margin: 0 auto;}
#ttkx .w850 {width: 70%;}
.ztyBody .topjj{position:absolute}
.ztyBody .tpBigW img{position:static}
.ztyBody .whole li{width:30%}
} 
@media (min-width: 768px) and (max-width:800px) {
.w890 {width: 750px;}
}
@media (min-width: 768px) and (max-width:900px) {
#ttkx .w850 {width: 66%;}
ul.dy .w518 {width: 60%;}
.footer .w1200 .w808{width:100%}
}
@media (min-width: 768px) and (max-width:1000px) {
#xnbwg #banner{height: auto;}
}
@media (min-width: 768px) and (max-width:1023px) {
.main{padding:0 10px}
}
@media (max-width: 767px) {
.padRight{display:none}
  .header{display: none}
  .zbNav{display: none}
  .navTab{display: none}
  .topName{display: none}
  #mobTab{display: block}
  #xnbwg #banner{display: none}
  .header2{position: relative; padding: 10px 0 10px 20px;box-sizing: border-box; background-color: #F54341}
  .header2 .img1{width: 44%;}
  .header2 .img2{float: right; width: 30px;margin: 3% 5%;}

/*头部导航 start*/
.header2 .menuW{position: absolute;
  top: 57px;left: 0;
  width: 100%;
  background: white;text-align: center;z-index: 109;}
  .header2 .menuW li{line-height: 36px;}


  .w1200{width:100%;margin:0 auto;box-sizing: border-box;padding:0 15px;}
  .w270{width:100%;}
  .w259{width:70%;}
  .w370{width:100%;}
  .w240{width:100%;}
  .w890 { width:100%;}
  .w260 {width:100%;}
  .w900{width:100%;}
  .w808{width:100%;}

  .font-16{font-size: 16px}
  .font-13{font-size: 13px}
  .font-12{font-size: 12px}

  .line-height27{line-height: 27px;  }
  .line-height17{line-height: 22px;  }
  .line-height24{line-height: 24px;  }
  .padding_left5{padding-left: 5px}
  .padding_left18{padding-left: 18px}

  .padding_bottom20{padding-bottom: 20px}
  .padding_bottom10{padding-bottom: 10px}
  .padding_bottom70{padding-bottom: 40px}
  .padding_top8{padding-top: 8px;}
  .padding_top18{padding-top: 18px}

  .badge1{  padding: 0 6px; background-color: #b89a8b}
  .margin-right8{margin-right: 8px}
  .margin-right10{margin-right: 10px}
  .margin_left8{margin-left:  8px}

  .blog1{display: none;}
  .xnbwg{display: none;}
  .school{display: none;}
  .ttkx{display: none;}
  #ys4{display: none;}
  #pcTh{display: none;}
  #phoneTT{display: block;}
  #phoneTT .imgLo{float: left}
  #phoneTT .fl{float: left!important;}

  #phoneTh a{width: 100%}
  #phoneTh a img{width: 100%}
  /*img{width: 100%}*/
  .imgw img{width: 100%}
  .videoR img{width: 100%}
  .videoR{margin-top: 30px}


  .apply{width: 106px;height: 30px; line-height: 30px;float: right;
    background-color: #e2524a;border-radius: 20px}
/* 微博 start */
 
  .blog{border:1px solid #e7e7e7;}
  .blog h4{  border-bottom:1px solid #e7e7e7;}
  .blogWrap{padding: 0 16px 23px 23px;}
  .blogWrap .wbName{margin-bottom: 2px; color: #74a0d5}
  .blogWrap .head .area{line-height: 36px}
  .blogWrap .head .area img{vertical-align: top}
  /* 微博 end */
/*矩阵 start*/
  .jz1{padding: 0 50px 0 18px;}
  .jz2{ padding-left: 20px;   height: 68px;  line-height: 43px;}
  .blog .jz2 li{margin-left: 0}
  .blog .jz1 li{width: 29%;margin-left: 6%;}
  .imgWrap2{text-align: center}
  /*矩阵 end*/

  /* 听听科学 start */
  .ttkx {background:url(pinkbg.png) no-repeat; height: 110px }
  .ttkx .more{color: #bcbbba}
  .ttkx a{color: #333}
  .ttkx p{line-height: 26px}
  .ttkx .padding_left18 img{position: relative;top: -2px;left: 5px;}
  /*听听科学 end*/

  .annals { width: 100%; }
  /*.annals li{ float: left;  width: 31.2%; margin-left: 3%;}*/
  .annals li:first-child{margin-left: 0;}
  .annals li p{font-size: 13px;}
  .annals1 li{ float: left; width: 48%; margin-left: 4%; }
  .annals1 li:first-child{margin-left: 0; }
  .annals1 li p{margin-top: 10px;  margin-bottom: 10px; font-size: 13px; color: #333;}
  .annals2 {margin-bottom: 15px;}
  .annals2 li{background-color: #ED434C;height: 44px;line-height: 26px;}
  .annals3 li{  float: left; width: 22%; margin-left: 1%; }
  .annals3 li:first-child{margin-left: 6%;}
  .annals3 li p{font-size: 12px;}
  .annals4 li{ float: left;  width: 42%; margin-left: 4%;  border-bottom: 1px solid #afafaf;}
  .annals4 li:first-child{margin-left: 5%;}
  .annals4 .imgW{vertical-align: top}
  .annals4 li p{font-weight: bold}


/*底部 start*/
  .bot_links{padding-top: 22px; color: #666;font-weight: bold;}
  .bot_links a { display: inline-block; padding: 0 10px; color: #666; font-size: 14px; font-weight: bold;}
  .bot_links2 {display:none;}
  .bt{margin: 0 auto;font-size: 13px;}
  .btL {display: none;}
  .footer .fr{display: none;}
  .footer {padding: 25px 0 60px;background-color: #f5f5f5;}
  .copy { font-size: 12px; line-height: 32px; color: #888; text-align: center;}
/*解读 start*/

#jd .head{display: none;}
#jd li{margin-top: 10px;}
#jd .imgWrap{float: left;width: 47%;}
#jd .imgWrap img{width: 100%}
#jd .cont{float: right;width: 49%;}
#jd .cont h5{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
#jd .cont p{text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


#phoneJz h5 img{width: auto;}
#phoneJz .annals{display: flex;justify-content:space-around;}
/* 手机上4 */
#s4 ul {display: flex;justify-content:space-around;}
/*#s4 ul li{width: 45%}*/
#s4 ul li img{width: 100%}

  /*专题之大科学装置 start*/
  .topbar{position: relative;background-image: url(ztyddt.jpg);
    background-size: 100%;
    height: 294px}
  .topbar .content{position: absolute;bottom: 20px;height: 74px;padding: 0 20px;}
  .topbar .content p{overflow: hidden;width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;margin-bottom: 10px!important;}
  .topbar .fl{width: 80%;}
  .topbar .gd{   width: 100px;
    border: 1px solid #fff;
    padding: 5px 8px 5px 11px;
    float: right !important;}
  .topbar .gd img{ position: relative;top: 4px; float: right !important;}

/*头条*/
  #tty ul li .image{float: left!important;width: 34%;}
  #tty .w1200{margin-top: 10px;}
  #tty .w1200 ul .mt30 {margin-top: 10px;}
  #tty ul li .fr{float: right!important;width: 65%;}
  #tty ul li .fr p{display: none;}
  #tt li img{width: 100%}

  /*解读 start*/
  #jdy .w1200 {margin-top: 0px;}
  #jdy .tpBigW{display:none;}
  #jdy .imgWrap img{width: 100%}
  #jdy .cont .padding_top8{padding-top: 0}
  #jdy  .cont .color-a1{display: none}
  /*解读 end*/

  /*动态列表页 start*/
  .listWrap li{padding: 0 10px;line-height: 56px;border-bottom: 1px dashed #e0e0e0;}
  .listWrap li img{margin-right: 10px; position: relative;top: -2px;}
  #dtL ul .fl{float: left!important;width: 70%;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
  #dtL .fr{float: right!important;}
  /*动态列表页 end*/

  /*动态详情页*/

  .neir img{max-width: 100%;height:auto}
  .neir .padding_top18{padding-top: 0}

  /*科普云应用*/
  #kpyyy .image img{width: 100%}
  #kpyyy ul .mt40{margin-top: 20px}

  .fl{float:none!important;}
  .fr{float:none!important;}

  /*专题页 start*/
  .ztyBody .topjj{width: 100%;box-sizing: border-box;padding: 11px 7px 13px 13px;background-color: #505eb2;color: white}
  .ztyBody .tpBigW img{width: 100%}
  .ztyBody .whole li img{width: 100%}
  /*专题页 end*/

  /*活动 start*/
  /*#hd{background-color: #f5f5f5;}*/
  #hd .header3{background-color: #fff;}
  #hd .logo{padding: 20px 15px 0}
  #hd .logo img{top: 0}
  #hd .logo .dI{margin-left: -8px;width: 38%;}
  #hd .logo .rightW {float:right;height: 46px;line-height: 46px}
  #hd .logo .right{padding-top: 15px;box-sizing: border-box}
  #hd #searchbar_events_province{height: 22px;margin-right: 8px}
  #hd #ss{position: relative;top: -2px;
    width: 90px;line-height: 22px;height: 22px}
  #hd .zgn{height: 40px;  line-height: 40px;}
  #hd .zgn a{line-height: 30px;height: 24px;
    float: left; color: #666}
  #hd .zgn .margin-right8{margin-right: 15px}
  #hd .zgn .login{margin-right: 6px;padding-right: 10px;
    /*border-right: 1px solid #ccc;*/
  }
  .pubBtn {float:right;width: 90px;line-height: 28px;vertical-align: middle;
    height: 28px;background-color: #e2524b;border-radius: 5px}
  /*活动 end*/

  /*活动详情 start*/
  .topD .play .fl{margin-right: 10px;float: left!important;}
  .topD .play .fl img{width: 28%}
  .topD h3{font-size: 16px}
  .hdDnav{width: 100%;text-align: center}
  .hdDnav img{width: 46%}
  .hdDnav .ewmText{line-height: 1; margin-top: -6px;margin-left: -8px;padding-bottom: 24px}
  .hdDnav li {padding:0 10px;line-height: 43px;border-bottom: 1px solid #ccc}
  .hdDnav .hover{color: #e2524b;}
  .topD .main{margin-top: 40px}
  .topD .hdsj{margin-top: 10px}
  /*活动详情 end */

  /*听听 start*/
  .ttkxL .clearfix{padding:6px 0px 0 6px;line-height: 34px;border-bottom: 1px solid #ccc}
  .ttkxL .clearfix .poin{margin-left: -12px}
  #ttkx ul li:first-child{margin-top: 10px}
  #ttkx ul li .padding_left18{display: none}
  #ttkx ul li .image {display: none}
  #ttkx ul li  img{margin-left: -13px;margin-top: -6px;}
  #ttkx ul li .ttkxL img{width: 15px;height: 15px}
  #ttkx ul li .padding_top8{margin-top: 12px;margin-bottom: 6px}
  #ttkx .ttNum{float:right!important;color: #9a9aa3}
  /*听听 end*/

  /*虚拟博物馆 start*/
  /*顶部轮播 start*/
  #mobBan ul li{display: inline-block;width: 30%;height: 46px;line-height: 46px;text-align: center;
    margin-bottom: 6px;margin-right: 3.33%;
    background: #f2f2f2;}
  #mobBan ul li a{color: #333}
  #mobBan ul .hover{background: #e2524b;}
  #mobBan ul .hover a{color:#fff}
  #mobBan ul .padding0{margin-right: 0px}
  #mobBan .zj{padding-left: 11px;padding-top: 12px;border: 1px solid #ebebeb;box-shadow: 0px 2px #ebebeb }
  #mobBan .zj a{display: inline-block;width: 23%;margin-bottom: 10px;color: #555}
  /*顶部轮播 end*/
  #xnbwg .whole  .fr{float: right!important;}
  #xnbwg .whole  .fl{float: left!important;}
  #xnbwg .whole li .cont{border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
  #xnbwg .whole li .itemTit{line-height: 42px;height: 42px; background-color: #e2524b;color: #fff}
  #xnbwg .whole li .itemTit h5{line-height: 43px;height: 43px;margin:0; }
  #xnbwg .whole li .itemTit .fr{float: right!important;}
  #xnbwg .whole li .itemTit .fl{float: left!important;}
  #xnbwg .whole li .itemDoc{padding: 13px 14px 15px 8px ;}
  #xnbwg .whole li .itemDoc p{line-height: 35px}
  #xnbwg .whole li .litItm{margin-top: 26px;}
  #xnbwg .whole li .litItm .fr{float: right!important;}
  #xnbwg .whole li .litItm .fl{float: left!important;}
  #xnbwg .whole li .litItm img{width: auto}
  #xnbwg .whole li .first{margin-top: 24px;}
  #xnbwg .whole .first .zjzky1 img{width: 80%}
  #xnbwg .whole .first .zjzky2{width: 60%}
  #xnbwg .whole .first .zjzky2 a{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
  #xnbwg .whole .first .zjzky2 .line-height30{line-height: 28px}
  #xnbwg .whole ul li .sort {display: none}
  #xnbwg .whole ul li.kxty{margin-top: 20px}
  /*虚拟博物馆 end*/

  /*主编寄语 start*/
  #mobTab{padding: 16px 18px 7px 16px;
    border:1px solid #ccc;}
  #mobTab li{border-bottom: 1px solid #ccc;padding: 6px 0;}
  #mobTab li a:nth-child(even){padding-left: 4%}
  #mobTab li:last-child{border:0}
  #mobTab a{display: inline-block;width: 46%;color: #666}
  /*主编寄语 end*/
}



.font-bold{font-size: 20px;line-height: 28px;}
.neir .TRS_Editor p{font-size: 16px;margin-bottom: 10px;}

.mt10{margin-top:10px;}
.mt13{margin-top:13px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:35px;}
.mt50{margin-top:50px;}
.mt10 img{width: 100%;}

.bgff{ background: #fff;}
.bgec{background: #ececec;}
.bgfa{ background: #fafafa;}