/* CSS Document */

/* 标签 */
/*.slidepage-nav{position:absolute;left:30px;top:50%;display:block;margin-top:-47px;z-index:8;}
.slidepage-nav li{width:10px;height:10px;display:block;background-color:#fff;opacity:.8;filter:alpha(opacity=80);border-radius:100px;margin:8px 0;cursor:pointer; -webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.slidepage-nav li.active{background-color:#50a261;height:24px;opacity:1;filter:alpha(opacity=100);}
*/
/* 箭头 */
.arrow_up{position:absolute;width:38px;height:28px;top:120px;left:50%;margin-left:-19px;background:url(../../Image/Index/arr_up.png) no-repeat;z-index:9;cursor:pointer;}
.arrow_down{position:absolute;width:38px;height:28px;bottom:130px;left:50%;margin-left:-19px;background:url(../../Image/Index/arr_down.png) no-repeat;z-index:9;cursor:pointer;}

/* 全屏切换 */
/*.slidepage{position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;}
.slidepage .page{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none; background-position:center center; background-repeat:no-repeat; background-size:cover;}*/

/* 滚动条 */
html.fsvs { height:100%; width:100%; position:fixed; top:0; left:0; overflow:hidden; }
html.fsvs #fsvs-body { -webkit-backface-visibility:hidden; -webkit-perspective:1000; position:absolute; top:0; left:0; z-index:1; height:100%; width:100%; }
html.fsvs #fsvs-body > * { height:100%; width:100%; overflow:hidden; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }

/* 标签 */
html.fsvs #fsvs-pagination { margin:0; padding:8px 4px; position:fixed; height:auto; right:-100px; top:50%; z-index:1; width:32px; }
html.fsvs #fsvs-pagination li { width:10px; height:10px; margin:4px 0; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor: pointer; }
html.fsvs #fsvs-pagination li.active { background:#1aa13a; height:24px;}
	  
.slide{background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; position:relative;}
.slide.page1 { background-image:url(../../Image/Index/page1.jpg);}
.slide.page2 { background-image:url(../../Image/Index/page2.jpg);}
.slide.page3 { background-image:url(../../Image/Index/page3.jpg);}
.slide.page4 { background-image:url(../../Image/Index/page4.jpg);}
.slide.page5 { background-image:url(../../Image/Index/page5.jpg);}
.slide.page6 { background-image:url(../../Image/Index/page6.jpg);}
.slide.page7 { background-image:url(../../Image/Index/page7.jpg);}

/* page1 野三坡 */
.main1 { position:absolute; top:25%; left:34%; width:32%;}
.main1 .ysp-a { width:100%; max-width:414px;}
.main1 ul { margin-top:5%;}
.main1 ul li { width:25%; max-width:110px; float:left;}
.main1 ul li img { width:100%;}
.page1 i{position:absolute;display:block;overflow:hidden;z-index:2;}
.page1 i.yun-a,.page1 i.yun-b
{
    background-image:url(../../Image/Index/yun.png) no-repeat;
    width:900px;
    height:350px;
    bottom:-150px;
    left:-150px;
    opacity:0.9;
    /* IE 8 */ 
    filter:alpha(opacity=90); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=90);
}
.page1 i.yun-b
{
    top:0;left:auto;right:-500px;
    opacity:0.1;
    /* IE 8 */ 
    filter:alpha(opacity=10); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=10);
}

/* page2 食 */
.main2 { position:absolute; top:25%; left:30%; width:37%;}
.main2 .shi-a { width:100%; max-width:520px;}
.main2 p { float:left; width:64%;}
.main2 p img { width:100%; max-width:316px;}
.main2 a { float:right; width:35%;}
.main2 a img { width:100%; max-width:186px;}
.main2 a img:hover { opacity:.85; filter:alpha(opacity=85);}
.page2 i { position:absolute; display:block; overflow:hidden; z-index:2; background-repeat:no-repeat; background-size:cover; bottom:50px;}
.page2 i.yan-a  
{
    background-image:url(../../Image/Index/yan-a.png); width:50%; height:43.5%; left:45%;
    opacity:0.2;
    /* IE 8 */ 
    filter:alpha(opacity=20); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=20);
}
.page2 i.yan-b  
{
    background-image:url(../../Image/Index/yan-b.png); width:30%; height:67%; left:0;
    opacity:0.2;
    /* IE 8 */ 
    filter:alpha(opacity=20); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=20);
}
.page2 i.yan-c  
{
    background-image:url(../../Image/Index/yan-c.png); width:12%; height:32.5%; left:0;
    opacity:0.2;
    /* IE 8 */ 
    filter:alpha(opacity=20); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=20);
}
.page2 i.yan-d  
{
    background-image:url(../../Image/Index/yan-d.png); width:10%; height:29.5%; left:21%;
    opacity:0.2;
    /* IE 8 */ 
    filter:alpha(opacity=20); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=20);
}
.page2 i.yan-dd  
{
    background-image:url(../../Image/Index/yan-d.png); width:10%; height:29.5%; left:43%;
    opacity:0.2;
    /* IE 8 */ 
    filter:alpha(opacity=20); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=20);
}
.page2 i.yan-e  
{
    background-image:url(../../Image/Index/yan-e.png); width:12%; height:32.5%; right:0;
    opacity:0.2;
    /* IE 8 */ 
    filter:alpha(opacity=20); 
    /* Firefox,Safari(WebKit),Opera */ 
    -ms-filter:alpha(opacity=20);
}

/* page3 住 */
.main3 { position:absolute; top:20%; left:32%; width:36%; max-width:568px;}
.main3 .zhu-a { width:64%; max-width:366px; float:left;}
.main3 a { float:right; width:35%; margin-top:5%; text-align:right;}
.main3 a img { width:100%; max-width:171px; display:inline-block;}
.main3 a img:hover { opacity:.85; filter:alpha(opacity=85);}
.page3 .recommend { width:960px; margin:20% auto 0;}
.page3 .recommend li { float:left; width:198px; height:223px; padding:16px; background:url(../../Image/Index/recommend-bg.png) no-repeat; margin:0 5px; transition:margin-top .3s; -moz-transition:margin-top .3s; -webkit-transition:margin-top .3s; -o-transition:margin-top .3s;}
.page3 .recommend li a { display:block; width:100%; height:100%;}
.page3 .recommend li:hover { background-position:-250px 0; margin-top:-20px;}
.page3 .recommend li img { width:198px; height:178px;}
.page3 .recommend li p { font-size:15px; color:#2e4055; text-align:center; margin-top:10px;}
.page3 .recommend li:hover p { color:#fff;}

/* page4 行 */
.main4 { position:absolute; left:46.5%; top:20%; width:26.3%; max-width:421px;}
.main4 .xing-a { width:84.3%; max-width:355px;}
.main4 p { float:right; width:45%;}
.main4 p img { width:100%; max-width:168px;}
.main4 a { float:right; width:45.6%; margin-left:4%;}
.main4 a img { width:100%; max-width:171px;}
.main4 a img:hover { opacity:.85; filter:alpha(opacity=85);}
.page4 .recommend { width:780px; margin:20% auto 0; padding-left:240px;}
.page4 .recommend li { float:left; width:218px; height:244px; padding:16px; background:url(../../Image/Index/recommend-bg.png) no-repeat 0 -310px; margin:0 5px; transition:margin-top .3s; -moz-transition:margin-top .3s; -webkit-transition:margin-top .3s; -o-transition:margin-top .3s;}
.page4 .recommend li a { display:block; width:100%; height:100%;}
.page4 .recommend li:hover { background-position:-250px -310px; margin-top:-20px;}
.page4 .recommend li img { width:218px; height:164px;}
.page4 .recommend li p { font-size:15px; color:#2e4055; text-align:center; margin-top:10px; padding:0 10px; line-height:1.8;}
.page4 .recommend li:hover p { color:#fff;}

/* page5 游 */
.page5 .main5 { position:absolute; left:10%; top:25%; width:15.5%;}
.page5 .main5 img { width:100%; max-width:248px;}
.page5 .map { width:800px; height:420px; position:absolute; top:20%; right:12%; background:url(../../Image/Index/map-bg.png) center center no-repeat;}
.page5 .map a { transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -webkit-transition:all .3s;}
.page5 .map a:hover { opacity:.9; filter:alpha(opacity=90); margin-top:-8px;}
.page5 .map .map-1 { position:absolute; top:12px; left:25px;}
.page5 .map .map-2 { position:absolute; top:155px; left:10px;}
.page5 .map .map-3 { position:absolute; top:300px; left:25px;}
.page5 .map .map-4 { position:absolute; top:45px; right:10px;}
.page5 .map .map-5 { position:absolute; top:225px; right:5px;}

/* page6 购 */
.main6 { position:absolute; left:12%; top:25%; width:30%; max-width:424px;}
.main6 .gou-a { width:80%; max-width:343px;}
.main6 p { float:right; width:36%; margin-top:-16px; text-align:right;}
.main6 p img { width:100%; max-width:144px; display:inline-block;}
.main6 a { float:right; width:44%; margin-top:-16px; text-align:right;}
.main6 a img { width:100%; max-width:171px; display:inline-block;}
.main6 a img:hover { opacity:.85; filter:alpha(opacity=85);}
.page6 .recommend { width:520px; position:absolute; top:18%; right:15%;}
.page6 .recommend li { float:left; width:218px; height:207px; padding:16px; background:url(../../Image/Index/recommend-bg.png) no-repeat 0 -610px; margin:3px 5px; overflow:hidden;}
.page6 .recommend li a { display:block; width:100%; height:100%;}
.page6 .recommend li:hover { background-position:-250px -610px;}
.page6 .recommend li img { width:218px; height:160px; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s;}
.page6 .recommend li:hover img { -moz-transform:scale(0.95); -webkit-transform:scale(0.95); -o-transform:scale(0.95);}
.page6 .recommend li p { font-size:15px; color:#440302; text-align:center; margin-top:10px;}
.page6 .recommend li:hover p { color:#fff;}

/* page7 娱 */
.main7 { position:absolute; left:37.5%; top:18%; width:36%; max-width:566px;}
.main7 .yu-tit { width:64%; float:left;}
.main7 a { width:34%; float:right; text-align:right; margin-top:5%;}
.main7 a img { width:100%; max-width:171px; display:inline-block;}
.main7 a img:hover { opacity:.85; filter:alpha(opacity=85);}
.page7 .yu-info { margin-top:18%; color:#fff; text-align:center; line-height:2.0;}

/* 浮动图标 */
.float { position:fixed; right:25px; top:45%; margin-top:-108px; width:44px; z-index:1;}
.float li { width:44px; height:44px; background:url(../../Image/Index/float.png) no-repeat; margin:5px 0; position:relative;}
.float li.cart { background-position:0 0;}
.float li.help { background-position:0 -50px;}
.float li.service { background-position:0 -100px;}
.float li.wechat { background-position:0 -150px;}
.float li.error { background-position:0 -200px;}
.float li.activity { background-position:0 -250px;}
.float li:hover.cart { background-position:-50px 0;}
.float li:hover.help { background-position:-50px -50px;}
.float li:hover.service { background-position:-50px -100px;}
.float li:hover.wechat { background-position:-50px -150px;}
.float li:hover.error { background-position:-50px -200px;}
.float li:hover.activity { background-position:-50px -250px;}
.float li a { display:block; width:100%; height:100%;}
.float li .ewm { position:absolute; right:60px; top:-35px; width:105px; height:105px; border:5px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:none; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.float li .ewm img { width:100%; height:100%;}
.float li .ewm i { position:absolute; top:45px; right:-15px; width:0; height:0; border-left:10px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent;}
.float li:hover .ewm { display:block;}

/* footer */
.index-footer { width:100%; height:58px; background:url(../../Image/Index/footer-bg.png) repeat-x; position:absolute; bottom:0; left:0; z-index:10;}
.index-footer .honor { float:left; height:45px; margin-top:8px; border-right:1px dotted #384b5d; padding-right:8px;}
.index-footer .honor li { float:left; width:45px; height:45px; background:url(../../Image/Index/footer-honor.png) no-repeat; margin-right:20px;}
.index-footer .honor li.honor-1 { background-position:0 0;}
.index-footer .honor li.honor-2 { background-position:-60px 0; width:70px; margin-right:15px;}
.index-footer .honor li.honor-3 { background-position:-140px 0;}
.index-footer .honor li.honor-4 { background-position:-200px 0;}
.index-footer .phone { float:left; margin-left:30px; color:#c3ddf7; margin-top:13px;}
.index-footer .phone p { font-family:Verdana, Geneva, sans-serif; font-size:18px; font-style:italic; margin-top:2px;}
.index-footer .copyright { float:right; margin-top:13px;}
.index-footer .copyright ul li { float:left; padding-right:15px; margin-right:15px; border-right:1px solid #385571;}
.index-footer .copyright ul li:last-child { border-right:0 none;}
.index-footer .copyright ul li a { color:#c3ddf7;}
.index-footer .copyright ul li a:hover { text-decoration:underline;}
.index-footer .copyright p { color:#507191; margin-top:5px;}

/* 底部展开 */
.content{position:absolute;bottom:58px;left:0;width:100%;z-index:9;}
.content>div{float:left;width:25%;position:relative;height:55px;}
.content dl{position:absolute;bottom:0;left:0;width:100%;}
.content dl dt{margin:0 1px;background:url(../../Image/Index/content-bg.png) center;display:block;overflow:hidden;line-height:52px;height:52px;text-align:center;opacity:.95;filter:alpha(opacity=95);}
.content dl.hover dt{background:url(../../Image/Index/content-hover.jpg) center; background-size:100% auto;}
.content dl dt i { width:80px; height:28px; display:inline-block; background:url(../../Image/Index/content-tit.png) no-repeat; margin-top:10px}
.content dl dt i.item1 { background-position:0 0;}
.content dl dt i.item2 { background-position:0 -40px;}
.content dl dt i.item3 { background-position:0 -80px;}
.content dl dt i.item4 { background-position:0 -120px;}
.content dl.hover dt i.item1 { background-position:-80px 0;}
.content dl.hover dt i.item2 { background-position:-80px -40px;}
.content dl.hover dt i.item3 { background-position:-80px -80px;}
.content dl.hover dt i.item4 { background-position:-80px -120px;}

.content dl dd{background:url(../../Image/Index/content-bg.png) center;margin:0 1px;display:none;overflow:hidden;padding:0 10px;opacity:.95;filter:alpha(opacity=95);}
.content dl dd.news li a{font-size:14px;display:block;padding-right:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#222;}
.content dl dd.news li a:hover{color:#32703d;text-decoration:underline;}
.content dl dd.news li span{position:absolute;right:5px;top:16px;color:#666; font-size:13px;}
.content dl dd.news li,.content dl dd.order a,.content dl dd.activity a,.content dl dd.video a{display:block;overflow:hidden;padding:15px 5px;border-top:1px #aaa dotted;position:relative;}
.content dl dd.news li:first-child,.content dl dd.order a:first-child,.content dl dd.activity a:first-child,.content dl dd.video a:first-child{border:0;}

.content dl dd.order a img, .content dl dd.activity a img{width:88px !important;height:60px !important; float:left;}
.content dl dd.order a div, .content dl dd.activity a div { float:left;}
.content dl dd.order a:hover img, .content dl dd.activity a:hover img{border:2px #296fb1 solid;width:84px !important;height:56px !important;}
.content dl dd.order a .item-info, .content dl dd.activity a .item-info{margin-left:103px;overflow:hidden; float:none;}
.content dl dd.order a h5,.content dl dd.activity a div h5{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal; color:#222;}
.content dl dd.order a p{font-size:14px;color:#296fb1; margin-top:8px;}
.content dl dd.order a p b{font-family:'Georgia';font-size:24px;line-height:1; font-weight:normal;}

.content dl dd.activity a p{color:#999; font-size:14px; margin-top:10px;}

.content dl dd.service { padding:0; background:#fff;}
.content dl dd.service a{ float:left; width:50%; height:96px; border-bottom:1px solid #fff; background-repeat:no-repeat; position:relative;}
.content dl dd.service a.service-1 { background-image:url(../../Image/Index/service-1.jpg);}
.content dl dd.service a.service-2 { background-image:url(../../Image/Index/service-2.jpg);}
.content dl dd.service a.service-3 { background-image:url(../../Image/Index/service-3.jpg);}
.content dl dd.service a.service-4 { background-image:url(../../Image/Index/service-4.jpg);}
.content dl dd.service a.service-5 { background-image:url(../../Image/Index/service-5.jpg);}
.content dl dd.service a.service-6 { background-image:url(../../Image/Index/service-6.jpg);}
.content dl dd.service a span { position:absolute; top:30px; right:30px; width:2em; font-size:16px; color:#0a2945;}
.content dl dd.service a:hover span { color:#32703d;}