@charset "UTF-8";
html { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #666; }

a:active, a:hover, a:focus { outline: 0; text-decoration: underline; color: #d9315e; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; }

body { color: #666; background: #FFF; font: 8px; min-width: 1480px; }

ul, li, ol { list-style: none; line-height: normal; }

.clearfix { clear: both; width: 100%; height: 1px; margin-top: -1px; display: block; visibility: hidden; overflow: hidden; }

.content { width: 1000px; margin-left: auto; margin-right: auto; }

/* ----------------------------------------------------------------------header------------------------------------------------------------------ */
/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.body1 { min-width: 1280px; }

.page1 { width: 100%; height: 100%; position: relative; background: url("../images/bg.png") center bottom no-repeat #f8e9ef; overflow: hidden; }

.face { width: 386px; height: 496px; position: absolute; left: 50%; top: 50%; margin-left: -193px; margin-top: -320px; }
.face img { width: 100%; }

.mei0 { width: 417px; position: absolute; left: 50%; top: 50%; margin-left: -206px; margin-top: -140px; display: none; }
.mei0 img { width: 100%; }

.mei1 { width: 98px; position: absolute; left: 10%; top: 10%; display: none; }
.mei1 img { width: 100%; }

.mei2 { width: 98px; position: absolute; right: 10%; top: 10%; display: none; }
.mei2 img { width: 100%; }

.mei3 { width: 98px; position: absolute; right: 70%; bottom: 23%; display: none; }
.mei3 img { width: 100%; }

.mei4 { width: 98px; position: absolute; right: 5%; bottom: 10%; display: none; }
.mei4 img { width: 100%; }

.logo { width: 235px; position: absolute; left: 70px; bottom: 50px; }
.logo img { width: 100%; }

.page02me { width: 100%; background: url("../images/bg02.png") center top no-repeat; background-size: 100% 100%; }
.page02me .con { width: 1230px; margin-left: auto; margin-right: auto; height: 100%; position: relative; }

.bg02 img { width: 100%; }

.nav1 { width: 268px; position: absolute; left: 0%; top: 36%; }
.nav1 img { width: 100%; }

.nav2 { width: 282px; position: absolute; left: 40%; top: 50%; }
.nav2 img { width: 100%; }

.nav3 { width: 332px; position: absolute; right: 0%; bottom: 18%; }
.nav3 img { width: 100%; }

.page02me-123 .banner { width: 100%; }
.page02me-123 .banner img { width: 100%; }
.page02me-123 .section-me123 { width: 100%; background: url("../images/bg021.jpg") center -160px no-repeat; background-size: 100% auto; margin-top: -5px; padding-top: 1px; }
.page02me-123 .section-me123 .con-title { width: 1226px; margin-left: auto; margin-right: auto; margin-top: 50px; }
.page02me-123 .section-me123 .con { width: 1226px; margin-left: auto; margin-right: auto; background: url("../images/bg021con.png") 0 0 repeat-y #fff; margin-top: -5px; padding-top: 1px; padding-bottom: 50px; }
.page02me-123 .section-me123 .con3 { padding-bottom: 0; margin-bottom: -3px; }
.page02me-123 .video { width: 931px; margin: 70px auto 40px auto; }
.page02me-123 .part2 { height: 700px; position: relative; }
.page02me-123 .part2 .img1 { position: absolute; left: 132px; top: 0px; z-index: 3; }
.page02me-123 .part2 .img2 { position: absolute; right: 150px; top: 15px; }
.page02me-123 .part2 .img3 { position: absolute; left: 200px; top: 188px; }
.page02me-123 .part2 .img4 { position: absolute; left: 132px; bottom: 0px; }
.page02me-123 .part3 { width: 931px; margin: 70px auto 40px auto; }
.page02me-123 .part3 img { margin-bottom: 30px; }
.page02me-123 .part3 .last { margin-bottom: 0; }

.page03mei-12 .banner { width: 100%; }
.page03mei-12 .banner img { width: 100%; }
.page03mei-12 .part1 { width: 100%; height: 992px; position: relative; }
.page03mei-12 .part1 .con-title { width: 1226px; margin-left: auto; margin-right: auto; padding-top: 50px; background: url("../images/title031bg.png") center 82px no-repeat; background-size: 100% 10px; position: relative; z-index: 3; }
.page03mei-12 .part1 .con { width: 1212px; margin-left: auto; margin-right: auto; padding-top: 60px; position: relative; z-index: 3; }
.page03mei-12 .part1 .bgl { position: absolute; left: 0; bottom: 0; }
.page03mei-12 .part1 .bgr { position: absolute; right: 0; bottom: 0; }
.page03mei-12 .part2 { width: 100%; height: 1420px; position: relative; padding-top: 100px; box-sizing: border-box; background-color: #fefafb; margin-top: -5px; }
.page03mei-12 .part2 .img1 { width: 948px; margin-left: auto; margin-right: auto; display: block; }
.page03mei-12 .part2 .img2 { position: absolute; bottom: 0; left: 50%; margin-left: -587px; }
.page03mei-12 .part3 { width: 100%; position: relative; background: url("../images/bg032a.jpg") center 0 no-repeat; background-size: 100% auto; }
.page03mei-12 .part3 .con-title { width: 1226px; margin-left: auto; margin-right: auto; padding-top: 50px; background: url("../images/title031bg.png") center 82px no-repeat; background-size: 100% 10px; position: relative; z-index: 3; }
.page03mei-12 .part3 .con { width: 1226px; margin-left: auto; margin-right: auto; padding-top: 60px; position: relative; z-index: 3; background-color: #fff; }
.page03mei-12 .part3 .bgl { position: absolute; left: 0; bottom: 0; }
.page03mei-12 .part3 .bgr { position: absolute; right: 0; bottom: 0; }
.page03mei-12 .part3 .part3-1 { width: 1226px; height: 770px; padding-top: 1px; background-color: #fefafb; }
.page03mei-12 .part3 .part3-1 .img1, .page03mei-12 .part3 .part3-1 .img2, .page03mei-12 .part3 .part3-1 .img3 { width: 880px; margin-left: auto; margin-right: auto; margin-top: 50px; display: block; }
.page03mei-12 .part3 .part3-2 { width: 1226px; height: 750px; position: relative; padding-top: 1px; margin-top: -20px; }
.page03mei-12 .part3 .part3-2 .img2 { margin-top: 140px; margin-left: 480px; position: relative; z-index: 3; }
.page03mei-12 .part3 .part3-2 .imgl { position: absolute; left: 0; top: 0; }
.page03mei-12 .part3 .part3-2 .imgr { position: absolute; right: 0; bottom: 0; }
.page03mei-12 .part3 .part3-3 { height: 778px; background: url("../images/032con3bg.png") 0 0 no-repeat; padding-top: 1px; margin-top: -3px; }
.page03mei-12 .part3 .part3-3 .img2 { margin-left: 162px; margin-top: 125px; }

.page04mei .con { width: 1230px; height: 100%; margin-left: auto; margin-right: auto; position: relative; }
.page04mei .items1, .page04mei .items2, .page04mei .items3 { position: absolute; }
.page04mei .items1 img, .page04mei .items2 img, .page04mei .items3 img { width: 100%; }
.page04mei .items1 { width: 35%; left: -5%; top: 20%; }
.page04mei .items2 { width: 35%; left: 32.5%; top: 20%; }
.page04mei .items3 { width: 35%; right: -5%; top: 20%; }

.page04mei-12 .banner { width: 100%; }
.page04mei-12 .banner img { width: 100%; }
.page04mei-12 .title { width: 1226px; margin-left: auto; margin-right: auto; padding-top: 50px; background: url("../images/title031bg.png") center 82px no-repeat; background-size: 100% 10px; position: relative; z-index: 3; }
.page04mei-12 .part1 { width: 100%; height: 890px; background-color: #fff; }
.page04mei-12 .part1 .img { width: 1237px; margin: 130px auto; }
.page04mei-12 .part2 { width: 100%; height: 1838px; background: url("../images/042con2bgr.png") right bottom no-repeat #fbfaf8; }
.page04mei-12 .part2 .img { width: 1232px; margin: 130px auto; }
.page04mei-12 .part3 { width: 100%; height: 2700px; background-color: #fff; }
.page04mei-12 .part3 .img1, .page04mei-12 .part3 .img2, .page04mei-12 .part3 .img3 { margin-left: auto; margin-right: auto; margin-top: 20px; }
.page04mei-12 .part3 .img1 { width: 1224px; }
.page04mei-12 .part3 .img2 { width: 1218px; }
.page04mei-12 .part3 .img3 { width: 1225px; }
.page04mei-12 .part4 { width: 100%; height: 470px; background: url("../images/043con1bgl.png") left bottom no-repeat; }
.page04mei-12 .part4 .img { width: 1144px; margin-left: auto; margin-right: auto; margin-top: 60px; }
.page04mei-12 .part4 .line2 { width: 1226px; margin-left: auto; margin-right: auto; }
.page04mei-12 .part5 { width: 100%; height: 860px; background: url("../images/043con1bgl.png") left bottom no-repeat #fff; }
.page04mei-12 .part5 .img { width: 1237px; margin: 130px auto; }
.page04mei-12 .part6 { width: 100%; height: 2600px; background: url("../images/043con2bgr.png") right bottom no-repeat #fefafc; }
.page04mei-12 .part6 .img { width: 1232px; margin: 30px auto; }
.page04mei-12 .part7 { width: 100%; height: 2700px; background-color: #fff; }
.page04mei-12 .part7 .img1, .page04mei-12 .part7 .img2, .page04mei-12 .part7 .img3 { margin-left: auto; margin-right: auto; margin-top: 20px; }
.page04mei-12 .part7 .img1 { width: 1221px; }
.page04mei-12 .part7 .img2 { width: 1214px; }
.page04mei-12 .part7 .img3 { width: 1223px; }

.page05mai { width: 100%; height: auto; background: url("../images/bg05.png") center center no-repeat; background-size: 100% 100%; position: relative; }
.page05mai .con { width: 1230px; height: 100%; margin-left: auto; margin-right: auto; position: relative; }
.page05mai .items1, .page05mai .items2, .page05mai .items3 { position: absolute; }
.page05mai .items1 img, .page05mai .items2 img, .page05mai .items3 img { width: 100%; }
.page05mai .items1 { width: 12%; left: 7.6%; top: 42%; cursor: pointer; }
.page05mai .items2 { width: 16%; right: 34%; top: 55%; cursor: pointer; }
.page05mai .items3 { width: 13%; right: 9.5%; top: 47%; }
.page05mai .items1-con { position: absolute; left: 22%; top: 42%; display: none; }
.page05mai .items2-con { display: none; position: absolute; right: 34%; margin-right: -140px; top: 55%; margin-top: -320px; width: 875px; height: 261px; background: url("../images/0512conbg.png") 0 0 no-repeat; }
.page05mai .items2-con li { float: left; width: 30%; margin-left: 1.6%; margin-right: 1.6%; padding-top: 3%; }
.page05mai .items2-con .btn { position: relative; left: 50%; margin-left: -49px; top: 10px; }

.page06mei .banner { width: 100%; }
.page06mei .banner img { width: 100%; }
.page06mei .section-mei { width: 100%; background: url("../images/bg06.jpg") center 0px no-repeat; background-size: 100% 100%; margin-top: -5px; padding-top: 1px; }
.page06mei .section-mei .title { width: 1226px; margin-left: auto; margin-right: auto; padding-top: 50px; background: url("../images/title031bg.png") center 82px no-repeat; background-size: 100% 10px; position: relative; z-index: 3; }
.page06mei .section-mei .con { width: 1226px; margin-left: auto; margin-right: auto; margin-top: -5px; padding-top: 50px; padding-bottom: 50px; background-color: #fff; }
.page06mei .section-mei .con img { margin-top: 30px; width: 933px; margin-left: auto; margin-right: auto; display: block; }
.page06mei .section-mei .con3 { padding-bottom: 0; margin-bottom: -3px; }

.page07jiameng .banner { width: 100%; }
.page07jiameng .banner img { width: 100%; }
.page07jiameng .section-jiameng { width: 100%; margin-top: -5px; padding-top: 1px; }
.page07jiameng .section-jiameng .title { width: 1226px; margin-left: auto; margin-right: auto; padding-top: 50px; background: url("../images/title031bg.png") center 82px no-repeat; background-size: 100% 10px; position: relative; z-index: 3; }
.page07jiameng .section-jiameng .con { width: 1226px; margin-left: auto; margin-right: auto; margin-top: -5px; padding-top: 50px; padding-bottom: 50px; background-color: #fff; }
.page07jiameng .section-jiameng .con img { margin-top: 30px; width: 933px; margin-left: auto; margin-right: auto; display: block; }
.page07jiameng .section-jiameng .con3 { padding-bottom: 0; margin-bottom: -3px; }
.page07jiameng .part1 { width: 100%; background: url("../images/07con1bg.jpg") center 0px no-repeat; background-size: 100% 992px; padding-top: 1px; margin-top: -5px; padding-bottom: 50px; }
.page07jiameng .part1 img { width: 1226px; margin-left: auto; margin-right: auto; margin-top: 70px; display: block; }
.page07jiameng .part2 { width: 100%; background-color: #f8e9ef; }
.page07jiameng .part2 .con { width: 1226px; margin-left: auto; margin-right: auto; padding-top: 80px; padding-bottom: 50px; }
.page07jiameng .part2 img { margin-bottom: 50px; }
.page07jiameng .part3 { width: 100%; height: 457px; padding-top: 70px; }
.page07jiameng .part3 img { width: 1226px; margin-left: auto; margin-right: auto; display: block; }

/* ----------------------------------------------------------------------footer------------------------------------------------------------------- */
footer { width: 100%; height: 170px; background-color: #fbf3f6; }
footer .con { width: 1230px; margin-left: auto; margin-right: auto; height: 170px; background: url("../images/line2.png") center 100px no-repeat; position: relative; }
footer nav { width: 950px; height: 100px; margin-left: 60px; }
footer nav li { float: left; margin-top: 45px; }
footer nav span { margin-left: 28px; margin-right: 28px; }
footer p { text-align: center; width: 100%; margin-top: 20px; font-size: 14px; }
footer p a { color: #454545; display: inline-block; margin-left: 3px; margin-right: 3px; }
footer .kf { float: right; position: absolute; right: 10px; top: 24px; }
footer .logo2 { position: absolute; left: -120px; top: 24px; }
footer .back { position: absolute; right: -120px; top: 30px; }

.footer { padding-top: 90px; padding-bottom: 60px; }

@media screen and (max-width: 1280px) { body { min-width: 1280px; }
  .page05mai .items1-con { top: 35%; }
  .page05mai .items2-con { margin-top: -275px; }
  footer .con { width: 1280px; position: relative; }
  footer .kf { display: none; }
  footer .logo2 { display: none; }
  footer .back { position: absolute; right: 50px; top: 20px; }
  .page04mei .items1 { left: 0%; top: 10%; }
  .page04mei .items2 { left: 32.5%; top: 10%; }
  .page04mei .items3 { right: 0%; top: 10%; } }