.main_body {
  width: 100%;
  font-family: Microsoft YaHei;
  color: #333333;
}
.main_body .banner_one {
  width: 100%;
  height: 875px;
  position: relative;
  margin-bottom: 321px;
}
.main_body .banner_one img {
  display: block;
  width: 100%;
  height: 875px;
}
.main_body .banner_one .banner_tops {
  width: 100%;
  position: absolute;
  top: 180px;
}
.main_body .banner_one .banner_tops .banner_top .title {
  text-align: center;
  color: #FEFEFE;
  font-size: 66px;
}
.main_body .banner_one .banner_tops .banner_top .search {
  width: 749px;
  height: 61px;
  background-color: #063B7A;
  margin: 0 auto;
  padding-top: 1px;
  margin-top: 64px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box {
  position: relative;
  border-radius: 4px;
  border: 1px solid #063B7A;
  margin-top: 2px;
  margin-left: 2px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .search_left {
  width: 110px;
  height: 55px;
  line-height: 55px;
  border-radius: 3px;
  background-color: #FFFFFF;
  float: left;
  margin-right: 3px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .search_left .chanping {
  float: left;
  width: 100%;
  height: 100%;
  color: #666666;
  font-size: 20px;
  padding-left: 18px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .search_left .chanping option{
  color: #666666;
  font-size: 20px;
  margin-left: 10px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .search_left .chanping span {
  color: #666666;
  font-size: 20px;
  margin-left: 10px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .search_left .select {
  float: left;
  margin-left: 20px;
  margin-top: 23px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .search_left .select img {
  width: 20px;
  height: 11px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box #one {
  width: 555px;
  height: 55px;
  padding-left: 10px;
  box-sizing: border-box;
  float: left;
  font-size: 20px;
  border-radius: 3px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box #two {
  height: 55px;
  width: 77px;
  background-color: #063B7A;
  float: left;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .icon-sousuo {
  height: 36px;
  width: 36px;
  background-color: #063B7A;
  position: absolute;
  right: 25px;
  top: 10px;
}
.main_body .banner_one .banner_tops .banner_top .search .search_box .icon-sousuo img {
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.main_body .banner_one .banner_bottoms {
  width: 100%;
  height: 800px;
  position: absolute;
  bottom: -569px;
}
.main_body .banner_one .banner_bottoms .banner_bottom {
  height: 800px;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two_imgs {
  width: 1160px;
  height: 400px;
  float: right;
  position: absolute;
  margin-left: 38px;
  margin-top: 41px;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two_imgs .banner_two_img {
  width: 290px;
  height: 200px;
  background-color: #00B7EF;
  float: left;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two_imgs .banner_two_img .headline {
  padding-top: 36px;
  padding-left: 56px;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two_imgs .banner_two_img .headline p {
  font-size: 30px;
  margin-bottom: 9px;
  margin-left: 3px;
  color: #FFFFFF;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two_imgs .banner_two_img .headline span {
  display: inline-block;
  font-size: 17px;
  margin-bottom: 15px;
  color: #FFFFFF;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two_imgs .banner_two_img .headline .line {
  height: 1px;
  width: 55px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  color: #333333;
  margin-left: 47px;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two_imgs .banner_two_img img {
  width: 290px;
  height: 200px;
  cursor: pointer;
}
.main_body .banner_one .banner_bottoms .banner_bottom .banner_two {
  width: 860px;
  height: 460px;
  background-color: #00B7EF;
  float: left;
  margin-top: 10px;
}
.main_body .banner_two {
  height: 800px;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
  overflow: hidden;
}
.main_body .banner_two .container {
  width: 100%;
  height: 380px;
  overflow: hidden;
}
.main_body .banner_two .container .uItems li {
  position: absolute;
}
.main_body .banner_two .container .uItems li:nth-child(1) {
  width: 100%;
  height: 800px;
  background: url('../../images/banner1.jpg') no-repeat 32% 80%;
  background-size: cover;
}
.main_body .banner_two .container .uItems li:nth-child(2) {
  width: 100%;
  height: 800px;
  background: url('../../images/destination/banner.png') no-repeat 32% 80%;
  background-size: cover;
}
.main_body .banner_two .container .uItems li:nth-child(3) {
  width: 100%;
  height: 800px;
  background: url('../../images/aboutUs/banner.png') no-repeat 32% 80%;
  background-size: cover;
}
.main_body .banner_two .index_uls {
  height: 12px;
  position: absolute;
  bottom: -29px;
  margin-left: 569px;
}
.main_body .banner_two .index_uls li {
  width: 12px;
  height: 12px;
  background: #CCCCCC;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
.main_body .banner_two .index_uls .bg {
  background: #FFFFFF;
}
.main_body .banner_two .headlines {
  width: 100%;
  height: 250px;
  position: absolute;
  left: 0;
  top: 0;
}
.main_body .banner_two .headlines .headline {
  width: 300px;
  height: 250px;
  margin: 0 auto;
  margin-top: 48px;
  text-align: center;
}
.main_body .banner_two .headlines .headline p {
  color: #333333;
  font-size: 50px;
}
.main_body .banner_two .headlines .headline img {
  width: 296px;
  height: 16px;
}
.main_body .banner_two .headlines .headline span {
  color: #333333;
  font-size: 30px;
}
.main_body .banner_two .particular_s {
  width: 100%;
  height: 380px;
  position: absolute;
  bottom: 135px;
}
.main_body .banner_two .particular_s .type_area {
  height: 380px;
}
.main_body .banner_two .particular_s .type_area .particulars {
  height: 380px;
}
.main_body .banner_two .particular_s .type_area .particulars .particular {
  width: 590px;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.main_body .banner_two .particular_s .type_area .particulars .particular .particulars_left {
  float: left;
}
.main_body .banner_two .particular_s .type_area .particulars .particular .particulars_left img {
  width: 240px;
  height: 170px;
}
.main_body .banner_two .particular_s .type_area .particulars .particular .particulars_right {
  float: left;
  background-color: #FFFFFF;
  height: 170px;
}
.main_body .banner_two .particular_s .type_area .particulars .particular .particulars_right .particular_right {
  width: 350px;
  padding: 27px 46px;
  /*padding-left: 49px;*/
  /*padding-top: 27px;*/
  box-sizing: border-box;
  padding-bottom: 18px;
  position: relative;
  float: left;
}
.main_body .banner_two .particular_s .type_area .particulars .particular .particulars_right .particular_right div {
  /*width: 257px;*/
  color: #333333;
  font-size: 16px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.main_body .banner_two .particular_s .type_area .particulars .particular .particulars_right .particular_right p {
  color: #999999;
  font-size: 12px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}
.main_body .banner_two .particular_s .type_area .particulars .particular .particulars_right .particular_right .price {
  /*width: 104px;*/
  position: absolute;
  bottom: 5px;
  right: 30px;
  color: #FF8853;
}
.main_body .atlas .headline {
  width: 300px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
.main_body .atlas .headline p {
  color: #333333;
  font-size: 50px;
}
.main_body .atlas .headline img {
  width: 296px;
  height: 16px;
}
.main_body .atlas .headline span {
  color: #333333;
  font-size: 30px;
}
.main_body .atlas .atlas_img .atlas_left {
  height: 620px;
  float: left;
  overflow: hidden;
}
.main_body .atlas .atlas_img .atlas_left img {
  width: 693px;
  height: 577px;
}
.main_body .atlas .atlas_img .atlas_right {
  width: 470px;
  height: 620px;
  float: left;
  background-color: #EDEDED;
  position: relative;
  margin-left: 35px;
}
.main_body .atlas .atlas_img .atlas_right .atlas_rights {
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  left: -25px;
  top: 280px;
}
.main_body .atlas .atlas_img .atlas_right .content {
  width: 360px;
  height: 470px;
  background-color: #FFFFFF;
  margin: 80px 50px 80px 60px;
  padding-top: 15px;
  box-sizing: border-box;


}
.main_body .atlas .atlas_img .atlas_right .content .top_img {
  width: 340px;
  height: 189px;
  border-radius: 8px;
  margin-left: 10px;
  background: url('../../images/index/xlijiang.png') no-repeat 46% 73%;
}
.main_body .atlas .atlas_img .atlas_right .content .middle_message {
  margin-top: 25px;
  margin-left: 12px;
}
.main_body .atlas .atlas_img .atlas_right .content .middle_message p {
  font-size: 19px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.main_body .atlas .atlas_img .atlas_right .content .middle_message span {
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
}
.main_body .atlas .atlas_img .atlas_right .content .middle_message .navigation {
  width: 192px;
  height: 29px;
  background: #3699ff;
  border-radius: 8px;
  text-align: center;
  color: #FFFFFF;
  margin-top: 52px;
  margin-left: 81px;
  cursor: pointer;
}
.main_body .travel_shop {
  width: 100%;
  background-color: #EDEDED;
  margin-top: 100px;
  padding-top: 70px;
}
.main_body .travel_shop .travel_shops {
  padding-bottom: 80px;
}
.main_body .travel_shop .travel_shops .travel_shop_title .headline {
  width: 660px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 62px;
}
.main_body .travel_shop .travel_shops .travel_shop_title .headline p:nth-child(1) {
  color: #333333;
  font-size: 50px;
}
.main_body .travel_shop .travel_shops .travel_shop_title .headline img {
  width: 296px;
  height: 16px;
}
.main_body .travel_shop .travel_shops .travel_shop_title .headline p:nth-child(3) {
  color: #333333;
  font-size: 30px;
}
.main_body .travel_shop .travel_shops .travel_shop_nav {
  /*height: 35px;*/
  margin-bottom: 30px;
}
.main_body .travel_shop .travel_shops .travel_shop_nav ul {
  display: flex;
  justify-content: center;
}
.main_body .travel_shop .travel_shops .travel_shop_nav ul li {
  float: left;
  line-height: 35px;
  cursor: pointer;
  margin: 0 5px 20px;
}
.main_body .travel_shop .travel_shops .travel_shop_nav ul li a {
  padding: 0 40px;
  font-weight: 400;
}
.main_body .travel_shop .travel_shops .travel_shop_nav ul .active {
  border: 1px solid #063B7A;
  border-radius: 4px;
  background-color: #063B7A;
}
.main_body .travel_shop .travel_shops .travel_shop_nav ul .active a {
  color: #FFFFFF;
}
.main_body .travel_shop .travel_shops .travel_shop_img {
  height: 595px;
  margin-bottom: 30px;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_left {
  width: 600px;
  height:100%;
  float: left;
  background: url('../../images/index/lvyoumendian.png') no-repeat 32% 36%;
  background-size: cover;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right {
  width: 600px;
  height: 100%;
  float: left;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0 20px;
  box-sizing: border-box;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right p:nth-child(1) {
  font-size: 42px;
  color: #333333;
  margin-top: 55px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right .one {
  /*width: 506px;*/
  height: 83px;
  text-align: left;
  margin: 0 auto;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right .one span {
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right .two {
  margin-bottom: 40px;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right .two span {
  border: 1px solid #333333;
  border-radius: 8px;
  padding: 5px 18px;
  margin-right: 10px;
  /*cursor: pointer;*/
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right span {
  font-size: 16px;
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*display: -webkit-box;*/
  /*-webkit-line-clamp: 2;*/
  /*-webkit-box-orient: vertical;*/
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right .three {
  margin-top: 30px;
  margin-bottom: 20px;
}
.main_body .travel_shop .travel_shops .travel_shop_img .travel_shop_img_right .three img {
  width: 88px;
  height: 88px;
  /*cursor: pointer;*/
}
.main_body .travel_shop .travel_shops .btn1 {
  width: 200px;
  height: 50px;
  background: #063b7a;
  border-radius: 8px;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  line-height: 50px;
  cursor: pointer;
  display: block;
}
.main_body .travel_shop .travel_shops .btn{
  width: 200px;
  height: 50px;
  background: #063b7a;
  border-radius: 8px;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  line-height: 50px;
  cursor: pointer;
  display: block;
}
.main_body .travel_expert {
  padding-top: 70px;
  box-sizing: border-box;
}
.main_body .travel_expert .travel_expert_title .travel_shop_title .headline {
  width: 660px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 62px;
}
.main_body .travel_expert .travel_expert_title .travel_shop_title .headline p:nth-child(1) {
  color: #333333;
  font-size: 50px;
}
.main_body .travel_expert .travel_expert_title .travel_shop_title .headline img {
  width: 296px;
  height: 16px;
}
.main_body .travel_expert .travel_expert_title .travel_shop_title .headline p:nth-child(3) {
  color: #333333;
  font-size: 30px;
}
.main_body .travel_expert .travel_expert_title .travel_img {
  height: 600px;
  width: 1220px;
  overflow: hidden;
  position: relative;
}
.main_body .travel_expert .travel_expert_title .travel_img .container {
  height: 460px;
  width: 1220px;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem {
  height: 460px;
  width: 1220px;
}
/*.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li {*/
/*  position: absolute;*/
/*}*/
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one {
  height: 460px;
  width: 280px;
  border-radius: 8px;
  padding-top: 30px;
  box-sizing: border-box;
  border: 1px solid rgba(7, 7, 7, 0.07058824);
  box-shadow: -3px 3px 8px rgba(43, 44, 44, 0.2);
  margin-right: 26px;
  float: left;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one .img_top {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  background: url('../../images/index/0001.png') no-repeat 96% 60%;
  background-size: cover;
  margin-left: 40px;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one .img_middle {
  text-align: center;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one .img_middle p {
  font-size: 24px;
  color: #333333;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one .img_middle .line {
  width: 55px;
  border-bottom: 1px solid #CCCCCC;
  color: #CCCCCC;
  margin-left: 113px;
  margin-bottom: 20px;
  border: 1px solid #cccccc;
  background-color: #cccccc;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one .img_middle span {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one .img_bottom {
  width: 132px;
  height: 40px;
  background: #fea11b;
  border-radius: 8px;
  margin-top: 32px;
  margin-left: 77px;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one:nth-child(2) .img_top {
  background: url('../../images/index/002.png') no-repeat 49% 60%;
  background-size: cover;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one:nth-child(3) .img_top {
  background: url('../../images/index/003.png') no-repeat 96% 60%;
  background-size: cover;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one:nth-child(4) {
  margin-right: 0;
}
.main_body .travel_expert .travel_expert_title .travel_img .container .uItem li .travel_shop_img .travel_shop_img_one:nth-child(4) .img_top {
  background: url('../../images/index/004.png') no-repeat -4% 60%;
  background-size: cover;
}
.main_body .travel_expert .travel_expert_title .travel_img .uIndexs {
  height: 12px;
  position: absolute;
  bottom: 100px;
  margin-left: 572px;
}
.main_body .travel_expert .travel_expert_title .travel_img .uIndexs li {
  width: 12px;
  height: 12px;
  background: #D9D9D9;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
.main_body .travel_expert .travel_expert_title .travel_img .uIndexs .bg {
  background: #F5B458;
}
.main_body .serve_step {
  width: 100%;
  height: 800px;
  background-color: #EDEDED;
}
.main_body .serve_step .serve_step_title .travel_shop_title {
  padding-top: 50px;
  padding-bottom: 10px;
}
.main_body .serve_step .serve_step_title .travel_shop_title .headline {
  width: 660px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 62px;
}
.main_body .serve_step .serve_step_title .travel_shop_title .headline p:nth-child(1) {
  color: #333333;
  font-size: 50px;
}
.main_body .serve_step .serve_step_title .travel_shop_title .headline img {
  width: 296px;
  height: 16px;
}
.main_body .serve_step .serve_step_title .travel_shop_title .headline p:nth-child(3) {
  color: #333333;
  font-size: 30px;
}
.main_body .serve_step .serve_step_title .serve_steps {
  height: 500px;
  background-color: #EDEDED;
  margin: 0 auto;
}
.main_body .serve_step .serve_step_title .serve_steps img {
  width: 1200px;
  height: 408px;
}



#type_area .swiper-container {
  width: 100%;
  height: 100%;
}
#type_area  .swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#type_area .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 12px;
  height: 12px;
  background:#fff;
  border-radius:50%;
  opacity:1;
}
#type_area .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  opacity: 1;
}
#type_area .swiper-pagination{
  bottom: 0!important;
}


#travel_img .swiper-container {
  width: 100%;
  height: 100%;
}
#travel_img  .swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#travel_img .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 12px;
  height: 12px;
  background:#F5B458;
  border-radius:50%;
  opacity:1;
}
#travel_img .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 1;
  background: #D9D9D9;
}
#travel_img .swiper-pagination{
  bottom: 100px!important;
}
.img_middle span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0 10px;
}

#map{
  position: relative;
}
.mapPath{

}

.mapBox {
  width: 688px;
  margin: 10px auto
}

.mapBox .mapPath {
  display: none;
  margin-top: 90px;
  overflow: hidden;
  border: solid 3px #ccc;
  padding: 5px;
  text-align: center;
  position: absolute;
  right: 22px;
  top: 21px;
  width: 100px!important;
}
.disabled { pointer-events: none; }
#comAddress{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#shopStoreSite{
  width: 900px;
  margin: 0 auto;
}
#shopStoreSite ul{
  flex-wrap: wrap;
}

