/* banner轮播 */
.swiper {
  width: 100%;
  height: 450px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 动态 */
.dynamic {
  padding: 50px 0 50px;
  background: url(../images/indexVideoBg_01.jpg) no-repeat;
  min-width: 1180px;
  background-size: 100% 100%;
}
.dynamicTitle {
  width: 100%;
  height: 112px;
  background: url(../images/dongtai.png) no-repeat center center;
  margin-bottom: 45px;
  background-size:18%;
}

.indexNewsMenu {
  width: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
}

.indexNewsMenu a {
  display: inline-block;
  width: 100px;
  height: 30px;
  color: #fff;
  background: #6a6a6a;
  
  border-radius: 15px;
}

.indexNewsMenu a.cur,
.indexNewsMenu a:hover {
  background: #c12525;
}

.indexNewsMenu span {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #c12525;
  margin: 0 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.indexNewsList {
  margin-top: 40px;
}

.indexNewsList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.block {
  display: none !important;
}

.indexNewsList ul li {
  height: 270px;
  width: 240px;
  padding: 5px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 30px;
}

.indexNewsList ul li .dongtai {
  width: 230px;
  height: 165px;
  overflow: hidden;
}

.indexNewsList ul li img {
  width: 230px;
  height: 165px;
  transition: all 0.6s;
}

.indexNewsList ul li img:hover {
  transform: scale(1.1);
}

.indexNewsList ul li h4 {
  width: 195px;
  margin: 10px auto;
  height: 50px;
  line-height: 20px;
  text-align: center;
}

.msg {
  width: 195px;
  bottom: 10px;
  font-size: 14px;
  margin: 0 auto;
  color: #999;
}

.msg a {
  float: right;
}

/* 视频专区 */
.indexVideoLayout {
  padding: 50px 0 50px;
  background: url(../images/indexVideoBg_01.jpg) no-repeat;
  min-width: 1180px;
  background-size: 100% 100%;
}

.indexVideoTitle {
  width: 100%;
  height: 112px;
  background: url(../images/indexTourTitleBg_05.png) no-repeat center center;
  margin-bottom: 45px;
  background-size:25%;
}

.indexTourMain {
  width: 100%;
}

.pc_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 75px;
}

.pc_box li {
  margin-bottom: 30px;
  background-color: #fff;
}

.pc_box li .video-title {
  height: 65px;
  line-height: 65px;
  text-align: center;
}

/* 玩转古城 */
.indexTourLayout {
  padding: 50px 0 50px;
  background: url(../images/indexVideoBg_01.jpg) no-repeat;
  min-width: 1180px;
  background-size: 100% 100%;
}

.indexTourTitle {
  width: 100%;
  height: 112px;
  background: url(../images/indexTourTitleBg_09.png) no-repeat center center;
  margin-bottom: 45px;
  background-size:25%;
}

.indexTourLayout ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.indexTourLayout ul li {
  height: 235px;
  width: 305px;
  position: relative;
  overflow: hidden;
}
.indexTourLayout ul li img{
  width: 100%;
  height: 100%;
}
.indexTourLayout .indexTourbox1 li:last-child{
  width: 560px;
}
.indexTourLayout .indexTourbox2 li:first-child{
  width: 560px;
}
.indexTourLayout ul li p {
  position: absolute;
  left: 0;
  top: 200px;
  width: 100%;
  height: 235px;
  line-height: 30px;
  background: url(../images/indexTourConBg_12.png) repeat;
  padding: 0 20px;
  color: #fff;
  -webkit-transition: top 0.1s;
  -moz-transition: top 0.1s;
  -o-transition: top 0.1s;
  transition: top 0.1s;
  z-index: 10;
}

.indexTourLayout ul li a {
  position: absolute;
  top: 350px;
  display: block;
  width: 100%;
  height: 46px;
  text-align: center;
  z-index: 11;
}

.indexTourLayout ul li a i {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 42px;
  color: #fff;
  font-size: 24px;
  background: #fb7751;
  border-radius: 50%;
  cursor: pointer;
}

.indexTourLayout ul li:hover a {
  
  display: block;
  top: 150px;
  transition: top 0.1s;
}
.indexTourLayout ul li a i:hover{
  background: red;
}
.indexTourLayout ul li:hover p {
  position: absolute;
  top: 0;
  width: 100%;
  height: 235px;
  text-align: center;
  line-height: 155px;
  padding: 0;
  color: #fff;
  font-size: 24px;
  transition: top 0.1s;
  z-index: 10;
  background: url(../images/indexTourConCur_08.png) repeat;
}

/* 古城漫游 */
.indexExperience {
  padding: 40px 0 50px;
  background: url(../images/indexVideoBg_01.jpg) no-repeat;
  min-width: 1180px;
  background-size: 100% 100%;
}
.indexExperienceTitle {
  width: 100%;
  height: 112px;
  background: url(../images/manyou.png) no-repeat center center;
  margin-bottom: 45px;
  background-size:20%;
}
.indexExperience {
  width: 100%;
  padding: 59px 0 59px 0;
}

.indexExperienceMain {
  margin: 0 auto;
  width: 1136px;
  height: 304px;
  background: #fff;
  padding: 7px 22px;
  overflow: hidden;
}

.indexExperience dl {
  float: left;
  width: 1180px;
}

.indexExperience dt {
  float: left;
  width: 118px;
  height: 304px;
}

.indexExperience dt img {
  display: block;
  float: left;
  width: 118px;
  height: 304px;
  cursor: pointer;
}

.indexExperience dd {
  position: relative;
  display: block;
  float: left;
  width: 548px;
  height: 304px;
  overflow: hidden;
}

.indexExperience dd img {
  width: 548px;
}

.indexExperience dd .zpinfor {
  position: relative;
}

.indexExperience dd .zpinfor a {
  position: absolute;
  top: 45%;
  left: 40%;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

/* 怎么玩 */
.indexTravelLayout {
  width: 100%;
  /*background:#fff url(../images/indexTravelLayout.gif) no-repeat center bottom;*/
  background: url(../images/indexTravelLayout_15.jpg) no-repeat center top;
  min-width: 1180px;
  padding: 55px 0 60px 0;
}

.indexTravelLeft {
  float: left;
  width: 120px;
  height: 196px;
  background: #e6e2d2 url(../images/indexTravelTitle_23.png) no-repeat 25px 20px;
  border: 1px solid #d9d9d9;
  padding: 258px 0 0 25px;
  margin-right: 18px;
}

.indexTravelLeft h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  word-spacing: 5px;
  letter-spacing: 5px;
  color: #3c3c3b;
  margin-bottom: 10px;
}

.indexTravelLeft ul li {
  position: relative;
  height: 43px;
  font-size: 16px;
  border-left: 1px dotted #3c3c3b;
}

.indexTravelLeft ul li a {
  display: block;
  float: left;
  width: 100px;
  height: 43px;
  line-height: 43px;
  color: #484848;
  padding-left: 17px;
}

.indexTravelLeft ul li a i {
  position: absolute;
  left: -3px;
  top: 20px;
  display: block;
  width: 5px;
  height: 5px;
  background: #3c3c3b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.indexTravelLeft ul li a:hover {
  color: #f00;
}

.indexTravelLeft ul li a:hover i {
  background: #f00;
}

.indexTravelRight {
  float: left;
  width: 1015px;
}

.indexTravelLineContent {
  float: left;
  width: 1015px;
  height: 176px;
  /*background:#282827;*/
  background: url(../images/indexTravelLineConBg_17.png) repeat;
  padding: 22px 0;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-around;
}

.indexTravelLineContent_1 {
  width: 175px;
  height: 175px;
  position: relative;
}

.indexTravelLineContent_1 img {
  width: 100%;
  height: 100%;
}

.indexTravelLineContent_1 p {
  position: absolute;
  width: 175px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  bottom: 0;
  color: #fff;
  background: url(../images/indexTourConBg_12.png) repeat;
}

.indexTravelLineTit {
  width: 46px;
  height: 176px;

  text-align: center;
}

.indexTravelLineTit a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
}

.indexTravelLineTit span {
  display: block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  font-size: 14px;
  font-family: 宋体;
  color: rgb(186, 63, 63);
  background: rgb(255, 255, 255);
  margin: 10px 15px;
  border-radius: 50%;
}

.clear {
  clear: both;
}

/* 住宿 */
.indexHotelLayout {
  height: 600px;
  width: 100%;
  background: url(../images/indexVideoBg_01.jpg) no-repeat;
}

.indexHotelLayout .box-1 {
  width: 100%;
  height: 100%;
  background: url(../images/indexHotelBg.jpg) no-repeat center top;
  position: relative;
}

.indexHotelShow {
  position: absolute;
  top: 237px;
  left: 297px;
  width: 416px;
  height: 213px;
  border-bottom: 1px solid #c2c2c2;
  padding: 5px;
}

.indexHotelShow img {
  width: 100%;
  height: 100%;
}

.indexHotelTxt {
  position: absolute;
  top: 464px;
  left: 301px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding-left: 5px;

}

.indexHotelCenter {
  position: absolute;
  top: 284px;
  left: 759px;
  height: 140px;
  width: 174px;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  padding-left: 5px;
}

.indexHotelCenter p {
  margin-bottom: 20px;
}

.indexHotelRight {
  position: absolute;
  top: 239px;
  right: 295px;
  height: 255px;
  width: 255px;
}

.indexHotel-1 img {
  width: 100%;
  height: 175px;
}

.dianping {
  margin: 10px 0;
}

.indexHotelRight p {
  font-size: 12px;
  color: #40220f;
  line-height: 14px;
}