@charset "UTF-8";
/* CSS Document -- skyren */
html { -webkit-text-size-adjust: none; }

body { font-family: '微软雅黑', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'STHeiti', 'WenQuanYi Micro Hei', SimSun, sans-serif; font-size: 14px; font-style: normal; line-height: 22px; font-weight: normal; font-variant: normal; color: #6c6c6c; background: #f9f9f9; }

body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, img, td, div, input { margin: 0; padding: 0; }

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

a { outline-style: none; color: #484848; text-decoration: none; border: 0; }

a:hover { text-decoration: none; color: #484848; }

input, select, textarea { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #6c6c6c; outline: none; }

input { border: 0; padding: 0 5px; line-height: 22px; }

textarea { padding: 5px; resize: none; }

/*img { border: 0; display: block; }*/

li { list-style-type: none; vertical-align: 0; }

.hidden { display: none; }

.fleft { float: left; }

.fright { float: right; }

.pos_r { position: relative; }

.pos_a { position: absolute; }

.clear { clear: both; height: 0; line-height: 0; overflow: hidden; font-size: 0; }

.animate { -webkit-transition: all 0.5 ease-in-out 0s; -moz-transition: all 0.5 ease-in-out 0s; -ms-transition: all 0.5 ease-in-out 0s; -o-transition: all 0.5 ease-in-out 0s; transition: all 0.5 ease-in-out 0s; }

::-webkit-input-placeholder { font-size: 14px; color: #6c6c6c; }

#dowebok { z-index: 1; }

.section { width: 100%; height: 100%; }

.fp-tableCell { width: 100%; height: 100%; box-sizing: border-box; }

.section8 { width: 100%; overflow: hidden; }

.section8 .fp-tableCell { /*height: 380px !important;*/ padding-top: 0; }

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: 368px !important; }

.section8 .section_div { /*width: 1080px;*/ /*height: auto;*/ margin: 0 auto; }

.auto_ul { width: 700px; float: left; margin-top: 50px; }

.auto_ul li { width: 140px; float: left; }

.auto_ul li a { font-size: 12px; color: #e9e5c3; display: block; padding-left: 15px; line-height: 26.4px; }

.auto_ul li a.font_h2 { font-size: 16px; color: #fff; background: url(../img/dian.gif) no-repeat left center; margin-bottom: 10px; line-height: 22px; }

.auto_erw { float: right; margin-top: 50px; }

.auto_erw img { width: 140px; height: 180px; float: left; }

.erw_img { margin-right: 30px; }

.foot { line-height: 90px; text-align: center; border-top: 1px dashed #ded79a; color: #958e4e; margin-top: 50px; }

.section_div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto 100%; background-position: center top; }

.head { width: 100%; height: 124px; background: url(../img/head_bg.png) no-repeat center bottom; position: fixed; top: 0; left: 0; z-index: 8; }

.header { width: 1200px; height: 100px; margin: 0 auto; position: relative; }

.header ul { margin-left: 250px; }

.header li { width: 113px; float: left; line-height: 100px; background: url(../img/line.gif) no-repeat right center; }

.header a { font-size: 16px; display: block; text-align: center; }

.header li.logo_margin { margin-right: 240px; background: none; }

.logo { width: 158px; height: 170px; position: absolute; left: 0; right: 0; top: 0; }

.header li.none_border { background: none; }

.search { width: 157px; height: 23px; background: url(../img/search_border.png) no-repeat; position: absolute; right: 0; top: 38px; }

.search span { width: 13px; height: 13px; background: url(../img/search.gif) no-repeat; float: left; margin: 6px 0 0 5px; }

.search input { width: 115px; height: 18px; margin: 4px 0 0 3px; display: block; float: left; }

.mouse { width: 24px; height: 80px; background: url(../img/mouse.png) no-repeat center top; position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; }

.mouse_b { width: 24px; height: 16px; position: absolute; left: 0; bottom: 20px; background: url(../img/mouse_b.png) no-repeat center bottom; animation: myfirst 1s linear infinite; -moz-animation: myfirst 1s linear infinite; -webkit-animation: myfirst 1s linear infinite; -o-animation: myfirst 1s linear infinite; }

@keyframes myfirst { from { bottom: 20px; }
  to { bottom: 10px; } }
@-moz-keyframes myfirst
/* Firefox */ { from { bottom: 20px; }
  to { bottom: 10px; } }
@-webkit-keyframes myfirst
/* Safari and Chrome */ { from { bottom: 20px; }
  to { bottom: 10px; } }
@-o-keyframes myfirst
/* Opera */ { from { bottom: 20px; }
  to { bottom: 10px; } }

/*# sourceMappingURL=public.css.map */