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



/*index-style*/

/*fullside begin*/
.fullSlide{ width:100%;  position:relative;  height:420px; background:#000; min-width:1200px; overflow:hidden; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:420px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:420px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;  }
.fullSlide .hd ul{ padding-left:700px; text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; *zoom:1; width:42px; height:11px; margin:5px; overflow:hidden; background:#fff;
	/*filter:alpha(opacity=50);opacity:0.5; */ line-height:999px; }
.fullSlide .hd ul .on{ background:#499bf0; }
.newindex_01{position:relative; height:490px; z-index:10;}
.common_01{width:1200px; margin:0px auto;}
.common_02{clear:both;}
.newtop_10{width:436px;float:left;}
.newtop_11{width:391px;float:left;padding-top:14px;}
.newtop_111{width:3s73px;float:left;}
.newtop_12{background-color:#55B2DE;font-weight:bold;color:#FFF;cursor:pointer;}
.newtop_13{color:#6C6C6C;cursor:pointer;}
.newtop_14 input{border:0px;height:34px;color:#CCCCCC;width:230px;}
.newtop_14 input:focus{outline:none;}
.newtop_15{display:none;}.top_16{color:#6C6C6C;}
.newtop_16 a{text-decoration:none;color:#6C6C6C;margin-right:10px;}
.newtop_16 a:hover{text-decoration:underline;color:#F60;}
/*fullside end*/

/*mod-线路模型*/
.panel-mod{}
.panel-mod .mod-hd{ padding:10px 0; border-bottom:1px solid #ddd; }
.panel-mod .mod-hd span{ padding-left:40px; background:url(../images/main_site/icon3.png) no-repeat; letter-spacing:2px; font-size:24px; }
.panel-mod .mod-hd i{ padding-left:10px; font-size:14px; color:#666; font-style:normal; text-transform:uppercase;  }
.panel-mod .mod-bd .mod-left, .panel-mod .mod-bd .mod-right{ float:left; }
.panel-mod .mod-bd .mod-left{ margin-top:20px; margin-right:20px; width:280px;  }
.panel-mod .mod-bd .mod-right{ position:relative; width:880px; }
.mod-left .mod-nav{ padding:20px 0; background:url(../images/main_site/circle.png) no-repeat  center 66px; background-color:#ff6600; min-height:505px; }
.mod-left .mod-nav h4{ margin:0 auto 20px; width:160px; height:46px; line-height:46px; text-align:center; border-radius:46px; background-color:#fff; }
.mod-left .mod-nav ul{ margin:20px 0; overflow:hidden; }
.mod-left .mod-nav li{ float: left; margin:17px 0;  width:140px; font-size:16px; }
.mod-left .mod-nav li a{ display:inline-block; margin:0 10px; color:#fff; }
.mod-left .mod-nav p{ padding:0 40px; color:#fff; line-height:24px; font-size:16px; }
.tab-hd{ position:absolute; top:-35px; left:0 }
.tab-hd li{ float:left; margin-right:10px; padding:4px 10px; border-radius:5px; cursor:pointer; color:#333; }
.index-lines{ margin:0 -10px; overflow:hidden; }
.index-lines li{ position:relative; float:left; margin:20px 10px 0; width:280px; }
.index-lines li img{ display:block; margin-bottom:10px; width:280px; height:215px; }
.index-lines li h5{ position:absolute; bottom:29px; padding:0 5px; width:280px; line-height:24px; height:48px; overflow:hidden; background:url(alpha_bg.png);   }
.index-lines li h5 a{ color:#fff; }
.index-lines li span{ float:right; margin-top:-2px; color:#999; }
.index-lines li em{ text-decoration:line-through; color:#999;  }
.index-lines li strong{ font-size:16px; color:#ea6901; }
.index-lines .watermark{ position:absolute; left:0; top:0; }
.index-lines .watermark img{ width:auto; height:40px; }
.xianlu-biaoti{ position:absolute; left:0; top:260px; padding:0 20px;  width:100%; min-height:88px; background:url(alpha_bg.png); transition:all 0.4s ease-out 0.1s;  -moz-transition:all 0.4s ease-out 0.1s; -webkit-transition:all 0.4s ease-out 0.31s; -o-transition:all 0.4s ease-out 0.1s;  }
/*颜色主题---云南旅游*/
.m-orange .mod-hd{ border-color:#ff6600; }
.m-orange .mod-hd span{ background-position:0 -170px; }
.m-orange .mod-hd span, .m-orange .mod-nav h4{ color:#ff6600; }
.m-orange .tab-hd li.on{ background:#ff6600; color:#fff; }
/*颜色主题---主题游*/
.m-green .mod-hd{ border-color:#58c000; }
.m-green .mod-hd span{ background-position:0 -350px; }
.m-green .mod-left .mod-nav{ background-color:#58c000; }
.m-green .mod-hd span, .m-green .mod-nav h4{ color:#58c000; }
.m-green .tab-hd li.on{ background:#58c000; color:#fff; }
/*颜色主题---主题游*/
.m-blue .mod-hd{ border-color:#3b8de3; }
.m-blue .mod-hd span{ background-position:0 -204px; }
.m-blue .mod-left .mod-nav{ background-color:#3b8de3; }
.m-blue .mod-hd span, .m-blue .mod-nav h4{ color:#3b8de3; }
.m-blue .tab-hd li.on{ background:#3b8de3; color:#fff; }
/*颜色主题---参团游*/
.m-purple .mod-hd{ border-color:#cc66ff; }
.m-purple .mod-hd span{ background-position:0 -238px; }
.m-purple .mod-left .mod-nav{ background-color:#cc66ff; }
.m-purple .mod-hd span, .m-purple .mod-nav h4{ color:#cc66ff; }
.m-purple .tab-hd li.on{ background:#cc66ff; color:#fff; }

/*旅游景点*/
.m-scenery .mod-hd span{ background-position:0 -273px; }
.hot-secenry{ margin:0 -10px; overflow:hidden; }
.hot-secenry li{ position:relative; float:left; margin:20px 10px 0; width:280px; overflow:hidden; }
.hot-secenry li img{ display:block; width:280px; height:300px; }
.hot-secenry li .s-info{ position:absolute; left:0; top:260px; padding:0 20px;  width:100%; min-height:88px; background:url(alpha_bg.png); transition:all 0.4s ease-out 0.1s;  -moz-transition:all 0.4s ease-out 0.1s; -webkit-transition:all 0.4s ease-out 0.31s; -o-transition:all 0.4s ease-out 0.1s;  }
.hot-secenry li:hover .s-info{ top:212px; }
.hot-secenry li .s-info h5{ line-height:40px; color:#fff; font-size:20px; }
.hot-secenry li .s-info p{ line-height:24px; color:#fff; }

/*strategy 旅游攻略*/
.m-strategy .mod-hd span{ background-position:0 -316px; }
.strategy-list{ margin:0 -10px; overflow:hidden; }
.strategy-list li{ float:left; margin:20px 10px 0; width:380px; }
.strategy-list li img{ display: block; width:380px; height:300px; }
.strategy-list li .summary{ position:relative; padding:10px 10px 10px 70px; width:100%; height:100px; background:url(strategy.png) no-repeat 10px 30px #00adff; }
.strategy-list li .summary h5{ margin-bottom:10px; font-size:16px; color:#fff }
.strategy-list li .summary h5 a{ color:#fff; }
.strategy-list li .summary p{ line-height:22px; color:#fff  }
.strategy-list li .summary:after{ position:absolute; top:-30px; left:20px; width:0; height:0; border:15px solid transparent; content:""; border-bottom-color:#00adff;  }
.strategy-list li:first-child{ width:580px; overflow:hidden; }
.strategy-list li:first-child img{ float:left; height:400px; }
.strategy-list li:first-child .summary{ float: left; padding:110px 30px 30px; width:200px; height:400px; background-position:20px 20px; }
.strategy-list li:first-child .summary:after{ position:absolute; top:30px; left:-35px; width:0; height:0; border-right:20px solid #22b727; border-top:15px solid transparent; border-bottom:15px solid transparent; content:"";}

/*sd-nav*/
.as-nav{ position:absolute; top:40px; left:-100px; }
.nav-wrap{ top:40px !important; border-left:1px solid #ccc; }
.as-nav ul{ margin-bottom:-40px; }
.as-nav li{ position:relative; margin-bottom:30px; padding-left:20px;  }
.as-nav li span, .as-nav li i{ position:absolute; }
.as-nav li span{ left:-6px; top:5px; width:10px; height:10px; border-radius:20px; background-color:#cccccc; }
.as-nav li i{ left:-35px; font-style:normal; }
.as-nav li a:hover, .as-nav li a:link{ text-decoration:none; }
.as-nav li.current a, .as-nav li.current i{ color:#f228f9; }
.as-nav li.current span{ background-color:#f228f9; }