/*start*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53;} 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:"微软雅黑","宋体","Arial Narrow",couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none; } 
a:hover { text-decoration:none; } 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; }

/* Scaffolding */
html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "lato", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.778;
  color: #222;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
h3 {
  margin-bottom: 20px;
  color: #afac7c;
  font-size: 1.5rem;
  font-weight: 500;
}
a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* video */
#voicebtn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9999;
  opacity: 0.8;
}
#voicebtn img {
  opacity: 0.8;
}
.video-wp {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 1080px;
  overflow: hidden;
  z-index: 0;
}
.video-wp video {
  width:100%;
  margin: 0;
}

/* Backgrounds */
.bg-holder {
  width: 100%;
  height: 2700px;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.pic1 {
  background: url(../img/topBg.png) no-repeat top center;
  background-attachment: fixed;
}

.bg-holder .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bg-holder .content img {
  max-width: 100%;
}

h2 {
  font-size: 70px;
  line-height: 1.5;
  font-weight: bold;
  /*margin: 0 0 16px;*/
  text-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
h2 span {
  font-size: 60px;
  text-transform: capitalize;
  font-family: fantasy;
  color: #b09266;
  font-weight: normal;
}
.more {
  color: #afac7c;
  text-decoration: none;
}
.txtbox {
  text-align: left;
  text-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
/* Titles */
.bg-holder .intro {
  width: 1000px;
  margin: 0 auto;
  top: 5%;
}
.shouhu {
  position: absolute;
  background: url(../img/shouhu.png) no-repeat center;
  width: 294px;
  height: 422px; 
  left: 100px;
}
.hsjy {
  position: absolute;
  background: url(../img/hsjy.png) no-repeat center;
  width: 535px;
  height: 261px; 
  top: 50px;
  right: 50px;
}
.chupin {
  position: absolute;
  background: url(../img/chupin.png) no-repeat center;
  width: 507px;
  height: 56px;
  top: 350px; 
  right: 65px;
}
.zhaopian {
  position: absolute;
  bottom: 0px;
  background: url(../img/zhaopian.png) no-repeat center;
  width: 100%; 
  height: 487px;
}
.tiji {
  position: absolute;
  background: url(../img/tiji.png) no-repeat center right;
  width: 970px; 
  height: 189px;
  top: 506px;
  left: 40px;
}
.tj {
  position: absolute;
  background: url(../img/tj_bg.png) no-repeat center right;
  width: 1096px; 
  height: 307px;
  top: 425px;
}
.book {
  background: url(../img/book.png) no-repeat center;
  width: 1077px; 
  height: 822px;
  position: absolute;
  top: 900px;
  margin-left: -45px;
}
.book .jh {
  position: absolute;
  left: 65px;
  top: 90px;
}
.book .v1 {
  position: absolute;
  left: 50px;
  top: 410px;
}
.book .v2 {
  position: absolute;
  left: 570px;
  top: 45px;
}
.book .v3 {
  position: absolute;
  left: 570px;
  top: 410px;
}
.peo {
  position: absolute;
  bottom: 60px;
}
.peo1 {
  left: 20%;
}
.peo2 {
  left: 45%;
}
.peo3 {
  left: 70%;
}
.peo a {
  display: block;
}
.peo img:hover {
  width: 110%;
}
/* photo */
.hat {
  position: absolute;
  background: url(../img/hat.png) no-repeat center;
  width: 374px;
  height: 203px; 
  bottom: 0;
  left: 100px;
}
.baohudian {
  position: absolute;
  background: url(../img/baohudian.png) no-repeat center;
  width: 850px;
  height: 650px; 
  top: 300px;
  left: -120px;
}
.baohudian2 {
  position: absolute;
  background: url(../img/baohudian2.png) no-repeat center;
  width: 885px;
  height: 500px; 
  bottom: -80px;
  right: 0px;
}
.lrh {
  position: absolute;
  background: url(../img/lrh.png) no-repeat center;
  width: 700px;
  height: 705px; 
  bottom: 0px;
  right: -150px;
}
.juhua {
  position: absolute;
  background: url(../img/juhua.png) no-repeat center;
  width: 260px;
  height: 251px; 
  bottom: 0;
  right: 100px;
}
.tuzhi {
  position: absolute;
  background: url(../img/tuzhi.png) no-repeat center;
  width: 230px;
  height: 256px; 
  bottom: 20px;
  right: 100px;
}
.shoumuren {
  position: absolute;
  background: url(../img/shoumuren.png) no-repeat center;
  width: 236px;
  height: 800px; 
  bottom: -100px;
  right: 100px;
}
.mu {
  position: absolute;
  background: url(../img/mu.png) no-repeat center;
  width: 850px;
  height: 650px; 
  top: 300px;
  left: -300px;
}
.mu2 {
  position: absolute;
  background: url(../img/mu2.png) no-repeat center;
  width: 950px;
  height: 492px; 
  bottom: 0px;
  left: -50px;
}
.shejishi {
  position: absolute;
  background: url(../img/shejishi.png) no-repeat center;
  width: 371px;
  height: 800px; 
  bottom: -100px;
  right: 10px;
}
.jinianguan {
  position: absolute;
  background: url(../img/jinianguan.png) no-repeat center;
  width: 850px;
  height: 650px; 
  top: 300px;
  left: -260px;
}
.jinianguan2 {
  position: absolute;
  background: url(../img/jinianguan2.png) no-repeat center;
  width: 948px;
  height: 330px; 
  bottom: 0px;
  left: 0px;
}
.itembox {
  background: #fff;
  margin: 20px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
.itembox img {
  width: 100%;
  height: 250px;
}
.itembox p {
  color: #333;
  padding: 20px;
}

/* Content Sections */
section {
  padding: 48px;
}

.content {
  margin: 0 auto;
  width: 1100px;
}

.logo{
	text-align: center;
    padding-top: 30px;
}

section p {
  margin: 0;
  text-indent: 2em;
  padding: 20px;
  margin: 50px 0;
}

section + hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0;
}

section .gist {
  margin: 24px 0;
}

section .gist .gist-data {
  border-bottom: 0;
}

section .gist-meta {
  display: none;
}

.content code {
  font-family: monospace, serif;
  font-size: 16px;
  color: gray;
  white-space: nowrap;
}

.info{
	font-size: 12px;
    width: 170px;
    margin: 0 auto;
	text-align: left;
	font-weight: 100;
}
.info li{
	float:left;
	width:85px;
}

.music{
	margin-top:30px;
}
/* Footer */

.footer {
  text-align: center;
}

/* swiper-slide */
.swiper-slide {
  text-align: center;
}

/* iframe */
.demo-iframe {
  margin: 1em auto;
  box-shadow: 0px 0px 1px 0px #aaa;
  background: #eee;
  position: relative;
}
iframe {
  display: block;
  width: 100%;
  border: none;
  margin: 0;
  box-sizing: border-box;
  height: 600px;
  width: 1px;
  min-width: 100%;
}

/* swiper-container2 */
.swiper-container2 {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-pagination2 {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
}
.swiper-button-next2, .swiper-button-prev2 {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

/* swiper-container3 */
.swiper-container3 {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-pagination3 {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
}
.swiper-button-next3, .swiper-button-prev3 {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next3, .swiper-container-rtl .swiper-button-prev3 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev3, .swiper-container-rtl .swiper-button-next3 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
}