
 a{ text-decoration:none;}
html, body {
    margin: 0;
    padding: 0;
}
img{border:none;}
#menu { position: fixed; left: 20px; top: 55%; width: 10px;margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70;}
#menu li { margin-top: 10px; font: 14px "Microsoft Yahei";}
#menu a { display: block; padding: 5px 0; background-color: #999; color: #0074EA; text-align: center; text-decoration: none;}
#menu .active a { color: #fff; background-color: rgb(0, 116, 234);}
.section { text-align: center; color: #fff; background:url(../images/jst_03.png) no-repeat center bottom;}
.section_002{text-align: center; color: #fff; background:;}
.section_003{text-align: center; color: #fff; background:;}
.section_004{text-align: center; color: #fff; background:#fff; background:url(../images/jst_03.png) no-repeat center bottom;}
.section_5{text-align: center; color: #fff; background:url(../images/bg4.png) 50% no-repeat;}

.screen-main { position: relative; width: 1100px; height: 840px; margin: 0 auto;}
.screen-main span { position: absolute;}
.science1-inner{ position: relative; width: 1100px; height: 850px; margin: 0 auto; overflow: hidden;}
.science-inner { position: relative; width: 1100px; height: 850px; margin: 0 auto; margin-top:50px; overflow: hidden;}
.famous-inner { position: relative; width: 1100px; height: 850px;  margin: 0 auto; margin-top:50px;  overflow: hidden;}
.social-inner { position: relative; width: 1100px; height: 850px; margin: 0 auto; margin-top:50px; overflow: hidden;}
.net-inner { position: relative; width:1100px; height: 850px; margin: 0 auto; margin-top:50px; overflow: hidden;}




.section1 .scaleBg{ position: absolute; width:100%; height: 100%; background:url(../images/fsdf.jpg) 50% no-repeat; animation: imageAnimation 16s linear infinite 0s}
.section1 .scaleBg2{ position: absolute; width:100%; height: 100%; opacity: 0; background:url(../images/bg01.png) 50% no-repeat; animation: imageAnimation 16s linear infinite 8s}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	}
	50% {
	    opacity: 1;
	    -webkit-transform: scale(1.2);
	}
	60% {
		opacity: 0;
	}
	100% { opacity: 0;transform: scale(1);}
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	}
	50% {
	    opacity: 1;
	    -moz-transform: scale(1.2);
	}
	60% {
		opacity: 0;
	}
	100% { opacity: 0; transform: scale(1);}
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	}
	50% {
	    opacity: 1;
	    -o-transform: scale(1.2);
	}
	60% {
		opacity: 0;
	}
	100% { opacity: 0;transform: scale(1);}
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	}
	50% {
	    opacity: 1;
	    -ms-transform: scale(1.2);
	}
	60% {
		opacity: 0;
	}
	100% { opacity: 0;transform: scale(1);}
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	}
	10% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	50% {
	    opacity: 1;
	    transform: scale(1.2);
	}
	60% {
		opacity: 0;
	}
	100% { opacity: 0;transform: scale(1);}
}

.wx_icon_source ~ span > .wx_icon_target{
	display:none;
}
.wx_icon_source:hover ~ span > .wx_icon_target{
	display:block;
}

.rx_icon_source ~ span > .rx_icon_target{
	display:none;
}
.rx_icon_source:hover ~ span > .rx_icon_target{
	display:block;
}

