﻿
body{background-color: #fcf7e8;letter-spacing: 0px;overflow-x: hidden;}
.site-banner{width: 100%;background:url(../images/banner.jpg) top center no-repeat;height: 266px;}
.tit{text-align: center;margin:30px 0 55px;}
.site-main{width: 878px;margin: 0 auto 50px;box-shadow: 0 0 10px 0 #999;background-color: #fff;padding:50px 60px;border: 1px solid #ccc;}
.site-main h4{font-size: 20px;font-weight: bold;color:#6d685c;font-family: "Microsoft YaHei";line-height: 36px;}
.site-main p{font-size: 18px;color:#6d685c;font-family: "Microsoft YaHei";line-height: 32px;}
.site-main p a{font-size: 20px;color: #f3b400;text-decoration: underline;line-height: 36px;}
.site-main li span{float: left;width: 25px;height: 36px;background:url(../images/bg02.png) center no-repeat;text-align: center;margin-right: 10px;color:#fff;}
.site-main .p-img{color: #756a18;font-size: 16px;text-align: center;padding-bottom: 30px;}
.site-main .p-img img{margin:20px 0 10px;}
.site-main .btn-slide{font-size: 20px;color:#fff;font-family: "Microsoft YaHei";line-height: 36px;padding:10px 0;border-radius: 10px;text-align: center;margin:0 auto;width: 240px;padding-right: 25px;background:#b7a83d url(../images/arrow.png) 220px center no-repeat;cursor: pointer;}
.site-main .btn-slide.on{background-image: url(../images/arrow-on.png);}

.use{display: none;}
.use h2{font-size: 28px;font-weight: bold;color:#6d685c;font-family: "Microsoft YaHei";line-height: 36px;text-align: center;margin-top: 50px;}
.use h3{font-size: 20px;font-weight: bold;color:#6d685c;font-family: "Microsoft YaHei";line-height: 36px;margin-top: 20px;}
.use h4{font-size: 18px;font-weight: normal;color:#6d685c;font-family: "Microsoft YaHei";line-height: 32px;}

.use ol li{font-size: 18px;color:#6d685c;font-family: "Microsoft YaHei";line-height: 32px;padding-left: 2em;}
.use .text-tips {font-size: 16px;color:#888;line-height: 32px;}
.use ol li {position: relative;}
.use ol li b {font-weight: normal;}
.use ol li p {padding-left: 1.5em;}
.use table {max-width: 480px;margin:0 auto;width:100%;border-collapse: collapse;}
.use td, .use th {font-size: 18px;border:1px solid #999;text-align: center;font-weight: normal;color:#6d685c;padding:5px;}

.cityDiv {position: absolute;background: #fff;width: 400px;z-index: 99;top: 70px;left: 80px;padding: 15px 10px;display: none;    box-shadow: 0 0 10px 0 #999;}
.cityDiv h6 {text-align: center;font-size: 18px}
.cityList {overflow:hidden;_zoom:1;}
.use .cityList li {font-size: 14px;line-height: 22px;float: left;}

.phoneP {display: none;}

.use ol li.liopen2 .cityDiv {left:460px;}
.box-step p strong {font-weight: bold;}
.box-step .step-pic{text-align: center;margin:10px 0 25px;}
.box-step .step-pic img{margin-left: 2%;max-width: 300px;border: 1px solid #eee;width: 31.33%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.box-step .step-pic img:first-child{margin-left: 0;}
/*订票框*/
/* .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;}
/*订票框*/

@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;}

    .tit img {max-width: 428px;width: 90%;padding: 0 5%;}
    .site-main {width: auto;padding:10px;margin: 0px;box-shadow: none;}
    .site-main .p-img img{width: 100%;}


      .use ol li {position:static;}
	  .use ol li b {font-weight: normal;}
	  .cityDiv {position: static;background: none;width:auto;z-index: 99;top: 0px;left:0px;padding:0;display: block;    box-shadow: none;display: none;}

	  .cityList {overflow:hidden;_zoom:1;}
	  .use .cityList li {font-size: 14px;line-height: 22px;float: left;margin-right: 10px;}

	  .use ol li {font-size: 18px;}
	  .use ul>li {padding-left: 0px;}


	  .site-main p.phoneP {font-size: 18px;line-height: 32px;display: inline-block;}
      .tit {
        margin:0 auto 30px;
        font-size: 24px!important;
        padding:0 10px;
      }
      .use h2 {
        font-size: 24px;
        margin-top: 30px;
      }
      .use h3 {
        font-size: 18px;
        line-height: 1.6;
      }
      .site-main p {
        font-size: 16px;
        line-height: 1.6;
      }
      .use ol li {
        font-size: 16px;
        line-height: 1.6;
      }
      .site-banner {
        height: auto;
        padding-top: 43%;
        background-size: auto 100%;
        -webkit-background-size: auto 100%;
      }
      .use td, .use th {
        font-size: 16px;
      }

}

@media (max-width: 768px) {
  .use ol li {padding-left: 0;}
  .use ol li p {padding-left: 1em;}
  .box-step .step-pic {text-align: left;margin:10px 0;font-size: 0;}
  .box-step .step-pic img {
    width: 47%;
    margin:1.5%;
  }
  .box-step .step-pic img:first-child {
    margin-left: 1.5%;
  }
}
@media (max-width: 480px) {
  .box-step .step-pic {text-align: center;}
  .box-step .step-pic img {
      margin-left: 0;
      width: auto;
      max-width: 100%;
      margin-top: 10px;
  }
  .box-step .step-pic img:first-child {
      margin-top: 0;
  }
}