@charset "utf-8";
body,th,td,input,select,textarea,h1,h2,h3,h4,i,em,button{font-family:"microsoft yahei",Tahoma, Geneva, sans-serif;}
body{background-color: #f7f7f7;}
.header{height:400px;position:relative;overflow:hidden;}
.navbar{margin-bottom:0;border-radius:0;position: relative;z-index:3;}
.navbar-inverse .navbar-nav>li>a{color:#fff;}
.banner{position:absolute;z-index:2;top:100px;width:100%; text-align: center;color:#fff;margin-top:0;}
.banner h1{text-align: center;}
.banner h2{font-family:"century schoolbook";letter-spacing:10px;font-size:28px;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.banner .line{display:block;height:1px;width:80px;background-color: #fff;margin:0 auto 20px;}
.banner p{font-size:14px;font-weight:600;letter-spacing:4px;margin-bottom:10px;}
.search-form{display:none;padding:24px;background-color: rgba(255,255,255,.4);margin:0 auto;border-radius:3px;font-size:20px;}
.search-form div{border:1px solid rgba(202,202,202,.5);overflow:hidden;border-radius:5px;}
.search-input{float:left;/*width:100%;*/height:50px;line-height:50px; padding:10px;color:#333;border:0;}
.search-btn{float: left; /*width:100%;*/height:50px;line-height:50px;border:0;background-color:#2871ca;font-size:24px;}
.mynavbar{position:absolute;left:0;top:50px;z-index:100;width:100%;margin:0 !important;background-color:#222;}
.mynavbar .line-x{margin: 0;border-top-color:#ccc;}
.mynavbar .pull-right{float:none !important;}
.navbar.index-header{background-color:rgba(0,0,0,.1);border:0;border-bottom:1px solid rgba(255,255,255,.4);}
.index-header .mynavbar{background-color:transparent;}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover{background-color:rgba(255,255,255,.5);}

.video-bg{position:relative;top:-51px; height:100%;}
.close-sound{display:block;position:absolute;right:10px;top:60px;z-index:10;text-indent:12px;line-height:20px;width:40px;height:40px;background-color:#fff;border-radius:50%;cursor:pointer;font-size:20px;line-height:40px;}
.video-bar{position:absolute;top:0;left:0;bottom:0;right:0; width:100%;height:100%;z-index:1;overflow:hidden;}
.video-bar img{position:absolute;top:0;left:0;right:0;width:100%;height:100%;}
.video-bar video{display:block;position:absolute;right:0;bottom:0;left:0;margin:auto;min-width:100%;min-height:100%;width:auto;height:auto;}
@media (min-width:320px){
  .header{height:380px;/*background:url(../Image/banner.jpg) no-repeat;background-position:-360px bottom;*/}
  .mynavbar .line-x{display:block;}
  .video-bar video{display:none;}
  .index-header .mynavbar{background-color:#222;}
}
@media (min-width:480px){
  .header{height:480px;background-position: center bottom;}
  .search-form{width:400px;display:block;}
  .search-input{width:300px;}
  .search-btn{width:50px;}
  /* .banner{margin-top:0;} */
  .banner h2{font-size:30px;}
  .banner p{font-size:14px;letter-spacing:8px;}
  .banner .line{width:90px;}
  .sub-nav-list a{width:80px;}
  .video-bar video{display:none;}
  /*.mynavbar .pull-right{float:none !important;}*/
}
@media (min-width:640px) {
  .header{height:480px;}
  .search-form{width:500px;}
  .search-input{width:400px;}
  /* .search-btn{width:50px;} */
  /* .banner{margin-top:0;} */
  .banner h2{font-size:40px;}
  .banner p{font-size:16px;letter-spacing:10px;}
  .banner .line{width:110px;}
  /*.mynavbar .pull-right{float:none !important;}*/
}
@media (min-width:768px) {
  .header{height:500px;}
  .search-form{width:600px;}
  .search-input{width:500px;}
  /* .banner{margin-top:30px;} */
  .banner h2{font-size:50px;}
  .banner p{font-size:18px;letter-spacing:14px;}
  .banner .line{width:130px;height:2px;}
  .mynavbar{position:static;}
  .mynavbar .pull-right{float:right !important;}
  .mynavbar .line-x{display:none;}
  .index-header .mynavbar{background-color:transparent;}
  /*.video-bar{display:none;}*/
 .video-bar video{display:block;}
}
@media (min-width: 992px) {
  .header{height:580px;}
  .search-form {width:700px;}
  .search-input{width:600px;}
  /* .banner{margin-top:140px;} */
  .banner h2{font-size:60px;}
  .banner p{font-size:20px;letter-spacing:16px;}
  .banner .line{width:150px;height:4px;}
}
@media (min-width: 1200px) {
  .header{height:660px;}
  .search-form {width:800px;}
  .search-input{width:700px;}
  /* .banner{margin-top:150px;} */
  .banner h2{font-size:72px;}
  .banner p{font-size:25px;letter-spacing:18px;}
  .banner .line{width:177px;height:5px;}
}


.sub-nav{background-color:rgba(51, 51, 51,1);border-bottom:65px solid #343432;}
.sub-nav-inner{border-bottom:1px solid #0a0a0a;}
.sub-nav-list{list-style:none;padding:0;margin:0;overflow:hidden;}
.sub-nav-list li{float:left;}
.sub-nav-list a{display:block;width:90px;height:70px;line-height:70px;text-align:center;font-size:18px;color:#7f7e7e;}
.sub-nav-list a:hover{text-decoration:none;background-color:rgba(151, 151, 151,1);color:#fff;}
@media (min-width:320px) {
  .sub-nav-list a{width:56px;}
}
@media (min-width:480px) {
  .sub-nav-list a{width:90px;}
}
.acti-search-form{text-align:right;margin-top:18px;}
.images-box{width:100%;overflow:hidden;}
.images-box a{display:block;}
.images-box .row{margin:0;}
.images-box img,.img-box img{width:100%;
  -webkit-transition:all 1.5s;
     -moz-transition:all 1.5s;
       -o-transition:all 1.5s;
          transition:all 1.5s;
}
.images-box img{height:auto;min-height:240px;max-height:340px;}         
.images-box .mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9; margin:auto;background-color:rgba(0,0,0,.3);
-webkit-transition:all 1.5s;
   -moz-transition:all 1.5s;
     -o-transition:all 1.5s;
        transition:all 1.5s;
}
.images-box>div>div:hover .mask{background-color:rgba(0,0,0,0);}
.images-box [class*="col-"]{padding:0;overflow:hidden;}
.images-box .img-cont{position:absolute;top:4px;left:4px;right:4px;bottom:4px;z-index:10;margin:auto;border:1px solid #fff;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.img-cont{color:#fff;}
.img-cont h2{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:table;width:100%;font-size:24px;font-weight:normal;text-align:center;}
.img-cont p{position:absolute;margin:0;}
.img-cont .time{top:10px;left:10px;font-size:12px;}
.img-cont .info{bottom:10px;left:10px;font-size:14px;}
@media (min-width:480px) {
.img-cont h2{font-size:28px;}
.img-cont .info{font-size:110%;}
}
@media (min-width:640px) {
.img-cont h2{font-size:40px;}
.img-cont .info{font-size:120%;}
}
@media (min-width:768px) {
.img-cont .info{font-size:130%;}
}
@media (min-width: 992px) {
.img-cont h2{font-size:30px;}
.img-cont .info{font-size:140%;}
}
@media (min-width: 1200px) {
.img-cont h2{font-size:40px;}
.img-cont .info{font-size:150%;}
}
.images-box>div>div:hover img,.img-box:hover img{
  -webkit-transform:scale(1.5,1.5);
     -moz-transform:scale(1.5,1.5);
       -o-transform:scale(1.5,1.5);
        transform:scale(1.5,1.5);
}
.df-navbar-brand{width:180px;color: #fff !important;padding:0;line-height: 50px;}
.df-navbar-brand img{display: inline-block;margin:0 10px;width:38px;vertical-align:middle;}


/*团队介绍*/
.team-box{position:relative;width:90%;margin:40px auto 20px;}
.arrow{position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat}
.prev{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left: 10px;right: auto}
.next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 10px;left: auto;}
.team-list{list-style:none;padding: 0;}
.team-list li{float:left;text-align: center;cursor: pointer;}
.team-list li span{display: inline-block; width:50%;border-radius:50%;overflow: hidden;margin-top:20%;}
/*.team-list li h3,.team-list li p{display:none;}*/
.team-list li.swiper-slide-next+li span{width: 80%; margin-top:0;
-webkit-transition:all .2s;
   -moz-transition:all .2s;
     -o-transition:all .2s;
        transition:all .2s;}
@media only screen and (max-width:768px) {
  .team-list li.swiper-slide-next+li span{width:50%;margin-top:20%;}
  .team-list li.swiper-slide-next span{width: 80%;margin-top:0;}
}
/*@media only screen and (min-width:768px ) {
  .team-list li.swiper-slide-next+li span{width: 80%; margin-top:0;}
  .team-list li.swiper-slide-next span{width:50%;margin-top:20%;}
}*/
@media (min-width:320px) {
  .arrow{display:none;}
}
@media (min-width:480px) {
  .team-list li h3{color: #4d4d4d;font-size:14px;}
  .team-list li p{color: #767676;font-size:12px;}
}
@media (min-width:640px) {
  .team-list li h3{color: #4d4d4d;font-size:20px;}
  .team-list li p{color: #767676;font-size:16px;}
}
.team-list li.on h3,.team-list li.on p{display: block;
-webkit-transition:all .2s;
   -moz-transition:all .2s;
     -o-transition:all .2s;
        transition:all .2s;}
.team-list li img{width: 100%;height: auto;}
.team-box .line-x{position:absolute;z-index: -1;width: 100%;top:26px;border-top: 2px solid #8d8d8d;margin: 0;}

.team-item{text-align: center;}
.team-member{font-size: 20px;}
.team-img{display: block;width: 100%;height: 100%; }
.team-img img{width: 100%;border-radius: 50%;}
/*最新活动*/
.newest-activity{padding-bottom:100px;}
.newest-activity .title{text-align: center;margin-bottom:0;}
.newest-activity .title span{display: inline-block;width: 186px;height: 44px;background-color:#000;color: #fff;font-size: 30px;line-height: 44px;letter-spacing:6px;}
.ac-item{margin-top:50px;border-bottom:1px solid #3c3c3c;}
.ac-item a{display:block;color:#333;}
.ac-item a:hover{text-decoration:none;}
.img-box,.txt-box{overflow: hidden;}
.txt-box *{letter-spacing: 2px;}
.txt-box h3{font-size: 16px;font-weight:bold;margin-top:10px;}
.txt-box h3 a{color:#333;display:inline;}
.txt-box h3 a:hover{color:#666;}
.txt-box p{font-size:12px;}
@media (min-width:320px) {
.ac-item{margin-top:20px;}
}
@media (min-width:768px) {
.ac-item{margin-top:30px;}
.txt-box *{letter-spacing:1px;}
.arrow{display:block;}
}
@media (min-width:1200px) {
.ac-item{margin-top:40px;}
.txt-box *{letter-spacing:2px;}
}
/*旅行的故事*/
.story-box{background-color:#fff;overflow:hidden;}
.stories{width:70%;margin:60px auto 180px;}
.stories h2{font-size:44px;text-align: center;margin-bottom:40px;font-family:"BodoniMT BoldItalic";}
.heading{text-align: center;}
.heading h3{font-size:24px;}
.heading p{font-size:20px;}
.heading img{width:8%;}
.videos{position:relative;}
.stroy-list{list-style: none;padding:0;margin:0;}
.stroy-list li{float:left;}
.video-box{position:relative;}
.play-btn{display:none;position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-40px; width:80px;height: 80px;background: url(../Image/play.png) center center no-repeat;background-size:cover;}
.video-box:hover .play-btn{display:block;}
.video-list{overflow:hidden;}
.videos .arrow{top:64%;}
.videos .prev{left:-20%;}
.videos .next{right:-20%;}

.foot-copyright{background:url(../Image/foot_bg.png) 0 0 repeat;padding:20px 0;}
.copyright{color:#fff;margin-top:30px;}
.copyright p{letter-spacing:2px;}
.copyright .p1{font-size:20px;}
.copyright .p2{font-size:16px;color:#999;}

.foot-logo{text-align:center;}

.foot-nav{background-color:#343432;padding:40px 0;border-top:1px solid #222;}
.foot-nav-list{overflow:hidden;padding:0;margin-top:20px;margin-bottom:30px;}
.foot-nav-list a{display:block;height:47px;line-height:47px;color:#a9a9a9;font-size:18px;border-bottom:2px solid #5f5f5f;padding:0 10px;}
.foot-nav-list a:hover{text-decoration:none;color:#ccc;}

.foot-img img{width:100%;}


.foot{height:60px;background-color:#000;}





/*活动页面*/
.acti-page .header{background:none;height:auto;}
.acti-page .sub-nav{border-bottom:0;}
.acti-banner{position:relative;height:400px;background: url(../Image/acti_banner.png) center center no-repeat;}
.acti-banner img{width:100%;}
.banner-acti-cont{position:absolute;top:0;left:0;width: 100%;text-align: center;color:#fff;}
.banner-acti-cont .time{margin-top:8%;}
.banner-acti-cont h2{font-size: 35px;}
.banner-acti-info{line-height:20px;margin-top:20px;}
.banner-acti-price{display:inline-block;width: 118px;height: 38px;border:2px solid #fff;line-height:38px;color:#fff;font-size:24px;}
.banner-acti-price:hover{color:#fff;}
.acti-list-box img{width:100%;}
.show-title{float:left;font-size:30px;margin:10px 0;}
.show-way-box{float:right;margin:20px 0;height:24px;}
.show-way-box .show-way{display:inline-block;width:22px;height:22px;text-indent:-9999px;}
.show-way-box .block{background: url(../Image/kuai_icon.png) 0 0 no-repeat;}
.show-way-box .block.active{background: url(../Image/kuai_active_icon.png) 0 0 no-repeat;}
.show-way-box .list{background: url(../Image/list_icon.png) 0 0 no-repeat;}
.show-way-box .list.active{background: url(../Image/list_active_icon.png) 0 0 no-repeat;}
.acti-list .row>div{margin-bottom:4%;}
.acti-img, .acti-cont{overflow:hidden;}

.acti-cont .acti-title{font-size:20px;color:#000;margin-top:8%;margin-bottom:3%;letter-spacing:5px;}
.acti-cont .acti-time{font-size:12px;color:#000;margin-bottom:3%;}
.acti-cont .acti-stroy{font-size:12px;color:#838383;line-height:30px;}
.acti-cont .acti-cont-foot{height:52px;margin-top:6%;border-bottom:1px solid #d6d6d6;line-height:40px;overflow:hidden;text-align: center;}
.acti-price{color:#838383;}
.acti-cont-foot .detail{float:right;margin-top:6px;}
.share-box{float:left;overflow:hidden;padding:1px 0;}
.share-box a{float:left;display:block;width:40px;height:40px;line-height:40px;margin:0 10px;border:1px solid #ccc;border-radius:50%;font-size:20px;color:#858585;}
.share-box a:hover{text-decoration:none;}
@media (min-width:320px) {
  .acti-cont{border-top:0;}
  .acti-cont .acti-title{margin-top:2%;}
  .acti-list .row>div.col-md-7{margin-bottom:0;}
  .acti-list .row>div.col-md-5{margin-bottom:4%;}
}
@media (min-width: 992px) {
  .acti-cont{border-top:1px solid #d6d6d6;}
  .acti-cont .acti-title{margin-top:8%;}
  .acti-list .row>div.col-md-7,.acti-list .row>div.col-md-5{margin-bottom:4%;}
}