@charset "UTF-8";
html, body,
h1, h2, h3, h4, h5, h6,
div, dl, dt, dd, ul, ol, li, p,
blockquote, pre, hr, figure, table, caption, th, td,
form, fieldset, legend, input, button, textarea, menu {
  margin: 0;
  padding: 0;
}
a{text-decoration:none;}
ul{list-style:none;}

body{
	width: 100%;
    overflow-x: hidden;
}

img:hover{
	transform: scale(1.1); 
    transition: all 0.6s;	
}

header{
	background:#A10000;
	width:100%;
	height:60px;
}
header img{
	height:60px;
	width:auto;
}
.w{
	max-width: 1280px;
    margin: 0 auto;
}
.arrowing{
    animation-name: arrowing;
    -webkit-animation-name: arrowing;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes arrowing{0% {transform: translateY(0%);}50% {transform: translateY(2%);box-shadow: 0 0 20px #fef044;}100% {transform: translateY(0%);}}

.m{display:none !important;}

#menu { position: fixed; left: 10px; top: 50%; width: 120px; 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: 10px 0; background-color: #fff; color: #0074EA; text-align: center; text-decoration: none;}
#menu .active a { color: #fff; background-color: rgb(0, 116, 234);}
#menu a.zx {
	background:#BB0000;
	color:#fff;
}
.zx img{
	width: 34px;
    position: absolute;
    left: 0;
}
.zx span{margin-left:20px;}	
.section { text-align: center; font: 18px "Microsoft Yahei"; color: #fff;}
.screen-main { 
position: relative;width:980px;height: 640px; margin: 0 auto;
}
.screen-main span { position: relative;}
.science-inner { 
position: relative; 
width: 980px; 
height: 650px; 
margin: 0 auto; 
overflow: hidden;
padding: 20px 0;
}
.cover1{
	background:url(../img/bg1.jpg) center center no-repeat; 
	background-size:cover;
}
.cover2{
	background:url(../img/bg2.jpg) center center no-repeat; 
	background-size:cover;
}
.cover3{
    background:url(../img/bg3.jpg) center center no-repeat;
	background-size:cover;	
}	
.cover4{
    background:url(../img/bg4.jpg) center center no-repeat; 
	background-size:cover;
}
.cover5{
    background:url(../img/bg5.jpg) center center no-repeat; 
	background-size:cover;
}
.cover6{
    background:url(../img/bg6.jpg) center center no-repeat; 
	background-size:cover;
	padding: 60px 0;
}
.famous-inner { position: relative; width: 980px; height: 650px; margin: 0 auto; padding: 20px 0;}
.social-inner { position: relative; width: 980px; height: 650px; margin: 0 auto;padding: 20px 0; }
.net-inner { position: relative; width: 1280px; height: 650px; margin: 0 auto; overflow: hidden;padding: 20px 0;}

.screen-main .shi1 { 
    width: 1200px;
	top: 30px; 
	z-index: 4;  
}
h1{
	font-size: 50px;
    font-weight: bold;
	text-align:center;
	color:#fff;
}
.screen-main .shi1 em{
	background: #90428B;
    padding: 2px 10px;
    color: #fff;
    font-size: 26px;
    font-style: normal;
}
.screen-main .shi1 h1 img{
   margin-left:10px;
}   
.screen-main .shi2 { 
    width: 980px;
	z-index: 1; 
	top: 40px;  
	font-size: 16px;
	text-align: left;
}
.screen-main .shi3 { 
    width: 401px; 
	height: 411px; 
    left: 0;
    z-index: 3;
    top: 70px;
    display: block;
}
@media(max-width: 1380px) {
	.screen-main .shi3 img{
	width:92%;
}
	
}

.screen-main .shi4 {  
	left: 500px; 
	z-index: 92; 
	top: -340px;  
}
.screen-main a{
	border:1px solid #fff;
	padding:10px 20px;
	color:#fff;
	width: 400px;
    display: block;
	text-align:left;
	background:url(../img/arrowico.png) no-repeat 360px center;
}
.screen-main a:hover{
	background:#90428B;
	border:1px solid #fff;
}
.screen-main .shi5 { 
    left: 500px; 
	z-index: 2; 
	top: -330px;  
}
.screen-main .shi6 {  left: 500px; z-index: 2; top: -320px;  }
.screen-main .shi7 {  left: 500px; z-index: 2; top: -310px;  }
.screen-main .shi8 {  left: 500px; z-index: 2; top: -300px;  }


.science-inner a { text-decoration: none; color: #fff; float: left; position: relative; display: inline-block; white-space: nowrap }
.science-inner a:hover { color: #1c9cff }
.science-inner .stiteml { padding-left: 37px; }
.science-inner .stitemr { padding-right: 37px; }

.science-inner .st3 { background-position: 0 -59px ;width: 100%;}
.science-inner .st4 { font-size: 20px; background-position: 0 -104px; width: 100%; }
.science-inner .st5 { background-position: 0 -195px;left: -30px;top: 40px;}
.science-inner .st6 { background-position: 0 -267px }
.science-inner .st7 { background-position: 0 -244px }
.science-inner .st8 { background-position: 0 -267px }
.science-inner .st9 { background-position: 78px -350px }
.science-inner .st10 { background-position: 79px -431px }
.science-inner .st11 { background-position: 147px -502px }
.stimg2{left: 50px;    top: 30px;}
.science-inner .btn{
	border:3px solid #fff;
	border-radius:30px;
	padding:10px 20px;
	background:#003F76;
}
.fitbg{
	background:url(../img/fitmebg.png) no-repeat;
	width:869px;
	height:112px;
}
.fitbg img{
	position:absolute;
	bottom:26px;
	right:60px;
}
	
.famous-inner a { text-decoration: none; color: #fff; float: left; position: relative; display: inline-block;font-size:16px;text-align:left;padding:10px 20px;}
.famous-inner a:hover { color: #d58116 }
.famous-inner .faiteml { padding-left: 37px; }
.famous-inner .faitemr { padding-right: 37px; }
.famous-inner .fa1 { background-position: 61px 4px }
.famous-inner .fa2 { background-position: 61px -103px;font-size:20px; }
.famous-inner .fa3 { background-position: 151px -185px;border:3px solid #fff; padding:6px 16px;font-size:24px;font-weight:bold;left: 760px; top: 100px;}
.famous-inner .fa4 { background-position: 0 -312px }
.famous-inner .fa5 { background-position: 0 -404px;  }
.famous-inner .fa6 { background-position: 0 -426px }
.famous-inner .fa7 { background-position: 0 -404px;  }
.famous-inner .fa8 { background-position: 0 -762px; padding-left: 47px }
.famous-inner .fa9 { background-position: 0 -901px; padding-left: 47px }

.faimg1{
	background:url(../img/cover03.png) no-repeat;
	width:492px;
	height:422px;
	left: -120px;
}
.faimg2{
	background:#720F12;
	width:260px;
	left: 500px;
    top: -200px;
}
.faimg3{
	background:#9D0000;
	width:200px;
	left: 200px;
    top: -300px;
}
.faimg4{
	background:#7A0607;
	width:185px;
	left: 0px;
    top: -380px;
}
.faimg5{
	background:#BB0000;
	width:190px;
	top: -490px;
}
.faimg6{
	background:#6A0B0C;
	width:180px;
	top: -520px;
    left: 800px;
}
.faimg7{
	background:#900000;
	width:200px;
	top: -300px;
    left: 600px;
}

.faimg9{top: -300px; left: 480px;}

.social-inner a { text-decoration: none; color: #fff; float: left; position: relative; display: inline-block; }
.social-inner a:hover { color: #bababa }
.social-inner .soiteml { padding-left: 27px; margin-top: 20px;}
.social-inner .soitemr { padding-right: 27px; }
.social-inner .so1 { background-position: 0 22px;top: -180px;}
.social-inner .so2 { background-position: 0 -118px;font-size:30px;top: -190px; }
.social-inner .so3 { background-position: 0 -118px;text-align: left}
.social-inner .so4 { background-position: 0 -595px }
.social-inner .so5 { background-position: 0 -595px }
.social-inner .so6 { background-position: 0 -1002px }
.soiteml h2{
	background:url(../img/tiao.png) no-repeat;
	width:203px;
	height:38px;
	line-height:28px;
	font-size:20px;
}
.soiteml h2 em{
	font-style:normal;
	font-size:30px;
	margin:0 6px;
}
.soiteml p{
	margin:10px 0;
	width:450px;
}
.xian{
	border: 1px solid #fff;
    width: 540px;
    float: left;
    height: 420px;
    margin: -160px 20px 100px;
}
.soleft{
	width:50%;
	text-align:left;
	font-size:16px;	
}
.simg2 {
	background:url(../img/shiting.jpg) no-repeat;
	width:336px;
	height:213px;
	z-index:999;
	top: -160px;
    left: 40px;
}
.simg2 img{
	position:absolute;
	right:70px;
	top:60px;
}
.simg2 span{
	margin-top: 235px;
    display: block;
    padding: 6px;
    border: 1px solid #fff;
}
.simg3{
    left: 40px;
    top: -80px;
}
.cyzs{top: 0;left: -300px;}
.cyzs2{top: 0; left: 25%;font-size: 30px;}
.cyzs3{top: 200px;left:-50%;}
.soimg2 {
	background:url(../img/kzbm.png) no-repeat;
	width:807px;
	height:140px;
	top: 320px;
}
.soimg2 img{
	position:absolute;
	right:70px;
	top:60px;
}
.soimg3 {
	background:url(../img/cover04r.png) no-repeat;
	width:540px;
	height:335px;
	left: 500px;
    top: -100px;
}

a.link{
	position:absolute;
	width:100%;
	height:480px;
	top:0;
	left:0;
}