<!DOCTYPE html>
<html class=''>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="filetype" content="0">
<meta name="publishedtype" content="1">
<meta name="pagetype" content="1">
<meta name="publishdate" content="2017-03-16">
<meta name="author" content="中国数字科技馆">
<meta name="source" content="中国数字科技馆  https://www.cdstm.cn">



<script src="https://cdn.resources.cdstm.cn/site/js/TRSIDSUtil.js"></script>
<title>中国数字科技馆</title>
<link rel="stylesheet" href="https://cdn.resources.cdstm.cn/site/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.resources.cdstm.cn/site/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.resources.cdstm.cn/site/css/app.css">
<link rel="stylesheet" type="text/css" href="https://cdn.resources.cdstm.cn/site/css/base.css">
<link rel="stylesheet" type="text/css" href="https://cdn.resources.cdstm.cn/site/css/header.css">
<link rel="stylesheet" type="text/css" href="https://cdn.resources.cdstm.cn/site/css/footer.css">
<link rel="stylesheet" type="text/css" href="https://cdn.resources.cdstm.cn/site/css/kpqy.css">
<link href="https://cdn.resources.cdstm.cn/site/css/kpyx.css" rel="stylesheet" type="text/css">
<link href="https://cdn.resources.cdstm.cn/site/css/nav.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdn.resources.cdstm.cn/site/css/resetwas.css" />
<link rel="stylesheet" href="https://cdn.resources.cdstm.cn/site/css/paginationwas.css" /> 
<link type="image/x-icon" rel="shortcut icon" href="https://cdn.resources.cdstm.cn/site/images/aa.png" />
<script src="https://cdn.resources.cdstm.cn/site/js/jquery.min.js"></script> 
<script src="https://cdn.resources.cdstm.cn/site/js/bootstrap.min.js"></script> 
<script src="https://cdn.resources.cdstm.cn/site/js/blocksit.js"></script> 
<script src="https://cdn.resources.cdstm.cn/site/js/jquery.SuperSlide.2.1.1.js"></script> 
<script src="https://cdn.resources.cdstm.cn/site/js/imagesloaded.min.js"></script> 
<script src="https://cdn.resources.cdstm.cn/site/js/jquery.lazyload.min.js"></script> 
    <style class="cp-pen-styles">
        .me404 {
  width: 1000px;
  height: 480px;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: 62px;
}
.st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #E8EBED;
}
.st1 {
  fill: #FFFFFF;
  stroke: #89949B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st2 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #DBDFE1;
}
.st3 {
  fill: #FFFFFF;
}
.st4 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #E8EBED;
  stroke: #89949B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st5 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  stroke: #89949B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st6 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #89949B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st7 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #89949B;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st8 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  stroke: #89949B;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st9 {
  fill: #89949B;
}
.st10 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #89949B;
}
.st11 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #89949B;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st12 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
}
.st13 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  stroke: #8894A0;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st14 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #89949B;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.st15 {
  fill: none;
  stroke: #89949B;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
#cloud {
  -webkit-animation: cloud 9s infinite ease-in-out;
  -moz-animation: cloud 9s infinite ease-in-out;
  -o-animation: cloud 9s infinite ease-in-out;
  animation: cloud 9s infinite ease-in-out;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes cloud{ 0% { opacity: 0.3; left: 160px; -webkit-transform:skewX(20deg); } 65% { opacity: 1; left: 114px; -webkit-transform:skewX(0deg); } 100% { opacity: 0.3; left: 160px; -webkit-transform:skewX(20deg); } }
@-moz-keyframes cloud{ 0% { opacity: 0.3; left: 160px; -moz-transform:skewX(20deg); } 65% { opacity: 1; left: 114px; -moz-transform:skewX(0deg); } 100% { opacity: 0.3; left: 160px; -moz-transform:skewX(20deg); } }
@-o-keyframes cloud{ 0% { opacity: 0.3; left: 160px; -o-transform:skewX(20deg); } 65% { opacity: 1; left: 114px; -o-transform:skewX(0deg); } 100% { opacity: 0.3; left: 160px; -o-transform:skewX(20deg); } }
@keyframes cloud{ 0% { opacity: 0.3; left: 160px;-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg); } 65% { opacity: 1; left: 114px;-webkit-transform:skewX(0deg);-moz-transform:skewX(0deg);-ms-transform:skewX(0deg);transform:skewX(0deg); } 100% { opacity: 0.3; left: 160px;-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg); } ;
}
#moon {
  transform-origin: 640px 81px;
  -webkit-animation: moon-float 6s infinite ease-in-out;
  -moz-animation: moon-float 6s infinite ease-in-out;
  -o-animation: moon-float 6s infinite ease-in-out;
  animation: moon-float 6s infinite ease-in-out;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes moon-float{ 0% { -webkit-transform: translate(0, 20px) scale(1.1); } 65% { -webkit-transform: translate(0, 0px) scale(1.0); } 100% { -webkit-transform: translate(0, 20px) scale(1.1); } }
@-moz-keyframes moon-float{ 0% { -moz-transform: translate(0, 20px) scale(1.1); } 65% { -moz-transform: translate(0, 0px) scale(1.0); } 100% { -moz-transform: translate(0, 20px) scale(1.1); } }
@-o-keyframes moon-float{ 0% { -o-transform: translate(0, 20px) scale(1.1); } 65% { -o-transform: translate(0, 0px) scale(1.0); } 100% { -o-transform: translate(0, 20px) scale(1.1); } }
@keyframes moon-float{ 0% {-webkit-transform: translate(0, 20px) scale(1.1);-moz-transform: translate(0, 20px) scale(1.1);-ms-transform: translate(0, 20px) scale(1.1);transform: translate(0, 20px) scale(1.1); } 65% {-webkit-transform: translate(0, 0px) scale(1.0);-moz-transform: translate(0, 0px) scale(1.0);-ms-transform: translate(0, 0px) scale(1.0);transform: translate(0, 0px) scale(1.0); } 100% {-webkit-transform: translate(0, 20px) scale(1.1);-moz-transform: translate(0, 20px) scale(1.1);-ms-transform: translate(0, 20px) scale(1.1);transform: translate(0, 20px) scale(1.1); } ;
}
#monkey-eye-l {
  transform-origin: 191px 257px;
  -webkit-animation: blink-l 12s infinite ease-in-out;
  -moz-animation: blink-l 12s infinite ease-in-out;
  -o-animation: blink-l 12s infinite ease-in-out;
  animation: blink-l 12s infinite ease-in-out;
}
#monkey-eye-r {
  transform-origin: 205px 256px;
  -webkit-animation: blink-r 12s infinite ease-in-out;
  -moz-animation: blink-r 12s infinite ease-in-out;
  -o-animation: blink-r 12s infinite ease-in-out;
  animation: blink-r 12s infinite ease-in-out;
}
#monkey-arm {
  transform-origin: 155px 298px;
  -webkit-animation: monkey-arm 4s infinite ease-in-out;
  -moz-animation: monkey-arm 4s infinite ease-in-out;
  -o-animation: monkey-arm 4s infinite ease-in-out;
  animation: monkey-arm 4s infinite ease-in-out;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes monkey-arm{ 0% { -webkit-transform: rotateZ(-10deg);  } 50% { -webkit-transform: rotateZ(20deg); } 100% { -webkit-transform: rotateZ(-10deg); } }
@-moz-keyframes monkey-arm{ 0% { -moz-transform: rotateZ(-10deg);  } 50% { -moz-transform: rotateZ(20deg); } 100% { -moz-transform: rotateZ(-10deg); } }
@-o-keyframes monkey-arm{ 0% { -o-transform: rotateZ(-10deg);  } 50% { -o-transform: rotateZ(20deg); } 100% { -o-transform: rotateZ(-10deg); } }
@keyframes monkey-arm{ 0% {-webkit-transform: rotateZ(-10deg);-moz-transform: rotateZ(-10deg);-ms-transform: rotateZ(-10deg);transform: rotateZ(-10deg);  } 50% {-webkit-transform: rotateZ(20deg);-moz-transform: rotateZ(20deg);-ms-transform: rotateZ(20deg);transform: rotateZ(20deg); } 100% {-webkit-transform: rotateZ(-10deg);-moz-transform: rotateZ(-10deg);-ms-transform: rotateZ(-10deg);transform: rotateZ(-10deg); } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes blink-l{ 0% { -webkit-transform: rotateX(0deg); } 2% { -webkit-transform: rotateX(80deg); } 4%,20% { -webkit-transform: rotateX(0deg); } 22% { -webkit-transform: rotateX(80deg); } 24%,30% { -webkit-transform: rotateX(0deg); } 32% { -webkit-transform: rotateX(80deg); } 34%,70% { -webkit-transform: rotateX(0deg); } 72% { -webkit-transform: rotateX(80deg); } 74%,100% { -webkit-transform: rotateX(0deg); }}
@-moz-keyframes blink-l{ 0% { -moz-transform: rotateX(0deg); } 2% { -moz-transform: rotateX(80deg); } 4%,20% { -moz-transform: rotateX(0deg); } 22% { -moz-transform: rotateX(80deg); } 24%,30% { -moz-transform: rotateX(0deg); } 32% { -moz-transform: rotateX(80deg); } 34%,70% { -moz-transform: rotateX(0deg); } 72% { -moz-transform: rotateX(80deg); } 74%,100% { -moz-transform: rotateX(0deg); }}
@-o-keyframes blink-l{ 0% { -o-transform: rotateX(0deg); } 2% { -o-transform: rotateX(80deg); } 4%,20% { -o-transform: rotateX(0deg); } 22% { -o-transform: rotateX(80deg); } 24%,30% { -o-transform: rotateX(0deg); } 32% { -o-transform: rotateX(80deg); } 34%,70% { -o-transform: rotateX(0deg); } 72% { -o-transform: rotateX(80deg); } 74%,100% { -o-transform: rotateX(0deg); }}
@keyframes blink-l{ 0% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } 2% {-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg);-ms-transform: rotateX(80deg);transform: rotateX(80deg); } 4%,20% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } 22% {-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg);-ms-transform: rotateX(80deg);transform: rotateX(80deg); } 24%,30% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } 32% {-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg);-ms-transform: rotateX(80deg);transform: rotateX(80deg); } 34%,70% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } 72% {-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg);-ms-transform: rotateX(80deg);transform: rotateX(80deg); } 74%,100% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); };
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes blink-r{ 0% { -webkit-transform: rotateX(0deg); } 2% { -webkit-transform: rotateX(80deg); } 4%,30% { -webkit-transform: rotateX(0deg); } 32% { -webkit-transform: rotateX(80deg); } 34%,50% { -webkit-transform: rotateX(0deg); } 52% { -webkit-transform: rotateX(80deg); } 54%,100% { -webkit-transform: rotateX(0deg); } }
@-moz-keyframes blink-r{ 0% { -moz-transform: rotateX(0deg); } 2% { -moz-transform: rotateX(80deg); } 4%,30% { -moz-transform: rotateX(0deg); } 32% { -moz-transform: rotateX(80deg); } 34%,50% { -moz-transform: rotateX(0deg); } 52% { -moz-transform: rotateX(80deg); } 54%,100% { -moz-transform: rotateX(0deg); } }
@-o-keyframes blink-r{ 0% { -o-transform: rotateX(0deg); } 2% { -o-transform: rotateX(80deg); } 4%,30% { -o-transform: rotateX(0deg); } 32% { -o-transform: rotateX(80deg); } 34%,50% { -o-transform: rotateX(0deg); } 52% { -o-transform: rotateX(80deg); } 54%,100% { -o-transform: rotateX(0deg); } }
@keyframes blink-r{ 0% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } 2% {-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg);-ms-transform: rotateX(80deg);transform: rotateX(80deg); } 4%,30% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } 32% {-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg);-ms-transform: rotateX(80deg);transform: rotateX(80deg); } 34%,50% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } 52% {-webkit-transform: rotateX(80deg);-moz-transform: rotateX(80deg);-ms-transform: rotateX(80deg);transform: rotateX(80deg); } 54%,100% {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } ;
}
#star1 {
  transform-origin: 643px 338px;
  -webkit-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
  -moz-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
  -o-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
  animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;
}
#star2 {
  transform-origin: 489px 82px;
  -webkit-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
  -moz-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
  -o-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
  animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;
}
#star3 {
  transform-origin: 316px 344px;
  -webkit-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
  -moz-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
  -o-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
  animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;
}
#star4 {
  transform-origin: 126px 182px;
  -webkit-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
  -moz-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
  -o-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
  animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star1{ 0% { -webkit-transform: scale(.5)  skewX(15deg) rotateZ(0deg); } 15% { -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg); } 30%,100% {  -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-moz-keyframes star1{ 0% { -moz-transform: scale(.5)  skewX(15deg) rotateZ(0deg); } 15% { -moz-transform: scale(1) skewX(0deg) rotateZ(360deg); } 30%,100% {  -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-o-keyframes star1{ 0% { -o-transform: scale(.5)  skewX(15deg) rotateZ(0deg); } 15% { -o-transform: scale(1) skewX(0deg) rotateZ(360deg); } 30%,100% {  -o-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@keyframes star1{ 0% {-webkit-transform: scale(.5)  skewX(15deg) rotateZ(0deg);-moz-transform: scale(.5)  skewX(15deg) rotateZ(0deg);-ms-transform: scale(.5)  skewX(15deg) rotateZ(0deg);transform: scale(.5)  skewX(15deg) rotateZ(0deg); } 15% {-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);transform: scale(1) skewX(0deg) rotateZ(360deg); } 30%,100% {-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);transform: scale(.5) skewX(15deg) rotateZ(720deg); } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star2{ 0%,15% { -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 30% { -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg); } 45%,100% {  -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-moz-keyframes star2{ 0%,15% { -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 30% { -moz-transform: scale(1) skewX(0deg) rotateZ(360deg); } 45%,100% {  -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-o-keyframes star2{ 0%,15% { -o-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 30% { -o-transform: scale(1) skewX(0deg) rotateZ(360deg); } 45%,100% {  -o-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@keyframes star2{ 0%,15% {-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);-ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);transform: scale(.5) skewX(15deg) rotateZ(0deg); } 30% {-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);transform: scale(1) skewX(0deg) rotateZ(360deg); } 45%,100% {-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);transform: scale(.5) skewX(15deg) rotateZ(720deg); } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star3{ 0%,30% { -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 45% { -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg); } 60%,100% {  -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-moz-keyframes star3{ 0%,30% { -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 45% { -moz-transform: scale(1) skewX(0deg) rotateZ(360deg); } 60%,100% {  -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-o-keyframes star3{ 0%,30% { -o-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 45% { -o-transform: scale(1) skewX(0deg) rotateZ(360deg); } 60%,100% {  -o-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@keyframes star3{ 0%,30% {-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);-ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);transform: scale(.5) skewX(15deg) rotateZ(0deg); } 45% {-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);transform: scale(1) skewX(0deg) rotateZ(360deg); } 60%,100% {-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);transform: scale(.5) skewX(15deg) rotateZ(720deg); } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star4{ 0%,45% { -webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 60% { -webkit-transform: scale(1) skewX(0deg) rotateZ(360deg); } 75%,100% {  -webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-moz-keyframes star4{ 0%,45% { -moz-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 60% { -moz-transform: scale(1) skewX(0deg) rotateZ(360deg); } 75%,100% {  -moz-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@-o-keyframes star4{ 0%,45% { -o-transform: scale(.5) skewX(15deg) rotateZ(0deg); } 60% { -o-transform: scale(1) skewX(0deg) rotateZ(360deg); } 75%,100% {  -o-transform: scale(.5) skewX(15deg) rotateZ(720deg); } }
@keyframes star4{ 0%,45% {-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);-ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);transform: scale(.5) skewX(15deg) rotateZ(0deg); } 60% {-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);transform: scale(1) skewX(0deg) rotateZ(360deg); } 75%,100% {-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);transform: scale(.5) skewX(15deg) rotateZ(720deg); } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star1-fade{ 0% { opacity: 0;} 15% { opacity: 1; } 30%,100% { opacity: 0; } }
@-moz-keyframes star1-fade{ 0% { opacity: 0;} 15% { opacity: 1; } 30%,100% { opacity: 0; } }
@-o-keyframes star1-fade{ 0% { opacity: 0;} 15% { opacity: 1; } 30%,100% { opacity: 0; } }
@keyframes star1-fade{ 0% { opacity: 0;} 15% { opacity: 1; } 30%,100% { opacity: 0; } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star2-fade{ 0%,15% { opacity: 0;} 30% { opacity: 1; } 45%,100% { opacity: 0; } }
@-moz-keyframes star2-fade{ 0%,15% { opacity: 0;} 30% { opacity: 1; } 45%,100% { opacity: 0; } }
@-o-keyframes star2-fade{ 0%,15% { opacity: 0;} 30% { opacity: 1; } 45%,100% { opacity: 0; } }
@keyframes star2-fade{ 0%,15% { opacity: 0;} 30% { opacity: 1; } 45%,100% { opacity: 0; } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star3-fade{ 0%,30% { opacity: 0;} 45% { opacity: 1; } 60%,100% { opacity: 0; } }
@-moz-keyframes star3-fade{ 0%,30% { opacity: 0;} 45% { opacity: 1; } 60%,100% { opacity: 0; } }
@-o-keyframes star3-fade{ 0%,30% { opacity: 0;} 45% { opacity: 1; } 60%,100% { opacity: 0; } }
@keyframes star3-fade{ 0%,30% { opacity: 0;} 45% { opacity: 1; } 60%,100% { opacity: 0; } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes star4-fade{ 0%,45% { opacity: 0;} 60% { opacity: 1; } 75%,100% { opacity: 0; } }
@-moz-keyframes star4-fade{ 0%,45% { opacity: 0;} 60% { opacity: 1; } 75%,100% { opacity: 0; } }
@-o-keyframes star4-fade{ 0%,45% { opacity: 0;} 60% { opacity: 1; } 75%,100% { opacity: 0; } }
@keyframes star4-fade{ 0%,45% { opacity: 0;} 60% { opacity: 1; } 75%,100% { opacity: 0; } ;
}
#sword-path {
  transform-origin: 458px 206px;
  -webkit-animation: tetris-float 3s infinite ease-in-out;
  -moz-animation: tetris-float 3s infinite ease-in-out;
  -o-animation: tetris-float 3s infinite ease-in-out;
  animation: tetris-float 3s infinite ease-in-out;
}
#sword {
  transform-origin: 458px 206px;
  -webkit-animation: sword 4s infinite ease-out;
  -moz-animation: sword 4s infinite ease-out;
  -o-animation: sword 4s infinite ease-out;
  animation: sword 4s infinite ease-out;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes sword{ 0%,15% { -webkit-transform:rotate(-40deg); } 87% { -webkit-transform:rotate(50deg);  } 100% { -webkit-transform:rotate(-40deg); } }
@-moz-keyframes sword{ 0%,15% { -moz-transform:rotate(-40deg); } 87% { -moz-transform:rotate(50deg);  } 100% { -moz-transform:rotate(-40deg); } }
@-o-keyframes sword{ 0%,15% { -o-transform:rotate(-40deg); } 87% { -o-transform:rotate(50deg);  } 100% { -o-transform:rotate(-40deg); } }
@keyframes sword{ 0%,15% {-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg); } 87% {-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg);  } 100% {-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg); } ;
}
#tetris-path {
  transform-origin: 538px 374px;
  -webkit-animation: tetris-float 5s infinite ease-in-out;
  -moz-animation: tetris-float 5s infinite ease-in-out;
  -o-animation: tetris-float 5s infinite ease-in-out;
  animation: tetris-float 5s infinite ease-in-out;
}
#tetris {
  transform-origin: 538px 374px;
  -webkit-animation: rotate 10s steps(1) infinite alternate;
  -moz-animation: rotate 10s steps(1) infinite alternate;
  -o-animation: rotate 10s steps(1) infinite alternate;
  animation: rotate 10s steps(1) infinite alternate;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotateZ(0deg); } 25% { -webkit-transform: rotateZ(90deg); } 50% { -webkit-transform: rotateZ(180deg); } 75% { -webkit-transform: rotateZ(270deg); } 100% { -webkit-transform: rotateZ(360deg); }}
@-moz-keyframes rotate{ 0% { -moz-transform: rotateZ(0deg); } 25% { -moz-transform: rotateZ(90deg); } 50% { -moz-transform: rotateZ(180deg); } 75% { -moz-transform: rotateZ(270deg); } 100% { -moz-transform: rotateZ(360deg); }}
@-o-keyframes rotate{ 0% { -o-transform: rotateZ(0deg); } 25% { -o-transform: rotateZ(90deg); } 50% { -o-transform: rotateZ(180deg); } 75% { -o-transform: rotateZ(270deg); } 100% { -o-transform: rotateZ(360deg); }}
@keyframes rotate{ 0% {-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);transform: rotateZ(0deg); } 25% {-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg); } 50% {-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg); } 75% {-webkit-transform: rotateZ(270deg);-moz-transform: rotateZ(270deg);-ms-transform: rotateZ(270deg);transform: rotateZ(270deg); } 100% {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg); };
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes tetris-float{ 0% { -webkit-transform: translate(0px, 0px) scale(0.90)  } 65% { -webkit-transform: translate(0px, 30px) scale(1.0); } 100% { -webkit-transform: translate(0px, 0px) scale(0.90); }}
@-moz-keyframes tetris-float{ 0% { -moz-transform: translate(0px, 0px) scale(0.90)  } 65% { -moz-transform: translate(0px, 30px) scale(1.0); } 100% { -moz-transform: translate(0px, 0px) scale(0.90); }}
@-o-keyframes tetris-float{ 0% { -o-transform: translate(0px, 0px) scale(0.90)  } 65% { -o-transform: translate(0px, 30px) scale(1.0); } 100% { -o-transform: translate(0px, 0px) scale(0.90); }}
@keyframes tetris-float{ 0% {-webkit-transform: translate(0px, 0px) scale(0.90);-moz-transform: translate(0px, 0px) scale(0.90);-ms-transform: translate(0px, 0px) scale(0.90);transform: translate(0px, 0px) scale(0.90);} 65% {-webkit-transform: translate(0px, 30px) scale(1.0);-moz-transform: translate(0px, 30px) scale(1.0);-ms-transform: translate(0px, 30px) scale(1.0);transform: translate(0px, 30px) scale(1.0); } 100% {-webkit-transform: translate(0px, 0px) scale(0.90);-moz-transform: translate(0px, 0px) scale(0.90);-ms-transform: translate(0px, 0px) scale(0.90);transform: translate(0px, 0px) scale(0.90); };
}
#triforce {
  transform-origin: 175px 91px;
  -webkit-animation: triforce-float 3s infinite ease-in-out;
  -moz-animation: triforce-float 3s infinite ease-in-out;
  -o-animation: triforce-float 3s infinite ease-in-out;
  animation: triforce-float 3s infinite ease-in-out;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes triforce-float{ 0% { -webkit-transform: translate(0px, 0px) scale(0.90)  } 65% { -webkit-transform: translate(0px, 30px) scale(1.0); } 100% { -webkit-transform: translate(0px, 0px) scale(0.90); } }
@-moz-keyframes triforce-float{ 0% { -moz-transform: translate(0px, 0px) scale(0.90)  } 65% { -moz-transform: translate(0px, 30px) scale(1.0); } 100% { -moz-transform: translate(0px, 0px) scale(0.90); } }
@-o-keyframes triforce-float{ 0% { -o-transform: translate(0px, 0px) scale(0.90)  } 65% { -o-transform: translate(0px, 30px) scale(1.0); } 100% { -o-transform: translate(0px, 0px) scale(0.90); } }
@keyframes triforce-float{ 0% {-webkit-transform: translate(0px, 0px) scale(0.90);-moz-transform: translate(0px, 0px) scale(0.90);-ms-transform: translate(0px, 0px) scale(0.90);transform: translate(0px, 0px) scale(0.90);} 65% {-webkit-transform: translate(0px, 30px) scale(1.0);-moz-transform: translate(0px, 30px) scale(1.0);-ms-transform: translate(0px, 30px) scale(1.0);transform: translate(0px, 30px) scale(1.0); } 100% {-webkit-transform: translate(0px, 0px) scale(0.90);-moz-transform: translate(0px, 0px) scale(0.90);-ms-transform: translate(0px, 0px) scale(0.90);transform: translate(0px, 0px) scale(0.90); } ;
}
</style>
</head>
<body>

<link href="https://cdn.resources.cdstm.cn/site/css/nav.css" rel="stylesheet" type="text/css">
<link type="image/x-icon" rel="shortcut icon" href="https://cdn.resources.cdstm.cn/site/images/aa.png" />
<link href="https://cdn.resources.cdstm.cn/site/css/m_style_csj_top.css" rel="stylesheet" type="text/css">

 <style type="text/css">
.nav_s1 span{
display:flex;
justify-content:center;
align-items:center;
}


 .search_nav {
      text-align:center;
    position: relative !important;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 50%;
    height: 55px;
    background-color: #fff;
    cursor: default;
}

.search_nav input {
    float:none;
    width:420px;
    border:none;
    outline: none;
}
.search_nav input:focus{
    border:none;
}

  #search_mask {       
            position: absolute; top: 55px; filter: alpha(opacity=60); background-color: #CCC;     
            z-index: 1002; left: 0px;     
            opacity:0.5; -moz-opacity:0.5;     
			cursor: zoom-out;

        } 
 	/*
     .denglu_K1,.zhuce_K1{left:50%;margin-left:-190px;}
     .denglu_l,.zhuce_l{width:100%;}
     .mobile-header-nav{display:none;}
     .nav_gr div {
    width: 140px;
    }
     @media screen and (max-width:992px) {
         .mobile-header-nav{display:block;}
         .xk_nav{display:none;}
     }
     
 @media screen and (max-width:420px) {
        .denglu_K1{width:100%;left:0%;margin-left:0px;top:60px;bottom:0;}
        .zhuce_K1{width:100%;left:0%;margin-left:0px;top:0px;bottom:0;}
       .zcfs_ul2 li,.zcfs_ul1 li,.fs_sj_ul li,.fs_sj_ul2 li{margin-bottom:15px;}
     }
 @media screen and (max-width:380px){
      .denglu_l,.zhuce_l{padding:0 10px;}
      .denglu_fs span{width:49%;}
 }
 .xk_nav_ctt{max-width:1122px;}
 .xk_nav{width:100%;border-bottom: 4px solid #2878c8;}
手机登录
.signup_1 a:last-child{position: absolute;right: 10px;top: 30px;color: #666;font-size: 14px;float:none;}
.signup_1 img{vertical-align: middle;border-radius: 100%;margin-right:10px;}
.signup_1 a:first-child{width:auto;}
*/
</style>
<div style="display:none">

</div>
<div class="scroll-top" id="scrollTop" title="回到顶部"><i class="fa fa-chevron-up"></i></div>
<!--zq-->

<div style="display:none"><!--大logo图，解决Safari分享到微信无logo问题-->
<img src="https://cdn.resources.cdstm.cn/site/image/index/logo-share6.jpg" />
</div>
<div class="hidden-sm hidden-xs" id="serch_wrapper" style="position:relative;display:none;width:100%;height:55px;background:#fff;z-indx:999;opacity:1;">
	
	 <div id="search_mask" ></div>  
	 <div class="search_nav clearfix" style="display: none;">
			<span class="serch-logo" style="padding-top:10px;display: none; position:absolute;left:-252px">
			<img src="../../images/header-logo.png" width="" height="32" />
			</span>

			<span style="position: relative; left: -30px;">
			<!-- <img style="display: inline-block; margin-right: -2px;" src="../../images/search.png" alt="" /> -->
            <input type="text" autofocus="autofocus" class="search-i" style="line-height:normal;font-size:16px;" onkeypress="getKey();" placeholder="中国科学技术馆" />
			<b class="search_span fa fa-search lead" style="font-size:17px;top:12px;right:-30px;background:#2b93f0;border-radius:5px;"></b>
			</span>
         
     </div>

</div>



<div class="xk_nav">
    <div class="xk_nav_ctt clearfix" id="headerNav">
        <li class="nav-item-0 nav_logo nav_xk_a" href="javascript:;"><a href="https://www.cdstm.cn"><img src="https://cdn.resources.cdstm.cn/site/images/ic-home.png" alt="" style="margin-top:10px;width:60px;vertical-align: baseline;" /></a></li>
        <li class="nav-item-1 nav_xk_a" href="javascript:;" name="frontier">
            <a href="https://www.cdstm.cn/frontier/">资讯</a>
        </li>
        <li class="nav-item-2 nav_xk_a" name="gallery"> <a href="https://www.cdstm.cn/gallery/">专题</a>
            <ul class="sub" style="display: none;">
                
                    <li><a href="https://www.cdstm.cn/gallery/zhuanti/">科技热点</a></li>
                
                    <li><a href="https://www.cdstm.cn/gallery/media/">媒体视点</a></li>
                
                    <li><a href="https://www.cdstm.cn/gallery/kjbl/">科技博览</a></li>
                
                    <li><a href="https://www.cdstm.cn/gallery/kjzd/">科技知道</a></li>
                
                    <li><a href="https://www.cdstm.cn/gallery/hycx/">环球科学</a></li>
                
                    <li><a href="https://www.cdstm.cn/gallery/gktx/">馆窥天下</a></li>
                        
            </ul>
        </li>
        <li class="nav-item-8 nav_xk_a" name="activity"> <a href="https://www.cdstm.cn/activity/">活动</a>
            <ul class="sub" style="display: none;">
                
                    <li><a href="https://www.cdstm.cn/activity/dtcj/">线上活动</a></li>
                
                    <li><a href="https://www.cdstm.cn/activity/hysl/">线下活动</a></li>
                
                    <li><a href="https://www.cdstm.cn/activity/jyhd/">教育活动</a></li>
                        
            </ul>
        </li>
            
        <li class="nav-item-5 nav_xk_a" name="museum" > <a  href="https://www.cdstm.cn/museum/" class="nav_kjg">科技馆</a>
            <ul class="sub" style="display: none;">
				
				
                    <li><a href="http://cstm.cdstm.cn/">中国科技馆</a></li>
                
                    <li><a href="https://www.cdstm.cn/museum/kplm_1/">科普联盟</a></li>
                
                    <li><a href="http://zjbwg.cdstm.cn/index.php">博物馆荟萃</a></li>
                
                    <li><a href="http://kpfwpt.cdstm.cn">科普服务</a></li>
                
                    <li><a href="https://www.cdstm.cn/museum/zphc/">展品荟萃</a></li>
                
                    <li><a href="https://www.cdstm.cn/subjects/kjgldkxk">科技馆课堂</a></li>
                
				
				<!--<li><a href="https://www.cdstm.cn/xnxs/tyztg/">体验专题馆</a></li>-->
				<!--
				<li><a href="http://cstm.cdstm.cn/" target='_blank'>中国科技馆</a></li>
				<li><a href="https://www.cdstm.cn/museum/kplm_1/" >科普联盟</a></li>
				<li><a href="http://zjbwg.cdstm.cn/index.php" target='_blank'>博物馆荟萃</a></li>
				<li><a href="http://kpfwpt.cdstm.cn/index.php" target='_blank'>科普服务</a></li>
				-->
				
			</ul>
        </li>
        <li class="nav-item-3 nav_xk_a" name="theme"> <a href="https://www.cdstm.cn/theme/">兴趣圈</a>
            <ul class="sub" style="display: none;">
            
                <li><a href="https://www.cdstm.cn/theme/khsj/">科幻世界</a></li>
            
                <li><a href="https://www.cdstm.cn/theme/kkxw/">儿童乐园</a></li>
            
                <li><a href="https://www.cdstm.cn/theme/hellosky/">你好星空</a></li>
            
                <li><a href="https://www.cdstm.cn/theme/nytd/">农业天地</a></li>
            
            </ul>
        </li>
        <li class="nav-item-6 nav_xk_a" name="videos"> <a href="https://www.cdstm.cn/videos/">音视频</a>
             <ul class="sub" style="display: none;">
                
                    <li><a href="https://www.cdstm.cn/videos/sounds/">音频</a></li>
                
                    <li><a href="https://www.cdstm.cn/videos/list/">视频</a></li>
                        
            </ul>
        </li>           
        <li class="nav-item-7 nav_xk_a" name="game"> <a href="https://www.cdstm.cn/game/">游戏</a>
             <ul class="sub" style="display: none;">
                
                    <li><a href="https://www.cdstm.cn/game/zrkx/">自然科学</a></li>
                
                    <li><a href="https://www.cdstm.cn/game/yzts/">宇宙探索</a></li>
                
                    <li><a href="https://www.cdstm.cn/game/yzly/">益智乐园</a></li>
                
                    <li><a href="https://www.cdstm.cn/game/fzzj/">防灾自救</a></li>
                
                    <li><a href="https://www.cdstm.cn/game/xnsh/">虚拟生活</a></li>
                
                    <li><a href="https://www.cdstm.cn/game/gcjs/">工程技术</a></li>
                
                    <li><a href="https://www.cdstm.cn/game/dssy/">动手实验</a></li>
                        
            </ul>
        </li>           
        <li class="nav-item-6 nav_xk_a" ><a href="https://www.cdstm.cn/xnxs/vr/">虚拟现实</a> 
            <ul class="sub" style="display: none;">
                
                    <li><a href="https://xnmy.cdstm.cn">漫游科技馆</a></li>
                
                    <li><a href="https://www.cdstm.cn/xnxs/vr/">移动VR</a></li>
                
<li><!-- 12月26日添加 -->
    <a href='https://www.cdstm.cn/activity/dtcj/201706/t20170606_501214.html'>
    VR项目申请
    </a>
</li>
            </ul>
        </li>
        <li class="nav-item-7 nav_xk_a" name="zhibo"> <a href="https://www.cdstm.cn/zhibo/">直播</a>
             <ul class="sub" style="display: none;">
                
                    <li><a href="https://www.cdstm.cn/zhibo/zbnow/">正在直播</a></li>
                
                    <li><a href="https://www.cdstm.cn/zhibo/zbyg/">直播预告</a></li>
                
                    <li><a href="https://www.cdstm.cn/zhibo/zbhg/">直播回顾</a></li>
                        
            </ul>
        </li>     
<!--   <a  href="https://www.cdstm.cn/zhibo/zbjdt/">直播</a>   -->
        <li class="nav-item-4 nav_xk_a" name="knowledge"> <a href="https://www.cdstm.cn/knowledge/kptp/">图片库</a>
           <!-- <ul class="sub" style="display: none;">
            
                <li><a href="https://www.cdstm.cn/knowledge/kptp/mh/">图解科学漫画</a></li>
            
            </ul> -->
        </li>
        <span class="nav_s1">
           <img src="https://cdn.resources.cdstm.cn/site/images/search.png" alt="" id="search_box1" />
                  
        </span>
        <span class="nav_s2" style="display:none">登录</span>
        <span class="nav_s3" style="display:none">注册</span>
        <span class="nav_s5" style="display: none;"></span>
        <span class="nav_s5 ld"  style="display: none;"><div>+<i>7</i></div></span>
        <span class="nav_s6" style="display: none;">
            <img src="https://cdn.resources.cdstm.cn/site/images/tx.png" alt="" />
            <div class="nav_gr clearfix" style="display: none;">
                <!--<div onclick="mypre()" class="nav_gr_1 clearfix"><img src="https://cdn.resources.cdstm.cn/site/images/icon_xx.png" alt="" style="width:10px" /><em>@我的</em><strong>1</strong></div>
                <div class="nav_gr_2 clearfix"><img src="https://cdn.resources.cdstm.cn/site/images/icon_x.png" alt="" style="width:10px" /><em>站内信</em><strong>1</strong></div>
                <div onclick="wind()" class="nav_gr_3 clearfix"><img src="https://cdn.resources.cdstm.cn/site/images/icon_tz.png" alt="" style="width:10px" /><em>系统通知</em></div> -->
            </div>
        </span>
       <!-- <span class="nav_s4"><a href="http://forum.cdstm.cn"  style="color:#000;display:inline-block;width:100%;height:100%;">论坛</a></span>-->
    </div>
</div>



<!--手机端导航开始-->
<div class="mobile-header-nav hidden-lg hidden-md">
    <!--顶部开始-->
    <div class="m_autocontainer m_topfixbox">
        <dl class="m_container top_m_box">
            <dd class="fl">
                <a href="../../"><img src="https://cdn.resources.cdstm.cn/site/images/top_m_logo.png" /></a>
            </dd>
            <dt class="fr">
                <a href="" class="fl menubtn"><img src="https://cdn.resources.cdstm.cn/site/images/top_m_menu.png" /></a><a href="" class="fr searchbtn"><img src="https://cdn.resources.cdstm.cn/site/images/top_m_searchlogo.png" /></a>
            </dt>
        </dl>
    </div>

    <!--导航开始-->
    <div class="signupbox" style="overflow:auto;">
        <div class="m_emptybox"></div>
        <div class="signupbox1">
            <a href="" class="m_closebtn"></a>
            <div class="signup">
                <div class="signup_0">
                    <div class="headbg"></div>登录 
                </div>
                <div class="signup_1"></div>
            </div>
            <h4 class="signtpc"><span>导航</span></h4>
            <!-- 导航下面的11个块的部分 -->
            <ul class="m_tagsto">
                <li><a href="https://www.cdstm.cn/">首页</a></li>            
                <li><a href="https://www.cdstm.cn/frontier/">资讯</a></li>
                <li><a href="https://www.cdstm.cn/gallery/">专题</a></li>
                <li><a href="https://www.cdstm.cn/activity/">活动</a></li>
                <li><a href="https://www.cdstm.cn/museum/">科技馆</a></li>
                <li><a href="https://www.cdstm.cn/theme/">兴趣圈</a></li>
                <li><a href="https://www.cdstm.cn/videos/">音视频</a></li>
                <li><a href="https://www.cdstm.cn/game/">游戏</a></li>
                <li><a href="https://www.cdstm.cn/xnxs/vr/" >虚拟现实</a><!-- <a href="http://hd.cdstm.cn/newwww/2015active/www/xncg/xndfg.html">虚拟现实</a> --></li>
                <li><a href="https://www.cdstm.cn/zhibo/">直播</a></li>
                <li><a href="https://www.cdstm.cn/knowledge/kptp/">图片库</a></li>
            </ul>
            
            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/gallery/">专题</a></dt>
                <dd>
                    
                        <div><a href="https://www.cdstm.cn/gallery/zhuanti/">科技热点</a></div>
                    
                        <div><a href="https://www.cdstm.cn/gallery/media/">媒体视点</a></div>
                    
                        <div><a href="https://www.cdstm.cn/gallery/kjbl/">科技博览</a></div>
                    
                        <div><a href="https://www.cdstm.cn/gallery/kjzd/">科技知道</a></div>
                    
                        <div><a href="https://www.cdstm.cn/gallery/hycx/">环球科学</a></div>
                    
                        <div><a href="https://www.cdstm.cn/gallery/gktx/">馆窥天下</a></div>
                    
                </dd>
            </dl>
            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/activity/">活动</a></dt>
                <dd>
                    
                        <div><a href="https://www.cdstm.cn/activity/dtcj/">线上活动</a></div>
                    
                        <div><a href="https://www.cdstm.cn/activity/hysl/">线下活动</a></div>
                    
                        <div><a href="https://www.cdstm.cn/activity/jyhd/">教育活动</a></div>
                    
                </dd>
            </dl>
            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/museum/">科技馆</a></dt>
                <dd>
                    
                        <div><a href="http://cstm.cdstm.cn/">中国科技馆</a></div>
                    
                        <div><a href="https://www.cdstm.cn/museum/kplm_1/">科普联盟</a></div>
                    
                        <div><a href="http://zjbwg.cdstm.cn/index.php">博物馆荟萃</a></div>
                    
                        <div><a href="http://kpfwpt.cdstm.cn">科普服务</a></div>
                    
                        <div><a href="https://www.cdstm.cn/museum/zphc/">展品荟萃</a></div>
                    
                        <div><a href="https://www.cdstm.cn/subjects/kjgldkxk">科技馆课堂</a></div>
                    
                   <!--
				   <div><a href="http://cstm.cdstm.cn/" target='_blank'>中国科技馆</a></div>
					<div><a href="https://www.cdstm.cn/museum/kplm_1/" >科普联盟</a></div>
					<div><a href="http://zjbwg.cdstm.cn/index.php" target='_blank'>博物馆荟萃</a></div>
					<div><a href="http://kpfwpt.cdstm.cn/index.php" target='_blank'>科普服务</a></div>
					-->
					
                </dd>
            </dl>
            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/theme/">兴趣圈</a></dt>
                <dd>
                    
                        <div><a href="https://www.cdstm.cn/theme/khsj/">科幻世界</a></div>
                    
                        <div><a href="https://www.cdstm.cn/theme/kkxw/">儿童乐园</a></div>
                    
                        <div><a href="https://www.cdstm.cn/theme/hellosky/">你好星空</a></div>
                    
                        <div><a href="https://www.cdstm.cn/theme/nytd/">农业天地</a></div>
                    
                </dd>
            </dl>
            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/videos/">音视频</a></dt>
                <dd>
                    
                        <div><a href="https://www.cdstm.cn/videos/sounds/">音频</a></div>
                    
                        <div><a href="https://www.cdstm.cn/videos/list/">视频</a></div>
                    
                </dd>
            </dl>
            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/game/">游戏</a></dt>
                <dd>
                    
                        <div><a href="https://www.cdstm.cn/game/zrkx/">自然科学</a></div>
                    
                        <div><a href="https://www.cdstm.cn/game/yzts/">宇宙探索</a></div>
                    
                        <div><a href="https://www.cdstm.cn/game/yzly/">益智乐园</a></div>
                    
                        <div><a href="https://www.cdstm.cn/game/fzzj/">防灾自救</a></div>
                    
                        <div><a href="https://www.cdstm.cn/game/xnsh/">虚拟生活</a></div>
                    
                        <div><a href="https://www.cdstm.cn/game/gcjs/">工程技术</a></div>
                    
                        <div><a href="https://www.cdstm.cn/game/dssy/">动手实验</a></div>
                    
                </dd>
            </dl>


            <dl class="m_commontable">
                <dt><a href="http://hd.cdstm.cn/newwww/2015active/www/xncg/xndfg.html">虚拟现实</a></dt>
                <dd>
                    
                        <div><a href="https://xnmy.cdstm.cn">漫游科技馆</a></div>
                    
                        <div><a href="https://www.cdstm.cn/xnxs/vr/">移动VR</a></div>
                    
<div><!-- 12月26日添加 -->
                        <a href="https://www.cdstm.cn/activity/dtcj/201706/t20170606_501214.html" >
                        VR项目申请
                        </a>
                    </div>
                </dd>
            </dl>
            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/zhibo/">直播</a></dt>
                <dd>
                    
                        <div><a href="https://www.cdstm.cn/zhibo/zbnow/">正在直播</a></div>
                    
                        <div><a href="https://www.cdstm.cn/zhibo/zbyg/">直播预告</a></div>
                    
                        <div><a href="https://www.cdstm.cn/zhibo/zbhg/">直播回顾</a></div>
                    
                </dd>
            </dl>


            <dl class="m_commontable">
                <dt><a href="https://www.cdstm.cn/knowledge/kptp/">图片库</a></dt>
                <dd>
                    <!--
                        <div><a href="https://www.cdstm.cn/knowledge/kptp/mh/">图解科学漫画</a></div>
                    -->
                </dd>
            </dl>
        </div>
    </div>
    <!--导航结束-->

    <!--搜索开始-->
    <div class="m_searchindex">
        <dl class="searchtop">
            <dt>
            <div class="m_search_txt">
                <a href=""></a>
                <div><input type="text" name="" placeholder="中国科学技术馆" class="" /></div>
            </div>
            </dt>
<dd class="search_span" style="float:left;width:28px;top:0px;left:0px;background:none;">搜索</dd>
            <dd class="m_cancelbtn" style="width:28px;">取消</dd>
        </dl>
        <h3 class="searchtpc">热门搜索</h3>
        <div class="m_rmss">
            
                <a href="javascript:void(0);">人工智能</a>
            
                <a href="javascript:void(0);">阿尔法狗</a>
            
                <a href="javascript:void(0);">天气</a>
            
                <a href="javascript:void(0);">兴趣圈</a>
            
                <a href="javascript:void(0);">音视频</a>
            
                <a href="javascript:void(0);">开开小屋</a>
            
        </div>
    </div>
    <!--搜索结束-->

    <!--顶部结束-->
</div>
<script>
var wcmid="";
var wcmtitle ="";
var wcmimg ="";
var wcmchannelid ="";
var wcmchannel ="";
var wcmtype ="";

//导航触摸二级菜单显示
$("#headerNav").slide({ type:"menu", titCell:".nav_xk_a", targetCell:".sub",effect:"slideDown",delayTime:300,triggerTime:0,returnDefault:true})

//导航突出路径
var localurl = window.location.pathname.split("/")[1];
console.log("localurl="+localurl);
 $(".xk_nav_ctt li").each(function(index ,ele){
    var path = $(this).attr("name");
    if(localurl==path){
        $(this).css({
            "background-color": "#f7f8f9",
            "border-bottom": "4px solid #ff095a",
            "font-size":"16px",
             "font-weight":"bold"
        });
        $(this).find("a").eq(0).css({"color":"#ff095a"});
        $(this).find("ul").css({
          "font-size":"14px",
          "font-weight":"normal"
        });
    }
 })

//搜索功能
/*modify by zq*/   
	//..遮罩层方法
		//显示遮罩层       
		function showMask(){     
			var h = window.innerHeight;
			var w = window.innerWidth;
			$("#search_mask").css("height",h);     
			$("#search_mask").css("width",w);     
			$("#search_mask").show();  
			document.getElementsByTagName('body')[0].style.height = window.innerHeight-55+'px'; 
			document.getElementsByTagName('body')[0].style.overflow = 'hidden';
		}  
		//隐藏遮罩层  
		function hideMask(){     
			$("#search_mask").hide();   
			document.getElementsByTagName('body')[0].style.height = 'auto';
			document.getElementsByTagName('body')[0].style.overflow = 'auto';
				
		}  



        //找到选择器
		$(function(){
			 $('.xk_nav').attr('id','nav_bar');
			 //input框内容清空
             $('.search-i').val('');
		});
		//点击 弹出搜索
		$(".nav_s1").click(function(event){ 
                        //滑动到页头
                        $('body,html').animate({ scrollTop: 0 }, 0);
			//调用遮罩层方法
			showMask();
			event.stopPropagation();
			
			//导航淡出
			$('#nav_bar').fadeOut(300,function(){

				//搜索框  父容器
				$('#serch_wrapper').show(300,function(){
					//搜索
					$('.search_nav').fadeIn(600,function(){
                    //input框内容清空
                     $('.search-i').val('');
                    // 搜索框 input
                    $('.search-i').show(400);
                    //搜索logo
                     $('.serch-logo').fadeIn(400); 
                     
                     	$('.search_nav input').focus();
					});
				})
			});
			
		});

		//stopPropagation
		//搜索放大镜icon
		$('.search_span').click(function(event){
		
				event.stopPropagation();
		});
		//搜索框本身
		$('.search-i').click(function(event){
				event.stopPropagation();
		});
	
		// reverse
		
        //键盘ESC reverse					
		$(document).keydown(function(e){
			   //alert(e.keyCode)
			   if(e.keyCode=='27'){
		            channelSearch();
					}
				});
                  //serch_wrapper 容器点击时 reverse
                   $('#serch_wrapper').click(function(ev){
		             ev.stopPropagation();
		             channelSearch();
                     });

			//遮罩层代理document点击事件
			$('#search_mask').click(function(ev){
		             ev.stopPropagation();
		             channelSearch();
                 	});

			//Code of channelSearch

			function channelSearch(){
				//遮罩层方法
				hideMask();
				
                //input框内容清空
                $('.search-i').val('');
				

				//搜索框  父容器
				$('#serch_wrapper').hide(0);

				//搜索图标
				$('.serch_nav i').hide(0);

				// 搜索框
				$('.search_nav').hide(0);
				
				//导航显示
				$('#nav_bar').fadeIn(0);
			
			}

    function getKey(event){
        var event = event || window.event;
        if(event.keyCode==13){
            search_span();
        }
    }

  $(".search_span").click(search_span);
    var csh="";
    function search_span(){
        csh=$(".search-i").val().trim();
        
        //console.log(csh);
        if(csh == "")csh="中国科学技术馆"
        location.href="https://www.cdstm.cn/qwjs/?#name="+csh+"";
         $(".search-i").val('');
       
    }







$(function(){   
    
//回到顶部
    var showScrollTop = function () {
        if ($(window).scrollTop() > 200) {
            $("#scrollTop").css("display","block");
        } else {
            $("#scrollTop").css("display","none");
        }
    };
    showScrollTop();
    $(window).on("scroll", showScrollTop);
    
    $("#scrollTop").on('click', function () {
        $('html, body').animate({
            scrollTop: 0
        }, 500);
    });

    })
    function wind(){
      window.location.href='https://forum.cdstm.cn/home.php?mod=grzx';
    }
    function mypre(){
        window.location.href='https://forum.cdstm.cn/home.php?mod=grzx&ac=zhanneixin';
    }
    function windsysterm(){
        window.location.href='https://forum.cdstm.cn/home.php?mod=grzx&ac=tongzhi';
    }

</script>

<script type="text/javascript">
// 手机端js
    $(function(){
        var f=false

        $(".menubtn").click(function(event) {
            event.preventDefault();
            if(f==false){
        $(".signupbox").animate({left: 0, top: 0}).addClass('curr');
        $("body").css("position","fixed");
        f=true
            }
        else{
            $(".signupbox").animate({left: "100%", top: "-100%"}).removeClass('curr');
            $("body").css("position","relative");
        f=false
        }
            
        });
        $(".m_closebtn").click(function(event) {
            event.preventDefault();
            $(".menubtn").click();
        });

        $(".m_tothetop").click(function(event){
        event.preventDefault();
        $("body").animate({scrollTop:0})

        })
        $(".searchbtn").click(function(event) {
            event.preventDefault();
            $(".m_searchindex").animate({left: 0})
        });
        $(".m_cancelbtn").click(function(event) {
            $(".m_searchindex").animate({left: "100%"})
        });
      //登陆
$(".headbg").click(function(){
    $(".mask ,.denglu_K1").show();
})
    })
</script>

<!--  统计代码  --> 

  <!-- Start Alexa Certify Javascript -->
<script type="text/javascript">
_atrk_opts = { atrk_acct:"5BDMm1a4KM+2WR", domain:"cdstm.cn",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')

[0];s.parentNode.insertBefore(as, s); })();
</script>
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=5BDMm1a4KM+2WR" style="display:none" height="1" width="1" alt="" /></noscript>
<!-- End Alexa Certify Javascript --> 

<!-- 百度统计 --> 
<!--<script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F96986b0236d2f9a8970cfd6e4d0cddde' type='text/javascript'%3E%3C/script%3E"));
</script> -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?96986b0236d2f9a8970cfd6e4d0cddde";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- 天润 统计 --> 
<script src='https://cl.webterren.com/webdig.js?z=7' type='text/javascript'></script>
<script type="text/javascript">wd_paramtracker("_wdxid=000000000000000000000000000000000000000000")</script> 
<!--  统计代码结束  -->


<!-- 2018-6-19 CD -->

    <script src="https://cdn.resources.cdstm.cn/site/js/_gg_970_90.js" type="text/javascript"></script>


<div class="content " style="padding-top:62px;height:100%;">
    <svg class="me404" viewbox="0 0 1000 480">
        <path id="cloud" class="st0" d="M658.4,345.2c-10.9,0-19.7-8.8-19.7-19.7c0-10.9,8.8-19.7,19.7-19.7h50.1c9.9-1.5,17.5-10,17.5-20.3
	c0-11.4-9.2-20.6-20.6-20.6v-0.2H633c-11.4,0-20.6-6.7-20.6-18.1c0-11.4,9.2-19.3,20.6-19.3h70.4l2-0.2c7.3-3.1,12.5-11,12.5-19.5
	c0-8.5-4.2-16.7-11.4-19.2l-2.5-0.3h-11.3c-11.9,0-21.6-8.9-21.6-19.9c0-11,9.7-19.9,21.6-19.9h15.8l1.4-0.3
	c8.6-2.5,14.8-10.1,14.8-19.5c0-11.4-9.2-20.6-20.6-20.6h-1.2h-69.2H382.5c-19.8-0.9-19.9-15.9-19.8-17.8c0-0.1,0-0.1,0-0.2
	c0-9.9-8.1-18-18-18h-93.5c-9.9,0-18,8.1-18,18c0,9.4,7.2,17.1,16.3,17.9h9.3c0.2,0,0,0,0.6,0l0.5,0l0.4,0l0.2,0
	c10.1,0.9,18,9.3,18,19.6c0,10.9-8.8,19.7-19.7,19.7h-70.7c-11.3,0-20.5,9.2-20.5,20.6c0,11.3,9.1,20.5,20.4,20.6h48.8
	c10.3,0,18.7,8.4,18.7,18.7c0,10.3-8.4,18.7-18.7,18.7h-23.2c-11.3,0.1-20.4,9.2-20.4,20.6c0,11.3,9.2,20.5,20.5,20.6h6.3
	c10.7,0,19.3,8.7,19.3,19.3c0,10.7-7.8,19.3-18.4,19.3l-1.5,0l-2.8,0.4c-7.3,3.1-11.8,11-11.5,18.9c0.3,8.5,4.2,16.5,11.7,19.6
	c1.1,0.7,3.4,0.9,4.4,0.9h4.5H296h19.7c3.9,0.5,8.2,4.2,7.4,10.4c0,0.4,0,0.8,0.1,1.1c0,0.5-0.1,1-0.1,1.5c0,9.7,7.9,17.5,17.5,17.5
	h60.2c9.7,0,17.5-7.9,17.5-17.5c0-0.4,0-0.8-0.1-1.2c0.1-0.3,0-0.7,0.1-1.1c0.3-6.5,6.4-10.9,10.6-10.8h110.1
	c8.5,0,16.9,6.6,16.9,14.8c0,8.2,6.6,14.8,14.8,14.8h92.6c8.2,0,14.8-6.6,14.8-14.8c0-8.2-6.6-14.8-14.8-14.8 M332.8,187.1h-21.2
	c-11.4,0-20.6-9.2-20.6-20.6c0-11.4,9.2-20.6,20.6-20.6h21.2c11.4,0,20.6,9.2,20.6,20.6C353.3,177.9,344.1,187.1,332.8,187.1z" />
        <g id="triforce">
            <path id="zelda_stroke" class="st1" d="M138.4,59.5h36.9l-18.5,32L138.4,59.5z M193.8,91.5l18.5-32h-36.9L193.8,91.5z M175.4,123.5
		l18.5-32h-36.9L175.4,123.5z" />
            <path id="zelda_dark_shadow" class="st0" d="M156.9,91.5l-18.5-32l18.5,10.7L156.9,91.5z M193.8,70.2l-18.5-10.7l18.5,32
		L193.8,70.2z M175.4,102.2l-18.5-10.7l18.5,32L175.4,102.2z" />
            <path id="zelda_light_shadow" class="st2" d="M175.4,59.5l-18.5,10.7l-18.5-10.7H175.4z M175.4,59.5l18.5,10.7l18.5-10.7H175.4z
		 M156.9,91.5l18.5,10.7l18.5-10.7H156.9z" />
            <path id="zelda_highlight" class="st3" d="M150.6,66.6h12.5l-6.3,10.8L150.6,66.6z M193.8,77.4l6.3-10.8h-12.5L193.8,77.4z
		 M175.4,109.4l6.3-10.8h-12.5L175.4,109.4z" />
        </g>
        <g id="monkey">
            <path id="foot_back" class="st4" d="M187.3,354.5c2.2-4.5,1.6-12.8-3.3-18.5l-9.3,2c2.2,3.5,8.3,7.7,2.3,20.8 c-1.9,4.2-0.8,8.7,4,8.7h22.3c6.5,0,5.3-7.9,2-10.5c-4.2-3.3-10.2-3.6-15.3-1C187.9,357.1,185.3,358.7,187.3,354.5z" />
            <path id="foot_front" class="st5" d="M166.3,354.5c2.2-4.5,1.6-12.8-3.3-18.5l-9.3,2c2.2,3.5,8.3,7.7,2.3,20.8 c-1.9,4.2-0.8,8.7,4,8.7h22.3c6.5,0,5.3-7.9,2-10.5c-4.2-3.3-10.2-3.6-15.3-1C166.9,357.1,164.3,358.7,166.3,354.5z" />
            <path id="body" class="st5" d="M199.8,299.3l9-55.5c0,0-2.1-3.6-7.2-7.1c1.4-1.2,2.2-3.1,1.8-5c-0.6-3.1-3.9-5.3-7.5-4.8 c-2.9,0.4-5,2.4-5.4,4.8l0,0c-7.2-1.9-16.5-1.9-29.5,1.6c-1.5-3.1-5.6-5.4-9.3-5.7c-5.5-0.4-9.3,3.7-9.7,9.3 c-0.3,4.4,2.2,8.3,6.1,9.9c-16,25.6-14.6,58.2-11,71.9c4.3,16.1,18.2,21.8,26.3,21.8c13,0,33.8-1.9,37.5-17.7 C202.9,315,202,303.9,199.8,299.3z" />
            <path id="rock" class="st6" d="M93.4,367.5H89 M104,367.5h144l-11,17.2c-0.9,1.4-2.5,2.3-4.2,2.3H203c-1.6,0-3,0.7-4,2l-40,52" />
            <path id="tail" class="st7" d="M89,315c2.2-15.2-23-13.2-21.6,4.8c1.7,22.3,24.4,22.1,42.5,9.1c10.8-7.8,15.3-1.8,19.1,1.1 c2.3,1.7,6.7,3.3,11-3" />
            <path id="face" class="st8" d="M213.7,245.2c0,0-6-2.9-11,0.2c-4.6,2.8-9.4,1.7-14,0c-4.6-1.7-16-5.1-19.2,2.6 c-2,3.8-2.3,9.7,3.8,16.3c-0.9,10.1-2.9,37.9,28.6,34.2c10.1-1.2,24.8-12.7,25.4-18.2s-1.7-7.4-6.5-6.5 c-1.3-6.5-2.3-12.9-10.7-11.8c-3.9,0.2,7.5,0,8.1-7.5C218.6,247.8,213.7,245.2,213.7,245.2z" />
            <path id="mouth" class="st9" d="M220.6,274.8c0,0-0.3,0.2-0.7,0.5c-0.2,0.2-0.6,0.3-1,0.5c-0.4,0.2-0.9,0.3-1.4,0.5 c-1,0.3-2.1,0.5-3.3,0.6c-1.2,0.2-2.4,0.3-3.7,0.5c-0.6,0.1-1.2,0.2-1.8,0.4c-0.6,0.1-1.1,0.3-1.7,0.5c-0.5,0.2-1,0.4-1.4,0.7 c-0.5,0.2-0.8,0.5-1.2,0.8c-0.4,0.2-0.6,0.6-0.9,0.9c-0.3,0.3-0.4,0.5-0.6,0.7c-0.3,0.4-0.5,0.7-0.5,0.7l0,0.1 c-0.2,0.2-0.5,0.3-0.7,0.1c-0.2-0.1-0.3-0.4-0.2-0.7c0,0,0.2-0.3,0.5-0.8c0.2-0.3,0.3-0.6,0.6-0.9c0.3-0.3,0.5-0.7,0.9-1 c0.4-0.3,0.8-0.7,1.3-1c0.5-0.3,1-0.6,1.6-0.9c0.6-0.2,1.2-0.5,1.8-0.7c0.6-0.2,1.3-0.3,1.9-0.5c1.3-0.3,2.5-0.5,3.7-0.7 c1.2-0.2,2.2-0.4,3-0.7c0.4-0.2,0.8-0.3,1.1-0.4c0.3-0.2,0.5-0.2,0.8-0.4c0.5-0.3,0.7-0.5,0.7-0.5c0.5-0.3,1.1-0.2,1.4,0.2 C221.2,273.9,221.1,274.5,220.6,274.8C220.6,274.8,220.6,274.8,220.6,274.8z" />
            <path id="nose_hole" class="st10" d="M213.2,266.3c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1
		C212.1,266.6,212.6,266.2,213.2,266.3z" />
            <path id="nose_hole_1_" class="st10" d="M208.1,266.9c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1
		C207.1,267.3,207.6,266.9,208.1,266.9z" />
            <path id="monkey-eye-r" class="st10" d="M205,253.5c1.1,0.1,1.9,1,1.9,2.1c-0.1,1.1-1,1.9-2.1,1.9c-1.1-0.1-1.9-1-1.9-2.1 C203,254.3,203.9,253.4,205,253.5z" />
            <path id="monkey-eye-l" class="st10" d="M191.5,254.6c1.4,0.1,2.4,1.3,2.3,2.7c-0.1,1.4-1.3,2.4-2.7,2.3c-1.4-0.1-2.4-1.3-2.3-2.7 C188.9,255.6,190.1,254.5,191.5,254.6z" />
            <path id="mongkey_shadow_1_" class="st0" d="M209.1,281c0.9-0.9,9.4-2.6,12-3c2.4-0.4-1.6,4.1-5,5S208.2,282,209.1,281z M143.6,237.1c-0.3,3.6,1.8,7,5.2,8.4c0.4,0.2,0.7,0.5,0.8,0.9c0.1,0.4,0.1,0.9-0.2,1.2c-15.1,24.2-14.7,56.3-10.8,70.8 c4,15.2,17.1,20.7,24.8,20.7c8.9,0,16.1-1,21.8-2.9c-67.5,2.2-35-81.7-33.3-87.3c0.2-0.8,1.2-4.4,1-5c-0.6-1.6-3.5-0.2-6-4 c-2.9-4.5,1.2-9.2,2.6-10.6C146.3,230.1,143.9,233,143.6,237.1z M201.7,297.5c7.8-0.9,17.9-8,22.3-13.3
		c-27.4,14.7-44.4,3.1-50.1-9.8c0.3,5.9,1.6,12.6,5.9,17.3C184.4,296.7,191.8,298.7,201.7,297.5z M208.6,261.2
		c-5.7,0.8-8.6-1.1-11.6,1.8c-2.8,2.7-7.7,4.6-3.8,4.1c3.9-0.6,10.1-3.4,16.8-4.1c0,0,0,0,0,0l-0.5,0c-0.2,0-0.3,0-0.4,0
		c-0.5,0-1-0.4-1-0.9C208.2,261.9,208.2,261.5,208.6,261.2z M198.4,300c0-0.1,0-0.1-0.1-0.2c-0.7,0-1.4,0.1-2,0.1
		c-7.8,0-13.9-2.3-18-6.8c-7.7-8.4-6.6-22.5-6.1-28.4c-5.6-6.2-5.6-11.5-4.6-15c-2,2.3-4.8,8.5,2.1,16.1c-3.9,6.4-5.4,26.5,9.2,36.2
		c7.2,4.8,16.6,5.3,20.8,2.8C199.5,302.9,199,301.2,198.4,300z" />
            <path id="belly" class="st11" d="M189.1,304c6.2,3,8.1,11.5,5.9,19c-2.3,7.4-9.8,10-16,7c-6.2-3-7.6-10.4-5.3-17.8
		S182.9,301.1,189.1,304z" />
            <path id="belly_button" class="st9" d="M191.2,322.3c0-0.1-0.1-0.2-0.2-0.2l-1.9-1.4l1-1.9c0.1-0.1,0.1-0.2,0-0.3
		c-0.1-0.2-0.4-0.4-0.7-0.3c-0.2,0-0.4,0.2-0.5,0.3l-0.9,1.7l-1.6-1.2c-0.2-0.1-0.3-0.1-0.5-0.1c-0.4,0.1-0.5,0.4-0.5,0.6
		c0,0.1,0.1,0.2,0.2,0.2l1.8,1.3l-1.1,2.1c-0.1,0.1-0.1,0.2,0,0.3c0.1,0.3,0.4,0.4,0.7,0.4c0.2,0,0.3-0.1,0.4-0.3l1-1.9l1.7,1.3
		c0.1,0.1,0.3,0.1,0.5,0.1C191.1,322.8,191.3,322.5,191.2,322.3z" />
            <g id="monkey_arm">
                <path id="monkey-arm" class="st5" d="M164.3,344.1c-0.9-0.3-1.8-0.2-2.5,0.2c-0.3-0.2-0.6-0.3-0.9-0.4c-0.8-0.3-1.5-0.5-2.3-0.5
			c-0.1,0-0.2-0.1-0.3-0.3c-2.4-11.4-1.1-27.6,0.3-43.8c0-0.1,1.2-5.7-2.6-7.2c-5.2-2.1-5.5,2.5-5.5,2.7c-0.5,4.8-3.6,39,1.1,51.4
			c0,0.1,0,0.2,0,0.3c-0.4,0.5-0.7,1-0.9,1.7c-1.5,3.9,0.7,8.3,4.8,9.9c4.1,1.6,8.7-0.3,10.1-4.2c0.5-1.3,0.6-2.7,0.3-4
			c0-0.1,0-0.2,0.1-0.2c0.5-0.7,0.9-1.6,0.5-2.9C166.2,345.5,165.4,344.4,164.3,344.1z" />
                <g id="armpit">
                    <path class="st12" d="M165,296c0-4.3-1.8-10.8-6-12c-12.5-3.5-12.4,11.1-12.4,11.1s10.8-1.4,16.7,9.6
				C163.3,304.6,165,300.3,165,296z" />
                    <path class="st11" d="M146.6,295.1c0,0,10.8-1.4,16.7,9.6" />
                    <path class="st11" d="M144.4,296c0,0,8.7-6.6,19.2,0" />
                </g>
            </g>
        </g>
        <g id="tetris-path">
            <g id="tetris">
                <path id="tetris_stroke" class="st13" d="M487.5,323.5h34v34h-34V323.5z M487.5,357.5h34v34h-34V357.5z M521.5,357.5h34v34h-34 V357.5z M555.5,357.5h34v34h-34V357.5z M555.5,391.5h34v34h-34V391.5z" />
                <path id="tetris_dark_shadow" class="st2" d="M489,356l6-6c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H489z M489,390l6-6 c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H489z M523,390l6-6c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H523z M557,390l6-6 c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H557z M557,424l6-6c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H557z" />
                <path id="tetris_light_shadow" class="st0" d="M520,356l-8-7.5v-13.9c0-1.4,0.6-2.7,1.6-3.6l6.4-6V356z M520,390l-8-7.5v-13.9 c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M554,390l-8-7.5v-13.9c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M588,390l-8-7.5v-13.9 c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M588,424l-8-7.5v-13.9c0-1.4,0.6-2.7,1.6-3.6l6.4-6V424z" />
            </g>
        </g>
        <g id="stars">
            <path id="star1" class="st5" d="M652.6,332.5c-5.3,3.1-12.1,1.2-15.1-4.1l-1.4-2.4l1.4,2.4c3.1,5.3,1.2,12.1-4.1,15.1l-2.4,1.4 l2.4-1.4c5.3-3.1,12.1-1.2,15.1,4.1l1.4,2.4l-1.4-2.4C645.5,342.3,647.3,335.5,652.6,332.5l2.4-1.4L652.6,332.5z" />
            <path id="star2" class="st5" d="M503.4,73.7c-8,4.6-18.1,1.9-22.7-6.1l-2.1-3.6l2.1,3.6c4.6,8,1.9,18.1-6.1,22.7l-3.6,2.1l3.6-2.1 c8-4.6,18.1-1.9,22.7,6.1l2.1,3.6l-2.1-3.6C492.7,88.4,495.4,78.3,503.4,73.7l3.6-2.1L503.4,73.7z" />
            <path id="star3" class="st5" d="M330.4,335.7c-8,4.6-18.1,1.9-22.7-6.1l-2.1-3.6l2.1,3.6c4.6,8,1.9,18.1-6.1,22.7l-3.6,2.1 l3.6-2.1c8-4.6,18.1-1.9,22.7,6.1l2.1,3.6l-2.1-3.6C319.7,350.4,322.4,340.3,330.4,335.7l3.6-2.1L330.4,335.7z" />
            <path id="star4" class="st5" d="M135.6,176.5c-5.3,3.1-12.1,1.2-15.1-4.1l-1.4-2.4l1.4,2.4c3.1,5.3,1.2,12.1-4.1,15.1l-2.4,1.4 l2.4-1.4c5.3-3.1,12.1-1.2,15.1,4.1l1.4,2.4l-1.4-2.4C128.5,186.3,130.3,179.5,135.6,176.5l2.4-1.4L135.6,176.5z" />
        </g>
        <g id="moon">
            <path id="moon_body" class="st5" d="M641,34c26,0,47,21,47,47s-21,47-47,47s-47-21-47-47S615,34,641,34z" />
            <path id="moon_shades" class="st0" d="M622.5,55.9c1.3,2.3,0,5.8-3.1,7.7c-3,2-6.6,1.7-7.9-0.6c-1.3-2.3,0-5.8,3.1-7.7
		C617.6,53.3,621.1,53.6,622.5,55.9z M628.8,94.1c-4.1-6.1-11.6-9-16.7-6.4c-5.1,2.6-5.9,9.6-1.7,15.7c4.1,6.1,11.6,9,16.7,6.4
		C632.2,107.2,632.9,100.2,628.8,94.1z M644.5,109c-3.6,0-6.5,2.2-6.5,5s2.9,5,6.5,5s6.5-2.2,6.5-5S648.1,109,644.5,109z
		 M645.7,95.8c-2.3-1.2-5-0.5-6,1.4c-1,2,0,4.5,2.3,5.7c2.3,1.2,5,0.5,6-1.4C649,99.6,648,97,645.7,95.8z M686.5,81
		c0-25.1-20.4-45.5-45.5-45.5c-16.1,0-30.2,8.4-38.3,21c7.9-5.9,17.7-9.5,28.3-9.5c26,0,47,21,47,47c0,6.3-1.3,12.3-3.5,17.8
		C681.9,103.6,686.5,92.8,686.5,81z" />
        </g>
        <g id="number_4">
            <path id="number_4_outline" class="st1" d="M379.5,235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15
		c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1H339v24.3c0,5.6,4.3,10.1,9.9,10.1
		c6,0,10.5-4.5,10.5-10.1v-24.3h11.4C375.6,244.3,379.5,240.4,379.5,235.5z M339,226.4h-45.5l45.5-67.8V226.4z" />
            <path id="number_4_inner_lines" class="st14" d="M349,158v109.2 M345.9,147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5
		c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5H340 M359.5,235H379 M342,232l-4,7 M345,232l-4,7 M358,232l-4,7 M361,232l-4,7" />
            <path id="number_4_dots" class="st10" d="M349,266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
		C346.1,267.3,347.4,266,349,266z M349,155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9S347.4,155.1,349,155.1
		z M344.4,144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C341.4,145.9,342.7,144.6,344.4,144.6z" />
        </g>
        <g id="number_4_2">
            <path id="number_4_outline_2" class="st1" d="M627,235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15
		c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1h56.7v24.3c0,5.6,4.3,10.1,9.9,10.1
		c6,0,10.5-4.5,10.5-10.1v-24.3h11.4C623.1,244.3,627,240.4,627,235.5z M586.5,226.4H541l45.5-67.8V226.4z" />
            <path id="number_4_inner_lines_2" class="st14" d="M596.5,158v109.2 M593.3,147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5
		c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5h51.5 M607,235h19.5 M589.5,232l-4,7 M592.5,232l-4,7 M605.5,232l-4,7
		 M608.5,232l-4,7" />
            <path id="number_4_dots_2" class="st10" d="M596.5,266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
		C593.6,267.3,594.9,266,596.5,266z M596.5,155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
		S594.9,155.1,596.5,155.1z M591.8,144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
		C588.9,145.9,590.2,144.6,591.8,144.6z" />
        </g>
        <g id="number_0">
            <path id="number_0_outline" class="st1" d="M502,208.9c0-34-15.9-70.9-54-70.9c-38.3,0-54,36.9-54,70.9s15.7,71.1,54,71.1
		C486.1,280,502,242.9,502,208.9z M481.1,208.9c0,26.8-8.7,53-33.1,53c-24.6,0-33.1-26.2-33.1-53c0-26.8,8.5-52.8,33.1-52.8
		C472.4,156.1,481.1,182.1,481.1,208.9z" />
            <path id="number_0_inner_lines" class="st15" d="M487.2,175.7c-6.7-16.8-19.3-29.4-39.2-29.4c-32,0-45.1,32.5-45.1,62.4
		s13.1,62.6,45.1,62.6c31.8,0,44.1-32.6,44.1-62.6 M487.5,172c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5
		C482,174.5,484.5,172,487.5,172z M492.5,202c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5
		C487,204.5,489.5,202,492.5,202z" />
            <path id="number_0_dots" class="st10" d="M492.5,205c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5
		C490,206.1,491.1,205,492.5,205z M487.5,175c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5
		C485,176.1,486.1,175,487.5,175z M448.1,143.4c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
		C445.1,144.7,446.4,143.4,448.1,143.4z M448.1,268.3c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
		C445.1,269.6,446.4,268.3,448.1,268.3z" />
        </g>
        <g id="sword-path">
            <g id="sword">
                <path id="sword_handle" class="st5" d="M444.6,196.6l0.6-0.8c1.5-2,1.8-4.3,3.8-2.8l8.9,6.8c2,1.5,2.4,4.3,0.9,6.3l-0.6,0.8 c-1.5,2-4.3,2.4-6.3,0.9L443,201C441,199.5,443.1,198.5,444.6,196.6z" />
                <path id="sword_handle_line" class="st14" d="M453.9,197c2,1.5,2.4,4.3,0.9,6.3l-0.6,0.8c-1.5,2-4.3,2.4-6.3,0.9" />
                <path id="sword_hilt" class="st5" d="M432.5,197.1l10.6-13.9c1.6-2.2,4.7-2.6,6.9-0.9c2.2,1.6,2.6,4.7,0.9,6.9l-10.6,13.9 c-1.6,2.2-4.7,2.6-6.9,0.9C431.2,202.4,430.8,199.3,432.5,197.1z" />
                <polygon id="sword_blade" class="st1" points="437,199 446,187.3 387.3,138.9 366.3,136.7 372.2,154 	" />
                <polygon id="sword_blade_shadow" class="st0" points="436.7,197 440.3,192.3 369,138.5 368.5,138.4 373.5,153 	" />
            </g>
        </g>
    </svg>
    <div class="">
      <p style="width: 33%; position: fixed; right: 32%; top: 15%;font-size: 25px;color:#9e9e9e;">请检查网址是否正确，返回<a href='https://www.cdstm.cn/' style="font-weight:bold;font-size:28px;">中国数字科技馆</a></p>
</p>
    </div>
</div>
<script>
//setTimeout("window.location.href ='https://www.cdstm.cn/'", 3000);
</script>
<div class="link-footer" style="width: 100%;text-align: center;background-color: #fff;padding:20px 0;">
    <p style="line-height: 30px;font-size: 12px;color: #515151;">

                           
              <a href="https://www.cdstm.cn/wbwh/gywm/" style="color: #515151;margin: 5px 10px;font-size: 12px;"> 
               关于我们
                </a>
                
                         
              <a href="https://www.cdstm.cn/wbwh/gywm/wzsm/" style="color: #515151;margin: 5px 10px;font-size: 12px;"> 
               网站声明
                </a>
                
                         
              <a href="http://weibo.com/cdstm" style="color: #515151;margin: 5px 10px;font-size: 12px;"> 
               官方微博
                </a>
                
                         
              <a href="https://www.cdstm.cn/wbwh/sitemap/" style="color: #515151;margin: 5px 10px;font-size: 12px;"> 
               站点地图
                </a>
                
         
     </p>
             <p style="line-height: 30px;font-size: 12px;color: #515151;">
         <span style="color: #515151;margin: 5px 10px;font-size: 12px;">京ICP备11000850号&nbsp;&nbsp;京公网安备110105007388号</span>
             <span style="color: #515151;margin: 5px 10px;font-size: 12px;">信息网络传播视听节目许可证0111611号</span>
             <span style="color: #515151;margin: 5px 10px;font-size: 12px;">国家科技基础条件平台</span>
     </p>
     <p style="line-height: 30px;font-size: 12px;color: #515151;">&copy;&nbsp;2011-2021&nbsp;版权所有：中国数字科技馆&nbsp;未经书面许可任何人不得复制或镜像</p>
</div>

<div class="mask" style="display: none;"></div>
<div class="denglu_K1 clearfix" style="display: none;">
 <div class="close_K clearfix"><a href="javascript:;"  class="close_top"></a></div>
 <div class="denglu_l">
     <div class="denglu_x">
         <div class="denglu_fs">
             <span class="fs_1 on">普通登录</span><span class="fs_2">手机动态密码登录</span>
         </div>
         <ul class="fs_sj_ul">
             <li class="sj_li_1"><input type="text" name="username" id="dl_username" placeholder="请输入邮箱账号/手机号/用户名" /></li>
             <li class="sj_li_2"><input type="password" name="password" id="dl_password" placeholder="请输入密码" /></li>
             <li class="sj_li_6"><input type="text" name="kaptchafield" class="kaptchafield" placeholder="图片验证" id="kaptchafield_dl" />
                 <img src="" class="kaptchaImage" title="看不清，点击换一张" style="height:40px;" />

             </li>

             <li class="sj_li_3 clearfix"><span class="li_3_s1 clearfix"><!--<b></b>--></span><span class="li_3_s2">忘记密码？</span></li>
             <li class="sj_li_4" id="emaildl"><span>登录</span></li>
             <li class="sj_li_5"><span>没有账号？</span><span class="li_5_zc">立即注册 <img src="https://cdn.resources.cdstm.cn/site/images/zc_lj.png" alt="" /></span></li>
         </ul>
         <ul class="fs_sj_ul2" style="display: none;">
             <li class="sj_ul2_li1"><input type="text" id="dl2_mobile" placeholder="请输入手机号码" /></li>
             <li class="sj_ul2_li2 clearfix"><input type="text" id="dl2_mobileYZM" placeholder="请输入验证码" /><span id="dl2_sendSMS">发送动态密码</span><a id="hiddenDiv"></a></li>
             <li class="sj_li_4" id="mobiledl"><span>登录</span></li>
             <li class="sj_li_5"><span>没有账号？</span><span class="li_5_zc">立即注册 <img src="https://cdn.resources.cdstm.cn/site/images/zc_lj.png" alt="" /></span></li>
         </ul>
 <div class="denglu_r">
     <div>
         <div class="disf_1">第三方账号登录</div>
         <ul class="disf_ul clearfix">
             <li class="disf_li1"><img src="https://cdn.resources.cdstm.cn/site/images/dl_xl.png" alt="" /></li>
             <li class="disf_li2"><img src="https://cdn.resources.cdstm.cn/site/images/dl_qq.png" alt="" /></li>
             <li class="disf_li3"><img src="https://cdn.resources.cdstm.cn/site/images/dl_wx.png" alt="" /></li>
         </ul>
         <!--<div class="saomiao">
             <div><img src='../../synr/weixin/images/P020190408515198526185.png'/></div>
             <p>扫一扫关注微信公众号</p>
         </div>
         <div class="saomiao">
             <div><img src='../../synr/homeweibo/images/P020190408514955380048.png'/></div>
             <p>扫一扫关注新浪微博</p>
         </div>-->
     </div>
 </div>
     </div>
 </div>
 <div class="zhuce_loading" style="display:none;">
     <img src="https://cdn.resources.cdstm.cn/site/images/zhuce_loading.gif" style="display:block; margin:20px auto;" />
     <div class="loading">loading<span></span><span></span><span></span></div>
 </div>
</div>
<div class="zhuce_K1" style="display: none;">
 <div class="close_K clearfix"><a href="javascript:;"  class="close_top"></a></div>
 <div class="zhuce_l">
     <div class="">
         <div class="zhuce_fs">
             <span class="zc_fs_1 on">手机号码/注册</span><span class="zc_fs_2">邮箱/注册</span>
         </div>
         <ul class="zcfs_ul1">
             <li class="zc_ul1_li1"><input type="text" id="zc2_mobile" name="zc2_mobile" placeholder="请输入常用手机号码" /></li>
             
             <li class="zc_ul1_li3"><input type="password" id="zc2_password" name="zc2_password" placeholder="请输入密码" /></li>
             <li class="zc_ul1_li4"><input type="password" id="zc2_password2" name="zc2_password2" placeholder="请确认密码" /></li>
             <li class="zc_ul1_li2 clearfix"><input type="text" id="zc2_mobileYZM" placeholder="请输入短信验证码" /><span id="zc2_sendSMS">发送验证码</span></li>
             <li class="zc_ul1_li5 clearfix"><!--<b></b>--><input type="checkbox" id="zc2_xieyi" /><span class="ul1_li5_s1">我已阅读并同意<a href="javascript:;">《中国数字科技馆网站会员注册协议》</a></span></li>
             <li class="zc_ul1_li6" id="mobilezc"><span>注册</span></li>
             <li style="margin-top: 10px;font-size: 12px;"><span style="float: right;" >已有账号，<b style="color:#45b0fc;font-size: 13px;font-weight: normal;cursor: pointer" class="li_5_dl">登录</b></span></li>
             <li class="clearfix"></li>
         </ul>
         <ul class="zcfs_ul2" style="display: none;">
             <li class="zc_ul1_li1"><input type="text" name="zc_username" id="zc_username" placeholder="请输入常用邮箱地址" /></li>
             <!--<li class="zc_ul1_li2 clearfix"><input type="text" placeholder="请输入邮箱验证码" /><span>发送验证码</span></li>-->
             <li class="zc_ul1_li3"><input type="password" name="zc_password" id="zc_password" placeholder="请输入密码" /></li>
             <li class="zc_ul1_li4"><input type="password" name="zc_password2" id="zc_password2" placeholder="请确认密码" /></li>
             <li class="sj_li_6"><input type="text" name="kaptchafield" class="kaptchafield" placeholder="图片验证" id="kaptchafield_zc" />
                 <img src="" class="kaptchaImage" title="看不清，点击换一张" style="height:40px;" />

             </li>
             <li class="zc_ul1_li5 clearfix"><!--<b></b>--><input type="checkbox" id="zc_xieyi" /><span class="ul1_li5_s1">我已阅读并同意<a href="javascript:;">《中国数字科技馆网站会员注册协议》</a></span></li>
             <li class="zc_ul1_li6" id="emailzc"><span>注册</span></li>
             <li style="margin-top: 10px;font-size: 12px;"><span style="float: right;">已有账号，<b style="color:#45b0fc;font-size: 13px;font-weight: normal;cursor: pointer" class="li_5_dl">登录</b></span></li>
             <li class="clearfix"></li>
         </ul>
 <div class="denglu_r">
     <div>
         <div class="disf_1">第三方账号登录</div>
         <ul class="disf_ul clearfix">
             <li class="disf_li1"><img src="https://cdn.resources.cdstm.cn/site/images/dl_xl.png" alt="" /></li>
             <li class="disf_li2"><img src="https://cdn.resources.cdstm.cn/site/images/dl_qq.png" alt="" /></li>
             <li><img src="https://cdn.resources.cdstm.cn/site/images/dl_wx.png" alt="" /></li>
         </ul>
         <!--<div class="saomiao">
             <div><img src='../../synr/weixin/images/P020190408515198526185.png'/></div>
             <p>扫一扫关注微信公众号</p>
         </div>
         <div class="saomiao">
             <div><img src='../../synr/homeweibo/images/P020190408514955380048.png'/></div>
             <p>扫一扫关注新浪微博</p>
         </div>-->
     </div>
      
 </div>
     </div>
 </div>

 <div class="zhuce_wc" style="display:none;">
     <img src="https://cdn.resources.cdstm.cn/site/images/sucess1.png" style="display:block; margin:40px auto;" />
     <h3><!--<i></i>-->恭喜您完成注册！</h3>
     <div>
         <p>尊敬的用户，您已成功注册<em>“中国数字科技馆”</em>账号，请立即登录！
         </p>
         <a href="javascript:;" class="zhuce_wc_login">立即登录</a>
     </div>
 </div>
 <div class="zhuce_fail" style="display:none;">
     <img src="https://cdn.resources.cdstm.cn/site/images/fail1.png" style="display:block; margin:40px auto;" />
     <h3><!--<i></i>-->注册失败！</h3>
     <div>
         <p>尊敬的用户，您未能注册<em>“中国数字科技馆”</em>账号，请重新注册！
         </p>
         <a href="javascript:;" class="li_5_zc2">重新注册</a>
     </div>
 </div>
 <div class="zhuce_loading" style="display:none;">
     <img src="https://cdn.resources.cdstm.cn/site/images/zhuce_loading.gif" style="display:block; margin:20px auto;" />
     <div class="loading">loading<span></span><span></span><span></span></div>
 </div>
 <div id="hidden_comment" style="display:none;">
 </div>
</div>
<!--  手机端底部样式  -->
<!--底部信息开始-->
<div class="m_autocontainer m_bottombox" >
 <!--<ul class="m_bottom">
     <li>
         <a href=""><img src="https://cdn.resources.cdstm.cn/site/images/compubg.png" />电脑版</a>
     </li> 
     <li class="bod">
         <a href=""><img src="https://cdn.resources.cdstm.cn/site/images/m_bg.png" />客户端</a>
     </li>
     <li class="bod m_tothetop">
         <a href=""><img src="https://cdn.resources.cdstm.cn/site/images/totop.png" />返回顶部</a>
     </li>
 </ul> -->
 <div>
     &copy;2011-2021 版权所有：中国数字科技馆 <br>
     未经书面许可任何人不得复制或镜像 <br>
     京ICP备11000850号 京公网安备110105007388号 <br>
     信息网络传播视听节目许可证0111611号 <br>
     国家科技基础条件平台
 </div>
     <div style="display:none" id="addText"></div>

</div>
<!--底部信息结束-->

<style type="text/css">
 .m_bottom li{width:50%;}
 .m_autocontainer,.m_bottombox{display:none;}
  @media screen and (max-width:992px) {
      .m_autocontainer,.m_bottombox{display:block;}
      .link-footer{display:none;}
  }
</style>
<!--
<script async="" src="https://forum.cdstm.cn/discuzids.php?">
//var trsidsssosessionid;
//var discuz_action=0;
//var discuz_message=0;
</script>
-->
<script src="https://cdn.resources.cdstm.cn/site/js/jquery.pagination_local.js"></script>
<script src="https://cdn.resources.cdstm.cn/site/js/userConsole.js"></script> 
<!-- <script src="https://st.dg.cdstm.cn/site/js/new_userConsole_dmyb.js"></script>-->
<!-- <script src="https://cdn.resources.cdstm.cn/site/js/footerjs.js"></script> -->


<!-- 用户登录状态刷新使用，去除后会影响用户登录-->
<iframe id="iframeSrc2" name="iframeSrc2" style="display:none" src=""/></iframe>

<!--TRS 网脉开始-->
<!--<script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=967" async="async" defer="defer"></script>-->
<!--TRS 网脉结束-->
<!--  统计代码  --> 

<!-- Start Alexa Certify Javascript -->
<script type="text/javascript">
_atrk_opts = { atrk_acct:"5BDMm1a4KM+2WR", domain:"cdstm.cn",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
</script>
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=5BDMm1a4KM+2WR" style="display:none" height="1" width="1" alt="" /></noscript>
<!-- End Alexa Certify Javascript --> 

<!-- 百度统计 --> 
<!--<script type="text/javascript">
 var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
 document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F96986b0236d2f9a8970cfd6e4d0cddde' type='text/javascript'%3E%3C/script%3E"));
</script> -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?96986b0236d2f9a8970cfd6e4d0cddde";
var s = document.getElementsByTagName("script")[0]; 
s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- 天润 统计 --> 
    <script>
      ;(function(w,d,g,r){
        w['_wd_o']=r;
        w[r]=w[r]||function(){arguments.t=1*new Date(),(w[r].q=w[r].q||[]).push(arguments);};
        var a=d.createElement('script'),m=d.getElementsByTagName('script')[0];
        a.async=1;
        a.src=g;m.parentNode.insertBefore(a,m);
      })(window,document,'//cl.webterren.com/wa.js?z=7','_wa');
      _wa('wd_paramtracker', '_wdxid=000000000000000000000000000000000000000000');
    </script>
<!--  统计代码结束  -->

<!--微信分享-->

 <script src="../../images/jweixin-1.0.0.js"></script>
 <script>

     window.onload=function(){
         var share_link=encodeURIComponent(window.location.href);
         var loadScript=document.createElement('script');
         loadScript.setAttribute("type","text/javascript");
         loadScript.setAttribute('src','https://share.cdstm.cn/ticket'+'?url='+share_link);
         document.getElementsByTagName("head")[0].appendChild(loadScript);
         setTimeout(function(){upShare()},2000)
     }
function upShare(){
     wx.config({
         debug:false,
         appId: wx_appid,
         timestamp: wx_timestamp,
         nonceStr: wx_nonceStr,
         signature: wx_signature,
         jsApiList: [
             'onMenuShareTimeline',
             'onMenuShareAppMessage'
         ]
     });
 var share_img='';
     var share_img2=''
 var shareimg="";
 
 if(share_img==null || share_img=="" || share_img==undefined){
             //if(share_img2 == null|| share_img2 =="" || share_img2 == undefined){
         shareimg= 'https://cdn.resources.cdstm.cn/statics/first_logo/logo.jpg';
             //}else{
                 //shareimg = share_img2
     //}
 }else{
     shareimg= share_img;	
 }
     var delBlank=$(".addText").text()
     console.log(delBlank)
     wx.ready(function(){
         wx.onMenuShareTimeline({
             title: ""+"--中国数字科技馆",
                      desc:  delBlank.replace(/\s/g,""),
     link:"",
     imgUrl: shareimg,
             trigger: function (res) {
             },
             success: function (res) {
                 //alert('已分享');
             },
             cancel: function (res) {
                 //alert('已取消');
             },
             fail: function (res) {
                 //alert(JSON.stringify(res));
             }
         });
         wx.onMenuShareAppMessage({
             title: ""+"--中国数字科技馆",
     desc: delBlank,
     link:"",
     imgUrl: shareimg,
             trigger: function (res) {
             },
             success: function (res) {
                 //alert('已分享');
             },
             cancel: function (res) {
                 //alert('已取消');
             },
             fail: function (res) {
                 //alert(JSON.stringify(res));
             }
         });
     });
 
}
     
 </script>
    <script>        
var path = document.getElementById('tail');
        path.setAttribute('d', 'M89,315c2.2-15.2-23-13.2-21.6,4.8c1.7,22.3,24.4,22.1,42.5,9.1c10.8-7.8,15.3-1.8,19.1,1.1 c2.3,1.7,6.7,3.3,11-3');
        //var segments = path.pathSegList;
        //segments.getItem(2).y = -10;//@ sourceURL=pen.js
    </script>



</body>
</html>