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; }
li { list-style: none; }
textarea { overflow: auto; resize: none; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: 700; }
a, a:hover { text-decoration: none; }
body { font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }
body {   }
a { outline: 0px; }
.wrapper .section { position: relative; height: 340px; margin: 0px auto; }
.wrapper .section4 { position: relative; height: 800px; }
.wrapper .section .w1200 { width: 1200px; margin: 0px auto; }
.wrapper .section .t { margin: 0px auto; width: 280px; height: 31px; position: relative; top: 20px; }
.wrapper .section .t.t2 { background-repeat: no-repeat; }
.wrapper .section .t.t3 { background-repeat: no-repeat; }
.wrapper .section .t.t4 { background-repeat: no-repeat; }
.wrapper .section .t.t5 { background-repeat: no-repeat; }
.wrapper .section .t.t6 { background-repeat: no-repeat; }
.wrapper .section.section4 { background: url("../images/bg4.jpg") center top no-repeat; }
.section4 { overflow: hidden; }
.fs-container { margin: 20px auto 50px; position: relative; width: 30%; padding: 0px 15%; max-width: 1060px; min-width: 1060px; height: 467px; box-sizing: content-box; }
.fs-container::before { content: ""; position: absolute; bottom: -40px; background: url("../images/shadow.png") center center / 100% 100% no-repeat transparent; height: 90px; width: 90%; left: 5%; opacity: 0.8; }
.fs-wrapper { width: 100%; height: 100%; position: relative; perspective: 1060px; }
.fs-slider { width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; pointer-events: none; }
.fs-block { margin: 0px; position: absolute; width: 70%; height: 100%; left: 15%; pointer-events: auto; transition: all 1s ease 0s; }
.fs-block:nth-child(1) { transform-origin: right top 0px; transform: translateX(-100%) rotateY(-35deg); }
.no-touch .fs-block:nth-child(1):hover { transform: translateX(-100%) rotateY(-30deg); }
.fs-block:nth-child(2) { z-index: 100; }
.fs-block:nth-child(3) { transform-origin: left top 0px; transform: translateX(100%) rotateY(35deg); }
.no-touch .fs-block:nth-child(3):hover { transform: translateX(100%) rotateY(30deg); }
.fs-block::after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1000; pointer-events: none; box-sizing: content-box; border-left: 1px solid rgb(119, 119, 119); border-right: 1px solid rgb(119, 119, 119); left: -1px; }
.no-csstransforms3d .fs-block::after { border: none; }
.fs-block:nth-child(1)::after { background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%); }
.fs-block:nth-child(2)::after { opacity: 0.8; background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.12) 21%, rgba(0, 0, 0, 0.03) 31%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 70%, rgba(0, 0, 0, 0.12) 81%, rgba(0, 0, 0, 0.5) 100%); }
.fs-block:nth-child(3)::after { background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.65) 100%); }
.fs-block figure { width: 100%; height: 100%; margin: 0px; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 1; }
.fs-block figure:first-child { z-index: 10; }
.fs-block figure img { position: absolute; top: 0px; left: 0px; display: block; }
.fs-block figcaption { padding: 0px 20px; margin: 0px; position: absolute; width: 100%; top: 0px; overflow: hidden; height: 0%; opacity: 0; text-align: center; transition: all 700ms cubic-bezier(0, 0, 0.15, 1) 0s; }
.fs-block figcaption.fs-transition { height: 35%; opacity: 1; }
.fs-block figcaption h3 { font-size: 40px; line-height: 40px; margin: 0px; padding: 20px 0px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px; font-family: Prata, serif; font-weight: normal; }
.fs-navigation { position: absolute; z-index: 2000; bottom: 10px; right: 15%; margin-right: 15px; user-select: none; }
.fs-navigation span { float: left; width: 37px; height: 47px; border-radius: 4px; text-indent: -90000px; cursor: pointer; opacity: 0.6; margin-right: 3px; background: url("../images/arrow.png") 50% 50% no-repeat rgba(0, 0, 0, 0.4); transition: all 0.3s linear 0s; pointer-events: auto; }
.fs-navigation span:nth-child(2) { transform: rotate(180deg); }
.fs-navigation span:hover { opacity: 1; }
.fs-block:nth-child(1) figure { transition: width 900ms cubic-bezier(0, 0, 0.15, 1) 600ms; }
.fs-block:nth-child(2) figure { transition: width 900ms cubic-bezier(0, 0, 0.15, 1) 300ms; }
.fs-block:nth-child(3) figure { transition: width 900ms cubic-bezier(0, 0, 0.15, 1) 0s; }
.main { width: 90%; margin: 130px auto 0px; position: relative; }
.section5 .t { overflow: hidden; }
.wrapper .section .t.t2 { background-position: 0px 0px; }
.wrapper .section .t.t3 { background-position: 0px -31px; }
.wrapper .section .t.t4 { background-position: 0px -62px; }
.wrapper .section .t.t5 { background-position: 0px -93px; }
.wrapper .section .t.t6 { background-position: 0px -124px; }
.wrapper .section .t.t2, .wrapper .section .t.t3, .wrapper .section .t.t4, .wrapper .section .t.t5, .wrapper .section .t.t6 { background-image: url("../images/index_z_9210f45.png"); }