@charset='utf-8';
.index-tit{ width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #ccc; }
.index-tit span{ font-size: 20px; color: #f13a3a; border-bottom: solid 1px #f13a3a; height: 45px; display: block; width: 160px; }

.first-box{ width:1200px; height: auto; overflow:hidden; margin:0 auto; padding:20px 0;}
.first-box .first-lft{ width: 590px; height: auto; float: left;}
.first-box .first-lft ul li{ width: 222px; height: 148px; float: left; margin-right: 20px; margin-top: 20px; overflow: hidden;}
.first-box .first-lft ul li img{ width: 222px; height: 148px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.first-box .first-lft ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}

.first-box .first-rht{ width: 600px; height: auto; float: right; }
.first-box .first-rht .first-rht-tit{ width: 100%; height: 45px; line-height: 45px; border-bottom: dashed 1px #ccc; margin-bottom: 20px; color: #f13a3a; font-size: 20px;}

.two-box{ width: 1200px; height: auto; padding: 20px 0; overflow: hidden; margin: 0 auto; }
.two-box .two-lft{ width: 590px; height: auto; float: left; }
.two-box .two-rht{ width: 600px; height: auto; float: right; }

.two-box .two-rht ul{ padding-top:20px;  }
.two-box .two-rht ul li{ display: block; width: 100%; height: 47px; line-height: 47px; border-bottom: solid 1px #ccc; }
.pageing{ width: 100%; height: auto; padding-top: 15px; }
.pageing a{ padding: 7px 9px; }
.pageing span{ padding: 7px 9px; }

.two-lft-box{ width: 507px; height: 338px; margin: 20px auto 0 auto;}
.layui-carousel div span{ display: block; width: 100%; height: 66px; padding-top: 10px; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; }

.three-box{ width: 100%; height: 175px; background: url(../images/threebgimg.jpg) no-repeat top center; margin-top: 30px; background-size: 100%;}
.three-box .three-tit{ width: 1200px; height: 55px; line-height: 55px; color: #fff; font-size: 16px; font-weight: bold; margin: 0 auto; }
.three-box dl{ display: block; width: 1200px; height: 120px; margin: 0 auto; }
.three-box dl dt{ display: block; width: 950px; height: 120px; float: left; line-height: 34px; color: #fff; }
.three-box dl dd{ display: block; width: 250px; height: 120px; float: right; text-align: right;}
.three-box dl dd img{ width: 230px; }

.ticket-box{ width: 1200px; height: auto; margin: 0 auto; border-top: dashed 1px #ccc; padding: 20px 0 40px 0; overflow: hidden; }
.ticket-box ul li{ display: block; width: 160px; height: 160px; float: left; margin-right: 40px; overflow: hidden;}
.ticket-box ul li img{ width: 160px; height: 160px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.ticket-box ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1)}

.hotel-box{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; padding: 20px 0 40px; }
.hotel-box ul li{ display: block; width: 380px; height: auto; float: left; margin:10px; }
.hotel-tit{ width: 100%; height: 35px; line-height: 35px; border-bottom: dashed 1px #ccc; color: #f13a3a; }
.hotel-img{ width: 95%; height: 250px; margin: 10px auto; overflow: hidden; }
.hotel-img img{ height: 250px; }
.hotel-box ul li span{ display: block; width: 100%; height: 20px; line-height: 20px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}

.hoteldata-box{ width: 1200px; height: auto; overflow: hidden; padding: 40px 0; margin: 0 auto; }
.hoteldata-tit{ width: 100%; height: 80px; line-height: 80px; font-size: 25px; border-bottom: solid 1px #ccc; color: #333; }
.hoteldata-txt{ width: 100%; height: auto; padding-top: 20px; overflow: hidden; line-height: 31px; }
.hoteldata-txt img{ display: block; max-width: 100%; margin: 0 auto; }