@charset "utf-8";
/* CSS Document */
html, body{
	background: #fff;
}
a { color:#333;; text-decoration:none; }
@media (max-width: 800px){
  .topmain{
    display: none;
  }
  .footer{
    display: none;
  }
  .m_head{
        display: block !important;
  }
  .m_bottom{
      display: block !important;
  }
  .m_navdiv{
  	display: block !important;
  }
}



.main00{
	width: 100%;
	height: 1.4rem;
	overflow: hidden;
	background: #ffffff;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
.main00_div{
	width: 100%;
}
.main00_div li{
	float: left;
	width: 25%;
	height: 100%;

}
.main00_div li a{
	display: block;
	color: #3f3f3f;
	font-size: 0.22rem;
	text-align: center;
}
.main00_div li a img{
	width: 1.4rem;
	height: 1.4rem;
	padding-bottom: 0.05rem;
}

.banner{
	width: 100%;
	height: 3.5rem;
	position: relative;
	background: #ffffff;
}
.banimg{
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	position: absolute;
}
.banimg li{
	width: 100%;
	height: 100%;
}
.banimg li img{
	width: 100%;
	height: 100%;
	cursor:pointer;
}
.baninf{
	width: 100%;
    height: 0.62rem;
    z-index: 111;
    background: url(../images/m_banbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    line-height: 0;
    text-align: center;
}
.baninf a:link {color: #ffffff}
.baninf a:visited {color: #fff}
.baninf a:hover {color:  #1379d8}
.baninf a:active {color: #fff}

/*.baninf>div{
	float: left;
}*/
.baninf_title{
	width: 70%;
	height: 0.3rem;
	padding-left: 0.1rem;
	margin-top: 0.15rem;
	color: #fff;
	overflow: hidden;
}
.baninf_title li{
	float: left;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 0.25rem;
}
.baninf_dot{
    height: 0.09rem;
    text-align: right;
    display: inline-block;
}
.baninf_dot li{
	width: 33px;
	height: 5px;
	float: left;
	overflow: hidden;
	margin-left: 0.08rem;
    margin-right: 0.08rem;
	cursor: pointer;
	background: url(../images/m_banli.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.baninf_ondot{
	background: url(../images/m_banlion.png) !important;
	background-size: cover !important;
}

.main01{
	width: 100%;
	overflow: hidden;
		background: #ffffff;
}
.main01_top{
	width: 100%;
/*	height: 1.4rem;*/
	overflow: hidden;

}
.main01_top ul{
	width: 100%;
	height: 0.65rem;
/*	margin-top: 0.4rem;*/
    background: #0071bd;
}
.main01_top ul li{
	float: left;
	width: 33.3%;
	height: 0.62rem;
	line-height: 0.65rem;
	text-align: center;
	color: #ffffff;
	font-size: 0.3rem;
}

.main01_top_li{
	border-bottom: solid 2px #d90000;
}
.main01_bot{
	width: 100%;
}
.main01_bot div{
	padding-left: 0.2rem;
	padding-right: 0.15rem;
    padding-top: 0.2rem;
}
.main01_bot div li{
	width: 100%;
	height: 0.6rem;
	font-size: 0.3rem;
	line-height: 0.6rem;
}
.main01_bot div li a{
	color: #3f3f3f;
}

.main02{
	width: 100%;
	overflow: hidden;
		background: #ffffff;
	margin-top: 0.2rem;
}
.main02 div{
	width: 100%;
	height: 1.6rem;
	background: #fff7f0;

}
.main02 div li{
	float: left;
    text-align: center;
    color: #ff7f00;
    font-size: 0.25rem;
}
.main02 div li:first-child{
	width: 34%;
	font-size: 0.3rem;
	text-align: right;
	padding-right: 0.2rem;
	border-right: solid 1px #ff7f00;
	margin-top: 0.3rem;
}
.main02 div li:last-child{
	width: 62%;
	line-height: 0.4rem;
	margin-top: 0.2rem;
}
.main02 div li span{
	text-align: right;
	display: inline-block;
	float: right;
}
.main02 div li span:first-child{
	width: 30%;
	line-height: 0.5rem;
}
.main02 div li span:last-child{
	margin-top: -0.05rem;
}
.main02 div li p{
	text-align: left;
	text-indent: 0.2rem;
}
.main02 div li span img{
	zoom: 0.6;
	width: 0.8rem;
	margin-top: 0.2rem;
	height: 0.8rem;
}

.main03{
	width: 96%;
	height: 1.6rem;
	overflow: hidden;
	background: #E5F0FB; margin:auto;
	
}
.main03>div{
	float: left;
	margin-top: 0.1rem;
	margin-bottom:  0.1rem;
}
.main03_top{
	width: 25%;
	height: 1.4rem;
	padding-bottom: 0;
}
.main03_top li{
	width: 100%;
	height: 100%;
	line-height: 1.4rem;
	text-align: center;
}
.main03_top li img{
	width: 1.5rem;
	/*height: 0.99rem;*/
}
.main03_bot{
	width: 75%;
	height: 1.3rem;
	overflow: hidden;
	position: relative;
}
.main03_bot div{
	position: absolute;
}
.main03_bot div li{
	height: 1.2rem;
	line-height:  0.6rem;
	font-size: 0.3rem;
}
.main03_bot div li a {
	font-size: 0.3rem;
}
.main03_bot div li span{
	color: #999;
}


.main04{
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	margin-bottom: 0.1rem;
}

.main04_top{
	width: 100%;
	margin-bottom: 0.1rem;
}
.main04_top ul{
	width:100%;
	height: 0.6rem;
	margin:0 auto;
}
.main04_top ul li{
	width: 50%;
	height: 100%;
	float: left;
	line-height: 0.6rem;
	text-align: center;
	font-size: 0.3rem;
	overflow: hidden;
	color: #006dd9;
	border-bottom: solid 1px #ccc;
}
.main04_top ul li a{
	display: block;
	color: #3f3f3f;
	padding-left: 0.15rem;
	padding-right: 0.15rem;

}
.main04_top_li{
	background: #006dd9 !important;
	color: #ffffff !important;
}
.main04_bot{
	width: 100%;
}
.main04_bot div{
    padding: 0.2rem;
    padding-bottom: 0;
}
.main04_bot div li{
	color: #333;
	height: 1.6rem;
	font-size: 0.3rem;
    line-height: 0.5rem;
    position: relative;
    border-bottom: solid 1px #d5d5d5;
}
.main04_bot div li a{
	color: #333;	
	font-size: 0.3rem;
}
.main04_bot div li span:nth-child(1){
	width: 72%;
    height: auto;
    display: inline-block;
    float: left;
}
.main04_bot div li span:nth-child(2){
	width: 27%;
    height: auto;
    display: inline-block;
    float: right;
}

.main04_bot div li img{
	width: 100%;
	float: right;
	height: 1.25rem;
	margin-top: 0.1rem;
}

.main04_bot div li p{
	width: 50%;
	color: #999;
	line-height: 0.6rem;
	position: absolute;
	bottom: 0;
	font-size: 0.25rem;
}

.main05{
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
.main05 li{
	float: left;
	width: 50%;
	height: 1.97rem;
}
.main05 li img{
	width: 100%;
	height: 100%;
}
.more{
/*	width: 4.7rem;*/
	height: 0.5rem;
	padding-left: 20px;
	padding-right: 20px;
	background: #f3f3f3;
	text-align: center;
	line-height: 0.5rem;
/*	margin-left: 0.3rem;*/
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
.more a{
	display: block;
	color: #006dd9;
	font-size: 0.3rem;
}

/*===========常设展厅=============*/
.cszt{
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	min-height: 10rem;
	margin-bottom: 0.2rem;
}
.cszt div{
	padding: 0.2rem;
}
.cszt div li{
	float: left;
	width: 48%;
	height: 2.5rem;
	margin-bottom: 0.25rem;
}
.cszt div li img{
	width: 100%;
	height: 100%;
}
.cszt div li:nth-child(1),.cszt div li:nth-child(3){
	margin-right: 4%;
}

/*==========展厅列表============*/
.ztlist{
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	min-height: 9.1rem;
	margin-bottom: 0.2rem;	
}
.ztlist .ztlist_top{
	width: 100%;
	height: 0.8rem;
	background: #f3f4f8;
	color: #ccc;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.22rem;
}
.ztlist .ztlist_top a{
	display: inline-block;
	height: 98%;
}
@media (max-width: 320px){
	.ztlist .ztlist_top{
		width: 100%;
		height: auto;
		background: #f3f4f8;
		color: #ccc;
		line-height: 0.8rem;
		text-align: center;
		font-size: 12px;
	}
}
.ona{
	color: #006cd8;
	border-bottom: solid 1px #006cd8;
}
.ztlist .ztlist_li{
	width: 100%;
}
.ztlist .ztlist_li li{
	float: left;
	width: 29%;
	margin-left: 0.2rem;
	height: 1.5rem;
	margin-top: 0.2rem;
	position: relative;
}
.ztlist .ztlist_li li span{
	position: absolute;
	display: block;
}
.ztlist .ztlist_li li span:first-child{
	width: 100%;
	height: 100%;
}
.ztlist .ztlist_li li span:first-child img{
	width: 100%;
	height: 100%;
}
.ztlist .ztlist_li li span:last-child{
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	background: rgba(0,0,0,0.4);
	text-align: center;
	font-size: 0.2rem;
	color: #fff;
	bottom: 0;
}
.ztlist .ztlist_li li span a{
	color: white;
}

/*==========科学馆动态列表============*/
.dtlist{
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	min-height: 9.1rem;
	margin-bottom: 0.2rem;	
}
.dtlist .dtlist_top{
	width: 100%;
	height: 0.8rem;
	background: #f3f4f8;
	color: #ccc;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.3rem;
}
.dtlist .dtlist_top a{
	display: inline-block;
	height: 98%;
	padding-right: 0.3rem;
	padding-left: 0.3rem;
}

.dtlist_li{
	padding: 0.2rem;
}
.dtlist_li li{
	color: #333;
	height: 1.6rem;
	font-size: 0.3rem;
    line-height: 0.5rem;
    position: relative;
    padding-top: 6px;
    border-bottom: solid 1px #d5d5d5;
}
.dtlist_li li a{
	color: #333;	
	font-size: 0.3rem;
}
.dtlist_li li span:nth-child(1){
	width: 72%;
    height: auto;
    display: inline-block;
    float: left;
}
.dtlist_li li span:nth-child(2){
	width: 27%;
    height: auto;
    display: inline-block;
    float: right;
}

.dtlist_li li img{
	width: 100%;
	float: right;
	height: 1.25rem;
	margin-top: 0.1rem;
}

.dtlist_li li p{
	width: 50%;
	color: #999;
	line-height: 0.6rem;
	position: absolute;
	bottom: 0;
	font-size: 0.25rem;
}


/*=========科学馆概况============*/
.mkxggk{
	padding: 0.2rem;	
	font-size: 0.3rem;
	min-height: 5.4rem;
}

/*=========在线报名=============*/
.mzxbm{
	width: 100%;
	height: auto;
}
.mzxbm_top{
	width: 100%;
	height: 1rem;
	background: url(../images/m_bmbg.jpg);
	background-size:100% 100%;
}
.mzxbm_top li{
	width: 45%;
	height: 100%;
	line-height: 1rem;
	font-size: 0.35rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.mzxbm_mid{
	height: 1rem;
	overflow: hidden;
	line-height: 0.5rem;
	padding-left: 0.2rem;
	background: #f3f4f8;
	position: relative;
}
.mzxbm_mid ul{
	position: absolute;
	height: 1rem;
	z-index: 11;
	white-space: nowrap;
	display: inline-block;
}
.mzxbm_mid ul li{
	width: auto;
	height: 1rem;
	font-size: 0.3rem;
	display: inline-block;
}
.mzxbm_mid ul li a{
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	border-right: solid 1px #ccc;
}
.mzxbm_mid span{
	display: block;
	position: absolute;
	width: 0.5rem;
	height: 100%;
	background:url(../images/m_bmnext.png);
	background-size: 100% 100%;
	right: 0;
	z-index: 22;
}
.mzxbm_art{
	padding: 0.2rem;
	padding-top: 0;
}
.mzxbm_art .mzxbm_bt{
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: 0.35rem;
	color: #333;
	font-weight: bold;
}
.mzxbm_art .mzxbm_bt i{
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/micon.png);
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.mzxbm_art .mzxbm_nr{
	width: 100%;
}
.mzxbm_art .mzxbm_nr p{
	color: #333;
	font-size: 0.3rem;
	line-height: 0.6rem;
}
.mzxbm_art .mzxbm_nr span{
	font-size: 0.3rem;
	line-height: 0.6rem;
	display: block;
}
.mzxbm_art .mzxbm_nr :nth-child(3){
	padding-top: 0.3rem;
}


.mzxbm_art li:last-child{
	height: 0.8rem;
	text-align: center;
	line-height: 0.2rem;
}
.mzxbm_art li:last-child a{
	display: inline-block;
	width: 1.5rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #006dd9;
	border-radius: 5px;
	font-size: 0.3rem;
	color: #fff;
}
.mzxbm_msg{
	padding: 0.2rem;
}
.mzxbm_msg div{
	height: auto;
}
.mzxbm_msg .mzxbm_me{
	width: 100%;
	height: 0.6rem;
}
.mzxbm_msg .mzxbm_me li{
	float: left;
	line-height: 0.6rem;
	font-size: 0.25rem;
	margin-right: 0.2rem;
}
.mzxbm_msg .mzxbm_me li img{
	vertical-align: middle;
	zoom: 0.6;
}

.mzxbm_msg .mzxbm_qk{
	height: auto;
	background: #ebeef9;
	padding: 0.2rem;
}
.mzxbm_msg .mzxbm_qk ul{

}
.mzxbm_msg .mzxbm_qk ul:nth-child(1){
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.32rem;
	color: #006dd9;
}
.mzxbm_msg .mzxbm_qk ul:nth-child(2){
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.25rem;
	color: #333;
	background: #fff;
}
.mzxbm_msg .mzxbm_qk ul:nth-child(2) span{
	width:23%;
	text-align: center;
	display: inline-block;
}
.mzxbm_msg .mzxbm_qk ul:nth-child(2) span:nth-child(2){
	width: 50%;
}
.mzxbm_msg .mzxbm_qk ul:nth-child(3){
	padding-top: 0.1rem;
}
.mzxbm_msg .mzxbm_qk ul:nth-child(3) li{
	width: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.25rem;
}
.mzxbm_msg .mzxbm_qk ul:nth-child(3) li span{
	width:23%;
	text-align: center;
	display: inline-block;
}
.mzxbm_msg .mzxbm_qk ul:nth-child(3) li span:nth-child(2){
	width: 50%;
}
.mblue{
	color: #006dd9 !important;
}
.mred{
	color: #ff0000 !important;
}
/*科普活动*/
.mkfhd{height: auto;width: 100%;}
.mkfhd .mkflist{width: 100%;height: 0.86rem;background: #f3f4f8;padding:0px 0.24rem;box-sizing: border-box;}
.mkfhd .mkflist li{width: 33%;height: 0.84rem;float: left;text-align: center;font-size: 0.26rem;color: #333;line-height: 0.84rem;background: url(../images/mkfline.png) no-repeat left center;background-size: 1px 0.34rem;}
.mkfhd .mkflist li:first-child{background: none;}
.mkfhd .mkflist li.hover{color:#006CD8 ;border-bottom: 0.02rem solid #006CD8;}
.mkfhd .mkfcontent{width: 100%;height:auto;padding:0px 0.48rem;box-sizing: border-box;}
.mkfhd .mkfcontent p{line-height: 0.56rem;color: #3f3f3f;font-size: 0.32rem;text-indent:2em ;padding: 0.12rem 0px;}
.mkfhd .mkfcontent img{display: block;width: 100%;margin-bottom: 0.2rem;}
.mkfhd .mkfcontent .title{text-align:left;float:left;line-height: 1rem;width:100%;height: 1rem;padding-left:0.38rem;box-sizing: border-box;color:#006CD8;font-size:0.32rem;background: url(../images/mkftitbg.png) no-repeat left bottom;background-size: 3rem 0.44rem;}
.mkfhd .mkfcontent .title1{width:100%;height: 0.6rem;text-indent:0.38rem;font-size:0.32rem;background:#DF7839;color: white;line-height: 0.6rem;}