@charset "UTF-8";
@font-face { font-family: 'iconfont'; src: url('../fonts/my/iconfont.eot'); src: url('../fonts/my/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/my/iconfont.woff2') format('woff2'), url('../fonts/my/iconfont.woff') format('woff'), url('../fonts/my/iconfont.ttf') format('truetype'), url('../fonts/my/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.inline-block { display: inline-block }
#guide .tours-guide .box .con h2, .featured-tours .swiper-container .swiper-slide .con .time p, .featured-tours .swiper-container .swiper-slide .con .tit, .page-blogs-list dd .time, .page-blogs-list dd .tit, .page-media-picture li a .txt h2, .page-mpd-list li a .txt h2, .page-reports-list dd .time, .page-reports-list dd .tit, .page-reports-list dd .website, .page-search-list dd .time p, .page-search-list dd .tit, .page-sister-list dd .tit, .page-sister-list dd .website, .page-team-list dd h2, .page-video-list dd h2, .search-wrap .search-r a .con h2, .team-list li .tit, .tours-list li .con .time p, .tours-list li .con .tit, .turn-page p a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
body { font-family: Arial; font-size: 16px; color: #666 }
body a { color: #333 }
h1, h2, p, ul { padding: 0; margin: 0 }
a[href] { text-decoration: none }
a:hover { color: initial }
.top-wrap { height: 70px; margin-bottom: 0; border: 0; background: #231f20; color: #fff }
.top-wrap .header { position: relative }
.top-wrap .tel {float: right;display: none;}
.top-wrap .tel p { padding-left: 20px }
.top-wrap .tel .tel01 { background: url(../images/top-mobile.png) no-repeat center left; background-size: contain; }
.top-wrap .tel .tel02 { background: url(../images/top-email.png) no-repeat center left; background-size: contain }
.top-wrap .slogan { left: 20%; right: 0; padding: 0 15px; position: absolute; top: 5px }
.top-wrap .slogan img { width: 100% }
.top-wrap .language {margin-top: 28px;float: right;clear: both;position: absolute;top: 10px;right: 72px;display: none;}
.top-wrap .language a { padding-left: 20px; background: url(../images/language.png) no-repeat center left; background-size: contain; color: #fff }
.logo .navbar-toggle { margin-top: 30px; margin-bottom: 0 }
.logo h1 { width: 25%; height: 90px; padding: 0; position: absolute; left: 0; top: 0; z-index: 31 }
.logo h1 a { height: 100%; display: block; text-indent: -300px; overflow: hidden; background: url(../images/logo.png) no-repeat center top; background-size: contain }
#nav-menu { margin-top: 6px; z-index: 30; position: relative; border-top: 0; background: #8c5e1b }
#nav-menu>ul>li { text-align: left }
#nav-menu>ul>li.active a { background: #795318 }
#nav-menu>ul>li .sec-menu, #nav-menu>ul>li .thd-menu { display: none }
#nav-menu a { color: #fff; font-size: 16px }
#m-banner .carousel-indicators { bottom: 0; margin-bottom: 0 }
#m-banner .carousel-indicators li { background: #fff }
#m-banner .carousel-indicators li.active { background: #e07c00; border-color: #e07c00 }
#pc-banner { display: none }
.featured-tours { margin-top: 25px }
.featured-tours .tab-tit { padding: 10px 10px; padding-bottom: 5px; margin-top: 15px; background: #e7e7e7; box-shadow: 0 3px 10px rgba(0,0,0,.7); display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap }
.featured-tours .tab-tit a { width: 48%; margin-bottom: 5px; padding: 5px 8px; background: #7d1500; color: #fff; display: inline-block; border-radius: 4px; text-align: center }
.featured-tours .tab-tit a.active { background: #e07c00 }
.featured-tours .tab-content { margin-top: 20px }
.featured-tours .more { margin-top: 20px; text-align: center }
.featured-tours .more a { display: inline-block; background: #e07c00; color: #fff; font-weight: 700; border-radius: 4px; padding: 8px 28px }
.featured-tours .tours-list { display: none }
.featured-tours .tours-list.active { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap; align-items: flex-start }
.featured-tours .swiper-container { display: none }
.featured-tours .swiper-container .swiper-slide a { display: block; color: #fff }
.featured-tours .swiper-container .swiper-slide .img { height: 0; padding-top: 65.517%; position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px }
.featured-tours .swiper-container .swiper-slide .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.featured-tours .swiper-container .swiper-slide .con { padding: 10px; background: #7b6754 }
.featured-tours .swiper-container .swiper-slide .con .tit { font-size: 18px; font-weight: 700; text-align: center }
.featured-tours .swiper-container .swiper-slide .con .txt { line-height: 16px; height: 32px; margin-top: 8px; overflow: hidden; font-size: 14px; color: #f1dece }
.featured-tours .swiper-container .swiper-slide .con .time { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #ededed }
.featured-tours .swiper-container .swiper-slide .con .time p { padding-left: 15px; color: #e2cfbe; font-size: 14px; background: url(../images/tours-li.png) no-repeat center left }
.featured-tours .swiper-container .item2 { margin-bottom: 0 }
.featured-tours .swiper-container .item2 .con { background: #67847c }
.featured-tours .swiper-container .item2 .con .time p, .featured-tours .swiper-container .item2 .con .txt { color: #d7eee8 }
.featured-tours .swiper-container .item2 .con .time p { background: url(../images/tours-li2.png) no-repeat center left }
.featured-tours .swiper-container .item3 .con { background: #68886c }
.featured-tours .swiper-container .item3 .con .time p, .featured-tours .swiper-container .item3 .con .txt { color: #d7eee8 }
.featured-tours .swiper-container .item3 .con .time p { background: url(../images/tours-li3.png) no-repeat center left }
.featured-tours .swiper-container .item4 .con { background: #78212e }
.featured-tours .swiper-container .item4 .con .time p, .featured-tours .swiper-container .item4 .con .txt { color: #ceafb4 }
.featured-tours .swiper-container .item4 .con .time p { background: url(../images/tours-li4.png) no-repeat center left }
.featured-tours .box1 { display: block }
.tit01 h2 { text-align: center; font-size: 20px; font-weight: 700; color: #333 }
.tours-list { overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap; align-items: flex-start }
.tours-list li { width: 48%; margin-bottom: 15px; border-radius: 4px; overflow: hidden }
.tours-list li a { display: block; color: #fff }
.tours-list li .img { height: 0; padding-top: 65.517%; position: relative; display: block }
.tours-list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.tours-list li .con { padding: 10px; background: #7b6754 }
.tours-list li .con .tit { font-size: 18px; font-weight: 700; text-align: center }
.tours-list li .con .txt { line-height: 16px; height: 32px; margin-top: 8px; overflow: hidden; font-size: 12px; color: #f1dece }
.tours-list li .con .time { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #ededed }
.tours-list li .con .time p { padding-left: 15px; color: #e2cfbe; font-size: 12px; background: url(../images/tours-li.png) no-repeat center left }
.tours-list .item2 { margin-bottom: 0 }
.tours-list .item2 .con { background: #67847c }
.tours-list .item2 .con .time p, .tours-list .item2 .con .txt { color: #d7eee8 }
.tours-list .item2 .con .time p { background: url(../images/tours-li2.png) no-repeat center left }
.tours-list .item3 .con { background: #68886c }
.tours-list .item3 .con .time p, .tours-list .item3 .con .txt { color: #d7eee8 }
.tours-list .item3 .con .time p { background: url(../images/tours-li3.png) no-repeat center left }
.tours-list .item4 .con { background: #78212e }
.tours-list .item4 .con .time p, .tours-list .item4 .con .txt { color: #ceafb4 }
.tours-list .item4 .con .time p { background: url(../images/tours-li4.png) no-repeat center left }
.search-wrap { margin-top: 25px; background: #444 }
.search-wrap .search-l { padding: 15px 10px; background: #832532; color: #fff }
.search-wrap .search-l .tit { text-align: center; font-size: 20px; font-weight: 700 }
.search-wrap .search-form { width: 290px; margin: 0 auto; margin-top: 15px; color: #fff }
.search-wrap .search-form .form-group { background-size: contain; position: relative }
.search-wrap .search-form .form-group .trigger { line-height: 40px; padding-left: 20px; display: block; font-size: 16px; background: url(../images/search-select.png) no-repeat center top; background-size: 100% 100%; overflow: hidden; color: #fff }
.search-wrap .search-form .form-group .options { width: 82%; padding: 7px 0; position: absolute; display: none; background: #fff; z-index: 1; box-shadow: 0 0 4px rgba(0,0,0,.3) }
.search-wrap .search-form .form-group .options li { line-height: 36px; padding: 0 15px; color: #555 }
.search-wrap .search-form .sub-btn input { width: 100%; height: 40px; border: 0; background: url(../images/search.png) no-repeat 31% center #e07c00; background-size: 20px; font-size: 16px; border-radius: 5px }
.search-wrap .my-btn { width: 290px; margin: 0 auto }
.search-wrap .my-btn a { line-height: 40px; display: block; background: url(../images/custom.png) no-repeat 25% center #fff; background-size: 20px; font-size: 16px; border-radius: 5px; text-align: center; text-transform: uppercase; color: #000 }
.search-wrap .search-r { padding: 20px 15px }
.search-wrap .search-r .box { margin-bottom: 15px }
.search-wrap .search-r .box03 { margin-bottom: 0 }
.search-wrap .search-r a { display: block }
.search-wrap .search-r a .img { height: 0; padding-top: 118.75%; position: relative; display: block }
.search-wrap .search-r a .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.search-wrap .search-r a .con { margin-top: 13px; color: #fff }
.search-wrap .search-r a .con h2 { font-size: 18px; text-align: center }
.search-wrap .search-r a .con p { line-height: 26px; max-height: 78px; margin-top: 5px; overflow: hidden }
.about-wrap { margin-top: 25px }
.about-wrap .about-l .txt { margin-top: 10px; color: #666; line-height: 22px; }
.about-wrap .about-l .txt p { margin-bottom: 15px }
.about-wrap .about-l .more { text-align: right; position: relative; margin-top: 10px; }
.about-wrap .about-l .more a { display: inline-block; background: #e07c00; color: #fff; font-weight: 700; border-radius: 4px; padding: 8px 28px }
.about-wrap .img { margin-top: 0; }
.about-wrap .img img { width: 100% }
.team-wrap { margin-top: 25px }
.team-wrap .tit01 h2 { margin-bottom: 10px }
.team-wrap .tit01 h2 a { color: #e07c00; font-style: italic }
.team-wrap .tit01 p { padding: 0 15px; color: #666 }
.team-wrap .team-list { margin-top: 10px }
.team-list li { width: 47%; margin: 0 1.5%; margin-bottom: 15px; float: left }
.team-list li a { display: block }
.team-list li .img { height: 0; padding-top: 112.8%; position: relative; display: block; border-radius: 50%; overflow: hidden }
.team-list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.team-list li .tit { text-align: center; line-height: 30px; color: #333 }
.video-wrap img { width: 100% }
.blog-wrap { padding: 20px 15px; padding-top: 25px; background: #efe9d5 }
.blog-wrap .container { padding: 0 }
.blog-wrap .box-l .img, .blog-wrap .box-r .img { height: 0; padding-top: 67.2727%; position: relative; display: block }
.blog-wrap .box-l .img img, .blog-wrap .box-r .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.blog-wrap .box-l .con, .blog-wrap .box-r .con { margin-top: 15px }
.blog-wrap .box-l .con h2, .blog-wrap .box-r .con h2 { margin-bottom: 5px; display: inline-block; background: #811801; color: #fff; border-radius: 5px; text-align: center; font-size: 20px }
.blog-wrap .box-l .con h2 a, .blog-wrap .box-r .con h2 a { padding: 6px 15px; display: block; color: #fff }
.blog-wrap .box-l .con p, .blog-wrap .box-r .con p { color: #666; text-align: justify; }
.blog-wrap .box-r { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-direction: column-reverse }
.blog-wrap .box-r .img { width: 100%; margin-top: 10px }
.footer-wrap { padding-top: 25px; background: url(../images/f-bg.png) no-repeat center bottom #231f20; padding-bottom: 100px; color: #999 }
.footer-wrap a { color: #999 }
.footer-wrap .f-menu { border-bottom: 1px solid #332e2e }
.footer-wrap .f-menu dl dt { font-weight: 700; font-size: 16px; color: #fff }
.footer-wrap .f-menu dl dd a { color: #999; margin-right: 5px; display: inline-block }
.footer-wrap .f-btns { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-top: 25px; justify-content: flex-end; flex-direction: row-reverse; }
.footer-wrap .f-btns .btn { line-height: 32px; display: block; text-align: center; border-radius: 5px; font-size: 16px; color: #fff; margin-right: 24px; }
.footer-wrap .f-btns .btn01 { border: 1px solid #fff; }
.footer-wrap .f-btns .btn02 { background: #811801; color: #fff; font-weight: 700 }
.footer-wrap .f-contact { margin-top: 25px }
.footer-wrap .f-contact .tit { margin-bottom: 15px; font-weight: 700; font-size: 16px; color: #fff }
.footer-wrap .f-contact .email, .footer-wrap .f-contact .tel { padding-left: 30px }
.footer-wrap .f-contact .tel { margin-bottom: 10px; background: url(../images/f-tel.png) no-repeat left 3px; background-size: 21px }
.footer-wrap .f-contact .email { background: url(../images/f-email.png) no-repeat left 3px; background-size: 21px }
.footer-wrap .f-share { margin-top: 20px }
.footer-wrap .f-share a { margin-right: 5px; margin-bottom: 5px; display: inline-block }
.footer-wrap .f-share a img { max-width: 100% }
.footer-wrap .f-share a.share6 { position: relative }
.footer-wrap .f-share a.share6 .big { position: absolute; width: 120px; height: 120px; max-width: none; top: -130px; left: 0; margin-left: -30px; display: none }
.footer-wrap .copyright { margin-top: 20px; padding-top: 15px; border-top: 1px solid #2c2828; text-align: center }
.page-banner { height: 150px; background-size: auto 100%!important }
.crumbs { padding-top: 3px; padding-bottom: 7px; border-top: 4px solid #f0f0f0; border-bottom: 1px solid #e0e0e0; display: none }
.crumbs .container { padding-left: 40px; background: url(../images/home.png) no-repeat 15px 0 }
.crumbs .container a { color: #333 }
.side { position: sticky; position: -webkit-sticky; top: 0; left: 0; right: 0; z-index: 3 }
.side .side-tit { display: none }
.side .side-menu { background: #fff }
.side .side-menu .menu-list { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding-top: 8px; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; flex-wrap: wrap; align-items: flex-start; display: none; border-top: 1px solid #e1e1e1; box-shadow: 0 2px 4px rgba(0,0,0,.35); border-radius: 4px }
.side .side-menu .menu-list li { line-height: 35px; position: relative }
.side .side-menu .menu-list li a { padding-right: 25px; display: block; color: #666 }
.side .side-menu .menu-list li.active>a { color: #e07c00 }
.side .side-menu .menu-list li span { position: absolute; width: 20px; height: 20px; background: url(../images/side-menu.png) no-repeat center; right: 2px; top: 0; bottom: 0; margin: auto }
.side .side-menu .menu-btn { padding-top: 5px; line-height: 26px; text-align: right; overflow: hidden }
.side .side-menu .menu-btn h2 { line-height: 45px; padding-left: 15px; float: left; color: #fff; font-size: 16px }
.side .side-menu .menu-btn a { color: #666 }
.side .side-menu .menu-btn a i { width: 26px; height: 26px; margin-left: 3px; display: inline-block; background: url(../images/menu-btn.png); background-size: contain; transition: all .3s linear }
.side .side-menu .menu-btn.active a i { transform: rotateZ(90deg) }
.main-r .content { margin-top: 20px }
.page-team-list dl { padding: 10px; background: #f0f0f0; overflow: hidden }
.page-team-list dl a { display: block; overflow: hidden }
.page-team-list dt { width: 35%; float: left }
.page-team-list dt span { height: 0; padding-top: 112.5%; position: relative; display: block }
.page-team-list dt span img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.page-team-list dd { float: right; width: 60% }
.page-team-list dd h2 { margin-bottom: 10px; font-size: 16px }
.page-team-list dd h2 a { color: #333 }
.page-team-list dd p { text-align: justify; color: #666; line-height: 20px; height: 80px; overflow: hidden }
.page-testimonials dl { padding: 10px; overflow: hidden; background: #f1f2f2 }
.page-testimonials dt { width: 150px; height: 150px; margin-right: 15px; border: 2px solid #e07c00; border-radius: 50%; overflow: hidden; float: left }
.page-testimonials dt img { width: 100%; height: 100% }
.page-testimonials dd .txt { text-align: justify; }
.page-testimonials dd .txt p { line-height: 26px; margin-bottom: 10px }
.page-testimonials dd .time { text-align: right }
.page-testimonials dd .time span { font-weight: 700; color: #333; display: block }
.page-blogs-list dl { background: #f1f2f2; overflow: hidden }
.page-blogs-list dt { width: 35%; float: left; margin-right: 10px }
.page-blogs-list a { display: block; overflow: hidden }
.page-blogs-list dt span { height: 0; padding-top: 66.66%; position: relative; display: block }
.page-blogs-list dt span img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.page-blogs-list dd { padding: 5px; padding-left: 0; overflow: hidden }
.page-blogs-list dd .tit { font-weight: 700; font-size: 16px }
.page-blogs-list dd .txt { line-height: 20px; height: 20px; margin-top: 5px; overflow: hidden; font-size: 14px }
.page-blogs-list dd .time { padding-top: 2px; margin-top: 5px; border-top: 1px solid #cacccc; color: #999; font-size: 14px }
.page-media-picture, .page-mpd-list { overflow: hidden }
.page-media-picture li, .page-mpd-list li { margin-bottom: 15px }
.page-media-picture li a, .page-mpd-list li a { height: 0; padding-top: 66.3157%; position: relative; display: block }
.page-media-picture li a img, .page-mpd-list li a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.page-media-picture li a .txt, .page-mpd-list li a .txt { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 0 15px; padding-bottom: 10px; z-index: 1 }
.page-media-picture li a .txt h2, .page-mpd-list li a .txt h2 { margin-bottom: 10px; font-size: 20px }
.page-media-picture li a .txt p, .page-mpd-list li a .txt p { text-align: justify; line-height: 26px; height: 52px; overflow: hidden }
.page-media-picture li a:after, .page-mpd-list li a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.6)) }
.page-mpd-list { position: relative; margin-right: -10px }
.page-mpd-list .grid { margin-bottom: 0 }
.page-mpd-list .grid a { padding-top: 0; height: auto }
.page-mpd-list .grid a img { width: 100%; height: auto; position: static }
.page-video-list { overflow: hidden }
.page-video-list dl { background: #f1f2f2 }
.page-video-list dl a { display: block; overflow: hidden; color: #666 }
.page-video-list dt span { height: 0; padding-top: 67.02%; position: relative; display: block }
.page-video-list dt span img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.page-video-list dt span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 60px; height: 60px; background: url(../images/video-icon.png) no-repeat center; z-index: 1 }
.page-video-list dt span:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.6)) }
.page-video-list dd { padding: 10px }
.page-video-list dd h2 { margin-bottom: 6px; font-size: 20px; color: #333; font-weight: 700 }
.page-video-list dd p { text-align: justify; color: #666666; line-height: 20px; max-height: 60px; overflow: hidden }
.side .side-menu .menu-list li span { transition: all .3s linear }
.side .side-menu .menu-list li span.on { transform: rotateZ(180deg) }
.side .side-menu .menu-list li:nth-child(3n) .thd-menu { margin-left: -100px }
.side .side-menu .menu-list li .thd-menu { width: 100%; padding: 10px; position: absolute; background: #fff; left: 0; right: 0; z-index: 1; box-shadow: 0 0 5px rgba(0,0,0,.3); display: none }
.side .side-menu .menu-list li .thd-menu li { width: 100%; line-height: 30px }
.side .side-menu .menu-list li .thd-menu li a { padding: 0 }
.side .side-menu .menu-list li .thd-menu li:last-child { margin: 0 }
.side .side-menu .menu-list li .thd-menu li.active a { color: #e07c00 }
.page-resource-bird dt span:after, .page-resource-bird dt span:before, .page-resource-travel dt span:after, .page-resource-travel dt span:before, .page-tours-gallery dt span:after, .page-tours-gallery dt span:before { display: none }
.page-tips { margin-bottom: 15px; text-align: justify; color: #286404; font-weight: bold; }
.page-resource-travel { margin-top: 20px }
.page-resource-travel .money { font-weight: 700; margin-bottom: 5px }
.page-search-bar { padding: 10px 10px; background: #7e1500 }
.page-search-bar .form-group { width: 48%; margin: 0 1%; margin-bottom: 10px }
.page-search-bar .form-group.select { float: left; position: relative }
.page-search-bar .form-group.select .trigger { display: block; background: url(../images/page-search-select.png) no-repeat center left; background-size: contain; font-size: 14px; font-weight: 700; line-height: 36px; padding-left: 10px }
.page-search-bar .form-group.select .trigger:hover { color: #e07c00; background-image: url(../images/page-search-selecth.png) }
.page-search-bar .form-group.select .options { width: 93%; padding: 7px 0; position: absolute; display: none; background: #fff; z-index: 1; box-shadow: 0 0 4px rgba(0,0,0,.3) }
.page-search-bar .form-group.select .options li { line-height: 36px; padding: 0 15px; color: #555 }
.page-search-bar .form-group.sub-btn { width: 100%; margin: 0; clear: both }
.page-search-bar .form-group.sub-btn input { width: 100%; height: 40px; border: 0; background: url(../images/search.png) no-repeat 33% center #e07c00; background-size: 20px; font-size: 20px; border-radius: 5px; color: #fff }
.page-search-list { margin-top: 20px; padding: 0 15px }
.page-search-list dl { border: 1px solid #d5d5d5 }
.page-search-list dl a { display: block }
.page-search-list dl a:hover dd .tit, .page-search-list dl a:hover dd .txt { color: #333 }
.page-search-list dt { height: 0; padding-top: 65.789%; position: relative; display: block }
.page-search-list dt img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.page-search-list dd { padding: 10px }
.page-search-list dd .tit { margin-bottom: 5px; font-size: 18px; font-weight: 700 }
.page-search-list dd .txt { text-align: justify; line-height: 20px;/* height: 40px; */ margin-bottom: 10px; overflow: hidden; }
.page-search-list dd .time p { font-size: 15px; color: #333; margin-bottom: 5px; padding-left: 25px; background: url(../images/bird.png) no-repeat center left; }
.page-reports-list dl, .page-sister-list dl { padding-bottom: 20px; border-bottom: 1px solid #ebebeb; overflow: hidden }
.page-reports-list dt, .page-sister-list dt { width: 35%; margin-right: 10px; float: left }
.page-reports-list dt { width: 100%; float: none; }
.page-reports-list dt span, .page-sister-list dt a { height: 0; padding-top: 67.7419%; position: relative; display: block }
.page-reports-list dt span img, .page-sister-list dt a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.page-reports-list dd, .page-sister-list dd { overflow: hidden }
.page-reports-list dd .tit, .page-sister-list dd .tit { color: #333333; font-size: 18px; margin-bottom: 5px }
.page-reports-list dd .txt, .page-sister-list dd .txt { text-align: justify; color: #666666; line-height: 20px;/* height: 20px; */ margin-bottom: 5px; overflow: hidden; font-size: 14px; }
.page-reports-list dd .website, .page-sister-list dd .website { font-size: 14px }
.page-reports-list dd .website a, .page-sister-list dd .website a { color: #e07c00; text-decoration: underline }
.page-reports-list dl { padding-bottom: 0; background: #f1f2f2; border-bottom: 0 }
.page-reports-list dl a { display: block; overflow: hidden }
.page-reports-list dt span { height: 0; padding-top: 67.3%; position: relative; display: block }
.page-reports-list dt span img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.page-reports-list dd { padding-top: 4px; padding: 15px; }
.page-reports-list dd .time { color: #666666; padding-top: 5px; border-top: 1px solid #cacccc; font-size: 14px }
.page-tour-list { padding: 0 }
.page-tour-list dt span { padding-top: 64.893% }
.page-calendar .page-search-list { margin-top: 0; height: 0; overflow: hidden }
.page-calendar.active .calendar-tit { background-color: #d38e37; box-shadow: 0 1px 0 #231f20 }
.page-calendar.active .calendar-tit h2 { color: #fff }
.page-calendar.active .calendar-tit a { background-position: -54px -10px }
.page-calendar.active .page-search-list { height: auto }
.calendar-tit { margin-bottom: 10px; padding: 10px; background: #faf8f3; color: #231f20; overflow: hidden; border-radius: 5px }
.calendar-tit h2 { line-height: 24px; float: left; font-weight: 700; font-size: 18px }
.calendar-tit a { float: right; width: 24px; height: 24px; background: url(../images/calendar-btns.png) no-repeat; background-position: -10px -10px; transition: none }
.page-tit { margin-bottom: 10px; padding: 10px 10px; background: #7e1500; border-top-left-radius: 5px; border-top-right-radius: 5px }
.page-tit h2 { font-size: 18px; font-weight: 700; color: #fff }
.page-team-detail { overflow: hidden }
.page-team-detail .img { width: 205px; margin-right: 15px; float: left }
.page-team-detail .img img { width: 100% }
.page-team-detail .txt { line-height: 22px; }
.page-team-detail .txt p { line-height: 22px; margin-bottom: 15px; }
.gallery .swiper-container { width: 100%; margin-left: auto; margin-right: auto }
.gallery .gallery-top { width: 100% }
.page-leader-gallery .tit {position: absolute;width: 87px;height: 35px;background: #811801;z-index: 2;}
.page-leader-gallery .tit h2 {line-height: 35px;text-align: center;color: #fff;font-size: 16px;}
.page-leader-gallery .gallery-top { font-size: 0 }
.page-leader-gallery .gallery-top .swiper-slide img { width: 100% }
.page-leader-gallery .gallery-top .swiper-button-next:after, .page-leader-gallery .gallery-top .swiper-button-prev:after { font-size: 30px; top: 40%; }
.page-leader-gallery .gallery-thumbs { margin-top: 10px }
.page-leader-gallery .gallery-thumbs .swiper-slide { border: 1px solid #fff }
.page-leader-gallery .gallery-thumbs .swiper-slide img { width: 100% }
.page-leader-gallery .gallery-thumbs .swiper-slide-thumb-active { border-color: #e07c00 }
.page-leader-gallery .more { margin-top: 25px }
.page-leader-gallery .more a { width: 50%; line-height: 36px; margin: 0 auto; display: block; background: #e07c00; color: #fff; font-weight: 700; font-size: 16px; text-align: center; border-radius: 5px }
.page-leader-tours { margin-top: 10px; background: #b7c6b3; border-radius: 5px }
.page-leader-tours .tab-tit { overflow: hidden; color: #fff; padding: 0 10px; cursor: pointer }
.page-leader-tours .tab-tit h2 { line-height: 36px; float: left; font-weight: 700; font-size: 18px }
.page-leader-tours .tab-tit a { width: 24px; height: 24px; margin-top: 6px; float: right; background: url(../images/leader-tab.png) no-repeat; background-position: -10px -10px }
.page-leader-tours .tab-content { display: none }
.page-leader-tours .tab-content .page-reports-list { margin: 0 10px; padding: 10px 0; border-top: 1px solid #fff }
.page-leader-tours .tab-content .page-reports-list dl { margin-bottom: 10px }
.page-leader-tours .tab-content .page-reports-list dd .tit { margin-bottom: 0 }
.page-leader-tours .tab-content .page-reports-list dl:last-child { margin-bottom: 0 }
.page-leader-tours .tab-content .page-search-list { margin: 0 10px; padding: 10px 0; border-top: 1px solid #fff }
.page-leader-tours .tab-content .page-search-list dl { border: 0; background: #fff }
.page-leader-tours .tab-content .page-search-list dl:last-child { margin-bottom: 0 }
.page-leader-tours .tab-content .page-search-list dd .time p:last-child { margin-bottom: 0 }
.page-leader-tours.active .tab-tit a { background-position: -54px -10px }
.page-leader-tours.active .tab-content { display: block }
.page-leader-reports { background: #d4d4ca }
.page-leader-testimonial { margin-bottom: 20px; background: #a5978a }
.page-leader-testimonial .page-testimonials { margin: 0 10px; padding: 15px 0; border-top: 1px solid #fff }
.page-leader-testimonial .page-testimonials dl { padding: 0; padding-bottom: 20px; background: 0 0; border-bottom: 1px solid #fff }
.page-leader-testimonial .page-testimonials dl:last-child { margin-bottom: 0 }
.page-leader-testimonial .page-testimonials dd { color: #fff }
.page-leader-testimonial .page-testimonials dd .time span { color: #fff }
.page-why { border-radius: 5px; overflow: hidden }
.page-why .swiper-slide img { width: 100% }
.page-why .swiper-pagination[class] { height: 24px; background: rgba(0,0,0,.4); bottom: 0 }
.page-why .swiper-pagination[class] .swiper-pagination-bullet { width: 15px; height: 15px; background: #fff; opacity: 1; vertical-align: middle }
.page-why .swiper-pagination[class] .swiper-pagination-bullet-active { background: #e07c00 }
.text-title { padding-bottom: 10px; text-align: center; border-bottom: 1px solid #231f20 }
.text-title h1 { margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #333 }
.page-bird { margin-top: 40px; margin-bottom: 20px }
.side-download { margin-top: 10px }
.side-download a { width: 39%; line-height: 36px; padding-left: 50px; display: block; background: #e07c00; background-image: linear-gradient(to top, #ad5f00, #e07c00); background-repeat: no-repeat; color: #fff; font-size: 16px; font-weight: 700; border-radius: 5px; position: relative }
.side-download a:before { content: ''; width: 26px; height: 26px; background: url(../images/download.png) no-repeat center; background-size: 20px; position: absolute; top: 0; bottom: 0; margin: auto; left: 15px }
.side-guide { font-size: 0; border-left: 1px solid #e1e1e1 }
.side-guide a { width: 49%; line-height: 30px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; display: inline-block; text-align: center; font-size: 14px }
.side-guide a:focus { color: #333 }
.side .side-guide { display: none }
.side-btns { display: none }
.side-btns a { width: 50%; line-height: 36px; color: #fff; display: inline-block; text-align: center; font-size: 16px }
.side-btns .btn1 { background: #e07c00; background-size: 20px }
.side-btns .btn2 { background: #245c02; background: linear-gradient(to top, #143301, #245c02) }
.tours-tit h2 { font-size: 20px; font-weight: 700; color: #333 }
#overview .info-sheet { background: #e9a34c; border-top-left-radius: 10px; border-top-right-radius: 10px }
#overview .info-sheet h2 { line-height: 36px; margin-bottom: 0; text-align: center; }
#overview .table { color: #333; word-break: normal; }
#overview .table th { vertical-align: middle; font-weight: bold; }
#overview .table tr td, #overview .table tr th { border: 0 }
#overview .table tr:nth-child(odd) { background: #f9f8f3 }
.tour-info-sheet { margin-top: 15px; color: #333 }
.tour-info-sheet td, .tour-info-sheet th, .tour-info-sheet tr { border: 0!important }
.tour-info-sheet th { background: #e9a34c; text-align: center; color: #333; border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: 700; font-size: 18px }
.detail-box { margin-top: 20px; word-break: break-word; line-height: 22px; }
.detail-box h2 { margin-bottom: 15px }
.detail-box p {margin-bottom: 15px;line-height: 26px;}
.detail-box p img { max-width: 100%!important; height: auto!important }
.detail-box .simg img { max-width: 100%!important; height: auto!important }
.detail-box img { max-width: 100%; height: auto!important }
.tours-tit02 h2 { margin-bottom: 10px; font-weight: 700;/* text-align: center; */ font-size: 18px; color: #333; }
.tours-tit03 h2 { margin-bottom: 5px; font-size: 17px; color: #333 }
#dates-price .table-responsive { border: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #333 }
#dates-price .table-responsive td, #dates-price .table-responsive th { border: 0; text-align: center }
#dates-price .table-responsive th { border-right: 1px solid #fff; background: #e9a34c; font-size: 18px }
#dates-price .table-responsive th:last-child { border-right: 0 }
#dates-price .table-responsive tr:nth-child(even) { background: #f9f8f3 }
#itinerary .map { margin-top: 15px; margin-bottom: 20px; position: relative }
#itinerary .map .tit { position: absolute; width: 120px; height: 35px; background: #811801; z-index: 2 }
#itinerary .map .tit h2 { line-height: 35px; text-align: center; color: #fff; font-size: 18px }
#itinerary .map .con img { width: 100% }
#guide .tours-guide .box { overflow: hidden }
#guide .tours-guide .box .img { width: 160px; float: left }
#guide .tours-guide .box .img img { width: 100%; height: 180px }
#guide .tours-guide .box .con { width: 43%; float: right }
#guide .tours-guide .box .con h2 { margin-bottom: 5px; font-size: 18px; color: #333 }
#guide .tours-guide .box .con p { line-height: 20px; height: 160px; margin-bottom: 0; overflow: hidden }
.inquire-wrap .modal-header { border-bottom: 0 }
.inquire-wrap .modal-header h2 { margin-bottom: 9px; padding-bottom: 10px; text-align: center; font-size: 20px; color: #e07c00; border-bottom: 1px solid #666 }
.inquire-wrap .modal-body { padding-top: 0 }
.inquire-wrap .modal-body .form-group.inline .form-control { margin-bottom: 15px }
.inquire-wrap .modal-body .form-group .tit { font-size: 16px; margin-bottom: 5px }
.inquire-wrap .modal-body .form-group .radio-inline { margin-right: 10px; margin-left: 0 }
.inquire-wrap .modal-body .form-group .other { overflow: hidden }
.inquire-wrap .modal-body .form-group .other span { margin-top: 10px; float: left }
.inquire-wrap .modal-body .form-group .other .form-control { width: 80%; float: left; padding-bottom: 0; border: 0; border-bottom: 1px solid #231f20; border-radius: 0; box-shadow: none; background: 0 0 }
.inquire-wrap .modal-body .form-group .form-control { border-color: #231f20 }
.inquire-wrap .modal-body .form-group .form-control::-webkit-input-placeholder {
color:#666
}
.inquire-wrap .modal-body .form-group.sub-btn .form-control { border: 0; background: #e07c00; color: #fff; font-weight: 700; font-size: 16px }
.inquire-wrap .modal-body .form-group.inline.required .icon { margin-top: -39px }
.inquire-wrap .modal-body .form-group.required { position: relative }
.inquire-wrap .modal-body .form-group.required .icon { margin-top: -24px; position: absolute; color: #e07c00; right: 15px }
.inquire-wrap .modal-backdrop { display: none }
.inquire-wrap .modal-footer { padding-top: 0; border-top: 0; text-align: center }
.inquire-wrap .modal-footer p { margin-bottom: 5px; color: #333 }
.inquire-wrap .modal-footer a { width: 200px; line-height: 30px; background: #811801; color: #fff; margin: 0 auto; display: block; border-radius: 5px }
.inquire-wrap .modal-body .form-group .tit { color: #333 }
body.custome { background: url(../images/custom-bg.jpg) no-repeat center top }
body.custome .crumbs { border-top: 0; padding-top: 0; padding-left: 40px; background: url(../images/home.png) no-repeat top left }
body.custome .main { padding-top: 50px; background: rgba(255,255,255,.9); border-radius: 5px }
.custome-tit h2 { margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; color: #e07c00; text-align: center; border-bottom: 1px solid #e07c00 }
.checkbox-inline, .radio-inline { margin-left: 0; margin-right: 10px }
.checkbox-inline:before, .radio-inline:before { content: ''; width: 15px; height: 15px; background: url(../images/check.png) no-repeat; background-position: -10px -10px; position: absolute; left: 0; z-index: 1; top: 0; bottom: 0; margin: auto }
.checkbox-inline.active:before, .radio-inline.active:before { background-position: -45px -10px }
.page-custome .form-group .tit { margin-bottom: 10px; overflow: hidden }
.page-custome .form-group .tit h2 { margin-right: 5px; margin-bottom: 0; font-size: 16px; font-weight: 700; float: left }
.page-custome .form-group .tit span { height: 17px; float: left; font-size: 18px; color: #e07c00 }
.page-custome .form-group.mobile .group-r .form-control, .page-custome .form-group.username .group-r .form-control { margin-bottom: 10px }
.page-custome .form-group.dates .group-r .form-control { width: 25%; margin-bottom: 5px; display: inline-block }
.page-custome .form-group.dates .group-r span { display: none }
.page-custome .form-group .other { overflow: hidden }
.page-custome .form-group .other span { margin-top: 10px; float: left }
.page-custome .form-group .other .form-control { width: auto; padding-bottom: 0; float: none; border: 0; border-bottom: 1px solid #231f20; border-radius: 0; box-shadow: none; background: 0 0 }
.page-custome .form-group.sub-btn .form-control { border: 0; background: #e07c00; color: #fff; font-weight: 700; font-size: 16px }
.page-custome .checkbox-inline, .page-custome .radio-inline { margin-left: 0; margin-right: 10px }
.fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; height: 64px; background: #143301; display: flex; display: -webkit-flex; z-index: 32; border-top: 1px solid #235404;/* overflow: hidden; */ }
.fixed-bottom a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; width: 20%; }
/* .fixed-bottom a:before { content: ''; width: 25px; height: 25px; background: url(../images/fb-icon.png) no-repeat; display: block; margin: 0 auto; margin-bottom: 4px }
.fixed-bottom a.btn01:before { background-position: -100px -105px }
.fixed-bottom a.btn01.active:before { background-position: -10px -60px }
.fixed-bottom a.btn02:before { background-position: -55px -105px }
.fixed-bottom a.btn02.active:before { background-position: -55px -60px }
.fixed-bottom a.btn03:before { background-position: -60px -10px }
.fixed-bottom a.btn03.active:before { background-position: -10px -10px }
.fixed-bottom a.btn04:before { background-position: -10px -105px }
.fixed-bottom a.btn04.active:before { background-position: -110px -10px }
.fixed-bottom a.btn05:before { background-position: -155px -10px }
.fixed-bottom a.btn05.active:before { background-position: -110px -55px; transform: rotateZ(45deg) } */
.fixed-bottom a span { font-size: 16px; font-family: arial }
.fixed-bottom a .iconfont { font-size: 25px; width: 30px; height: 35px; text-align: center; }
.fixed-bottom a .txt { padding: 10px 15px; position: absolute; top: -50px; background: #231f20; display: none }
.fixed-bottom a .iconfont { display: flex; align-items: center; justify-content: center; }
.fixed-bottom a.btn02 .iconfont { font-size: 29px; }
.fixed-bottom a.btn03 .iconfont { font-size: 25px; }
.fixed-bottom a.btn04 .iconfont { font-size: 25px; }
.fixed-bottom a.active { color: #e07c00; }
/* .fixed-bottom.tours a:before { background-image: url(../images/fb-icon2.png) }
.fixed-bottom.tours a.btn01:before { background-position: -100px -55px }
.fixed-bottom.tours a.btn01.active:before { background-position: -10px -10px }
.fixed-bottom.tours a.btn02:before { background-position: -10px -100px }
.fixed-bottom.tours a.btn02.active:before { background-position: -55px -100px }
.fixed-bottom.tours a.btn03:before { background-position: -100px -100px }
.fixed-bottom.tours a.btn03.active:before { background-position: -145px -10px }
.fixed-bottom.tours a.btn04:before { background-position: -100px -10px }
.fixed-bottom.tours a.btn04.active:before { background-position: -55px -10px }
.fixed-bottom.tours a.btn05:before { background-position: -55px -55px }
.fixed-bottom.tours a.btn05.active:before { background-position: -10px -55px; transform: rotateZ(45deg) } */
.m-side { overflow: hidden; top: 0; left: 0; right: 0; position: sticky; position: -webkit-sticky; z-index: 3 }
.m-side .m-side-tit { height: 48px; display: flex; display: -webkit-flex; background: #143301; color: #fff; justify-content: space-between; align-items: center }
.m-side .m-side-tit h2 { padding-left: 10px; font-size: 16px; font-weight: 700 }
.m-side .m-side-tit a { padding-right: 30px; color: #fff; background: url(../images/menu.png) no-repeat 94% center }
.m-side .m-side-tit.active a { background-image: url(../images/close2.png) }
.m-side .m-side-con { display: none; overflow: hidden }
.m-side .side-btns { padding-top: 10px; display: block; font-size: 0; display: none }
.m-side .side-guide { border-left: 0; background: #fff; display: none; box-shadow: 0 3px 6px rgba(0,0,0,.35); overflow: hidden; margin-bottom: 8px }
.m-side .side-guide a { width: 100%; line-height: 40px; padding-left: 15px; text-align: left; border-bottom: 1px solid #f0f0f0; border-right: 0; font-weight: 700; font-size: 15px }
.m-side .side-guide a:focus, .m-side .side-guide a:visited { color: #333 }
.main.tours { padding: 0 }
.main.tours .main-r { padding: 0 20px; }
#dates-price, #extension, #guide, #itinerary, #overview, #reports, #testimonials { padding-top: 50px }
#dates-price .detail-box, #extension .detail-box, #guide .detail-box, #itinerary .detail-box, #overview .detail-box, #reports .detail-box, #testimonials .detail-box { margin-top: 0 }
#extension .page-search-list dl:last-child { margin-bottom: 0 }
#dates-price .tours-tit { margin-bottom: 15px }
.fb-menu { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #edddc9; z-index: 31; transition: all .3s linear; transform: translateY(100%) }
.fb-menu .tit { height: 48px; padding-left: 44px; background: url(../images/fb-menu-tel.png) no-repeat 15px center #231f20; background-size: 19px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; color: #fff }
.fb-menu .tit h2 { font-size: 18px; font-weight: 700 }
.fb-menu .tit a { width: 48px; height: 48px; display: block; border-left: 1px solid #404040; text-indent: -50px; overflow: hidden; background: url(../images/close.png) no-repeat center }
.fb-menu .menu-list { padding-top: 20px }
.fb-menu .menu-list a { line-height: 50px; padding-left: 30px; display: block; font-size: 20px; color: #e07c00 }
.fb-menu.active { transform: translateY(0) }
.turn-page { margin-top: 40px }
.turn-page p { line-height: 40px; margin-bottom: 10px; background: #b6b2a6; color: #fff; padding: 10px; overflow: hidden }
.turn-page p a { color: #fff; display: block }
.turn-page p span { float: left }
.turn-page .next { background: #a7978a }
.BMap_Marker img { max-width: none }
.modal-header .close { font-size: 18px; color: #231f20; opacity: 1 }
.fixed-side { display: none; }
.main .side .side-menu .menu-btn { padding-top: 0; background: #143301; overflow: hidden }
.main .side .side-menu .menu-btn a { line-height: 45px; padding-right: 15px; display: block; float: right; color: #fff }
.main .side .side-menu .menu-btn a i { vertical-align: middle }
.footer-wrap .f-menu dl dd { margin-top: 5px; font-size: 0; }
.footer-wrap .f-menu dl dd a { width: 33%; margin-right: 0; margin-bottom: 5px; font-size: 14px; }
.main { padding: 0 }
.custome-tit, .main-r, .page-custome { padding: 0 15px }
.page { clear: both; padding: 20px 0 10px; text-align: center }
.page a { display: inline-block; margin-bottom: 5px; padding: 0 15px; font-size: 12px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px }
.page a:hover { background: #ba9d17; color: #fff; text-decoration: none }
.page a.a1 { padding: 0 15px; line-height: 28px; margin-top: 0 }
.page span { display: inline-block; padding: 0 15px; line-height: 28px; background: #ba9d17; border: 1px solid #ba9d17; color: #fff; text-align: center; border-radius: 3px }
.page .noPage { display: inline-block; padding: 0 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4 }
.page a.a1 { overflow: hidden; text-transform: uppercase; border: 0; position: relative; font-size: 16px; color: #666 }
.page a.a1.turn-l:before, .page a.a1.turn-r:before { content: ''; position: absolute; width: 34px; height: 11px; top: 0; bottom: 0; margin: auto; background: url(../images/turn-l.png) no-repeat; background-position: -10px -10px }
.page a.a1.turn-l { padding-left: 45px }
.page a.a1.turn-l:before { margin-left: -45px }
.page a.a1.turn-l:hover { color: #e07c00; background: 0 0 }
.page a.a1.turn-l:hover:before { background-position: -64px -10px }
.page a.a1.turn-r { padding-right: 48px }
.page a.a1.turn-r:before { margin-left: 48px; background-image: url(../images/turn-r.png) }
.page a.a1.turn-r:hover { color: #e07c00; background: 0 0 }
.page a.a1.turn-r:hover:before { background-position: -64px -10px }
.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center }
.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center }
.Validform_error { background-color: #ffe7e7 }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0; right: 50px; z-index: 99999; display: none }
#Validform_msg .iframe { position: absolute; left: 0; top: -1px; z-index: -1 }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: 700; padding: 0 8px; color: #fff; position: relative; background-color: #000 }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0; color: #fff; text-decoration: none }
#Validform_msg a.Validform_close:hover { color: #cc0 }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left }
.footer-wrap .f-btns .btn01:focus, .footer-wrap .f-btns .btn01:visited { color: #fff; }
.main-r { margin-bottom: 20px; }
 @media screen and (min-width:375px) {
#guide .tours-guide .box .con { width: 50% }
}
@media screen and (min-width:768px) {
.top-wrap { height: auto; border-radius: 0 }
.top-wrap .slogan { width: 50%; padding: 0; left: 0; margin-left: 135px; margin-top: 21px; display: block }
.top-wrap .tel { padding-top: 32px; padding-bottom: 5px; display: block }
.top-wrap .language { margin-top: 6px; right: 15px; top: 0 }
.logo { height: 50px }
.logo h1 { width: 18% }
#nav-menu { clear: both; background: 0 0 }
#nav-menu>ul { margin-left: 60px }
#nav-menu a { padding: 9px 12px }
#m-banner { display: none }
#pc-banner { display: block }
#pc-banner .carousel-indicators { bottom: 0; margin-bottom: 0 }
#pc-banner .carousel-indicators li { background: #fff }
#pc-banner .carousel-indicators li.active { background: #e07c00; border-color: #e07c00 }
#pc-banner .banner-turn { display: none }
.featured-tours .tab-tit { padding: 14px 10px; background-size: 100% 100%; box-shadow: none; text-align: center }
.featured-tours .tab-tit a { padding: 15px 20px; font-size: 18px }
.tours-list li .con { padding: 14px 15px }
.tours-list li .con .time p, .tours-list li .con .txt { font-size: 14px }
.featured-tours .more a { padding: 0; width: 200px; line-height: 60px; font-size: 20px }
.search-wrap .search-l { padding: 25px 0 }
.search-wrap .search-l .my-btn { margin: 0 auto }
.search-wrap .search-form { margin: 0 auto; margin-top: 20px }
.search-wrap .search-r { overflow: hidden }
.search-wrap .search-r .box { width: 31.33%; margin: 0 1%; float: left }
.about-wrap .about-l { width: 60%; float: left }
.about-wrap .img { width: 38%; margin-top: 0; float: right }
.about-wrap .about-l .more { text-align: center }
.tit01 h2 { font-size: 30px }
.team-wrap .tit01 p { width: 81%; margin: 0 auto; padding: 0 }
.team-list li { width: 23%; margin: 0 1% }
.video-wrap { margin-top: 25px; display: none; }
.blog-wrap { overflow: hidden }
.blog-wrap .box-l { width: 48%; float: left }
.blog-wrap .box-r { width: 48%; margin-top: 0; float: right; display: block }
.blog-wrap .box-r .con { margin-top: 0 }
.footer-wrap .footer { padding-top: 25px }
.footer-wrap .footer .f-btns, .footer-wrap .footer .f-contact { float: left }
.footer-wrap .footer .f-btns { width: 30%; margin-top: 0; display: block }
.footer-wrap .footer .f-btns .btn02 { margin-top: 15px }
.footer-wrap .footer .f-contact { width: 30%; margin-top: 0; margin-left: 30px }
.footer-wrap .footer .f-share { width: 35%; margin: 0; float: right }
.page-banner { height: 450px }
.page-team-list dl { padding: 0; }
.page-team-list dl a { padding: 20px }
.page-team-list dt { width: 160px }
.page-team-list dd { width: 72% }
.page-team-list dd h2 { margin-top: 10px; font-size: 20px }
.page-team-list dd p { line-height: 26px; height: 130px; font-size: 16px }
.page a.a1.turn-l { margin-right: 25px }
.page a.a1.turn-r { margin-left: 25px }
.page-testimonials dl { padding: 25px 30px }
.page-testimonials dt { margin-right: 20px }
.page-testimonials dd .time { text-align: left; margin-left: -45px }
.page-testimonials dd .time span { margin-left: 45px; display: inline-block }
.page-blogs-list dt { width: 300px; margin-right: 0 }
.page-blogs-list dd { padding: 20px }
.page-blogs-list dd .tit { font-size: 20px }
.page-blogs-list dd .txt { margin-top: 7px; font-size: 16px; line-height: 26px; height: 78px }
.page-blogs-list dd .time { font-size: 16px; margin-top: 15px; padding-top: 15px }
.page-media-picture, .page-mpd-list { margin-left: -2% }
.page-media-picture li, .page-mpd-list li { width: 48%; margin-left: 2%; margin-bottom: 10px; float: left }
.page-mpd-list { margin-left: 0 }
.page-mpd-list li { margin-left: 0; margin-right: 10px }
.page-video-list { overflow: hidden }
.page-video-list dl { width: 48%; margin: 0 1%; margin-bottom: 20px; float: left }
.page-search-bar { height: 58px }
.page-search-bar .form-group { width: 18% }
.page-search-bar .form-group.sub-btn { width: 18%; float: left; clear: none }
.page-search-bar .form-group.sub-btn input { height: 36px; font-size: 17px; padding-left: 43px; background-position: 15% center; text-align: left }
.page-search-list { overflow: hidden }
.page-search-list dl { width: 31.33%; margin: 0 1%; margin-bottom: 30px; float: left }
.page-reports-list dt, .page-sister-list dt { width: 310px }
.page-reports-list dd .tit, .page-sister-list dd .tit { line-height: 44px; font-size: 20px; font-weight: 700 }
.page-reports-list dd .txt, .page-sister-list dd .txt { line-height: 24px; height: 120px; margin-bottom: 10px }
.page-reports-list dt { width: 260px; margin-right: 0; float: left; }
.page-reports-list dd { padding: 20px; padding-top: 5px }
.page-reports-list dd .txt { height: 78px; margin-bottom: 15px; font-size: 16px }
.page-reports-list dd .time { padding-top: 15px; font-size: 16px }
.page-tour-list dl { width: 48% }
.side .side-menu .menu-list li:nth-child(3n) .thd-menu { margin-left: 0 }
.page-testimonials dd { width: 75%; float: right }
#dates-price .table-responsive th { vertical-align: middle }
.tours-tit h2 { font-size: 26px }
.tour-info-sheet th { font-size: 24px }
.tours-tit02 h2 { font-size: 24px }
.tours-tit03 h2 { font-size: 18px }
#guide .tours-guide .box .con { width: 75% }
#guide .tours-guide .box .con h2 { margin-top: 10px; margin-bottom: 10px; font-size: 20px }
#guide .tours-guide .box .con p { line-height: 26px; height: 130px }
#testimonials {/* margin-top: 50px */ }
.page-testimonials dd { width: 74% }
.page-search-list dd .txt { height: 80px; }
}
@media screen and (min-width:992px) {
.container { padding: 0 }
.top-wrap { padding-bottom: 10px }
.top-wrap .slogan { margin-left: 160px; margin-top: 25px; position: static; float: left }
.top-wrap .language { margin-top: 29px; position: static; clear: none }
.top-wrap .tel { margin-top: 18px; margin-right: 20px; padding-top: 0; padding-bottom: 0; padding-right: 20px; position: relative }
.top-wrap .tel:after { content: ''; background: #7f7d7e; width: 1px; height: 35px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.logo h1 a { background-position: top left }
.logo h1 { width: 15%; height: 150px; z-index: 1 }
#nav-menu { padding: 0; padding-top: 8px }
#nav-menu a { padding: 9px 27px }
#nav-menu>ul { margin-left: 158px }
#pc-banner .carousel-indicators { bottom: 0; line-height: 40px; margin: 0; left: 0; right: 0; width: 100%; font-size: 0; background: rgba(0,0,0,.4) }
#pc-banner .carousel-indicators li { border: 0; width: 15px; height: 15px; margin: 0 6px; background: #fff; vertical-align: middle }
#pc-banner .carousel-indicators li.active { background: #e07c00 }
#pc-banner .banner-turn { position: absolute; margin: 0 auto; left: 0; right: 0; height: 20px; bottom: 10px }
#pc-banner .banner-turn .next, #pc-banner .banner-turn .prev { width: 12px; height: 20px; position: absolute; background: url(../images/banner-l.png) no-repeat center; z-index: 15 }
#pc-banner .banner-turn .next { background: url(../images/banner-r.png) no-repeat center; right: 0 }
.tit01 h2 { font-size: 40px }
.featured-tours { margin-top: 45px }
.featured-tours .tab-tit { margin-top: 34px; padding: 19px 10px 24px 10px; font-size: 0 }
.featured-tours .tab-tit a { margin: 0 15px; font-size: 24px; font-weight: 700; border-radius: 5px }
.featured-tours .tab-tit a { width: 22% }
.featured-tours .swiper-container { margin-left: -4% }
.featured-tours .swiper-container .swiper-wrapper { display: block }
.featured-tours .swiper-container .swiper-slide { width: 46%; float: left; margin-left: 4% }
.featured-tours .swiper-container .item2 { margin-top: 50px }
.featured-tours .swiper-container .item3 { margin-top: -10px }
.featured-tours .swiper-container .item4 { margin-top: 40px }
.featured-tours .tours-list.active { display: block }
.tours-list .swiper-slide .con { padding: 24px 30px }
.tours-list .swiper-slide .con .time { margin-top: 14px; padding-top: 18px }
.tours-list .swiper-slide .con .time p { line-height: 30px; font-size: 16px; padding-left: 30px; background-position: 10px center!important }
.tours-list .swiper-slide .con .tit { font-size: 26px }
.tours-list .swiper-slide .con .txt { margin-top: 15px; line-height: 24px; height: 72px; font-size: 16px }
.featured-tours .more { margin-top: 23px }
.search-wrap { margin-top: 60px }
.search-wrap .search-l { padding-top: 40px; padding-bottom: 50px }
.search-wrap .search-l .my-btn { width: 34%; margin-top: 25px }
.search-wrap .search-l .my-btn a { line-height: 55px; font-size: 26px; background-position: 24% center; background-size: 25px }
.search-wrap .search-l .tit { font-size: 40px }
.search-wrap .search-form { width: 34% }
.search-wrap .search-form .sub-btn { margin-top: 40px }
.search-wrap .search-form .sub-btn input { height: 55px; background-size: 30px; font-size: 26px; background-position: 28% center }
.search-wrap .search-r { padding-top: 40px; padding-bottom: 50px }
.search-wrap .search-r a .con { margin-top: 20px }
.search-wrap .search-r a .con p { line-height: 26px; margin-top: 10px; font-size: 16px }
.search-wrap .search-r a .con h2 { font-size: 24px }
.about-wrap .about-l .txt p, .blog-wrap .box-l .con p, .blog-wrap .box-r .con p, .team-wrap .tit01 p, .txt-line { line-height: 30px; font-size: 16px }
.about-wrap { margin-top: 50px }
.about-wrap .about-l { margin-top: 15px }
.about-wrap .about-l .tit01 h2 { text-align: left; font-weight: 700 }
.about-wrap .about-l .more { text-align: left }
.about-wrap .about-l .more a { width: 200px; line-height: 60px; padding: 0; font-size: 24px; text-align: center }
.team-wrap { margin-top: 35px }
.team-wrap .tit01 h2 { margin-bottom: 20px }
.team-wrap .tit01 p { width: 680px }
.team-wrap .team-list { margin-top: 20px }
.team-wrap .team-list li .tit { margin-top: 25px; font-weight: 700; font-size: 20px }
.video-wrap { margin-top: 123px }
.blog-wrap { padding: 100px 0 }
.blog-wrap .box-l, .blog-wrap .box-r { position: relative }
.blog-wrap .box-l .con, .blog-wrap .box-r .con { margin-top: 50px }
.blog-wrap .box-l .con h2, .blog-wrap .box-r .con h2 { line-height: 60px; margin-bottom: 30px }
.blog-wrap .box-l .con h2 a, .blog-wrap .box-r .con h2 a { padding: 0 40px; font-size: 26px }
.blog-wrap .box-l .img img, .blog-wrap .box-r .img img { z-index: 1 }
.blog-wrap .box-l .img:after, .blog-wrap .box-r .img:after { content: ''; position: absolute; left: 0; right: 0; height: 66px; bottom: -27px; background: url(../images/blog.png) no-repeat center bottom; background-size: contain }
.blog-wrap .box-r .img { margin-top: 50px }
.footer-wrap { padding-bottom: 173px }
.footer-wrap .f-menu { overflow: hidden }
.footer-wrap .f-menu dl { width: 20%; margin-bottom: 0; padding-bottom: 30px; float: left }
.footer-wrap .f-menu dl dd a { display: block; width: auto; }
.footer-wrap .f-menu dt { margin-bottom: 20px }
.footer-wrap .f-menu dd a { margin-right: 0; margin-bottom: 15px; font-size: 16px }
.footer-wrap .footer { margin-top: 60px; padding-top: 0; display: flex; align-items: flex-end }
.footer-wrap .footer .f-btns { width: 210px }
.footer-wrap .footer .f-contact { flex: 1 }
.footer-wrap .footer .f-contact .tit { font-size: 16px; font-weight: 700 }
.footer-wrap .footer .f-share a { margin-right: 0; margin-left: 25px; margin-bottom: 30px }
.footer-wrap .footer .f-share .share6, .footer-wrap .footer .f-share .share7, .footer-wrap .footer .f-share .share8 { margin-bottom: 0 }
.footer-wrap .copyright { margin-top: 100px }
.crumbs { padding-bottom: 0; border-top: 16px solid #f0f0f0; font-size: 16px }
.crumbs .container { line-height: 45px; padding-left: 30px; background-position: center left }
.side .side-menu .menu-list li a { line-height: 30px; font-size: 16px }
.page-team-list dd { width: 80% }
.page { padding-top: 30px; padding-bottom: 10px }
.page-search-bar .form-group.select .trigger { line-height: 40px }
.page-search-bar { height: 70px; padding: 15px 10px }
.page-search-bar .form-group.select .options li { font-size: 15px }
.page-search-bar .form-group.sub-btn input { height: 40px; font-size: 20px; padding-left: 56px }
.page-search-list { margin-top: 30px }
.page-tit { padding: 0; padding-left: 20px; background: url(../images/page-tit.png) no-repeat center }
.page-tit h2 { line-height: 50px; font-size: 24px }
.detail-box p {line-height: 26px;}
.page-team-detail { padding: 20px; padding-top: 0 }
.page-team-detail .page-tit { margin-bottom: 20px }
.page-team-detail .con { padding: 0 20px }
.page-team-detail .txt p { line-height: 22px; }
.page-team-detail .img { margin-right: 20px }
.page-leader-gallery .tit { width: 120px; height: 60px }
.page-leader-gallery .tit h2 { line-height: 60px }
.page-leader-gallery .more { margin-top: 40px }
.page-leader-gallery .more a { width: 200px; line-height: 50px; font-size: 20px }
.m-side { display: none }
.side .side-guide { display: block; background: #fff }
.side .side-btns { display: block; font-size: 0 }
}
@media screen and (min-width:1200px) {
body { overflow-x: hidden }
.container { width: 1200px; padding: 0 }
a { transition: all .3s }
.logo h1 { width: 170px; height: 176px; }
.top-wrap { padding-bottom: 0 }
.top-wrap .slogan { width: 412px; margin-left: 177px; margin-top: 16px; }
.top-wrap .language { margin-top: 20px; }
.top-wrap .language a { height: 21px; line-height: 21px; padding-left: 27px; display: inline-block }
.top-wrap .language a:hover { color: #e07c00 }
.top-wrap .tel { padding-right: 0; margin-top: 8px; margin-right: 30px; width: 400px; overflow: hidden; }
.top-wrap .tel p { line-height: 37px; padding-left: 37px; font-size: 16px; float: left; }
.top-wrap .tel .tel01 { margin-right: 15px; }
.top-wrap .tel:after { height: 50px }
#pc-banner { margin-top: 108px; display: block; }
#pc-banner .carousel-inner .item a { display: block }
#pc-banner .carousel-inner .item a img { width: 100% }
#pc-banner .banner-turn { display: block }
#nav-menu { margin-left: 180px; background: url(../images/copyright.png) repeat-x 0 8px; }
#nav-menu>ul { margin-left: 0 }
#nav-menu>ul>li.menu01 a { padding-left: 0 }
#nav-menu>ul>li.menu06 a { padding-right: 0 }
#nav-menu>ul>li.active a { background: 0 0; color: #e07c00 }
#nav-menu>ul>li>a { font-size: 20px; padding: 15px 39px }
#nav-menu>ul>li>a:hover { color: #e07c00 }
.featured-tours .tit01 { margin-bottom: 30px }
.featured-tours .tab-tit { margin-top: 0; height: 99px; background-size: auto; padding: 0; display: block }
.featured-tours .tab-tit a { width: 120px; margin-left: 52px; margin-right: 0; margin-top: 14px; background: url(../images/feature-btn.png) no-repeat center; }
.featured-tours .tab-tit a.tab01 { margin-left: 0 }
.featured-tours .tab-tit.fixed { position: fixed; top: -6px; left: 0; right: 0; z-index: 1 }
.tours-list .swiper-slide:hover img { transform: scale(1.1) }
.tours-list .swiper-slide .img { overflow: hidden }
.tours-list .swiper-slide .img img { transition: transform 2s }
.featured-tours .more a { transition-duration: 1s }
.featured-tours .more a:hover { background-color: #ff8c00 }
.search-wrap { min-height: 621px; background: #444 }
.search-wrap .search-l { width: 30.2%; float: left; box-shadow: 7px 0 20px rgba(0,0,0,.5) }
.search-wrap .search-l .search { width: 290px; margin-right: 30px; float: right }
.search-wrap .search-form { width: 100% }
.search-wrap .search-form .form-group .trigger { line-height: 48px; font-size: 22px }
.search-wrap .search-form .form-group .options li { line-height: 40px; font-size: 18px; cursor: pointer; transition: all .3s linear }
.search-wrap .search-form .form-group .options li:hover { color: #e07c00 }
.search-wrap .search-r { width: 68.23%; float: right }
.search-wrap .search-form .form-group { margin-bottom: 30px }
.search-wrap .search-form .sub-btn { margin-top: 45px }
.search-wrap .search-form .sub-btn input { background-position: 21% center }
.search-wrap .search-l .my-btn { width: 100% }
.search-wrap .search-l .my-btn a { background-position: 13% center }
.search-wrap .search-r a .img { overflow: hidden }
.search-wrap .search-r a .img img { transition: all 1s }
.search-wrap .search-r a:hover .img img { transform: scale(1.1) }
.about-wrap .img { width: 458px }
.about-wrap .about-l { width: 680px }
.about-wrap .about-l .txt { margin-top: 30px }
.about-wrap .about-l .txt p { margin-bottom: 30px }
.about-wrap .about-l .more { margin-top: 50px }
.team-list li { width: 250px }
.search-wrap .search-form .sub-btn input { transition: all .3s linear }
.search-wrap .search-form .sub-btn input:hover { background-color: #ff8c00 }
.search-wrap .search-l .my-btn a { transition: all .3s linear }
.search-wrap .search-l .my-btn a:hover { background-color: #e9e9e9 }
.team-wrap { padding-bottom: 110px; background: url(../images/team-bg.png) no-repeat center bottom }
.team-wrap .team-list { margin-top: 25px }
.team-wrap .team-list li { margin-left: 66px; margin-right: 0 }
.team-wrap .team-list .item01 { margin-left: 0 }
.team-list li a .img img { transition: all .3s linear }
.team-list li a:hover .img img { transform: scale(1.1); transition: all .3s linear }
.team-list li a:hover .tit { color: #e07c00 }
.video-wrap { margin-top: 0 }
.blog-wrap .box-l, .blog-wrap .box-r { width: 550px }
.footer-wrap { margin-top: 60px; padding-top: 80px }
.footer-wrap .f-menu dl dd a { margin-bottom: 12px }
.footer-wrap .f-menu dl dd a:hover { color: #e07c00 }
.footer-wrap .footer .f-contact { width: 230px; margin-left: 180px }
.footer-wrap .f-btns .btn02 { margin-top: 30px }
.footer-wrap .f-contact .tit { margin-bottom: 22px }
.footer-wrap .f-contact .tel { margin-bottom: 15px }
.footer-wrap .f-contact .con { font-size: 16px; line-height: 24px }
.footer-wrap .footer .f-share { width: 28% }
.footer-wrap .copyright { padding-top: 20px; border-top: 0; background: url(../images/copyright.png) no-repeat center top; font-size: 16px }
.about-wrap .about-l .more a:hover { background-color: #ff8c00 }
.blog-wrap .box-l .con h2, .blog-wrap .box-r .con h2 { transition: all .3s linear }
.blog-wrap .box-l .con h2:hover, .blog-wrap .box-r .con h2:hover { background: #a92002 }
.footer-wrap .f-btns .btn:hover { color: #fff }
.footer-wrap .footer .f-share a img { transition: all .6s }
.footer-wrap .footer .f-share a:hover img { transform: translateY(-10px) }
.crumbs .container a:hover { color: #e07c00 }
.main { margin-top: 30px }
.side { width: 200px; float: left }
.side .side-tit { display: block; background: url(../images/side-tit.png) no-repeat center }
.side .side-tit h2 { line-height: 50px; padding-left: 20px; color: #fff; font-size: 20px }
.main-r { width: 960px; float: right }
.main-r .content { margin-top: 0 }
.side .side-menu { box-shadow: 0 0 5px rgba(0,0,0,.25) }
.side .side-menu .menu-list { display: block; padding: 0 10px 24px 10px }
.side .side-menu .menu-list li { width: 100%; border-bottom: 1px solid #d5d5d5 }
.side .side-menu .menu-list li span { display: none!important }
.side .side-menu .menu-list li a { line-height: 50px; padding: 0 10px }
.side .side-menu .menu-list li:hover>a { color: #e07c00 }
.page-team-list dl { transition: all .3s linear }
.page-team-list dl dd h2 a { transition: all .3s linear }
.page-team-list dl:hover { background: #fcf2e5 }
.page-team-list dl:hover dd h2 a { color: #e07c00 }
.page-testimonials dl { transition: all .3s linear }
.page-testimonials dl:hover { background: #fcf2e5 }
.page-blogs-list dl dt a { overflow: hidden }
.page-blogs-list dl dt img { transition: all .3s linear }
.page-blogs-list dl:hover dt img { transform: scale(1.1) }
.page-blogs-list dl:hover dd .tit a { color: #e07c00 }
.page-media-picture, .page-mpd-list { margin-left: -10px }
.page-media-picture li, .page-mpd-list li { width: 455px; margin-left: 10px; margin-bottom: 10px; }
.page-media-picture li a, .page-mpd-list li a { overflow: hidden }
.page-media-picture li a img, .page-mpd-list li a img { transition: linear .6s transform }
.page-media-picture li a .txt, .page-mpd-list li a .txt { bottom: -62px; padding-left: 20px; padding-right: 20px; transition: all .3s linear; }
.page-media-picture li a:after, .page-mpd-list li a:after { transition: all .3s linear }
.page-media-picture li a:hover img, .page-mpd-list li a:hover img { transform: scale(1.1) }
.page-media-picture li a:hover .txt, .page-mpd-list li a:hover .txt { bottom: 0 }
.page-mpd-list { margin-left: 0 }
.page-mpd-list li { margin-left: 0; margin-right: 0 }
.page-video-list { margin-left: -20px }
.page-video-list dl { width: 450px; margin-right: 0; margin-left: 20px; }
.page-video-list dl dt span { overflow: hidden }
.page-video-list dl dt span img { transition: transform .6s linear }
.page-video-list dl dt span:after { transition: all .3s linear }
.page-video-list dl:hover dt span img { transform: scale(1.1) }
.page-video-list dl:hover dd h2 a { color: #e07c00 }
.page-video-list dd { padding: 15px 20px }
.page-video-list dd h2 { margin-bottom: 10px }
.page-video-list dd p { line-height: 26px; height: 104px; max-height: none }
.side .side-menu .menu-list li.active .thd-menu { display: block }
.side .side-menu .menu-list li .thd-menu { width: auto; margin: 0; border-top: 1px solid #d5d5d5; box-shadow: none; background: 0 0; position: static }
.side .side-menu .menu-list li .thd-menu li { margin: 0; position: static; border-bottom: 0 }
.side .side-menu .menu-list li .thd-menu li a { line-height: 30px; padding-left: 12px; position: relative }
.side .side-menu .menu-list li .thd-menu li a:before { content: '•'; color: #b3b3b3; position: absolute; left: 0 }
.page-search-bar { height: auto; padding-bottom: 0; border-top: 16px solid #f0f0f0; background: 0 0 }
.page-search-bar form { width: 1300px; height: 99px; padding: 0; padding-top: 19px; margin: 0 auto; background: url(../images/page-search-bg.png) no-repeat center top }
.page-search-bar .form-group { margin-right: 0; width: 224px }
.page-search-bar .form01 { margin-left: 47px }
.page-search-bar .form-group.select .trigger { line-height: 48px; font-size: 15px }
.page-search-bar .form-group.select .trigger:focus { color: #333 }
.page-search-bar .form-group.select .options li { cursor: pointer }
.page-search-bar .form-group.select .options li:hover { color: #e07c00 }
.page-search-bar .form-group.sub-btn { margin-left: 37px }
.page-search-bar .form-group.sub-btn input { height: 55px; padding-left: 66px; font-size: 26px; background-size: 30px; background-position: 28px center }
.page-search-bar .form-group.select { padding-top: 4px }
.page-search-bar .form-group.select .options li { font-size: 16px }
.page-search-list { margin-top: 0; margin-left: -26px; padding: 0; }
.page-search-list dl { width: 382px; height: 520px; margin-right: 0; margin-left: 26px; transition: all .3s linear }
.page-search-list dl dt { overflow: hidden }
.page-search-list dl dt img { transition: 2s linear transform }
.page-search-list dl:hover { border-color: #e07c00 }
.page-search-list dl:hover dt img { transform: scale(1.1) }
.page-search-list dl:hover a dd .tit { color: #e07c00 }
.page-search-list dd { padding: 20px }
.page-search-list dd .tit { font-size: 22px; margin-bottom: 8px }
.page-search-list dd .txt { line-height: 26px; height: 130px }
.page-search-list dd .time p { line-height: 33px; margin-bottom: 0 }
.page-reports-list dl, .page-sister-list dl { margin-bottom: 30px; padding-bottom: 30px }
.page-reports-list dl:hover dd .tit a, .page-sister-list dl:hover dd .tit a { color: #e07c00 }
.page-reports-list dt, .page-sister-list dt { margin-right: 20px }
.page-reports-list dd .tit, .page-sister-list dd .tit { margin-bottom: 0 }
.page-reports-list dd .tit a:hover, .page-sister-list dd .tit a:hover { color: #e07c00 }
.page-reports-list dd .txt, .page-reports-list dd .website, .page-sister-list dd .txt, .page-sister-list dd .website { font-size: 16px }
.page-reports-list dl { margin-bottom: 20px; padding-bottom: 0 }
.page-reports-list dl dt span { display: block; overflow: hidden }
.page-reports-list dl dt span img { transition: all .3s linear }
.page-reports-list dl:hover dt span img { transform: scale(1.1) }
.page-calendar .page-search-list { margin-left: -16px }
.page-calendar .page-search-list dl { width: 450px; height: 552px; margin-left: 16px; margin-bottom: 20px; }
.page-calendar .page-search-list dd .txt { height: 104px; margin-bottom: 15px }
.side .side-menu .menu-list li .thd-menu { padding-top: 15px }
.side .side-menu .menu-list li .thd-menu li a { font-size: 15px; line-height: 22px; margin-bottom: 10px }
.page-tours-gallery dd .txt { height: 104px }
.side .side-menu .menu-list li .thd-menu::-webkit-scrollbar {
width:.5rem;
height:.5rem;
background:rgba(255,255,255,.6)
}
.side .side-menu .menu-list li .thd-menu::-webkit-scrollbar-track {
border-radius:0
}
.side .side-menu .menu-list li .thd-menu::-webkit-scrollbar-thumb {
border-radius:0;
background-color:rgba(95,95,95,.4);
transition:all .2s;
border-radius:.5rem
}
.side .side-menu .menu-list li .thd-menu::-webkit-scrollbar-thumb:hover {
background-color:rgba(95,95,95,.7)
}
.page-team-detail { padding-bottom: 0 }
.page-leader-gallery { margin-top: 40px; margin-bottom: 50px }
.page-leader-tours .tab-tit { padding: 0 20px }
.page-leader-tours .tab-tit h2 { line-height: 50px; font-size: 24px }
.page-leader-tours .tab-tit a { margin-top: 13px; transition: none }
.page-leader-tours .tab-content .page-search-list { padding-top: 20px; padding-bottom: 20px; margin: 0 20px }
.page-leader-tours .tab-content .page-search-list dl { width: 100%; height: auto; margin: 0; margin-bottom: 24px; padding: 20px; background: #fff; overflow: hidden; float: none; border-radius: 5px }
.page-leader-tours .tab-content .page-search-list dt { width: 275px; margin-right: 15px; float: left; padding-top: 178px }
.page-leader-tours .tab-content .page-search-list dd { padding: 0; overflow: hidden }
.page-leader-tours .tab-content .page-search-list dd .tit { font-weight: 400; font-size: 20px }
.page-leader-tours .tab-content .page-search-list dd .txt { height: 78px; margin-bottom: 10px }
.page-leader-tours .tab-content .page-search-list dd .time p { line-height: 30px }
.page-leader-tours .tab-content .page-reports-list { padding: 20px 0; margin: 0 20px }
.page-leader-tours .tab-content .page-reports-list dl { margin-bottom: 20px }
.page-leader-testimonial .page-testimonials { margin: 0 20px; padding: 20px 0; padding-bottom: 30px }
.page-leader-testimonial .page-testimonials dl { padding-bottom: 30px; margin-bottom: 30px }
.page-leader-testimonial .page-testimonials dl:first-child { padding-top: 10px }
.page-leader-testimonial .page-testimonials dl:hover { background: 0 0 }
.page-testimonials dd { width: 79% }
.page-why.swiper-container { margin-bottom: 50px }
.page-why .swiper-pagination[class] { height: 40px; line-height: 40px }
.page-why .swiper-pagination[class] .swiper-pagination-bullet { margin: 0 7px }
.text-title { margin-bottom: 30px }
.text-title h1 { margin-bottom: 6px; font-size: 26px }
.text-title p { color: #999 }
.turn-page p { padding: 0; line-height: 50px }
.turn-page p span { padding-left: 20px }
.turn-page p:hover { background: #e07c00 }
.side-download { margin-top: 20px }
.side-download a { width: 100%; line-height: 50px; padding-left: 60px; padding-right: 20px; font-size: 20px }
.side-download a:before { background-size: 26px; left: 20px }
.side-guide { padding-bottom: 10px; border: 0; background: #f1f2f2; box-shadow: 0 3px 3px #e5e5e5 }
.side-guide a { width: auto; line-height: 48px; padding: 0 10px; border: 0; display: block; font-size: 20px }
.side-guide a:after { content: ''; width: 100%; height: 1px; background: #ccc; display: block }
.side-guide a:hover { color: #333 }
.side-guide a.active { background: #811801; color: #fff; border-radius: 5px }
.side-guide a.active:after { background: #811801 }
.side-btns { position: static }
.side-btns a { width: auto; display: block; text-align: left; font-size: 20px; font-weight: 700 }
.side-btns .btn1 { line-height: 50px; margin-bottom: 10px; padding-left: 75px; border-radius: 5px; background: url(../images/inquire.png) 40px center #e07c00 no-repeat; }
.side-btns .btn2 { line-height: 30px; padding-left: 70px; padding-top: 10px; padding-bottom: 10px; position: relative; border-radius: 5px }
.side-btns .btn2:before { content: ''; width: 30px; height: 30px; background: url(../images/download2.png) no-repeat center; left: 20px; top: 0; bottom: 0; margin: auto; position: absolute }
.detail-box p { margin-bottom: 10px }
#overview .table tr td { line-height: 26px }
#overview .table tr th { min-width: 160px }
#overview .info-sheet h2 { line-height: 50px }
#overview .page-leader-gallery { margin-top: 30px; margin-bottom: 0; }
#itinerary {/* margin-top: 30px */ }
#itinerary .map { margin-bottom: 30px }
#itinerary .detail-box p {line-height: 26px;margin-bottom: 25px;}
#itinerary .tours-tit03 h2 { margin-bottom: 10px }
#guide {/* margin-top: 30px */ }
#guide .tours-guide { margin-top: 25px }
#guide .tours-guide .box .con { width: 80% }
#extension {/* margin-top: 40px */ }
.side.fixed { position: fixed; top: 30px }
.inquire-wrap .modal-header { padding-left: 40px; padding-right: 40px }
.inquire-wrap .modal-header h2 { font-size: 24px }
.inquire-wrap .modal-body { padding-left: 40px; padding-right: 40px }
.inquire-wrap .modal-body .form-group.sub-btn .form-control { font-size: 20px; height: 50px }
.inquire-wrap .form-group .sub-btn { margin-bottom: 0 }
.inquire-wrap .modal-footer { padding-bottom: 30px }
body.custome { background-position: center 140px }
body.custome .main { margin-top: 140px; padding-top: 40px; padding: 40px 180px 155px 180px }
body.custome .crumbs { padding-left: 30px; padding-bottom: 10px }
body.custome .detail-box { margin-top: 70px }
.custome-tit h2 { font-size: 24px; padding-bottom: 15px; margin-bottom: 20px }
.custome-tit p { margin-bottom: 0 }
.page-custome { margin-top: 30px }
.page-custome .form-group .tit { line-height: 40px }
.page-custome .form-group .tit span { height: 40px }
.page-custome .form-group .tit h2 { font-size: 18px; line-height: 40px }
.page-custome .form-group { overflow: hidden }
.page-custome .form-group .tit { width: 258px; float: left }
.page-custome .form-group .group-r { width: 580px; float: right }
.page-custome .form-group .form-control { height: 40px; font-size: 16px }
.page-custome .form-group.mobile .group-r, .page-custome .form-group.username .group-r { margin-left: -20px; font-size: 0; overflow: hidden }
.page-custome .form-group.mobile .group-r .form-control, .page-custome .form-group.username .group-r .form-control { width: 100%; margin-left: 20px; float: left; }
.page-custome .form-group.mobile .group-r .item01, .page-custome .form-group.username .group-r .item01 { margin-left: 0; margin-bottom: 0; }
.page-custome .form-group.mobile .group-r .item01 { width: 180px }
.page-custome .form-group.mobile .group-r .item02 {/* width: 380px; */ margin-left: 0; }
.page-custome .form-group.dates .group-r { font-size: 0; position: relative }
.page-custome .form-group.dates .group-r .form-control { width: 80px; margin-left: 10px }
.page-custome .form-group.dates .group-r .item01 { margin-left: 0 }
.page-custome .form-group.dates .group-r .item04 { margin-left: 60px }
.page-custome .form-group.dates .group-r span { line-height: 40px; display: inline-block }
.page-custome .form-group.dates .group-r:before { content: '—'; position: absolute; height: 1px; left: 280px; top: 8px; font-size: 16px; color: #999 }
.page-custome .form-group.adults .group-r .form-control, .page-custome .form-group.kids .group-r .form-control { width: 180px }
.page-custome .form-group .checkbox-inline, .page-custome .form-group .radio-inline { width: 32%; margin-right: 0; margin-bottom: 12px }
.page-custome .form-group .other .form-control { width: 530px; padding-top: 0; height: 30px; float: right; }
.page-custome .form-group .radio-inline { line-height: 40px; margin-bottom: 0; }
.page-custome .form-group .radio-inline input { margin-top: 14px; }
.page-custome .form-group .tit { margin-bottom: 0 }
.page-custome .form-group .other.rooms { margin-top: 5px }
.page-custome .form-group .other.rooms .form-control { width: 495px; }
.page-custome .form-group textarea.form-control { height: 120px }
.page-custome .form-group.from .tit, .page-custome .form-group.from .tit h2 { line-height: 22px }
.page-custome .form-group.from .group-r .radio-inline { margin-bottom: 10px }
.page-custome .form-group.from .group-r .other span { margin-top: 0 }
.page-custome .form-group.from .group-r .other input { height: 22px }
.page-custome .form-group.subscribe { margin-top: 22px }
.page-custome .form-group.subscribe .tit, .page-custome .form-group.subscribe .tit h2 { line-height: 22px }
.page-custome .form-group.sub-btn { margin-top: 65px; overflow: hidden }
.page-custome .form-group.sub-btn .form-control { width: 580px; float: right; height: 50px; font-size: 20px }
#nav-menu>ul>li:hover>a { color: #e07c00 }
#nav-menu>ul>li .sec-menu { width: 188px; position: absolute; z-index: 100; background: rgba(136,72,3,.7); text-align: left }
#nav-menu>ul>li .sec-menu li { line-height: 48px }
#nav-menu>ul>li .sec-menu li:hover>a:after { content: '>'; position: absolute; left: 170px; top: 0; color: #ffdda9 }
#nav-menu>ul>li .sec-menu li a { color: #ffdda9; padding: 0 20px; display: block }
#nav-menu>ul>li .sec-menu li a:hover { text-decoration: underline }
#nav-menu>ul>li .sec-menu li>a { position: relative; padding-left: 38px; }
#nav-menu>ul>li .sec-menu li .thd-menu { width: 205px; padding: 10px 0; margin-top: -48px; display: none; position: absolute; left: 100%; background: rgba(159,84,3,.7) }
#nav-menu>ul>li .sec-menu li .thd-menu li { line-height: 40px }
#nav-menu>ul>li .sec-menu li .thd-menu li a:after { display: none }
.detail-box { margin-top: 0 }
.page-resource-travel .money { height: auto }
.blog-wrap { margin-bottom: -60px }
.page-calendar .calendar-tit { padding: 13px 20px; border-bottom: 1px solid #d9d9d9 }
.page-calendar .calendar-tit h2 { font-size: 24px }
.active .calendar-tit { border-bottom: 0 }
.page-tour-list dl { width: 447px; height: 548px; }
.page-tour-list dd .txt { height: 104px }
.featured-tours .tab-tit.fixed { z-index: 2 }
.featured-tours .swiper-container .swiper-wrapper { overflow: hidden }
.featured-tours .tours-list { margin-left: -40px }
.featured-tours .tours-list .swiper-slide { width: 580px; margin-left: 40px }
.featured-tours .tours-list .swiper-slide .con { padding: 24px 30px }
.featured-tours .tours-list .swiper-slide .con .tit { font-size: 26px }
.featured-tours .tours-list .swiper-slide .con .txt { margin-top: 15px; line-height: 24px; height: 72px; font-size: 16px }
.featured-tours .tours-list .swiper-slide .con .time { margin-top: 14px; padding-top: 18px }
.featured-tours .tours-list .swiper-slide .con .time p { line-height: 30px; font-size: 16px; padding-left: 30px; background-position: 10px center!important }
.search-wrap .search-form .form-group .trigger { padding-left: 14px; font-size: 20px }
#nav-menu>ul>li .sec-menu li.hideArrow a:after { display: none }
#nav-menu>ul { width: 100% }
#nav-menu>ul>li { line-height: 50px }
#nav-menu>ul>li>a { line-height: 50px; padding: 0 38px; text-align: center; display: block }
.page-tips { margin-bottom: 20px }
.fixed-bottom, .m-side { display: none }
.side { display: block }
.side-btns { display: block }
#overview { padding-top: 15px }
.main.tours .main-r {/* padding: 0 */ }
.side { position: -webkit-sticky; position: sticky; top: 10px }
#dates-price, #extension, #guide, #itinerary, #overview, #reports, #testimonials { padding-top: 20px }
.page-calendar .calendar-tit:hover { cursor: pointer }
.inquire-wrap .modal-header h2 { margin-top: 10px }
#overview .table tr th { font-size: 18px; min-width: 180px }
.inquire-wrap .modal-body .form-group.inline { margin-left: -10px; overflow: hidden; position: relative }
.inquire-wrap .modal-body .form-group.inline .form-control { width: 254px; margin-left: 10px; margin-bottom: 0; float: left }
.inquire-wrap .modal-body .form-group.inline.required .icon { margin-top: 10px }
.inquire-wrap .modal-body .form-group.inline.required .icon.icon01 { right: auto; left: 242px }
.fixed-side { width: 60px; position: fixed; right: 10px; bottom: 10%; z-index: 32; display: block; }
.fixed-side .box { height: 60px; padding-top: 10px; box-shadow: 0 0 5px rgba(0,0,0,.28); border-radius: 5px; margin-bottom: 10px; position: relative; background: #fff; cursor: pointer; display: block; text-decoration: none }
.fixed-side .box:hover { background-color: #811802 }
.fixed-side .box:hover .tit { color: #fff }
.fixed-side .box:hover .txt { display: block }
.fixed-side .box:before { width: 22px; height: 22px; content: ''; display: block; margin: 0 auto; background: url(../images/fixed-side.png) no-repeat }
.fixed-side .box .tit { display: block; text-align: center; font-size: 14px; font-weight: 700; color: #333; margin-top: 5px }
.fixed-side .box .txt { min-width: 165px; height: 60px; line-height: 60px; margin-right: 10px; padding: 0 20px; position: absolute; right: 100%; top: 0; background-color: #811802; border-radius: 5px; color: #fff; text-align: right; font-size: 17px; display: none }
.fixed-side .box.box01 .tit { margin-top: 0 }
.fixed-side .box.box01:before { background-position: -10px -90px }
.fixed-side .box.box01:hover:before { background-position: -52px -90px }
.fixed-side .box.box01 .txt { display: none }
.fixed-side .box.box02:before { background-position: -10px -10px }
.fixed-side .box.box02:hover:before { background-position: -52px -10px }
.fixed-side .box.box03:before { background-position: -10px -52px }
.fixed-side .box.box03:hover:before { background-position: -52px -52px }
.fixed-side.zh .box03 .txt { top: auto; bottom: 100%; background: 0 0 }
.fixed-side.zh .box03 .txt img { width: 160px; box-shadow: 0 0 6px rgba(0,0,0,.35) }
.fixed-side.zh .box03:before { background-position: -94px -10px }
.fixed-side.zh .box03:hover:before { background-position: -94px -48px }
#dates-price, #extension, #guide, #itinerary, #overview, #reports, #testimonials { padding-top: 50px; padding-left: 20px; padding-right: 20px }
#extension .page-tour-list dl { width: 446px }
.side .side-menu .menu-list li .thd-menu li a:hover:before, .side .side-menu .menu-list li .thd-menu li.active a:before { color: #e07c00 }
.side .side-btns { margin-top: 20px }
.side .side-menu .menu-btn { display: none }
.tours-tit02 h2 { font-size: 20px }
#overview { padding-top: 0 }
.featured-tours .swiper-container .swiper-slide a:hover .con .tit { color: #e07c00 }
.main-r { padding: 0; padding-left: 20px; padding-right: 20px; }
.page-search-list dl a:hover { color: #333 }
#itinerary .map .tit h2, .page-leader-gallery .tit h2 { font-size: 20px; font-weight: 700; line-height: 60px }
#itinerary .map .tit, .page-leader-gallery .tit { height: 60px; width: 140px }
.featured-tours .tab-tit { background: url(../images/feature-tab.png) no-repeat center top }
.custome-tit, .page-custome { padding: 0 }
.featured-tours .tab-tit a { font-size: 19px; margin-top: 17px }
.top-wrap { position: fixed; top: 0; left: 0; right: 0; z-index: 16 }
.page-banner { margin-top: 108px; }
.crumbs { display: block }
#dates-price, #extension, #guide, #itinerary, #overview, #reports, #testimonials { padding-left: 0; padding-right: 0; }
.side { top: 230px }
.page-team-list dl a:hover dd h2 { color: #811801; }
.page-video-list dl a:hover dd h2, .page-reports-list dl a:hover dd .tit, .page-blogs-list dl a:hover dd .tit { color: #e07c00; }
.page-blogs-list dt span { overflow: hidden; }
.page-search-list dd .time p { font-size: 16px; }
.page-reports-list dd { padding-left: 0; }
.video-wrap { display: block; }
}
@media screen and (min-width:1600px) {
.search-wrap .search-r { padding-left: 0; padding-right: 13.54% }
.search-wrap .search-r .box { width: 30.75%; margin-right: 3%; margin-left: 0 }
.search-wrap .search-r .box.box03 { margin-right: 0 }
}