.mobile{ display:none;}



@media(max-width:768px){


	.pc{ display:none;}
	.mobile{ display:block;}
	
	body, html{ min-width:100%;}
	.nav-wrap {
	width:100%;
	height:60px;
	box-sizing: border-box;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	z-index: 9999;
}
	.mobheader{ width:100%; padding:0 10px;}	
	
	.layout-wrap.mobile {
	-webkit-overflow-scrolling: touch;
	padding-top:60px;
	box-sizing: border-box;
}
	
	
	.nav-wrap .logo-pic-nav{ display:block; width:130px;height: auto;	}
	
	.nav-wrap .toggle-btn-wrap {
	width:50px; height:50px; display:flex; align-items:center; justify-content:center; cursor:pointer;
}.nav-wrap .toggle-btn {
	width: 20px;
	height: 20px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMALiAmWm/5EucJA9bxurGhlt1KhDp6xYFtr9YAAAEYSURBVBgZ7cE3cuQwAEXBR8KD3s2//00FBAQ5VRtvKVA3uCGuicf+Geeel7TGwYFTMdOcXlIMPGYVjkFV4LaqsjRB1UBU1XGbVTmaTlVkUbFlblaFNzR5U7EQJmnraPIhjZaXbpOmAPRd5i10iS+56/nz/53rYnnpj9kl3uyynrB7SQdNHyVNmcchye98VPjE7VC10ySv4sOoquM2q3I0naqRScWYuF2qTpo0qpgwUfKWJn0krbxYL0UDwTrDS97dyRfjbOAfMn9+h2D4krrMNxOANEtDz+PwGnde+kGaE6uKgcaq8D2PQcVKVGW4LaocjVEV2VT13BZVlqZXtXGpmGhOFTHwmFRc5GuLS+CxD+NkeAlL3K78A1cXF3YG3/2hAAAAAElFTkSuQmCC);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transform-origin: center;
	transition: all .3s ease;
}
.nav-wrap .toggle-btn.active {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoBAMAAACREs5gAAAAG1BMVEXUGhtHcEzZHBzbGxvUGhrUGRvUGhvUGRvTGRpCB3Y2AAAACHRSTlPrABscpqvbrKXd5AIAAAB4SURBVCjPYxAKYFUUBAIYLajKECTAoNbRkQTiwGihjI42BYaKjo5WEA9Gi3d0dAQwcHR0NIB4MFoAKMqAQ9Sjo6MFxIPRIkBRBwaDjg5mEA9GC3N0NBgwCDuwGIJ5UFrQhMFZgEEQCxjMoqPhO3jCNwItfEXpH74AZuWHKXFH7lgAAAAASUVORK5CYII=);
	transform: rotate(45deg);
}

.nav-wrap .nav-content {
	position: absolute;
	top: 60px;
	left: 0;
	width:100%;
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
	background: rgba(211,25,26,.9);
	transition: all .3s ease-in;
	z-index: 9999;
}

.nav-wrap .nav-content.active {
	height:240px;
}
.mob_mainnavul{}
.mob_mainnavul li{}
.mob_mainnavul li a{
	padding: 0 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff; display:block;
  font-size: 16px;}
.mob_mainnavul li a:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: hsla(0,0%,100%,.2);
}
	
	
.home-wrap {
  height:calc(100vh - 60px);
  background-color:#bdd3e7
}
.home-wrap .banner-content {
  height:247.5px;
  padding-top:60px;
  height:calc(100vh - 424px);
  background-color:#bdd3e7
}
.home-wrap .banner-content .logo-pic {
  width:112.5px;
  margin-bottom:38.5px;
}
.home-wrap .banner-content .banner_txt span {
  font-size:15px;
  color:#fff;
  padding:0 3px;
}
.home-wrap .banner-content .banner_txt span:last-child {
	color: #d3191a;
}
.home-wrap .banner-content span:nth-child(4) {
  padding-left:15px;
}
.home-wrap .banner-content .red_txt {
  color:#d3191a
}
.home-wrap .banner-content .play-btn {
  width:35px;
  margin-top:40px;
  -webkit-animation:scale-btn 3s cubic-bezier(.5,0,.1,1) infinite;
  animation:scale-btn 3s cubic-bezier(.5,0,.1,1) infinite
}
.home-wrap .banner-content .play-btn img {
  width:100%
}
.home-wrap .banner-pic {
  width:100%;
  height:304px;
  background:#bdd3e7 url(../images/imob_banner.png);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:50%
}
	
.about-wrap {
  padding-top:75px;
  padding-bottom:35px;
  background:#f1f1f1
}
.page-tite {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 6px;
}
.page-line {
	width: 15px;
	height: 2.5px;
	background-color: #e02020;
	margin-bottom: 40px;
}
.about-wrap .about-block {
  padding:0 37px;
  margin-bottom:40px;
}
.about-wrap .top {
  margin-bottom:5px;
}
.about-wrap .num {
  font-size:25px;
  font-family:Impact;
  color:#d3191a;
  font-weight:700; margin-right:5px;
}
.about-wrap .about-content {
  font-size:14px;
  color:#333;
  line-height:22px
}
.about-wrap .about-content span {
  font-weight:600
}


.travel-wrap {
  padding-top:75px;
  padding-bottom:60px;
}
.travel-wrap .travel-content {
  padding:0 10px; display:flex; flex-wrap:wrap; gap:6px; width:calc(100% - 20px);
}
.travel-wrap .travel-block {
  display:block;
  text-align:center; width:calc(33.3333% - 4px);
}
.travel-wrap .pic img {
  width:100%;
  height:76px;object-fit: cover;object-position: center;
}
.travel-wrap .text {
  padding:.08rem 0 .28rem
}
	
.linkus-wrap {
  padding-bottom:50px;
  padding-top:65px;
  padding-left:20px;
  padding-right:20px;
  background:#f1f1f1
}
.linkus-wrap .link-code {
  text-align:center;
  border-bottom:1px solid #afafaf;
  padding-bottom:35px;
  font-size:12px; display:flex; gap:20px;
}
.linkus-wrap .link-code img {
  width:52px;
  height:52px
}
.linkus-wrap .line-bottom {
  width:120px;
  height:1px;
  background-color:#cacaca
}
.linkus-wrap .footer-txt {
  font-size:14px;
  color:rgba(0,0,0,.85);
  line-height:20px;
  padding-top:35px;
  text-align:center
}
.linkus-wrap .footer-txt-e {
  font-size:9px;
  color:#afafaf
}
	
	
	
.travel-details-wrap {
  padding-top:35px;
  background-color:#fff
}
.travel-details-wrap .view-pic {
  margin-bottom:20px
}
.travel-details-wrap .view-pic img {
  width:100%;
  height:auto
}
.travel-details-wrap .title {
  font-size:24px;
  color:#000
}
.travel-details-wrap .title_e {
  font-size:14px;
  color:#e02020;
  margin-bottom:18px;
}
.travel-details-wrap .introduction-wrap {
  padding:0 30px;
  font-size:13px;
  line-height:23px;
  margin-bottom:20px;
}
.travel-details-wrap .up-angle-box {
  padding:10px;
  margin-bottom:28px;
}
.travel-details-wrap .up-angle-box .up-angle {
  display:block;
  font-size:34px;
  -webkit-animation:down-btn 3s cubic-bezier(.5,0,.1,1) infinite;
  animation:down-btn 3s cubic-bezier(.5,0,.1,1) infinite
}
.travel-details-wrap .up-angle-box p {
  font-size:14px;
  padding-bottom:5px
}
.travel-details-wrap .page-line {
  width:15px;
  height:2.5px;
  background-color:#e02020;
  margin-bottom:40px;
}
.travel-details-wrap .weight-bold {
  font-weight:700
}
	
	
	.about_content .about-wrap{ padding:40px 0; background:#fff;}
	
	
	
	.travellistall .travel-wrap{ padding:40px 0;}
	.travellistall .page-line{ margin-bottom:20px;}
	
	
	
	
}

/*
@media (orientation:landscape) {
  .home-wrap {
    height:520px!important
  }
  .banner-content,
  .banner-pic {
    height:260px!important
  }
}
*/