@charset "utf-8";
/* CSS Document */
html,body,button,ul,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,img {padding: 0;margin: 0;}
body{font-size: 16px;line-height: 16px;font-family: "Microsoft YaHei",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;color: #333;}
h1,h2,h3,h4,h5,h6{font:1em/1 "Microsoft YaHei";font-weight: normal;font-size: 100%;}
em{font-weight:normal;font-style:normal;}
small{font-size:12px;}
fieldset,img{border: none}
img{display: block}
ul, ol{list-style:none;}
.left{float:left;}
.right{float:right;}
.over_h{overflow:hidden;}
.pos_r{position:relative;}
.pos_a{position:absolute;}
.none{display:none;}
.hidden{visibility: hidden}
.mar_r_00{margin-right: 0!important;}
.mar_t_00{margin-top: 0!important;}
.text-hide{text-indent: -9999px;height:0;font-size:0;}
.Font_M{font-family: "Microsoft YaHei";}
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}* html .clearfix {height: 1%;}
.clearfix{display:block;}
table{border-collapse: collapse;border-spacing: 0;}
a{color:#333;text-decoration:none;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#333;text-decoration:underline;outline: none}
/*通用的css可删除*/
/*address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
input{padding-top:0;padding-bottom:0;font-family: "SimSun","宋体";}
input::-moz-focus-inner {border:none;padding:0;}
select,input {vertical-align:middle;}
select,input,textarea {font-size:12px;margin:0;}
input[type="text"], input[type="password"], textarea {outline-style:none;-webkit-appearance:none;}
textarea {resize:none;}
.li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;}
.opacity{opacity: 0.8;filter:alpha(opacity=80);}
.mar_r_15{margin-right:15px;}
.mar_r_20{margin-right:20px;}
.mar_t_10{margin-top:10px;}
.mar_t_15{margin-top:15px;}
.mar_t_20{margin-top:20px;}
.mar_t_30{margin-top:30px;}
.border_00{border: 0!important;}
.opacity_a{color:#333}
.opacity_a:hover{background:#ccc;color:#000;transition:background .75s ease-in-out,color 0.25s ease-in-out}*/
/*通用的css可删除*/



/*fullscreen通用代码*/
#menu {margin: 0; padding: 0; position: fixed; left:50%;margin-left: 500px; top: 24%; list-style-type: none; z-index: 70;height:100%;width:92px;}
#menu li { float: left; margin: 10px 0 0 0; font-size: 20px;}
#menu a { float: left;background-color: #fff; color: #fff; text-decoration: none;width:92px;height:43px;text-align: center;line-height: 43px;border-radius: 5px;background:#333;}
#menu .active a { color: #fff; background-color: #d20000;}
#menu span{float: left;display:block;width:92px;text-align: center}
#menu span img{margin:0 auto;}
#tip{
	animation: myfirst 2s;
  animation-iteration-count: infinite;
  -webkit-animation: myfirst 2s;
  -webkit-animation-iteration-count: infinite;
}

/*自定义样式*/
.section{background:url(images/page-bg.jpg) repeat-y;display: table;}
.page{width:1000px;margin:0 auto 0 auto;}
.top-line{height:40px;width:200%;background:url(images/page-top.png) repeat-x;position:fixed;z-index: 99;top:0;left:0;
  animation: top_move 2s;
  animation-iteration-count: infinite;
  -webkit-animation: top_move 2s;
  -webkit-animation-iteration-count: infinite;
}

.page01-cover{width:1257px;background:url(images/page01-bg.png) no-repeat left 10px;margin:0 auto;}
.logo-eol{width:203px;height:40px;display: block;background:url(images/logo-eol.png) no-repeat center 46px;padding-top: 46px;}
.peo-brief{height: 510px;}
.peo-brief a,.peo-brief span{position:absolute;}
.peo01{width:106px;height:179px;background:url(images/peo01.png) no-repeat;left:0;top: 38px;}
.peo02{width:164px;height:171px;background:url(images/peo02.png) no-repeat;left:196px;top: 118px;}
.peo03{width:132px;height:184px;background:url(images/peo03.png) no-repeat;left:106px;top: 295px;}
.peo04{width:130px;height:150px;background:url(images/peo04.png) no-repeat;left:234px;top: 364px;}
.peo01:hover,.peo02:hover,.peo03:hover,.peo04:hover{
	animation:pulse 2s;
	animation-iteration-count: infinite;
	-webkit-animation:pulse 2s;
	-webkit-animation-iteration-count: infinite;
}
.pulse{
	animation:pulse 2s;
	-webkit-animation:pulse 2s;
}

.peo-name{height:160px;font-size: 20px;color:#333;width:25px;padding:0 24px;text-align: center;padding-top: 90px;line-height: 22px;}
.peo01-name{background:url(images/word-tang.png) no-repeat center top;top:32px;left:128px;}
.peo02-name{background:url(images/word-song.png) no-repeat center top;top: 106px;left:357px;}
.peo03-name{background:url(images/word-ming.png) no-repeat center top;top: 260px;left:31px;}
.peo04-name{background:url(images/word-qing.png) no-repeat center top;top:316px;left:393px;}
.book{width:0px;height:300px;background:url(images/book-bg.png) no-repeat;right:10px;top: 242px;padding-top: 57px;overflow: hidden;}
.book p{font-size: 16px;color:#23110a;line-height: 28px;text-indent: 2em;width:384px;margin:0 auto;text-align: left;display: none}

.page2{width:820px;height:404px;background:url(images/bg-fff-30.png) repeat;margin-top: 40px;text-align: left;*margin-top: 7%;}
.maozi{width:124px;height:78px;display: block;background:url(images/maozi.png) no-repeat;top: -47px;right:-37px;display: none;}
.maozi:hover{
	animation:swing 1s;
	-webkit-animation:swing 1s;
}
.peo-bottom{width:164px;height:184px;bottom:-58px;left:-82px;
	display: none;
	animation:pulse 2s;
	-webkit-animation:pulse 2s;
}
.peo01-bottom{background:url(images/peo01.png) no-repeat center bottom;}
.peo02-bottom{background:url(images/peo02.png) no-repeat center bottom;}
.peo03-bottom{background:url(images/peo03.png) no-repeat center bottom;}
.peo04-bottom{background:url(images/peo04.png) no-repeat center bottom;}

.edit-comment{width:748px;text-align: center;font-size: 18px;color:#df0000;padding-left: 20px;margin:28px auto 0 auto;line-height: 28px;}
.page2 .txt{width:768px;margin:0 auto;background:url(images/page-form.png) no-repeat left 23px;display: none}
.icon-mar{display:inline-block;width:22px;height:20px;background:url(images/icon-mars.png) no-repeat;margin-right: 18px;}
.page2 .txt span{font-size: 16px;color:#333;display:inline-block;padding-left: 73px;width:214px;*line-height: 20px;}
.page2 .txt p{padding-top: 26px;*padding-top: 20px;}
.txt-word{text-indent: 2em;line-height: 28px;margin-top: -13px;padding-left: 59px;*margin-top:-5px;}
.txt-word.txt-word2{*margin-top: -6px;}
.page2 .txt.txt02{background:url(images/page-form02.png) no-repeat left 23px;}

.mars{padding-left:120px;margin-top:-7px;*margin-top:-0px;}
.mars.mars2{*margin-top:-6px;}
.page5-img{width:754px;height:397px;margin-top: 95px;margin-left: 76px;}

.back-to-top{width:75px;height:128px;background:url(images/read-repeat.png) no-repeat; top: 214px;right: 20px;}
.back-to-top:hover{opacity:0.8;}

#glbbot{border:0;font-size: 12px;margin-top: 45px;}

/*CSS3动画*/
.rotateInDownLeftCss3{
	animation:rotateInDownLeft 2s;
	-webkit-animation:rotateInDownLeft 2s;
}
.zoomInCss3{
	animation:zoomIn 2s;
	-webkit-animation:zoomIn 2s;
}
.dataCss3{
	animation:tada 2s;
	-webkit-animation:tada 2s;
}



/*兼容手机*/
@media (min-width:100px) and (max-width:1024px) {
	#menu{top: 50%}
}