@charset "utf-8";
/*
 * ==============================
 * @description: [WebSite] 首页样式
 * @author: TN-孙晔
 * @update: ---
 * ==============================
 */

/*banner区域*/
.banner{ margin-bottom:20px; min-width: 1200px; height:375px; background-color:#fff; overflow: hidden; }
.banner .bd li{ display:inline-block; *display: inline; *zoom:1; float:left; width:100%; height: 375px; background: no-repeat top center ; }
.banner .bd a{ display: block; height:100%; }
.banner .hd{ position: relative; margin:0 auto; width:1180px; height: 0; line-height: 0; }
.banner .hd a{ position: absolute; top:185px; display: none; width: 52px; height:70px; line-height: 70px; font-size:36px; text-align: center; background:url(../images/btm_B_03.png); color:#fff; }
.banner .hd .prev{ left: -70px; }
.banner .hd .next{ right: -70px; }
.banner .hd ul{ position: absolute; left:0; top: -40px; width:100%; text-align: right; }
.banner .hd li{ display: inline-block; margin:0 3px; width:22px; height:10px; background-image:none; border:1px solid #499bf0; background-color:#fff; }
.banner .hd li.on{ background-color:#499bf0; }
.banner:hover .hd a{ display: block; }
/*首页导航*/
.indexcontn{ position:relative; }
.indexcontn .indexfnav-wrapper{ height:0; }
.indexcontn .indexfnav{ position:absolute; left:-90px; top:30px; width:80px; }
.indexcontn .indexfnav{ top:30px !important; }
.indexcontn .indexfnav a{ display:block; margin-bottom:10px; padding:5px 0; border-radius:5px; line-height:20px; color:#fff; background-color:#999; text-align:center; }
.indexcontn .indexfnav [href="#indexf1"]{ background-color:#f90; }
.indexcontn .indexfnav [href="#indexf2"]{ background-color:#52c48b; }
.indexcontn .indexfnav [href="#indexf3"]{ background-color:#09a2fb; }
.indexcontn .indexfnav [href="#indexf4"]{ background-color:#f56057; }
.indexcontn .indexfnav [href="#indexf5"]{ background-color:#be69d3; }
.indexcontn .indexfnav [href="#indexf6"]{ background-color:#cdb380; }
/*首页上半部分公共样式*/
.mod-imglist1{ margin-top:15px; margin-bottom:20px; }
.mod-imglist1 .mod-title{ float: left; padding:10px 0 15px; width:100%; }
.mod-imglist1 .mod-title h2{ display:inline-block; *display:inline; *zoom:1; float:left; font-size: 24px; word-spacing:8px; letter-spacing:8px; }
.mod-imglist1 .mod-title small{ margin-left: 10px; font-family:\5b8b\4f53; font-size:14px; color:#999; word-spacing:0; letter-spacing:0; }
.mod-imglist1 .mod-title .more{ float:right; }
.mod-imglist1 .hd{ position: relative; overflow: hidden; float: left; padding-top: 2px; width:280px; height:570px; border:1px solid #ddd; border-radius: 0 0 8px 8px; background-color: #ccc; }
.mod-imglist1 .hd h3{ display:none; text-align: center; padding:6px 0; border-bottom:1px solid #ddd; line-height: 20px; color:#fff; font-size:14px; }
.mod-imglist1 .hd ul{ width:282px; margin-left:-2px; }
.mod-imglist1 .hd li{ display: inline-block; *display: inline; *zoom: 1; float: left; padding:9px 0; width:94px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 20px; background-color: #f5f5f5; text-align: center; }
.mod-imglist1 .hd li a{ color: #333; }
.mod-imglist1 .hd li.on{ background-color: #999; }
.mod-imglist1 .hd li.on a{ color:#fff; }
.mod-imglist1 .hd .asidebanner{ display: none; overflow: hidden; position: absolute; top: 80px; left: 0; width: 278px; height:488px; text-align: center; }
.mod-imglist1 .hd .asidebanner a{ display: block; width:100%; height:100%; }
.mod-imglist1 .hd li.on .asidebanner{ display: block; }
.mod-imglist1 .bd { overflow:hidden; float:right; width:900px; height:590px; margin-top: -20px; margin-right: -10px; }
.bd .item{ overflow:hidden; display: inline-block; *display: inline; *zoom: 1; float: left; height: 275px; margin:20px 10px 0; border:1px solid #ddd; border-radius: 10px; width:279px; background-color: #f5f5f5; }
.mod-imglist1 .bd .item .imgbox{ overflow: hidden; width:278px; height:200px; }
.mod-imglist1 .bd .item img{ display: block; width:278px; height:200px; }
.mod-imglist1 .bd .item .title{ padding:13px 10px 0; font-size: 16px; line-height: 20px; overflow:hidden; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; color:#333; }
.mod-imglist1 .bd .item .title, .mod-imglist1 .bd .item .imgbox{ transition:height 0.5s;-ms-transition:height 0.5s;-moz-transition:height 0.5s;-webkit-transition:height 0.5s;-o-transition:height 0.5s; }
.mod-imglist1 .bd .item .text{ display: none; }
.mod-imglist1 .bd .item .price{ padding:5px 10px 13px; font-size:16px; }
.mod-imglist1 .bd .item .price em{ color:#eb4e44; font-size:14px; font-family:Arial; }
.mod-imglist1 .bd .item .price em b{ font-size:18px; font-weight: normal; }
.mod-imglist1 .bd .item .price em i{ font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Arial,\5b8b\4f53; font-style: normal; }
.mod-imglist1 .bd .item .price span{ float: right; font-size: 12px; color:#999; }
.mod-imglist1 .bd .item .price span del{ font-family:Arial; font-size: 14px;  }
.mod-imglist1 .bd .item .price span small{ font-size:12px; }
.mod-imglist1 .bd .item:hover .imgbox{ height:170px; }
.mod-imglist1 .bd .item:hover img{ filter:alpha(opacity=80);-moz-opacity:0.8;-webkit-opacity: 0.8;opacity: 0.8; }
.mod-imglist1 .bd .item:hover .title{ padding-top: 8px; height:60px; line-height: 26px; word-wrap:normal; white-space:normal; }

/*云南游*/
.mod-imglist1 .yunnanyou-title h2{ color: #f90; }
.mod-imglist1 .yunnanyou-aside{ background-color: #f90; }
.mod-imglist1 .yunnanyou-aside.hd li.on{ background-color: #f60; }
.mod-imglist1 .yunnanyou-aside.hd .asidebanner .txtbox em{ color:#f90; }
/*主题游*/
.mod-imglist1 .theme-title h2{ color: #52c48b; }
.mod-imglist1 .theme-aside{ background-color: #52c48b; }
.mod-imglist1 .theme-aside.hd li.on{ background-color: #096; }
.mod-imglist1 .theme-aside.hd .asidebanner .txtbox em{ color:#52c48b; }
/*国内游*/
.mod-imglist1 .domestic-title h2{ color: #09a2fb; }
.mod-imglist1 .domestic-aside{ background-color: #09a2fb; }
.mod-imglist1 .domestic-aside.hd li.on{ background-color: #025abe; }
.mod-imglist1 .domestic-aside.hd .asidebanner .txtbox em{ color:#09a2fb; }
.mod-imglist1 .bd.domestic-list .item:first-child{ width:580px; }
.mod-imglist1 .bd.domestic-list .item:first-child .imgbox{ display: inline-block; *display: inline; *zoom: 1; float:left; width:378px; height: 275px; }
.mod-imglist1 .bd.domestic-list .item:first-child .imgbox img{ width:378px; height: 275px; }
.mod-imglist1 .bd.domestic-list .item:first-child .txtbox{ display: inline-block; *display: inline; *zoom: 1; float:left; width:200px; }
.mod-imglist1 .bd.domestic-list .item:first-child .txtbox .title{ padding:7px 10px; height:86px; line-height: 36px; background-color: #09a2fb; font-size:20px; color:#fff; word-wrap:normal; white-space:normal; }
.mod-imglist1 .bd.domestic-list .item:first-child .txtbox .text{ display: block; padding:15px 10px 0; height:120px; line-height: 30px; font-size:14px; color: #666; }
.mod-imglist1 .bd.domestic-list .item:first-child .txtbox .price span{ display: block; width:100%; text-align: right; }
.mod-imglist1 .bd.domestic-list .item:first-child .txtbox .price em b{ font-size:20px; }
/*境外游*/
.mod-imglist1 .abroad-title h2{ color: #f56057; }
.mod-imglist1 .abroad-aside{ background-color: #f56057; }
.mod-imglist1 .abroad-aside.hd li.on{ background-color: #eb4e44; }
.mod-imglist1 .abroad-aside.hd .asidebanner .txtbox em{ color:#f56057; }
.mod-imglist1 .bd.abroad-list .item:first-child{ width:580px; }
.mod-imglist1 .bd.abroad-list .item:first-child .imgbox{ display: inline-block; *display: inline; *zoom: 1; float:left; width:290px; height: 275px; }
.mod-imglist1 .bd.abroad-list .item:first-child .imgbox img{ width:290px; height: 275px; }
.mod-imglist1 .bd.abroad-list .item:first-child .txtbox{ display: inline-block; *display: inline; *zoom: 1; float:left; width:288px; height:275px; background:url(../images/idlistbg_03.jpg); }
.mod-imglist1 .bd.abroad-list .item:first-child .txtbox .title{ overflow: hidden; padding:80px 10px 0; height:152px; line-height: 36px; font-size:20px; color:#000; word-wrap:normal; white-space:normal; text-align: center; }
.mod-imglist1 .bd.abroad-list .item:first-child .txtbox .price{ margin-top: 5px; text-align: center; }
.mod-imglist1 .bd.abroad-list .item:first-child .txtbox .price span{ display: none; }
.mod-imglist1 .bd.abroad-list .item:first-child .txtbox .price em:before{ content:"特惠价 "; font-family:"Microsoft YaHei"; }
.mod-imglist1 .bd.abroad-list .item:first-child .txtbox .price em{ float: none; color: #fab92e; font-size:16px; }
.mod-imglist1 .bd.abroad-list .item:first-child .txtbox .price em b{ margin:0 5px; font-size:30px; }

/*首页下半部分公共样式*/
.mod-imglist2{ margin-top:30px;  margin-bottom:20px; }
.mod-imglist2 .mod-title{ width:180px; float: left; text-align: center; }
.mod-imglist2 .mod-title h2{ padding:19px 0 18px; line-height: 34px; font-size:24px; }
.mod-imglist2 .mod-title h2 a{ color:#fff; }
.mod-imglist2 .mod-title h2 i{ margin-right:5px; width:30px; height:30px; }
.mod-imglist2 .mod-title ul{ overflow: hidden; }
.mod-imglist2 .mod-title li{ margin-top: 1px; background-color:#ededed; }
.mod-imglist2 .mod-title li a{ display:block; padding:15px 20px; line-height:22px; font-size:18px; color:#333; }
.mod-imglist2 .mod-title li:hover a, .mod-imglist2 .mod-title li.on a{ color:#fff; text-decoration: none; }
.mod-imglist2 .bd{ display: inline-block; *display: inline; *zoom: 1; float: right; margin-top: -20px; margin-right: -10px; width:1000px; }
.mod-imglist2 .bd .item{ border:0 none; border-radius: 0; height:210px; background:none; }
.mod-imglist2 .imgbox{ overflow:hidden; width:280px; height:180px; }
.mod-imglist2 .imgbox img{ display:block; width:280px; height:180px; }
.mod-imglist2 .imli-title{ overflow:hidden; padding-top:10px; height:30px; line-height:20px; }
.mod-imglist2 .imli-title h5{ float:left; line-height:20px; font-size:16px; color:#333; }
.mod-imglist2 .imli-title p{ float:right; color:#eb4e44; font-size:12px; font-family:Arial; }
.mod-imglist2 .imli-title p b{ font-size:18px; font-weight: normal; font-size:16px; }
.mod-imglist2 .imli-title p i{ font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Arial,\5b8b\4f53; font-style: normal; }
.mod-imglist2 .bd .item:first-child{ width:380px; height:440px; }
.mod-imglist2 .bd .item:first-child .imgbox{ width:380px; height: 410px; }
.mod-imglist2 .bd .item:first-child .imgbox img{ width:380px; height: 410px; }
.mod-imglist2 .item:hover h5{ color:#f60; }
.mod-imglist2 .item:hover img{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }

/*酒店*/
.hotels-list .mod-title h2{ background-color:#be69d3; }
.hotels-list .mod-title h2 i{ background-position:-50px -90px; }
.hotels-list .meeting li{ background-color:#ddd; }
.hotels-list .mod-title li:hover, .hotels-list .mod-title li.on{ background-color:#be69d3; }

/*景点*/
.scenery-list .mod-title h2{ background-color:#cdb380; }
.scenery-list .mod-title h2 i{ background-position:-50px -130px; }
.scenery-list .mod-title li:hover, .scenery-list .mod-title li.on{ background-color:#cdb380; }