/* Code tidied up by ScrapBook */
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: 0px; padding: 0px; }
html, body, fieldset, img, iframe, abbr { border: 0px none; }
li { list-style: outside none none; }
a, button { cursor: pointer; }
a, a:hover { text-decoration: none; }
body { font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif; }
body { background: rgb(243, 248, 254) url("foot.jpg") no-repeat scroll center bottom; }
a { outline: 0px none; }
.clearfix::after { content: "."; display: block; height: 0px; visibility: hidden; overflow: hidden; clear: both; }
.wrapper { position: relative; width: 100%; min-width: 1200px; overflow: hidden; margin-top: -1000px; }
.wrapper .section { position: relative; height: 340px; margin: 0px auto; }
.wrapper .section2 { position: relative; height: 836px; }
.wrapper .section3 { position: relative; height: 200px; }
.wrapper .section4 { position: relative; height: 827px; }
.wrapper .section.section1 { height: 320px; margin-top: 680px; }
.wrapper .section.section2 { background: rgba(0, 0, 0, 0) url("bg_02.jpg") no-repeat scroll center top; }
.wrapper .section.section3 { background: rgba(0, 0, 0, 0) url("bg_03.jpg") no-repeat scroll center top; }
.wrapper .section.section4 { background: rgba(0, 0, 0, 0) url("bg_04.jpg") no-repeat scroll center top; }
.section1 { width: 737px; height: 320px; bottom: 0px; background: rgba(0, 0, 0, 0) url("btn_bg1789_9477890.png") no-repeat scroll center bottom; }
.wrap { width: 1200px; margin: 0px auto; }
.main-item { margin-bottom: 0px; }
.char-list { margin-left: 0px; overflow: hidden; }
.char-list li.item { float: left; margin-left: 0px; }
.char-list .skill {  }
.char-list .img { width: 100%; background-position: center top; background-repeat: no-repeat; }
.char-list .img-1 { background: rgba(0, 0, 0, 0) url("btn_01.png") repeat scroll 0% 0%; width: 385px; height: 119px; margin-left: 192px; margin-top: 50px; }
.char-list .img-1:hover { background: rgba(0, 0, 0, 0) url("btn_01_01.png") repeat scroll 0% 0%; width: 385px; height: 119px; margin-left: 192px; margin-top: 50px; }
.char-list .img-2 { background: rgba(0, 0, 0, 0) url("btn_02.png") repeat scroll 0% 0%; margin-top: 169px; margin-left: -577px; width: 385px; height: 119px; }
.char-list .img-2:hover { background: rgba(0, 0, 0, 0) url("btn_02_01.png") repeat scroll 0% 0%; margin-top: 169px; margin-left: -577px; width: 385px; height: 119px; }
.char-list .img-3 { background: rgba(0, 0, 0, 0) url("btn_03.png") repeat scroll 0% 0%; margin-top: 169px; margin-left: -192px; width: 385px; height: 119px; }
.char-list .img-3:hover { background: rgba(0, 0, 0, 0) url("btn_03_01.png") repeat scroll 0% 0%; margin-top: 169px; margin-left: -192px; width: 385px; height: 119px; }
.section2 { overflow: hidden; width: 100%; }
.section3 { overflow: hidden; }
.section4 { overflow: hidden; }
.section4 .inc { position: relative; width: 958px; height: 600px; margin: 0px auto; left: 0px; top: 200px; }
#onlineKefu { width: 96px; height: 450px; position: fixed; right: 40px; top: 58%; margin-top: 0px; z-index: 6000; }
#onlineKefu a { text-indent: -99em; overflow: hidden; }
#onlineKefu a.btn_kefu { width: 130px; height: 62px; background: rgba(0, 0, 0, 0) url("a_bg.jpg") no-repeat scroll left top; display: block; }
#onlineKefu a.btn_kefu:hover { background-position: -130px top; }
#onlineKefu a.btn_top { width: 130px; height: 62px; background: rgba(0, 0, 0, 0) url("a_bg.jpg") no-repeat scroll left -61px; display: block; }
#onlineKefu a.btn_top:hover { background-position: -130px -61px; }
#onlineKefu .erweima { width: 130px; height: 148px; padding-top: 16px; background-color: rgb(89, 25, 23); }
#onlineKefu .erweima img { margin: 0px auto 3px; width: 118px; height: 117px; display: block; }
#onlineKefu .erweima span { height: 27px; line-height: 27px; text-align: center; overflow: hidden; color: rgb(254, 255, 255); display: block; font-size: 12px; font-family: "΢���ź�"; }
.footer { margin: 50px 0px 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.footer_1 { margin: 0px auto; width: 1200px; overflow: hidden; }
.ding_2 { position: absolute; top: 13px; right: 0px; width: 350px; height: 60px; }
.ding_2 a img { width: 60px; height: 60px; opacity: 0.5; transition: all 0.5s ease 0s; border-radius: 2em; }
.ding_2 a img:hover { opacity: 1; }