/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
body { font-family: "宋体", "Arial Narrow"; font-size: 14px; color: #000000; padding-bottom: 50px; }
/*头部动画*/
.top { width: 100%; height: 782px; background: url(../images/top_bg.jpg) top center no-repeat; overflow: hidden; }
.top .con { position: relative; width: 1200px; height: 782px; }
.top .tit1 {position: absolute; width: 861px; height: 430px; top: 30px; left: 140px; background: url(../images/cover_tit1.png) top center no-repeat; background-size: 100% 100%; animation: fadeInUp 1s .2s ease both; -webkit-animation: fadeInUp 1s 0.2s ease both; }
.top .tit2 {position: absolute; width: 861px; height: 68px; top: 462px; left: 140px; background: url(../images/cover_tit2.png) top center no-repeat; background-size: 100% 100%; animation: fadeInUp 1s .5s ease both; -webkit-animation: fadeInUp 1s 0.5s ease both; }
.top .tit3 {position: absolute; width: 439px; height: 173px; top: 530px; left: 336px; background: url(../images/cover_tit3.png) top center no-repeat; background-size: 100% 100%; animation: fadeInUp 1s .5s ease both; -webkit-animation: fadeInUp 1s 1s ease both; }
@keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px)}
	100% {opacity: 1; -webkit-transform: translateY(0)}
	}
@-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px)}
	100% {opacity: 1; -webkit-transform: translateY(0)}
	}
/*内容区*/
.main .title { width: 1200px; height: 108px; margin-top: 40px; }
.box { width: 1110px; height: 675px; margin-top: 20px; overflow: hidden; }
.box li { position: relative; float: left; width: 340px; height: 195px; margin: 15px; }
.box li img { width: 340px; height: 195px; }
.box li span { position: absolute; width: 330px; height: 34px; bottom: 0; line-height: 34px; padding-left: 10px; background: rgba(0, 0, 0, 0.6); color: #ffffff; overflow: hidden; }
.menu { margin-top: 50px; text-align: center; padding: 10px 20px; }
.menu span { display: none; height: 24px; line-height: 24px; border: 1px solid #a1a1a1; margin: 0 6px; padding: 0 10px; cursor: pointer; }
.menu ul { display: inline-block; }
.menu li { display: inline-block; height: 24px; line-height: 24px; border: 1px solid #a1a1a1; margin: 0 6px; padding: 0 10px; cursor: pointer; }
.menu .on { background: #dcdcdc; }
.menu input { display: inline-block; width: 24px; height: 24px; line-height: 24px; border: 1px solid #a1a1a1; margin: 0 6px; padding: 0 10px; }
#jump { display: inline-block; }