﻿
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: 20px;color:#6d685c;font-family: "Microsoft YaHei";line-height: 36px;}
.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;max-width: 100%;border:1px solid #eee;}
.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 ul>li{padding-left: 20px;margin-bottom: 30px;}
.use ol li{font-size: 20px;color:#6d685c;font-family: "Microsoft YaHei";line-height: 36px;padding-left: 20px;margin-bottom: 10px;}

.use ol li {position: relative;}
.use ol li b {font-weight: normal;}
.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;}
/*订票框*/
/* .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 {padding-left: 0px;font-size: 18px;}
	  .use ul>li {padding-left: 0px;}


	  .site-main p.phoneP {font-size: 18px;line-height: 32px;display: inline;}

}