﻿* {
	padding: 0;
	margin: 0;
	outline: none;
	outline: none;
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span {
	padding: 0;
	margin: 0;
}
body {
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 20px;
	color: #777;
    background:none;
}
/*div{margin:0 auto}*/
ul, ol, li {
	list-style: none
}
a {
	text-decoration: none;
	word-wrap: break-word
}
a {
	color: #333;
}
a:hover {
	color: #c82311;
}
img {
	border: 0
}
.clear {
	clear: both;
}
.none {
	display: none;
}
.clear {
	zoom: 1;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}

.Maxbox {
width:100%;
height:auto;
margin:0 auto;
}
/*@media (min-width: 1920px) {
    body {
        zoom:1;
    }
    .Maxbox {
      width:100%;
    }
}*/
.Maxbox {
  width:98vw;
  margin:0 auto;
}
/*@media (min-width:1680px) and (max-width: 1919px) {
    body {
        zoom: 0.9;
    }
    .Maxbox {
      width:100%;
    }
}
    @media (min-width:1600px) and (max-width: 1680px) {
    body {
        zoom: 0.88;
    }
    .Maxbox {
      width:100%;
    }
}
@media (min-width:1440px) and (max-width: 1600px) {
    body {
        zoom:0.76;
    }
    .Maxbox {
      width:100%;
    }
}
@media (min-width:1366px) and (max-width: 1440px) {
    body {
        zoom: 0.72;
    }
    .Maxbox {
      width:100%;
    }
}
@media screen and (max-width: 1366px) {
    body {
        zoom:0.64; 
    }
    .Maxbox {
      width:100%;
    }
}*/
/*公用 全屏背景*/
.bg_quanpin {
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
}
#content {
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 100%;
	top: 46px;
	bottom: 0px;
}
.panel {
	z-index: 180;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: inherit;
	background: inherit;
	background-color: #f5f5f5;
}
.panel .panel_Text {
	padding-bottom: 75px;
	background-color: #f5f5f5;
}
a:link {
	text-decoration: none
}
a:activite {
text-decoration:none
}
a:hover {
	text-decoration: none
}
a:visited {
	text-decoration: none
}
a img {
	border: medium none;
}
ul, li, dl, dd {
	list-style: none;
	margin: 0;
	padding: 0;
}
a, input {
	text-decoration: none;
	out-line: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.stylesgoright, .stylesgoleft, li {
	out-line: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/*手滑幻灯片 start*/
#banner {
	width: 842px;
	height: 515px;
	margin-top: 5px
}
#slider {
	height: auto;
	position: absolute;
}
#slider li {
	height: auto;
}
#slider-nav {
	height: 15px;
	position: absolute;
	left: 0px;
	bottom: 270px;
	width: 100%;
	z-index: 9999;
	text-align: center;
}
#slider-nav a {
	background: url(../images/banb.png) no-repeat;
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 65px;
	margin: 0px 2px;
	overflow: hidden;
}
#slider-nav a.activeSlide {
	background: url(../images/banbs.png) no-repeat;
}
/* main_image */
.main_visual {
	height: auto;
	overflow: hidden;
	position: relative;
}
.main_image {
	width: 100%;
	height: 515px;
	position: relative;
}
.main_image ul {
	width: 9999px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px
}
.main_image li {
	float: left;
	width: 100%;
	height: auto;
}
.main_image li span {
	display: block;
	width: 100%;
	height: auto;
}
.main_image li a {
	display: block;
	width: 100%;
	height: auto;
}
.main_image li img {
	width: 100%;
}
div.flicking_con {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 13px;
	text-align: right;
	top: 475px;
	right: 10px;
}
div.flicking_con_1 {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 13px;
	text-align: right
}
div.flicking_con a {
	width: 21px;
	height: 21px;
	margin: 0 5px;
	padding: 0;
	background: #fff;
	display: inline-block;
	text-indent: -1000px;
	border-radius: 20px;
}
div.flicking_con a.on {
	background: #d53b34;
}
.main_image li label {
	z-index: 999;
	font-size: 1vw;
	color: #fff;
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: relative;
	top: 0;
	display: block;
	text-align: left;
	text-indent: 10px;
	top: -30px;
	background: url(../images/fg_bg.png) repeat 0 0;
}
/*手滑幻灯片 end*/
/*连接颜色变换灰色-红色*/
.link_333 a:link {
	color: #333;
}
.link_333 a:visited {
	color: #333;
}
.link_333 a:hover {
	color: #e92828;
}
.link_333 a:active {
	color: #e92828;
}
/*************************************/
.bt_center {
	background: url(../images/xt_center.jpg) no-repeat bottom;
	width: 1570px;
	height: 100px;
	padding-top: 70px;
	margin: 0 auto;
	padding-bottom: 10px;
	overflow: hidden;
}
/*触摸屏-文化动态*/

.news_list {
	width: 1570px;
	padding-top: 0px;
	margin: 0 auto;
	color: #111;
	text-align: justify;
}
.news_ul {
	height: 519px;
	overflow: hidden;
	text-align: center;
}
.whyd_nav {
	text-align: center;
	padding: 60px 0 23px 0;
}
.whyd_nav a {
	font-size: 24px;
	font-weight: bold;
	padding: 5px 30px;
	margin: 0 10px;
}
.whyd_nav a:hover, .whyd_navOn {
	color: #fff;
	background: #c5202b;
	border-radius: 5px;
}
.news_ulWhyd {
	height: 416px;
	overflow: hidden;
	text-align: center;
}
.news_li {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	border-bottom: #c8c1b2 solid 1px;
}
.news_li div.bt {
	overflow: hidden;
	padding-bottom: 10px;
}
.news_li div b {
	font-size: 25px;
	height: 32px;
	line-height: 35px;
	color: #95572e;
	font-weight: normal;
	float: left;
	display: block;
	background: url(../images/icon_red.png) no-repeat 0 10px;
	text-indent: 20px;
}
.news_li div b:hover {
	color: #c80b0a !important;
}
.news_li div em {
	font-size: 24px;
	line-height: 32px;
	color: #888;
	font-weight: normal;
	font-style: normal;
	float: right;
	display: block;
}
.news_li small {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	font-style: normal;
	display: block;
	text-align: left;
}
.bt_title {
	background: url(../images/xt_center.jpg) no-repeat bottom;
	width: 1570px;
	height: 90px;
	padding-top: 60px;
	margin: 0 auto;
	padding-bottom: 10px;
	overflow: hidden;
	text-align: center;
}
.bt_title h1 {
	color: #95572e;
	font-weight: normal;
	font-size: 36px;
	line-height: 45px;
}
.bt_title b {
	color: #333;
	font-weight: normal;
	font-size: 18px;
	line-height: 40px;
}
.about_nr {
	font-size: 20px;
	line-height: 40px;
	color: #333;
}
/*触摸屏-非遗传承ut*/
.btn_left {
	width: 41px;
	height: 78px;
	z-index: 100;
	position: absolute;
	top: 410px;
	left: 60px;
}
.btn_right {
	width: 41px;
	height: 78px;
	z-index: 100;
	position: absolute;
	top: 410px;
	left: 1660px;
}
.fycc_ul {
	overflow: hidden;
	padding: 15px 0px 0 110px;
	text-align: center;
}
.fycc_ul li {
	float: left;
	width: 335px;
	height: 255px;
	overflow: hidden;
	margin: 20px 25px 0px 25px;
	color: #111;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
.fycc_ul li img {
	width: 100%;
	height: 200px;
	padding-bottom: 15px;
}
.fycc_ul li em {
	background: url(../images/bgCcrListDj.png);
	position: absolute;
	right: 10px;
	top: 155px;
	width: 83px;
	height: 35px;
	line-height: 35px;
	font-weight: normal;
	display: block;
	font-style: normal;
	color: #fff;
	z-index: 5;
}
/*触摸屏-非遗活动*/
.fyhd_ul {
	overflow: hidden;
	padding: 15px 0px 0 137px;
	text-align: center;
}
.fyhd_ul li {
	float: left;
	width: 322px;
	height: 512px;
	overflow: hidden;
	margin: 30px 25px 0px 25px;
	color: #111;
	background: url(../images/fyhdListBg.png);
	position: relative;
}
.fyhd_ul li img {
	width: 300px;
	height: 238px;
	padding-bottom: 15px;
}
.fyhd_ul li b {
	width: 245px;
	margin: 0 auto;
	display: block;
	color: #895b29;
	font-size: 24px;
	line-height: 60px;
	height: 60px;
	overflow: hidden;
	padding-bottom: 10px;
}
.fyhd_ul li small {
	width: 245px;
	margin: 0 auto;
	display: block;
	height: 90px;
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 30px;
	color: #777777;
}
.fyhd_ul li em {
	width: 245px;
	margin: 0 auto;
	display: block;
	font-style: normal;
	font-weight: bold;
	height: 90px;
	font-size: 18px;
	line-height: 30px;
	color: #c62631;
}
/*触摸屏-文化有约*/
.whyy_ul {
	overflow: hidden;
	padding: 45px 0px 0 0;
	text-align: center;
}
.whyy_ul li {
	float: left;
	width: 289px;
	height: 459px;
	overflow: hidden;
	margin: 30px 15px 0px 10px;
	position: relative;
}
.whyy_ul li img {
	width: 100%;
	height: 459px;
}
/*触摸屏-文化预约-列表*/
.whyylist_ul {
	overflow: hidden;
	padding: 25px 0px 0 50px;
	text-align: center;
}
.whyylist_ul li {
	float: left;
	width: 300px;
	height: 490px;
	overflow: hidden;
	margin: 30px 45px 0px 25px;
	background: url(../images/bgWhyylist.png);
	position: relative;
}
.whyylist_ul li img {
	width: 100%;
	height: 238px;
	padding-bottom: 15px;
}
.whyylist_ul li b {
	width: 245px;
	margin: 0 auto;
	display: block;
	color: #895b29;
	font-size: 24px;
	line-height: 60px;
	font-weight: normal;
	height: 60px;
	overflow: hidden;
}
.whyylist_ul li small {
	width: 245px;
	text-align: left;
	margin: 0 auto;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #d14752;
}
.whyylist_ul li small span {
	color: #817670;
}
.whyylist_ul li em {
	width: 130px;
	height: 40px;
	margin: 20px auto 0 auto;
	display: block;
	font-style: normal;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	background: #d14752;
}
.whyylist_ul li div {
	width: 51px;
	height: 48px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: url(../images/whyyListJB.png);
}
/**********文化预约-详情页*/
.whyySub {
	font-size: 20px;
	line-height: 40px;
	color: #333;
}
.whyysubInfo {
	padding-bottom: 20px;
	height: 325px;
}
.whyysubInfo img {
	width: 525px;
	height: 325px;
	float: left;
}
.whyysubInfoR {
	width: 1000px;
	height: 325px;
	float: right;
}
.whyysubInfoR h1 {
	font-size: 30px;
	line-height: 34px;
	padding: 20px 0 35px 0;
	color: #111;
}
.whyysubInfoR ul {
	overflow: hidden;
}
.whyysubInfoR ul li {
	float: left;
	width: 460px;
	font-size: 20px;
	margin-bottom: 20px;
}
.whyysubInfoR ul li b {
	font-weight: normal;
	background: #fffbf0;
	color: #d89911;
	padding: 3px 10px;
	margin-right: 20px;
	border: 1px solid #ffd776;
}
.whyysubInfoR em {
	width: 180px;
	height: 60px;
	text-align: center;
	margin-top: 20px;
	display: block;
	font-style: normal;
	font-size: 18px;
	line-height: 60px;
	color: #fff;
	background: #d14752;
}
/********弹窗*/
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100;/*
	display: none;*/
	top: 0;
	left: 0;
	background: rgba(00, 00, 00, 0.8)
}
.reveal-modal {
	top: 50%;
	left: 50%;
	margin-left: -325px;
	margin-top: -232px;
	width: 650px;
	height: 465px;
	position: absolute;
	z-index: 101;
	text-align: center;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	background: url(../images/bgtcdiv.png);
	color: #333;
}
.reveal-modal h1 {
	font-size: 30px;
	line-height: 30px;
	padding: 30px 0;
}
.reveal-modal .ewm {
	width: 255px;
	height: 255px;
	margin: 68px auto 0 auto;
}
.reveal-modal p {
	font-size: 18px;
}
.close-reveal-modal {
	width: 66px;
	height: 67px;
	display: block;
	background: url(../images/close.png);
	position: absolute;
	top: 20px;
	right: 20px;
}
/*************************************/

.f_left {
	float: left;
	margin: 0 0 15px 0
}
.f_content {
	margin: 0 auto;
	width: 214px;
	height: 76px;
}
.f_right {
	float: right;
}
.f_clear {
	clear: both;
}
/*链接统一颜色调用*/

.btn_back {
	background: url(../images/back.png) no-repeat;
	width: 95px;
	height: 78px;
	z-index: 100;
	position: absolute;
	top: 26px;
	left: 27px;
}
.btn_back a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.logo {
	position: absolute;
	top: 30px;
	left: 110px;
	z-index: 55;
}
.index {
	width: 100%;
	height: 100%;
	z-index: 99;
	position: absolute;
	left: 850px;
	margin-left: -855px;
	/*top: 50%;*/
    top:350px;
	margin-top: -350px;
}
.center {
	width: 1764px;
	height: 836px;
	z-index: 99;
	position: absolute;
	left: 50%;
	margin-left: -882px;
	top: 50%;
	margin-top: -375px;
	background: url(../images/bg_center.png);
}
/*二级导航*/
.nav {
	float: right;
	overflow: hidden;
	margin-top: 10px;
}
.nav a {
	float: left;
	width: 230px;
	height: 51px;
	display: block;
	margin-top: 0px;
	margin-left: 31px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
}
/*当前的需要 距离上边-59px，相邻的需要距离左边-233px*/

/**************文化动态*/
.nav_whdt {
	background-position: 0 0;
}
.nav_whdt_on {
	background-position: 0 -59px;
}
.nav_rigth {
    background-position: -464px -121px;
}
.nav_whdt_rigth {
    background-position: -464px -172px;
}

.nav_whsy {
	background-position: -233px 0;
}
.nav_whsy_on {
	background-position: -233px -59px;
}
.nav_whyd {
	background-position: -464px 0;
}
.nav_whyd_on {
	background-position: -464px -59px;
}
.nav_sxgc{
    background-position:-233px -355px;
}
.nav_sxgc_on{
    background-position:-233px -413px;
}
/*触摸屏-非遗传承*/
.nav_fyccr {
	background-position: 30px -118px;
}
.nav_fyccr_on {
	background-position: 30px -177px;
}
.nav_fyhd {
	background-position: -233px -118px;
}
.nav_fyhd_on {
	background-position: -233px -177px;
}
.nav_zpzs {
    background-position:0 -355px;
}
.nav_zpzs_on {
    background-position:0 -413px;
}
/*触摸屏-馆情介绍*/
.nav_bgjs {
	background-position: 0 -236px;
}
.nav_bgjs_on {
	background-position: 0 -295px;
}
.nav_gzzn {
	background-position: -233px -236px;
}
.nav_gzz_on {
	background-position: -233px -295px;
}
.nav_ryyzz {
	background-position: -464px -236px;
}
.nav_ryyzz_on {
	background-position: -464px -295px;
}
/*三级导航*/
.nav3 {
	float: right;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 33px;
	margin-right: 140px;
}
.nav3 span {
	float: left;
	width: 20px;
	height: 59px;
	display: block;
	margin-top: 10px;
}
.nav3 a {
	float: left;
	width: 213px;
	height: 59px;
	display: block;
	margin-top: 10px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
}
/*当前的需要 距离上边-59px，相邻的需要距离左边-268px*/
.nav_dfj_on {
	background-position: 0 -236px;
}
.nav_dfj {
	background-position: 0 -295px;
}
.nav_gcw_on {
	background-position: -213px -236px;
}
.nav_gcw {
	background-position: -213px -295px;
}
.nav_fyzy_on {
	background-position: -438px -236px;
}
.nav_fyzy {
	background-position: -438px -295px;
}
.nav_qzwt_on {
	background-position: -651px -236px;
}
.nav_qzwt {
	background-position: -651px -295px;
}
.nav_yywd_on {
	background-position: -875px -236px;
	width: 280px !important;
}
.nav_yywd {
	background-position: -875px -295px;
	width: 280px !important;
}
/*民俗*/
.nav_msu_on {
	background-position: 0px -590px;
}
.nav_msu {
	background-position: 0px -649px;
}
/*美食*/
.nav_mshi_on {
	background-position: -213px -590px;
}
.nav_mshi {
	background-position: -213px -649px;
}
/*非遗保护*/
.nav_fybh_on {
	background-position: -427px -590px;
}
.nav_fybh {
	background-position: -427px -649px;
}
/*文物保护*/
.nav_wwbh_on {
	background-position: -634px -590px;
}
.nav_wwbh {
	background-position: -634px -649px;
}
/*翻页*/
.page {
	width: 330px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
}
.page li {
	float: left;
	width: 139px;
	height: 47px;
	margin-top: 10px;
}
.page li a {
	width: 139px;
	height: 47px;
	line-height: 47px;
	font-size: 20px;
	text-align: center;
	display: block;
	color: #fff;
	background: #c5202b;
}
.page_up {
	margin-right: 30px;
}
/*山水湾里-景点介绍*/

.shwl_ul {
	overflow: hidden;
	padding: 45px 0px 0 40px;
	text-align: center;
}
.shwl_ul li {
	float: left;
	width: 416px;
	height: 413px;
	padding: 20px 0 0 20px;
	background: url(../images/bg_shwl_list.png) no-repeat;
	overflow: hidden;
	margin: 15px 30px;
	position: relative;
}
.shwl_ul li img {
	width: 405px;
	height: 303px;
	display: block;
}
.shwl_ul li div.yydq {
	background: url(../images/bg_list_jdjs.png);
	width: 405px;
	height: 75px;
	line-height: 95px;
	text-align: left;
	position: absolute;
	z-index: 5;
	top: 248px;
	left: 20px;
	color: #fff;
	font-size: 14px;
}
.shwl_ul li div.yydq b {
	background: url(../images/icon_add.png) no-repeat 15px 0;
	padding-left: 40px;
	font-weight: normal;
}
.shwl_ul li div.jd_info {
	position: relative;
	text-align: left;
	padding-top: 40px;
	font-size: 20px;
	color: #8c8c8c;
}
.shwl_ul li div.jd_info b {
	font-size: 26px;
	padding-bottom: 5px;
	font-weight: normal;
	display: block;
	color: #111;
}
.shwl_ul li div.jd_info small {
	font-size: 20px;
	color: #e12729;
}
.btn_fw {
	background: url(../images/btn_fw.png) no-repeat;
	width: 76px;
	height: 74px;
	display: block;
	position: absolute;
	right: 0;
	top: 32px;
	z-index: 5;
}
#scroll {
	width: 1580px;
	height: 600px;
	margin: 20px auto;
	overflow-x: hidden;
	overflow-y: auto;
}
/*触摸屏-数字文化*/
.szwh-list-block {
	width: 1170px;
	margin: 0 auto;
	position: relative;
}

.szwh-list-block .szwh-item {
	width: 310px;
	float: left;
	margin: 0 40px;
	position: relative;
}

.szwh-list-block .szwh-item a.szwh-btn {
	display: block;
	margin: 0 auto;
	width: 144px;
	height: 44px;
	background-color: #d14852;
	color: #fff;
	text-align: center;
	line-height: 44px;
}

.szwh_ul {
	overflow: hidden;
	padding: 15px 0px 0 70px;
	text-align: center;
}
.szwh_ul li {
	float: left;
	width: 310px;
	height: 390px;
	overflow: hidden;
	margin: 30px 25px 0px 25px;
	color: #111;
	background: url(../images/bgSzwhList.png) top center no-repeat;
	position: relative;
}
.szwh_ul li img {
	width: 310px;
	height: 238px;
	padding: 22px 0;
}
.szwh_ul li b {
	width: 100%;
	margin: 0 auto;
	display: block;
	color: #895b29;
	font-size: 20px;
	line-height: 32px;
	height: 60px;
	overflow: hidden;
	padding-bottom: 20px;
}
.szwh_ul li small {
	width: 81px;
	height: 81px;
	display: block;
	background: url(../images/iconvideo.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 100px;
	z-index: 5;
}
.szwh_ul li em {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-style: normal;
	font-weight: bold;
	height: 90px;
	font-size: 18px;
	line-height: 30px;
	color: #c62631;
}
/*数字文化详情*/
.szwhSub {
	margin-top: 75px;
	margin-left: 75px;
	height: 640px;
	width: 1620px;
	height: 675px;
	overflow: hidden;
	position:relative;
}
.szwhSubL {
	float: left;
	width: 970px;
	height: 675px;
}
.szwhSubL img {
	width: 970px;
	height: 675px;
}
.szwhSubR {
	float: left;
	width: 582px;
	height: 675px;
	
	font-size: 20px;
	line-height: 40px;
	color: #333;
	margin-left: 60px;
}
.szwhSubR h1 {
	font-size: 28px;
	line-height: 28px;
	padding-top: 55px;
	padding-bottom: 15px;
}
.jsjs {
	color: #d31927;
	padding-bottom: 30px;
}
.jsjs b {
	font-size: 22px;
	font-weight: normal;
	padding-right: 20px;
}
.jsjs em {
	font-size: 18px;
	font-style: normal;
}
.szwhSubUl {
	background: url(../images/bgKclb.png) no-repeat top left;
	width: 582px;
	height: 425px;
	padding-top: 80px;
}
.szwhSubUl div{overflow-x: hidden;
	overflow-y: auto;height: 375px;}
.szwhSubUl li {
	overflow: hidden;
	width: 100%;
	height: 62px;
	line-height: 62px;
}
.szwhSubUl li b {
	float: left;
	margin-left: 30px;
	width:465px;
	font-weight: normal;
}
.szwhSubUl li em {
	float: left;
	font-style: normal;
	font-weight: bold;
}
.szwhSubUl li small {
	float: left;
	display: block;
	width: 37px;
	height: 37px;
	background: url(../images/iconvideo2.png) no-repeat;
	margin-top: 15px;
}
.szwhSubUlbg1 {
	background: url(../images/bgkclbList1.png) no-repeat;
}
.szwhSubUlbg2 {
	background: url(../images/bgkclbList2.png) no-repeat;
}
.szwhSubUlbg3 {
	background: url(../images/bgkclbList3.png) no-repeat;
}
.szwhSubUlbg4 {
	background: url(../images/bgkclbList4.png) no-repeat;
}
.szwhzxjt{	background: url(../images/bgsmkxq.png) no-repeat;
	width: 219px;
	height:150px;
	top: 40px; right:70px; z-index:999; position:absolute;}
/***********************VR**/

.BGvr {
	width: 1764px;
	height: 836px;
	overflow:hidden;
	z-index: 99;
	position: absolute;
	left: 50%;
	margin-left: -882px;
	top: 50%;
	margin-top: -375px;
	background: url(../images/bg_VR.png);
}

.VR_back {
	background: url(../images/bgVRback.png);
	width: 440px;
	height: 80px;
	z-index: 100;
	position: absolute;
	top: 60px;
	left:60px;
}
.VR_back a {
	display: block;background: url(../images/VRbackbtn.png) no-repeat 30px 17px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	font-size: 30px;
	line-height:80px;
	color:#fff; text-indent:90px;
}
/***************************馆情介绍**/
.FgdtTab{ height:40px; padding: 40px 0 23px 0; }
.fgbt{float:left; font-size:30px; line-height:30px; background:url(../images/fgbt.png) 0 8px no-repeat;
text-indent:30px;}
.gqjs_nav { position:absolute; width:50%; padding-top:10px;
	text-align: center; left:50%; margin-left:-25%;
}
.gqjs_nav a {
	font-size: 24px;
	font-weight: bold;
	padding: 5px 30px;
	margin: 0 10px;
}
.gqjs_nav a:hover, .gqjs_navOn {
	color: #fff;
	background: #c5202b;
	border-radius: 5px;
}

.sewv{position: relative;width:230px;display: inline-block;vertical-align: middle;float:right;}

.sewvtop{width:100%;height:40px;
border: 1px #333 solid;
cursor:pointer;overflow: hidden;}

.sewvtop:hover{}
.sewvtop>span{float:left;width:70%;height:40px;white-space:pre;text-overflow:ellipsis;overflow: hidden; font-size:20px; line-height:40px; padding:0 15px;vertical-align: middle;}
.sewvtop>em{float:right;width: 20px;height: 17px;vertical-align: middle; margin:10px 10px 0 0;}

.sewvbm{width:232px;position: absolute;left: 0; top: 42px;display: none;
 background:#fff;}
.sewvbm>li{cursor:pointer;height:40px; text-align:center;
line-height:40px;font-size: 1vw;
color: #333;padding-left:5px;}
.sewvbm>li:hover{background: #c6b896;color: #fff;width:227px;}

.lbaxztop{animation: rotatete 0.3s linear forwards;}
.lbaxztop2{animation: rotatete2 0.3s linear forwards;}
@keyframes rotatete{
	from{transform: rotate(0deg);}
	to{transform: rotate(180deg);}
}

@keyframes rotatete{
	from{transform: rotate(0deg);}
	to{transform: rotate(180deg);}
}

@-moz-keyframes rotatete2{
	from{transform: rotate(180deg);}
	to{transform: rotate(0deg);}
}
@keyframes rotatete2{
	from{transform: rotate(180deg);}
	to{transform: rotate(0deg);}
}
/********************分馆介绍*/

/********场馆预约********/

.mask-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -180px;
    width: 500px;
    height: 360px;
    border-radius: 20px;
    background: url("../images/yy_success_bg.png") #f9f9f9 no-repeat center 100%;
    
    text-align: center;
    display: none;
    z-index: 102;
}
.mask-box-content {
    position: relative;
    /*padding: 30px 0;*/
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
}
.mask-box-content.mask-yybm {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
}
.mask-box-content .close{
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 102;
}
.mask-box-content .close.close-w {
    bottom:-68px;
    left: 50%;
    margin-left: -20px;
    background: url("../images/close.png") no-repeat center;
}
.mask-box-content .title{
    font-size: 30px;
    line-height: 76px;
}

.mask-box-content img.img-is_yy_success {
    margin: 30px 0 0;
}
.mask-box-content img.img-code {
    width: 202px;
    height: 200px;
    margin-top: 10px;
}
.mask-box-content p {
    margin-top: 10px;
}
.mask-box-content .tip{
    color: #333;
}
.fgjs_ul {
	width: 1580px;
	height:  466px;
	margin: 20px auto;
	overflow-x: hidden;
	overflow-y: auto;font-size: 20px;
	line-height: 40px;
	color: #333;
}


/********************************大数据*/

.MaxBt{position: relative; width: 100%; height: 6vw; overflow: hidden;}
.MaxBt div.MAXlogo{width: 23vw; margin: 1.5vw auto 0 auto;font-size: 1.7vw;color: #9edcf3;font-weight: bold;}
.MaxBt div.MAXTime{
    font-size: 1vw;
    color: #fff;
    position: absolute;
    right: 7vw;
    top: 1vh;
}

.MaxBox{position: relative; overflow: hidden;}
.maxBOXbt{ font-size: 0.9vw; font-weight: bold; color: #fff; text-align: center; height: 2.6vw;line-height: 2.6vw; margin: 0px auto 0.8vw auto;}
/**************大数据左侧*/
.maxLeft{ float: left; margin-left: 2vw; width: 27vw;}
.MaxboxA{ width: 27vw; height: 19vw; overflow: hidden; background:url(../images/big/maxLSBG1.png) no-repeat center; margin-bottom: 1vw; background-size:100% 100%;}
.MaxboxA div.MAXinfo{ background:url(../images/maxLSBG1min.png) no-repeat; width: 60%; height: 3.6vw; margin: 0px auto 0.5vw auto;
 color: #fff; overflow: hidden; background-size:100% 100%;
}
.MaxboxA div.MAXinfo li{ float: left; width:40%; text-align: center; padding-top: 0.8vw; line-height: 1.2vw;}
.MaxboxA div.MAXinfo b{ display: block; font-size: 18px; color: #9c9aec;font-weight: normal; }
.MaxboxA div.MAXinfo small{ color: #9edcf3; font-size: 12px;}
.MaxboxAnr{ width: 100%; height: 11vw; margin: 0 auto; overflow: hidden;}/*删除背景颜色*/
.MaxboxAnrB{ float: left; width: 16.5vw;  height: 11.5vw; overflow: hidden; }/*删除背景颜色*/

.MaxboxAnrC{ float: left; width: 16.5vw; height: 11.5vw; overflow: hidden;}/*删除背景颜色*/
.MaxboxABiaoQian{ float:right; width: 10vw; height: 5.5vw; margin: 8% 0 0 0vw; background:url(../images/big/maxbgbiaoqian.png) no-repeat;
 text-indent: 2vw; color: #a4ecf2; line-height: 1.38vw; background-size:13%; font-size:0.6vw;
}
.MaxboxABiaoQian b{ padding-right:0.5vw; font-weight: normal;}

.MaxboxB{ width: 27vw; height: 15vw; overflow: hidden; background:url(../images/big/maxLSBG2.png) no-repeat; background-size:100% 100%;}
/*************大数据中间*/
.maxCenter{ float: left; width: 27vw;}
.MaxboxC{ width: 27vw; height: 15vw; overflow: hidden; background:url(../images/big/maxLSBG3.png) no-repeat; margin-bottom: 1vw; background-size:100% 100%; }
.MaxboxC div.MAXinfoC{ width: 95%; height: 20vh; margin: 0px auto 10px auto;
 color: #fff; overflow: hidden;}
.MaxboxC div.MAXinfoC li{ float: left; width:50%; text-align: center; padding-top: 1.9vw;}
.MaxboxC div.MAXinfoC b{ display: block; font-size: 1.5vw; line-height: 1.5vw; font-weight: normal; color: #9c9aec;}
.MaxboxC div.MAXinfoC small{ color: #9edcf3; font-size: 1vw;}
.MaxboxC div.MAXinfoC em{ font-size: 1.5vw; line-height: 32px; font-weight: normal; color: #9c9aec; font-style: normal;}

.MaxboxD{ width: 27vw; height: 17vw; overflow: hidden; background:url(../images/big/maxLSBG4.png) no-repeat center; margin-bottom: 1vw; color: #9edcf3;background-size:100% 100%;}
.MaxboxD div.MAXinfoD{ width: 95%; height: 13vw; margin: 0px auto 0.6vw auto; overflow: hidden;}
.MaxboxD div.MAXinfoD li{ width:100%; overflow: hidden; padding-top: 15px; line-height: 23px;}
.MaxboxD div.MAXinfoD b{ float: left; width: 75%; display: block; font-size:1vw; font-weight: normal; font-weight: normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.MaxboxD div.MAXinfoD small{ float: right; display: block; color: #9edcf3; font-size: 1vw; }
.MaxBt div.MAXBack{ 
    position: absolute;
    left: 5vw;
    top: 10px;
}
    .MaxBt div.MAXBack img {
    width:4vw;
    }

.maxbannerk{
    margin-left: 2vw;
    position: relative;
    width: 40vw;
    float:left;
}
.maxbannerk .maxbannerkA{
    width: 40vw;
    height: 32.7vw;
    border: 1px solid #41f3f6;
    background: #41f3f6;
    box-shadow: 0 0 10px rgba(31,121,205,1) inset;
    margin-bottom: 20px;
}
.maxbannerk .bannerT{z-index: 999;position: absolute;width: 100%;left: 0;height: 3.5vw;top: -1vw;background: url(../images/big/bannerT.png) no-repeat; background-size:100% 100%;    text-align: center;}
.maxbannerk .bannerT span{    color: #63edf9;font-weight: 600;font-size: 1vw;line-height: 2.8vw;display: block;background: linear-gradient(to top,#3cf3ff,#bcfdff);-webkit-background-clip: text;}
.maxbannerk .IndX{position: absolute;width: 20px;height: 20px;}
/*.maxbannerk .IndX1{border-left: 3px solid #41f3f6;border-top: 3px solid #41f3f6;top: -0.5vw;left: -0.5vw;}
.maxbannerk .IndX2{border-right: 3px solid #41f3f6;border-top: 3px solid #41f3f6;top: -0.5vw;right: -9px;}
.maxbannerk .IndX3{border-left: 3px solid #41f3f6;border-bottom: 3px solid #41f3f6;left: -0.5vw;bottom: 15.6vw;}
.maxbannerk .IndX4{border-right: 3px solid #41f3f6;border-bottom: 3px solid #41f3f6;bottom: 15.6vw;right: -0.5vw;}*/

.maxbannerk .maxbannerkB{
   width: 40vw;
    height: 15vw;
    overflow: hidden;
    background: url(../images/big/maxLSBG5.png) no-repeat;
    background-size:100% 100%;
}

.lbdjl {
   height:13vw !important;
   margin-bottom:1vw;
}
.cgsycs {
 height:6.7vw;
}















	
	