html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html { font-family: "Microsoft YaHei" SimSun; font-size: 10px; height: 100%; }

body { height: 100%; background: #001d16; }

a { text-decoration: none; }
a:focus { outline: none; }

.full { width: 100%; }

.left { float: left; }

.right { float: right; }

.center { width: 1000px; margin: 0 auto; }
.center:after { display: block; content: ''; clear: both; }

.header { height: 106px; background: #007b5b; border-bottom: 2px solid #efdc04; }
.header .logo { width: 272px; height: 58px; padding: 24px 0 0 20px; }
.header .pic { padding: 25px 40px 0 0; }

.content .bg.bg01 { height: 474px; background: #044736 url(../images/bg_content01.jpg) no-repeat center top; }
.content .bg.bg02 { height: 504px; background: #001d16 url(../images/bg_content02.png) no-repeat center 360px; }
.content .center { position: relative; }
.content .test { width: 359px; height: 263px; padding: 160px 10px 0; background: url(../images/bg_test.png) no-repeat center top; position: absolute; top: 25px; left: 30px; }
.content .test a { display: block; width: 177px; height: 60px; background: url(../images/bg_line.png) no-repeat center center; float: left; margin: 1px; color: #ffe73c; font-size: 21px; font-family: "Microsoft YaHei"; text-align: center; line-height: 60px; }
.content .test a.linetest { text-align: left; text-indent: 20px; color: #fff; }
.content .test a.btn_fresh { width: 357px; height: 52px; background: url(../images/btn_fresh.png) no-repeat center center; text-indent: -9999px; font-size: 0px; margin-top: 10px; }
.content .test a.btn_fresh:hover { background: url(../images/btn_fresh_h.png) no-repeat center center; }
.content .test a span.time { font-family: Arial; font-size: 16px; margin-left: 5px; }
.content .test a:hover { background: url(../images/bg_line_h.png) no-repeat center center; }
.content .news { width: 820px; height: 39px; line-height: 39px; padding: 0 30px 0 150px; margin-bottom: 40px; background: url(../images/bg_news.png) no-repeat center center; }
.content .news .newsItem { display: inline-block; padding-left: 60px; color: #fff; font-size: 13px; font-family: "Microsoft YaHei"; }
.content .swiper .left { width: 254px; }
.content .swiper .right { width: 254px; }
.content .swiper li { width: 254px; height: 90px; margin-bottom: 8px; }
.content .swiper li a { display: block; width: 254px; height: 90px; background: #044736; color: #fff; }
.content .swiper li a p { width: 130px; line-height: 30px; float: left; text-align: center; font-size: 19px; font-family: "Microsoft YaHei"; padding: 20px 10px 0 30px; }
.content .swiper li a p em { display: block; font-size: 14px; font-family: Arial; line-height: 20px; color: #ffec76; }
.content .swiper li a span.icon { display: block; width: 50px; height: 50px; float: left; padding-top: 20px; }
.content .swiper li a:hover { background: #007b5b; }
.content .swiper .right li a span.icon { padding-left: 30px; }
.content .swiper .right li a p { padding: 20px 0  0 10px; }
.content .swiper .slidebox { width: 454px; height: 286px; float: left; margin-left: 20px; position: relative; z-index: 1; }
.content .swiper .ball { position: absolute; bottom: -48px; right: 265px; z-index: 2; }

.footer { padding: 20px 0; background: #044736; text-align: center; }
.footer ul { text-align: center; padding-bottom: 10px; border-bottom: 1px solid #02664c; margin-bottom: 10px; }
.footer ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-family: Arial; font-size: 13px; color: #c5cbc9; }
.footer ul li img { vertical-align: middle; margin-right: 10px; }
.footer ul li.line { margin: 0 15px; }
.footer p { font-family: Arial; font-size: 13px; color: #85858f; line-height: 20px; }

.fanfu { width: 55px; height: 380px; overflow: hidden; position: absolute; top: 150px; right: 0px; }
.fanfu .box { width: 218px; height: 380px; }
.fanfu .box .left { width: 55px; height: 380px; float: left; background: url(../images/fanfu_l.png) no-repeat center left; }
.fanfu .box .right { width: 163px; height: 280px; padding: 100px 0 0; float: right; background: url(../images/fanfu_r.png) no-repeat -12px top; }
.fanfu .box .right a { display: block; margin: 10px auto; }
.fanfu .box .right a.link01 { width: 137px; height: 50px; background: url(../images/s01.png) no-repeat center center; }
.fanfu .box .right a.link02 { width: 137px; height: 50px; background: url(../images/s02.png) no-repeat center center; }
.fanfu .box .right a.link03 { width: 137px; height: 50px; background: url(../images/s03.png) no-repeat center center; }
.fanfu .box .right a.link04 { width: 137px; height: 50px; background: url(../images/s04.png) no-repeat center center; }
.fanfu .box .right a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }