@charset "utf-8";
.index-tour{width: 100%; background: #f5f5f8; padding:.3rem 0rem;  }

.index-tour ul.index-tour-box{width: 100%;}
.index-tour ul.index-tour-box li{overflow: hidden; float: left; width: 32%; margin-right:2%; margin-top:2%;padding-bottom: .2rem; background: #fff;color: #868686;}
.index-tour ul.index-tour-box li:nth-child(3n){margin-right:0;}
.index-tour ul.index-tour-box li a{position: relative; width: 100%; height: 100%;}
.index-tour ul.index-tour-box li .index-tour-img{height: 3.1rem;overflow: hidden;}
.index-tour ul.index-tour-box li .index-tour-img img{height: 100%;width:100%;}
.index-tour ul.index-tour-box li .price{position: absolute; right: .20rem; bottom:.45rem; color: #868686;background: #fff;}
.index-tour ul.index-tour-box li .price s{margin-right: .12rem;}
.index-tour ul.index-tour-box li .price b{color: #f60000; font-size: .2rem;}
.index-tour ul.index-tour-box li .index-tour-tit{height:.48rem;  font-size: .16rem; margin-bottom: .2rem; overflow: hidden;}
.index-tour ul.index-tour-box li .index-tour-time{height: .3rem; line-height: .3rem;color: #868686;overflow: hidden}
.index-tour ul.index-tour-box li .index-tour-time img{margin-right: .05rem;}
.index-tour ul.index-tour-box li .img-txt-box{padding: 0rem .05rem;}

.index-visited{width: 100%; padding:.4rem 0rem;}
.index-visited ul.index-visited-box{width: 100%; /*margin-top:.3rem;*/margin-top:.1rem;}
.index-visited ul.index-visited-box li{ height:3.05rem;overflow: hidden; float: left; width: 19.9%; margin-right:.01rem; margin-top:.01rem;}
.index-visited ul.index-visited-box li:nth-child(5n){margin-right:0;}
.index-visited ul.index-visited-box li a{position: relative; width: 100%; height: 100%; font-size: .18rem;}
.index-visited ul.index-visited-box li img{width: 100%; height: 100%;}
.index-visited ul.index-visited-box li a span{position: absolute; top:.1rem; left:.1rem; color: #fff;text-shadow: 2px 2px 2px #000;}

.index-trip{width: 100%; padding:.4rem 0rem;}
.index-trip .trip-box{width: 100%; /*margin-top: .3rem;*/margin-top: .1rem;}
.index-trip .trip-box .tripbox-img{width:19%; height: 3.4rem; margin-right:.2rem; overflow: hidden;}
.index-trip .trip-box .tripbox-img img{height: 100%;}
.index-trip .trip-box .tripbox-tab{width: 79%;}
.index-trip .trip-box .tripbox-tab .tab_menu{height: .35rem; border-bottom: 1px solid #d5d5d5;}
.index-trip .trip-box .tripbox-tab .tab_menu ul li{padding:0rem .4rem; height: .30rem; float:left;line-height: .30rem; font-size: .16rem; border-radius:.1rem; cursor: pointer;}
.index-trip .trip-box .tripbox-tab .tab_menu ul li.on{background-color: #017bc6; color: #fff;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box{margin-top:.15rem;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a{width:31.7%; height: 100%; display: inline-block;border:1px solid #d5d5d5; overflow: hidden; margin-right: 2%;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a:nth-child(3n){margin-right: 0;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a>div>img{width: 100%; height:2.05rem; overflow: hidden;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box .trip-img-txt-box{height: .84rem; overflow: hidden; padding: 0.05rem .1rem;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a .trip-img-txt{margin-top: .1rem;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a .trip-img-txt p:first-child{ width: 65%;text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a .trip-img-txt p:last-child{ width: 35%;overflow: hidden;} 
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a .trip-img-txt p:last-child span{ color:#f60000;}

.index-travel{width: 100%; padding:.4rem 0rem;}
.index-travel ul{width: 100%; margin-top: .3rem;}
.index-travel ul li{width: 24%; background-color: #f6f6f6; margin-right:1.3%;margin-bottom: .1rem; float: left; padding-bottom: .1rem;border: 0.1px solid #d6d6d6;}
.index-travel ul li:nth-child(4n){margin-right:0;}
.index-travel ul li a{width: 100%; height: 100%; display: block;  }
.index-travel ul li a .travel-img{width: 100%; height: 2.65rem; position: relative;}
.index-travel ul li a .travel-img img{width: 100%; height: 100%;}
.index-travel ul li a .travel-img span{width: 100%; height: .3rem; background-color: #000; opacity: .6;filter: alpha(opacity=60); position: absolute; left:0; bottom: 0; }
.index-travel ul li a .travel-img p{width: 100%; height: .3rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding-left: .1rem;padding-right: .1rem;line-height: .3rem; text-align: center; color: #fff; position: absolute;left:0; bottom: 0 ;z-index:5;}
.index-travel ul li a .travel-say{width: 100%; height: 1.1rem; background: url(../images/yh.png) no-repeat;  background-size:100% 100%; padding:.25rem .2rem; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;}
.index-travel ul li a .travel-title{width: 100%; height: 0.5rem;  padding:.1rem .1rem; overflow: hidden;}
.index-travel ul li a .man{width: 100%; height: .3rem; line-height: .3rem; padding: .11rem;}
.index-travel ul li a .man span{padding:0rem .1rem; border: 1px solid #b5b5b5; border-radius: .2rem;}

.index-team{width: 100%; padding:.4rem 0rem;}
.index-team-title{color: #017bc6; text-align: center;}
.index-team ul li{width: 32%; float: left; margin-right: 2%; margin-top: .2rem;}
.index-team ul li:last-child{margin-right: 0;}
.index-team ul li img{width: 100%; height:2.3rem ; overflow: hidden;}
.index-team ul li .index-team-box{width:100%;height:.56rem;background: url(../images/index/lv.png) no-repeat left top;line-height: .56rem; padding-left:.3rem; text-align: center;}
.index-team ul li .index-team-des{margin-top: .2rem; color: #b1b1b1;}




@media (max-width: 1340px) {
.index-tour ul.index-tour-box li .index-tour-img{height: 2.2rem;}
.index-visited ul.index-visited-box li{ height:2.8rem;}

.index-trip .trip-box .tripbox-img{height:3.0rem;}
.index-trip .trip-box .tripbox-tab .tab_menu ul li{padding:0rem .2rem;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box .trip-img-txt-box{ padding: 0.05rem .05rem;}
.index-travel ul li a .travel-img{height: 2rem;}
.index-trip .trip-box .tripbox-tab .tab_box .tripbox-tab-box a>div>img{height:1.6rem; }

.index-travel ul li a .travel-say{ height: .7rem;background-size:100% 100%;}
.index-travel ul li a .man{line-height: normal;padding:.03rem;}
}