/*0303*/
body {letter-spacing: 0; overflow-x:hidden;}


.wrapper{width:100%; margin:0 auto; overflow: hidden;background: #fff;padding-bottom: 100px;}

.wrapper .banner {width:1920px;margin-left: -960px;left: 50%;position: relative; }
.wrapper .banner img {display:block;}
.wrapper .banner img.phone {display: none;}
.wrapper .center {width: 1100px;position: relative;margin-left:-550px;left: 50%; }

.wrapper .banner .center {top: 0px;position: absolute;}
.wrapper .banner h1 {font-size: 72px!important;color: #fff;padding-top: 200px;letter-spacing: 4px;margin: 20px 0;text-shadow: 5px 1px 9px #959595;}
.wrapper .banner p {font-size: 50px;color: #fff;line-height: 1.2em;background: rgba(198, 168, 126, .9);display: inline-block;padding: 20px;}

.wrapper h2 {font-size: 49px!important;color: #7c583f;border-bottom: 1px solid #edeae8;padding-bottom: 20px;margin: 20px 0;}
.wrapper h2 span {font-size:30px;}

.wrapper .banner .tit {position: absolute;background: url(../images/bgIcon.png) no-repeat;width: 423px;height: 549px;top: 200px;left: 410px;}
.wrapper .banner .tit div {padding: 60px;}
.wrapper .banner .tit h1 {font-size: 60px!important;color: #fff;line-height: 74px;}
.wrapper .banner .tit p {font-size: 16px;color: #fff;line-height: 26px;text-align: justify;}

.divCenter {width: 1100px;position: relative;margin-left:-550px;left: 50%;}


.showList {width: 1920px;margin-left: -960px;left: 50%;position: relative;margin-bottom: 50px;}
.showList .center {position: absolute;top: 0px;}
.showList .divBox {background: url(../images/divbg1.png) no-repeat;position: absolute;top: 0px;height: 650px;text-align: center;width: 380px;}

.showList .divBox img {margin-top: 100px;}
.showList .divBox h3 {font-size: 48px!important;color: #fff;background: url(../images/line.png) no-repeat center bottom;padding-bottom: 25px}
.showList .divBox h3::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background: #fff;
    margin: 0 auto;
    margin-top: 20px;
}
.showList .divBox p {font-size: 16px;line-height: 32px;color: #fff;padding: 0 50px;text-align: justify;}
.showList .divBox span {font-size: 20px;color: #fff;display: inline-block;width: 100%;position: absolute;left: 0px; bottom: 10px;background: url(../images/divbg3.png) no-repeat center;}

.showListL .divBox {left: 0}
.showListR .divBox {right: 0;background: url(../images/divbg2.png) no-repeat;}

.titDiv {background: url(../images/div2bg.jpg) repeat-x top;padding: 30px 0;   }
.titDiv h3 {font-size: 24px!important;color: #64422b;margin: 0px; margin-bottom: 20px;}
.titDiv p {font-size: 16px;line-height: 36px; color: #6b4a35;background: url(../images/icon08.png) no-repeat center right;padding-bottom: 30px;padding-bottom:50px;padding-top: 50px;background-size: contain;width: 100%;}
.titDiv .center {
    display: flex;align-items: center;
    height: 100%;
}

.showListDl {background: url(../images/07imgbg.jpg) no-repeat 10px 10px;position: relative;}
.showListDl dd {background: url(../images/obg1.png) no-repeat;width: 900px;height: 331px;position: absolute;left: 21.5%;top: 330px;overflow: hidden;_zoom:1;}
.showListDl dd div {float: right;width: 390px;height: 190px;margin-right: 410px;}
.showListDl dd div h3 {font-size: 24px!important;color: #fff;margin-bottom: 20px;padding-bottom: 16px;background: url(../images/icon07.png) no-repeat left bottom;margin-top: 52px;}
.showListDl dd div p {font-size: 16px;line-height: 36px;color: #fff}

.divBottom p {font-size: 16px;line-height: 36px;color: #64422b;}

/*订票框*/
.bookingBox {margin-top:-200px;}
.bookingBoxFix {position:fixed;top: 20%;z-index: 10;width: 1200px;margin-left: -600px;left: 50%;margin-top: 0px;}
.bookingBoxFix .ticketBox {position: relative;z-index: 10}
.bookingBoxFix .kobg {width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: url(../images/kobg.png) repeat;z-index:10;}

.bookingBox .tip {display: none;}
.bookingBoxFix .tip {display: block;font-size: 32px;text-align: center;line-height: 56px;color: #fff;padding-top: 30px;z-index: 10;position: relative;font-weight: bold;}

#ticket-2 {display: none;}
.ui-tabs .ui-tabs-nav {display: none;}


.bookingBox .tit {width: 1200px;margin: 0 auto;position: relative;}
.bookingBox .tit span {display: inline-block; font-size: 16px;color: #cb0303;height: 45px;line-height: 45px;padding: 0 23.8px;font-weight: bold;width: 260px;background:url(../images/ticket01.png) no-repeat 260px center #fff;}
.trip-box #trip-box-1 {border:none;}
.has-shadow {box-shadow: none;}
/*订票框*/


.li.li1 h2 {text-align: center;}
.li.li1 {width: 1024px;margin: 0 auto;margin-bottom:100px;}
.li.li1 li {width: 1024px;margin: 0px;padding: 0px;position: static;left: unset;float:left;overflow: hidden;_zoom:1;}
.li.li1 li div {width:49%;}
.li.li1 li div img {width: 100%;}
.li.li1 li div.divl {float: left;}
.li.li1 li div.divr {float: right;}
.li.li1 .olhiden {overflow:hidden;padding-left: 110px;}
.li.li1 ol {overflow: hidden;_zoom:1;}
.li.li1 p {font-size: 16px;line-height: 32px;text-align: center;width: 833px;}
.li.li1 .imgTab {position: relative;margin-top: 30px;}
.li.li1 .imgTab .prev {position: absolute;background: url(../images/prev.png) no-repeat center;display: inline-block;width: 25px;height: 55px;top: 250px;left: -60px;}
.li.li1 .imgTab .next {position: absolute;background: url(../images/next.png) no-repeat center;display: inline-block;width: 25px;height: 55px;top: 250px;right: -60px;}


.showList .divBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

@media screen and (max-width: 1450px){
/* .ticketBox .container {width: auto;} */
    .ticketBox .tab-container {max-width: 1000px;}
    .bookingBox .tit{max-width: 1000px;}
    .bookingBox .tit span{width: 200px;background-position: 200px center;margin-left: 10px;}
}
@media (max-width: 1200px) {
    body{min-width: 1200px;overflow-x: auto;}
    
}
@media (max-width: 1024px) {


body {min-width: auto;}

.header,.nav,.footer {display: none;}
.bookingBox {display: none;}

    .wrapper .banner,.wrapper .center,.divCenter,.showList {width: auto;margin: 0px;padding: 0px;left: 0px;}
    .wrapper .banner img.pc {display: none;}
    .wrapper .banner img.phone {display: block;width: 100%;}

    .wrapper .banner .tit{position: static;background: #7c563e;width: auto;height: auto;margin: 0px;left: 0px;}
    .wrapper .dlDiv {width: auto;height: auto;margin: 0px;left: 0px;}
    .wrapper .banner .tit div {padding: 20px;}
    .wrapper .banner .tit h1 {font-size: 32px;font-weight: bold;}

    .wrapper {padding-bottom: 10px;}



    .wrapper .banner .center {position: static;text-align: center;}
    .wrapper .banner h1 {margin: 0px;padding: 0px;color: #7c583f;font-size: 36px!important;padding: 10px 0;}
    .wrapper .banner h1 p{margin: 0px;padding: 0px;color: #7c583f;font-size: 20px!important;}

    .titDiv {height: auto;padding: 10px;}
    .titDiv h3 {margin: 0px;padding: 0px;padding-top: 20px;margin-bottom: 10px;}
    .titDiv p {font-size: 14px;line-height: 22px;text-align: justify;padding: 0px;background: none;}


    .wrapper h2 {font-size: 32px!important;padding: 0 10px;padding-bottom: 10px;}
    .wrapper h2 span {font-size: 22px;}

    .showList img {width: 100%;display: inline-block;}
    .showList .divBox img {width: auto;margin-top: 10px;width: 10%}

    .showList .divBox {position: static;width: auto;height: auto;background:#db9f5f;padding-bottom: 40px;}

    

    .showList .center {position: static;}
    .showList .divBox h3 {font-size: 18px!important;margin: 10px;padding-bottom: 10px;}
    .showList .divBox p {font-size: 14px;line-height: 22px;padding: 0 20px;}
    .showList .divBox span {font-size: 14px;}

    .showListDl {background: none;}
    .showListDl dd {position: static;background: #d6b784;height: auto;width: auto;}
    .showListDl dd div {width: auto;margin: 0px;height: auto;padding: 20px;}
    .showListDl dd div h3 {margin: 0px;margin-bottom: 10px;font-size: 18px!important;}
    .showListDl dd div p {font-size: 14px;line-height: 22px;}

    .divBottom img {width: 100%}
    .divBottom p {font-size: 14px;line-height: 22px;color: #64422b;padding: 10px;}


        .li.li1 h2,.ulList .li.li2 .divR .div h3,.ulList .li.li3 h2,.ulList .li.li4 h2{font-size: 32px!important;color: #1a1a1a;text-align: center;margin:10px 0;background: none;padding-bottom: 0px;padding-top: 0px;}
    #wrapper .banner p {color: #000;text-align: justify;padding: 0 10px;margin-bottom: 0px;line-height: 26px;}
    .li.li1 p,.ulList .li.li2 .divR .div p,.ulList .li.li3 p {color: #1a1a1a;text-align: justify;padding: 0 10px;margin-bottom: 0px;line-height: 26px;}

    .li.li1 .sk,.ulList .li.li4 .sk {display: none;}
    .li.li1 .imgTab {margin-top: 20px;}
    .li.li1 {background: none;width: 100%;}
    .li.li1 li div {width: 49.5%;float: none;}
    .li.li1 img {width: 100%;}
    .li.li1 li {width: auto;}
    .li.li1 .imgTab p {font-size: 14px;left: 22px;}
    .li.li1 .olhiden {padding-left: 0px;}

    .li.li1 {margin-bottom: 20px;}
    .li.li1 li {width: 50%;}

    .li.li1 h2 {text-align: left;padding: 0 20px;color: #79533d}
    .li.li1 p {padding: 0 20px;color: #666;    font-size: 16px;
    line-height: 26px;width: auto;}
    .li.li1 .imgTab p {text-align: center;}

    .li.li1 li {display: block;}

    .showListDl dd div {
        width: 100%;
        box-sizing: border-box;
    }
    .wrapper .banner {
        background: rgba(198, 168, 126, .9);
    }
    .wrapper .banner h1 p {
        background: none;
    }
    .titDiv {
        background-size: cover;
    }
    

}



.add0721-01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .add0721-01 ul li {
    width: 30%;
    background: url(../images/graybg.png) no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 1.6%;
    margin-bottom: 30px;
  }
  .add0721-01 ul li img {
    width: 100%;
  }
  .add0721-01 ul li span {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #7e7e7e;
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
  }
  .add0721-hyx {
    overflow: hidden;
    position: relative;
  }
  .add0721-hyx .swiper0721 {
    margin: 0 60px;
    overflow: hidden;
  
  }
  .add0721-hyx .swiper-slide {
    background: url(../images/goldbg.png) no-repeat;
    background-size: cover;
    position: relative;
  }
  .add0721-hyx .swiper-slide img {
    width: 100%;
  }
  .add0721-hyx .swiper-slide span {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #c29d4e;
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
  }
  .add0721-hyx .swiper-pagination {
    position: static;
    margin-top: 20px;
  }
  .add0721-hyx .swiper-pagination .swiper-pagination-bullet-active {
    color: #c29d4e;
    background: #c29d4e;
  }
  
  .add0721-hyx .swiper-button-next,
  .add0721-hyx .swiper-button-prev {
    color: #c29d4e;
    bottom: 30%;
    top: unset;
  }
  
  .add0721-hyx .titDiv {
      text-align: center;
      margin-bottom: 30px;
      
  }
  .add0721-hyx .titDiv h3 {
      font-size: 42px!important;
      margin-bottom: 20px;
      color: #7c583f;
      
  }
  
  .add0721-hyx .titDiv p {
      font-size: 16px
  }
  
  
  .add0721-hyx .titnew {
      text-align: center;
      margin-bottom: 30px;
      
  }
  .add0721-hyx .titnew h3 {
      font-size: 42px!important;
      margin-bottom: 20px;
      color: #7c583f;
      
  }
  
  .add0721-hyx .titnew p {
      font-size: 16px
  }

  .swiper-pagination-bullet {
    margin: 0 2px;
  }
  
  
  @media (max-width:1024px) {
  
      .add0721-01 ul li {
          width: 48%;
          margin: 0 1%;
          margin-bottom: 20px;
      }
      .add0721-01 ul li span {
          top: 10px;
          right: 10px;
      }
  }