html, body {
  position: relative;
  height: 100%;
  }

.swiper-container {
  width: 100%;
  height: 100%; }
.replay{
   position:fixed;
   top:50%;
   left:1%;
   cursor:pointer;
   z-index:999;
   opacity:0;
}
.main {
  width: 100%;
  height: 100vh;
  background: url(../images/main_bg.jpg) no-repeat top center;
  background-size: cover; }
  .main .w1200 {
    position: relative;height:100%;width:1100px; }
    .main .w1200 .mainText {
      width: 100%;
      position: absolute;
      top:537px;
      color: #fff;
      text-align: left;
      font-size: 16px;
      line-height: 140%; }
.main .w1200 .mainText div {
  font-size:16px;
  margin-top:5px;	
}
nav {
  width: 100%;
  height: 180px;
  background: url(../images/line.jpg) repeat-x 0px 118px;
  position: fixed;
  bottom: 5%;
  z-index: 100; }
  nav li {
    float: left;
    width: 11.1%;
    height: 180px;
    margin-left: 3%;
    position: relative; }
    nav li .line {
      display: inline-block;
      width: 7px;
      height: 122px;
      background: url(../images/line1.png) no-repeat;
      position: absolute;
      top: 0px; }
    nav li div {
      width: 119px;
      height: 116px;
      padding-top: 3px;
      position: absolute;
      text-align: center;
      bottom: 0px;
      left: 20px;
      border: 2px solid #fff;
      border-radius: 50%;
      cursor: pointer; }
      nav li div p {
        display: none; }
    nav li b {
      color: #fff;
	  font-size:16px;
      font-weight: normal;
      display: inline-block;
      padding-left: 10px; }
  nav li.active div {
    width: 113px;
    height: 113px;
    padding-top: 0px;
    position: absolute;
    text-align: center;
    bottom: 0px;
    left: 20px;
    border: 10px solid #fff;
    border-radius: 50%;
    cursor: pointer; }
    nav li.active div p {
      display: inline-block;
      width: 113px;
      height: 113px;
      line-height: 113px;
      position: absolute;
      top: 0;
      left: 0px;
      background: #c48735;
      color: #fff;
      font-size: 18px;
      border-radius: 50%;
      opacity: 0.7; }
.navr{
  position:fixed;
  right:1%;
  top:3%;
  width:200px;
  bottom:auto;	
  background:none;
}
.navr li{
  float:none;
  width:100%;
  height:100px;
}
.navr li .line{
  display:none;
}
.navr li div{
  width:68px;
  height:68px;
  position:absolute;
  top:0px;
  left:0px;
}
.navr li div img{
  width:66px;
  height:66px;
}
.navr li b {
      color: #fff;
	  font-size:14px;
      font-weight: normal;
      display: inline-block;
	  position:absolute;
	  top:0px;
	  left:80px;
}
.navr li.active div {
    width: 68px;
    height: 68px;
    padding-top: 0px;
    position: absolute;
    text-align: center;
	top:0px;
    bottom:auto;
    left: 0;
    border: 5px solid #fff;
    border-radius: 50%;
    cursor: pointer; }
    nav li.active div p {
      display: none;
      width: 113px;
      height: 113px;
      line-height: 113px;
      position: absolute;
      top: 0;
      left: 0px;
      background: #c48735;
      color: #fff;
      font-size: 18px;
      border-radius: 50%;
      opacity: 0.7;}
.nav1 {
  background: url(../images/line2.jpg) repeat-x 0px 118px; }
  .nav1 li .line {
    display: inline-block;
    width: 7px;
    height: 122px;
    background: url(../images/line3.png) no-repeat;
    position: absolute;
    top: 0px; }
  .nav1 li div {
    border: 2px solid #cea784; }
  .nav1 li b {
    color: #cea784; }
  .nav1 li.active div {
    border: 10px solid #b16f3e; }
.navr{
  position:fixed;
  right:1%;
  top:3%;
  width:200px;
  bottom:auto;	
  background:none;
}
.navr li{
  float:none;
  width:100%;
  height:100px;
}
.navr li .line{
  display:none;
}
.content {
  width: 100%;
  height: 100vh;overflow:hidden;background:url(../images/content_bg.jpg) no-repeat top center;}
  .content .w1200 {
    margin: 5% auto 0 auto;
    position: relative; }
  .content .pic1 span {
    display: inline-block;
    position: absolute;
    cursor: pointer; }
    .content .pic1 span img {
      width: 100%; }
  .content .pic1 span:nth-child(1) {
    width: 222px;
    height: 222px;
    top: 0px;
    left: 72px;
	}
  .content .pic1 span:nth-child(2) {
    width: 222px;
    height: 222px;
    top: 92px;
    left: 302px; }
  .content .pic1 span:nth-child(3) {
    width: 295px;
    height: 295px;
    top: 228px;
    left: 0px; }
  .content .pic1 span:nth-child(4) {
    width: 295px;
    height: 295px;
    top: 320px;
    left: 300px; }
	  .content .pic4 span {
    display: inline-block;
    position: absolute;
    cursor: pointer; }
    .content .pic4 span img {
      width: 100%; }
  .content .pic4 span:nth-child(1) {
	width: 295px;
    height: 295px;
    top: 228px;
    left: 0px;
	}
  .content .pic4 span:nth-child(2) {
    width: 222px;
    height: 222px;
    top: 92px;
    left: 302px; }
  .content .pic4 span:nth-child(3) {
    width: 222px;
    height: 222px;
    top: 0px;
    left: 72px; }
  .content .pic4 span:nth-child(4) {
    width: 295px;
    height: 295px;
    top: 320px;
    left: 300px; }
  .content .pic2 span {
    display: inline-block;
    position: absolute;
    cursor: pointer; }
    .content .pic2 span img {
      width: 100%; }
  .content .pic2 span:nth-child(1) {
	width: 295px;
    height: 295px;
    top: 220px;
    left: 290px;
	 }
  .content .pic2 span:nth-child(2) {
    width: 210px;
    height: 210px;
    top: 0px;
    left: 290px; }
  .content .pic2 span:nth-child(3) {
    width: 240px;
    height: 240px;
    top: 148px;
    left: 42px; }
  .content .pic2 span:nth-child(4) {
        width: 210px;
    height: 210px;
    top: -70px;
    left: 72px; }
  .content .pic2 span:nth-child(5) {
    width: 210px;
    height: 210px;
    top: 398px;
    left: 70px; }
  .content .pic3 span {
    display: inline-block;
    position: absolute;
    cursor: pointer; }
    .content .pic3 span img {
      width: 100%; }
  .content .pic3 span:nth-child(1) {
	width: 360px;
    height: 230px;
    top: 180px;
    left: 240px;
    overflow: hidden;
	 }
  .content .pic3 span:nth-child(2) {
    width: 175px;
    height: 175px;
    top: 0px;
    left: 240px; }
  .content .pic3 span:nth-child(3) {
    width: 175px;
    height: 175px;
    top: -30px;
    left: 420px; }
  .content .pic3 span:nth-child(4) {
    width: 235px;
    height: 235px;
    top: 130px;
    left: 0px; }
  .content .pic3 span:nth-child(5) {
        width: 175px;
    height: 175px;
    top: -50px;
    left: 60px; }
  .content .pic3 span:nth-child(6) {
    width: 175px;
    height: 175px;
    top: 370px;
    left: 60px; }
  .content .pic3 span:nth-child(7) {
    width: 175px;
    height: 175px;
    top: 415px;
    left: 240px; }
  .content .pic3 span:nth-child(8) {
    width: 175px;
    height: 175px;
    top: 420px;
    left: 420px; }
  .content .picList {
    width: 600px;
    height: 620px;
    position: absolute;
    left: 0px;
    top: 10%; }
  .content .imgShow {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 540px;
    height: 620px; }
    .content .imgShow h1 {
      color: #233d8c;
      font-size: 60px;
      text-align: center;
      line-height: 60px;
      margin-bottom: 10px; }
    .content .imgShow h2 {
      color: #233d8c;
      font-size: 32px;
      text-align: center;
      line-height: 32px;
      margin-bottom: 10px; }
    .content .imgShow p {
      color: #333;
      font-size: 16px;
      line-height: 180%;
      padding: 30px 20px 20px 0;
      border-bottom: 1px solid #dfdfdf;
      margin-bottom: 20px; }
/*浏览器提醒*/
.tipAlert{
  width:500px;
  height:150px;
  position:fixed;
  top:40%;
  left:35%;
  color:#fff;
  z-index:9999999;
  font-size:30px;
  background:url(../images/kuai.png);
  padding:20px;
}
.ie8{
	width:100%;
	height:1080px;
	overflow:hidden;
	display:none;
	position: absolute;
	left:0px;
	top:0px;
	z-index: 99999;
	}
	  .logo{
    position:absolute;
	top:-40px;
	left:660px;
  }
  .content .imgShow {
    position: absolute;
    top: 50px;
    right: 0px;
    width: 540px;
    height: 620px; }
/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
		       .main .w1200 .mainText {
      width:900px;
	  left:50px;
      position: absolute;
      top:55%;
      color: #fff;
      text-align: left;
      font-size: 18px;
      line-height: 150%; }
.content .picList {
    width: 600px;
    height: 620px;
    position: absolute;
    left: 200px;
    top: 1%;
	transform:scale(.8,.8);
	}
.content .imgShow {
    position: absolute;
    top: 600px;
    right: auto;
	left:200px;
    width: 540px;
    height: 620px; }
	
	  .logo{
    position:absolute;
	top:0px;
	left:10px;
  }
  .logo img{
   width:320px;
  }
  nav {bottom:1%;}
}