@charset "utf-8";
/* CSS Document */
html{ overflow-x: hidden;}
body,form,p,ol,ul,p,h1,h2,h3,h4,li,dt,dd,dl,li,input{margin:0;padding:0;}
body{font:14px/1.5 "\5FAE\8F6F\96C5\9ED1"; color:#333; background: #222;}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;}
ul,dd,dl,dt,ol,li{list-style:none;}
em,cite,i{font-style:normal;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
.lt{ float:left;}
.rt{ float:right;}
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.lh18{ line-height:1.8;}
.lh20{ line-height:2;}
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover{text-decoration:none;}
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.ga{color:#aaa;}
.gb{color:#bbb;}
.fw{color:#fff;}
.fr{color:#f05c5a;}
.fg{color:#112056;}
.fb{color:#22b9e4;}
.fy{color:#fc0;}
.fo{color:#f60;}
.fa_g0 a:link,.fa_g0 a:visited{color:#000;}
.fa_g3 a:link,.fa_g3 a:visited{color:#333;}
.fa_g6 a:link,.fa_g6 a:visited{color:#666;}
.fa_g9 a:link,.fa_g9 a:visited,.f_g9:link,.f_g9:visited{color:#999;}
.fa_wh a:link,.fa_wh a:visited,.f_wh:link,.f_wh:visited{color:#fff;}
.fa_blue a:link,.fa_blue a:visited{ color: #112056;}
.bbd{border-bottom:1px solid #eee;}
.t0{ top: 0;}
.l0{ left: 0;}
.r0{ right: 0;}
.b0{ bottom: 0;}
.pd10{ padding:10px;}
.pd15{ padding:15px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml40{ margin-left:40px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr40{ margin-right:40px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.bgwh{background:#fff;}
.rel{position:relative;}
.abs{position:absolute;}
.flx{ overflow:hidden; zoom:1;}
.fix{zoom:1;}
.fix:after{display:table; content:''; clear:both;}
.auto{margin-left:auto; margin-right:auto;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
.trans{-webkit-transition:all 0.3s;transition:all 0.3s;}
.wp100{ width:100%}
.br10{ border-radius:10px;}
.ico{ text-indent:-9999em; display:block; overflow:hidden;}
.yhei,input{font-family:"\5FAE\8F6F\96C5\9ED1";}
.va{vertical-align:-3px;}
/*input{-webkit-appearance:none; 去除input默认样式 font-size: 14px;}
input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;}*/
.wp25{width: 25%;}
.wp33{width: 33.33%;}
.wp50{width: 50%;}
.op50{ opacity: 0.5;}
.br100{ border-radius: 100%; /*overflow: hidden;*/}
.mb90{ padding-bottom: 90px;}
.blue{ color: #112056;}

.txt{ height:36px; font-size:16px; text-indent:6px;}
.btn{ background:#112056; color:#fff; vertical-align:middle; text-align:center; border:none; font-size:16px; cursor:pointer;}
.wh85{ width:85%; height:50px; line-height:50px; text-align:center;}
.bgf5{ background:#f5f5f5;}
.bgblue{ background:#5dccff;}
.del{ text-decoration: line-through;}
.tsrt1{ text-shadow: 1px 1px 0 #444;}
.br15{ border-radius: 15px;}
.bs24b{box-shadow: 0 2px 3px #ccc;}
.fa_b a:link,.fa_b a:visited{ color: #37c7c9;}
.f_b{ color:#37c7c9;}

/* 首页 */
.mt60{ margin-top: 60px;}
.w1200{ width: 1200px;}
.f32{ font-size:32px;}
html,body{height:1080px; box-sizing: content-box; width: 1920px;}
html{overflow: hidden;}
body{ background: url("../img/bg.jpg") no-repeat center top #999;}
.header{ padding: 42px 100px 0;}
.weather{ padding: 4px 0 0 0;}
.date_day{ margin:3px 35px 0 0;}
.weather dl{ padding: 6px 0 0 0;}
.weather dl dd{ padding: 3px 0 0 7px;}
.weather dl dd em{ font-size: 16px;}
.weather_today dd strong,.weather_tw dd strong{ font-size: 26px;}
.date_day strong{ font-size: 28px;}

.index_content{ margin-top: 45px; padding: 0 100px 15px;}
.index_nav{ width: 460px; margin-right: 50px;}
.index_nav ul li{ margin-bottom: 20px;}
.index_nav ul li a{ display: block; overflow: hidden; zoom:1; height: 100px; width: 100%; background: rgba(0,0,0,0.5);}
.index_nav ul li a .iconfont{ font-size: 46px; line-height: 100px; padding-left: 25px;}
.index_nav ul li a span{ text-align: right; display: block; padding: 12px 20px 0 0;}
.index_nav ul li a span strong{ font-size: 30px; font-weight: 400;}
.index_nav ul li a span em{ font-size: 14px;}

.index_scenic{ width:580px; margin-right: 50px;}
.index_scenic_tit a{background: rgba(0,0,0,0.5); line-height: 70px; display: block; height: 70px; overflow: hidden;}
.index_scenic_tit a .iconfont{ font-size: 36px; margin: 0 15px 0 20px; vertical-align: -2px;}
.index_scenic_list ul li{ margin-bottom: 10px}
.index_scenic_list ul li a{ height: 204px; overflow: hidden;}
.index_scenic_list ul li a span,.index_subnav_box a span,.index_subnav_b3 a span{ background: rgba(0,0,0,0.5); line-height: 50px; height: 50px; left: 0; bottom: 0; width: 100%;}
.index_scenic_list ul li a span {
    background:-ms-linear-gradient(top,  rgba(0,0,0,0), rgba(0, 0, 0, 0.7));
    background:-moz-linear-gradient(top,  rgba(0,0,0,0), rgba(0, 0, 0, 0.7));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.7));
}

.index_subnav{width: 580px;}
.index_subnav_box{ position:  absolute;}
.index_subnav_b1{ right: 0; top:0;}
.index_subnav_b2{ left: 0; top:0; width: 286px; height: 240px;}
.index_subnav_b3{ left: 0; top: 250px;}
.index_subnav_b4{ left: 0; top:500px; width: 580px; height: 240px;}
.index_subnav_b2 a{ height: 240px; background: rgba(0,0,0,0.5);}
.index_subnav_box .iconfont{ font-size: 60px; display: block;}
.index_subnav_b2 .iconfont{ padding: 40px 0 15px;}
.index_subnav_b4 a{ height: 204px; background: rgba(0,0,0,0.5);}
/*
.index_subnav_b4 a .iconfont{ padding: 54px 20px 0 200px;}
.index_subnav_b4 a span{ padding-top: 70px; text-align: left;}*/

.index_footer_action{ width: 330px; margin: 0 auto; border: 5px solid rgba(255,255,255,0.3); border-radius: 90px;}
.index_footer_action a{ width: 100%; border-radius: 90px; font-size: 26px; height: 76px; line-height: 76px; background: rgba(0,0,0,0.5);}
.index_footer_action a .iconfont{ font-size: 40px; vertical-align: -2px; margin-right: 18px;}
.intro_box,.main{ width: 1720px; margin: 0 auto;}
.intro_box .main{ background: #4e5358; height: 800px; margin-top: 45px;}
.intro_pic{ width: 860px;}
.intro_view{ width: 800px; padding: 30px; overflow-y: auto; height: 740px;}
.intro_view .intro_text{ width: 800px; color: #fff;word-break : break-all; word-wrap : break-word; white-space: normal; line-height: 1.8;}
.intro_view .intro_text p{ margin: 0.7em 0;}
.pub_tit{ top: -105px; left: 50%; margin: 0 0 0 -135px;}
.pub_tit h2{ width: 270px; height: 85px;}
.intro_tit h2{ background: url("../img/tit_01.png") no-repeat;}
.notice_tit h2{ background: url("../img/tit_02.png") no-repeat;}
.route_tit h2{ background: url("../img/tit_03.png") no-repeat;}
.shoping_tit h2{ background: url("../img/tit_04.png") no-repeat;}
.scenic_tit h2{ background: url("../img/tit_05.png") no-repeat;}
.video_tit h2{ background: url("../img/tit_06.png") no-repeat;}
.picture_tit h2{ background: url("../img/tit_07.png") no-repeat;}
.survey_tit h2{ background: url("../img/tit_10.png") no-repeat;}
.food_tit h2{ background: url("../img/tit_11.png") no-repeat;}
.news_tit h2{ background: url("../img/tit_12.png") no-repeat;}


.intro_pic ul{ height: 800px; overflow: hidden; width:860px; position: relative;}
.intro_pic ul li{width: 860px; height: 800px;}
.bg_hui{ background: rgba(0,0,0,0.6); color: #fff; bottom: 0; left: 0; width: 100%;}
.intro_pic .bg_hui{ line-height: 60px; font-size: 22px; text-indent: 20px; color: #fff;}
.banner_action{ bottom:20px; right: 20px;}
.banner_action .banner_p{ background: rgba(255,255,255,0.6); width: 15px; height: 15px; border-radius: 15px; margin-left:8px; display:block; float: left;}
.banner_action .banner_p.current{ background: #ff3333;}
.pub_action{ position: fixed; right: 30px; bottom: 30px; height: 80px;}
.pub_action a{ width: 80px; height: 80px; background: rgba(0,0,0,0.6); float: left; border-radius: 80px; display: block; margin-left: 15px; line-height: 80px; text-align: center; font-size: 42px;}

.food_nav{ padding-top:80px;}
.food_nav ul{ height: 80px;  width: 460px; margin: 0 auto;}
.food_nav ul li{ float: left;}
.food_nav ul li a{ width: 220px; height: 70px; line-height: 70px; background: #de2121; display: block; font-size: 30px; text-align: center; border: 5px solid #de2121;}
.food_nav ul .food_nav_clo a{ background: #fff; color: #de2121;}
.food_nav ul li:first-child a{ border-radius: 70px 0 0 70px;}
.food_nav ul li:last-child a{ border-radius: 0 70px 70px 0;}
.food_main{ width: 1500px; margin: 0 auto;}
.food_list ul{ padding-top: 40px;}
.food_list ul li{ width: 33.33%; float: left; margin-top: 50px;}
.food_list ul li a{ display: block; margin: 0 20px; background: rgba(0,0,0,0.6); line-height: 100px; height: 100px; font-size: 28px; text-align: center;}
.food_list ul li a .iconfont{ font-size: 40px; margin: 0 15px 0 0;}
.route_box{ width: 1500px; margin: 75px auto 0;}
.route_text{ background: rgba(0,0,0,0.6); color: #fff; margin-bottom: 40px; border-radius: 5px;}
.route_text dl{ padding: 30px;}
.route_text dl dt{ font-size: 24px; font-weight: 900; margin-bottom: 15px;}
.route_text dl dd{ width: 1440px; font-size: 18px; opacity: 0.8;word-break : break-all; word-wrap : break-word; white-space: normal; line-height: 2;}

.shoping_box{ width: 1720px; margin: 45px auto 0;}
.shoping_list{ padding-left: 78px;}
.shoping_list dl{ width: 460px; padding: 10px; background: #fff; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); float: left; margin:0 20px 40px;}
.shoping_list dl dt img{ display: block;}
.shoping_list dl dd{ text-align: center; line-height: 46px; font-size: 20px; padding-top: 5px;}
.shoping_action{position: absolute; top:348px; width: 100%; height: 100px}
.shoping_action a{ font-size: 80px;  margin-top: -40px; float: left; color: rgba(255,255,255,0.6);text-shadow: 0 0 6px rgba(0,0,0,0.2);}
.shoping_action .shoping_action_next{ float: right;}
.shoping_action a:hover{ color: #fff;}
.scenic_list{ overflow: hidden; zoom:1; padding: 76px 0 0 70px;}
.scenic_list dl{ width:760px; overflow: hidden; background: #fff; zoom:1; float: left; margin:0 15px 30px; box-shadow: 5px 5px 8px rgba(0,0,0,0.2);}
.scenic_list dl dt{ float: left; width: 280px;}
.scenic_list dl dd{ float: left; padding: 30px; width: 420px; height: 220px; overflow: hidden; word-break: break-all;}
.scenic_list dl dd h3{ font-size: 28px; font-weight: 900; margin-bottom: 10px;}
.scenic_list dl dd .scenic_list_text{ font-size: 20px; line-height: 2;}

.picture_list{ padding: 0 0 0 85px}
.picture_list ul li{ float: left; width: 286px; margin: 0 12px 20px;}
.picture_list ul li a{ display: block; position: relative; width: 268px; height: 340px; background: url("../images/p_bg.png") no-repeat; padding: 12px 12px 6px 6px;}
.picture_list ul li .iconfont{ top:142px; left: 116px; font-size: 60px; color: #fff; opacity: 0.5; text-shadow: 0 0 6px rgba(0,0,0,0.2);}
.picture_list .bg_hui{ bottom: 6px; left: 6px; line-height: 50px; font-size: 18px; width: 268px;text-shadow: 1px 1px 0 #444;}
.vr720_iframe{ width: 1920px; height: 1080px; border: 0;}

.surve_box{ margin-top: 200px;}
.surve_box .survey_tit{ margin-top: -50px;}
.survey_intro{ width: 1120px; margin: 0 auto; padding: 40px; background: rgba(0,0,0,0.6); border-radius: 15px;}
.survey_action{ width: 300px; margin: 0 auto; padding-top: 60px;}
.survey_action a{ width: 300px; text-align: center; line-height: 82px; height: 82px; font-size: 30px; background: #18b5ff; display: block; border-radius: 82px;}

.scenic_view .intro_pic{ border: 10px solid rgba(255,255,255,0.4); overflow: hidden;}
.scenic_view .intro_pic,.scenic_view .intro_pic ul,.scenic_view .intro_pic ul li{ height: 780px; width: 840px;}
.scenic_view .intro_view{ background: rgba(255,255,255,0.4);}
.scenic_view .intro_view .intro_text{ color: #000; text-shadow: 1px 1px 0 #fff;}
.scenic_view_tit{ font-size: 30px; margin-bottom: 15px; text-shadow: 1px 1px 0 #fff;}
.banner_page_icon{ position: absolute; top: 50%; margin-top: -25px;}
.banner_page_icon .iconfont{ font-size: 54px; color: #fff; opacity: 0.5; cursor: pointer; text-shadow: 0 0 6px rgba(0,0,0,0.2);}
.banner_page_icon .iconfont:hover{ opacity: 1;}
.banner_page_prev{ left: 10px;}
.banner_page_next{ right: 10px;}
.survey_select li{ float: left; margin-right: 30px; cursor: pointer;}
.survey_select li label{ white-space: nowrap; display: block; cursor: pointer;}
.survey_select li input{ width: 28px; height: 28px; vertical-align: -6px; margin-right: 8px; cursor: pointer;}
.scenic_list dl dt span{ height: 280px; width: 280px; text-align: center; background: #de2121;}
.scenic_list dl dt span strong{ height: 160px; line-height: 160px; font-size: 68px;}
.scenic_list dl dt span em{ line-height: 120px; height: 120px; font-size: 42px; background: #ba0e0e}
.news_view_tit{ text-align: center; padding: 40px 0 30px; border-bottom: 1px dashed #ddd;}
.news_view .news_view_text{ font-size: 20px; line-height: 2;max-width: 1400px; padding: 30px; white-space: normal; word-break: break-all; word-wrap: break-word;}
.news_view .news_view_text p{ margin: 0.5em 0;}

.picture_list ul li a{ background: none; padding: 6px; background: #fff; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); margin:0 4px 6px 0;}

.tour_pic{ width: 1500px; float: left;}
.tour_intro{ width: 420px; float: left; background: rgba(255,255,255,0.75); height: 1080px;}
.tour_pic{ width: 1500px; height: 1080px; background: rgba(255,255,255,0.5);}
.tour_logo{ padding: 50px 0 20px;}
.tour_text{ font-size: 20px; line-height: 2; padding: 0 20px; color: #000; text-shadow: 1px 1px 0 rgba(255,255,255,0.7);}
.tour_text p{ margin-bottom: 15px;}

/* 导览 */
.tour_link{ z-index: 300;}
.tour_link a{display: block; width: 26px; height: 26px; background: #269c16; border: 2px solid rgba(255,255,255,1); border-radius: 100%; cursor: pointer; box-shadow: 2px 2px 0 rgba(0,0,0,0.2);}
.tour_link a:hover{background: #1ac14e;}
.tour_link .tour_link_1{ top: 190px !important; left: 670px !important; width: 30px; height: 30px;}
.tour_link_2{ top: 480px; left: 808px;}
.tour_link_3{ top: 525px; left: 745px;}
.tour_link_4{ top: 910px; left: 365px;}
.tour_link_5{ top: 585px; left: 914px;}
.tour_link_6{ top: 600px; left: 950px;}
.tour_link_7{ top: 639px; left: 1005px;}
.tour_link_8{ top: 683px; left: 1078px;}
.tour_link_9{ top: 702px; left: 1000px;}
.tour_link_10{ top: 648px; left: 900px;}
/*.tour_link_11{ top: 753px; left: 588px;}*/
.tour_link_11{ top: 795px; left: 585px;}
.tour_link_111{ top: 765px; left: 590px;}
/*
.tour_link_4{ top: 480px; left: 851px;}
.tour_link_7{ top: 582px; left: 1042px;}
.tour_link_10{ top: 594px; left: 929px;}
.tour_link_12{ top: 818px; left: 484px;}
.tour_link_13{ top: 834px; left: 433px;}
.tour_link_14{ top: 854px; left: 411px;}
*/
.tour_link_12{ top: 850px; left: 490px;}
.tour_link_13{ top: 854px; left: 456px;}
.tour_link_14{ top: 878px; left: 425px;}
.tour_link_15{ display: none; opacity: 0;}
.tour_link_16{ top: 871px; left: 319px;}
.tour_link_17{ top: 899px; left: 208px;}

.questions_content.surve_box{ margin-top: 45px;}
.questions_content.surve_box .survey_tit{ margin-top: 0;}
.questions_content .survey_intro{ width: 1300px;}
.questions_content .survey_intro{ padding-bottom: 1px;}
.survey_text{ margin-bottom: 70px;}
.shoping_list{ overflow: hidden; zoom:1;}
.shoping_tips{ text-shadow: 1px 1px 0 rgba(255,255,255,0.2); color: #777; font-size: 24px; padding-top: 15px;}


/* 2017.09.14 */
.service ul{ height: 1080px; overflow: hidden; width:100%; position: relative;}
.service ul li{width: 100%; height: 1080px;}
.service_page{ position: absolute; width: 480px; left: 50%; margin-left: -163px; bottom: 60px;}
.service_page a{ display: block; float: left; width: 154px; background: #de2121; line-height: 50px; text-align: center; font-size: 18px; border: 3px solid #de2121;}
.service_page a:first-child{ border-radius: 50px 0 0 50px;}
.service_page a:last-child{ border-radius:0 50px 50px 0;}
.service_page a:link,.service_page a:visited{ color: #fff;}
.service_page a.current{ background: #fff;}
.service_page .current:link,.service_page .current:visited{ color: #de2121;}