@charset "utf-8";
/* 全景太阳沟样式表 */

body {
	        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	        font-size: 0.14rem;
	        color:#000;
	        margin: 0;
	        padding: 0;
	    }

/**侧边导航**/
.zm-nav-tu{
	position: fixed;
	width: 0.82rem;
	height: 0.82rem;
	top: 0.2rem;
	left: 0.2rem;
	background-color: #58c0b5;
	z-index: 100;
}
.zm-nav-tu1{
	position: fixed;
	width: 0.8rem;
	height: 0.8rem;
	top: 0rem;
	left: 0rem;
	z-index: 200;
}
.zm-nav-tu a img{
	width: 100%;
	height: 100%;
}
.zm-nav-tu1 a img{
	width: 100%;
	height: 100%;
}
.zm-nav-main .zm-nav-bg{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:alpha(opacity=50);  
	-moz-opacity:0.50; 
	opacity:0.50;
	z-index: 1000;
}
.zm-nav-main .zm-nav-list{
	position: fixed;
	top: 0;
	left: 0;
	width: 2.3rem;
	height: 100%;
	z-index: 1100;
	background: -moz-linear-gradient(top, #77c8ee 0%, #44e9bb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77c8ee), color-stop(100%,#44e9bb));
    background: -webkit-linear-gradient(top, #77c8ee 0%,#44e9bb 100%);
    background: -o-linear-gradient(top, #77c8ee 0%,#44e9bb 100%);
    background: -ms-linear-gradient(top, #77c8ee 0%,#44e9bb 100%);
    background: linear-gradient(to bottom, #77c8ee 0%,#44e9bb 100%);
}
.zm-nav-main .zm-nav-list ul{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
.zm-nav-main .zm-nav-list ul li{
	width: 100%;
	height: 20%;
}
.zm-nav-main .zm-nav-list ul li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 0.7rem;
}
.zm-nav-main .zm-nav-list ul li a img{
	width: 0.7rem;
	height: 0.7rem;
}
.zm-nav-main .zm-nav-list ul li a p{
	font-size: 0.32rem;
	color: #ffffff;
	padding-top: 0.1rem;
}

.zm-nav-main .zm-nav-list ul li.zm-active a{
	background-color: #42cead;	
	
}
.zm-nav-main .zm-nav-img{
	position: fixed;
	width: 0.82rem;
	height: 0.82rem;
	top: 0.1rem;
	left: 2.5rem;
	z-index: 1100;
}
.zm-nav-main .zm-nav-img img{
	width: 100%;
	height: 100%;
}

/**首页banner**/
.swiper-slide a.zm-sw-a{
	width: 100%;
	height: 100%;
}
.swiper-slide a.zm-sw-a img{
	width: 100%;
	height: 100%;
}
.swiper-slide a.zm-sw-zhibo{
	position: absolute;
	width: 5.4rem;
	height: 0.8rem;
	bottom: 1rem;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.32rem;
	color: #ffffff;
	border-radius: 0.05rem;
	background:rgba(0,0,0,0.8);
	border-radius: 0.4rem;
	left: 50%;
	margin-left: -2.7rem;
}
.swiper-slide a.zm-sw-zhibo1{
	position: absolute;
	bottom: 2.3rem;
	width: 1.1rem;
	height: 1.1rem;
	z-index: 1000;
	left: 50%;
	margin-left: -0.55rem;
}
.swiper-slide a.zm-sw-zhibo1 img{
	width: 100%;
	height: 100%;
}

/**内页头部**/
.zm-top{
	width: 100%;
	height: 0.8rem;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ffffff;
	border-bottom: 0.01rem solid #e5e5e5;
	z-index: 110;
}
.zm-top h3{
	display: block;
	font-size: 0.36rem;
	text-align: center;
	line-height: 0.8rem;
	font-weight: normal;
	color: #484848;
}


/**主题列表**/
.zm-theme-list{
	border-bottom: 0.01rem solid #e6e6e6;
	padding-bottom: 0.35rem;
}
.zm-theme-title{ padding: 0.4rem 0.33rem 0.3rem 0.33rem;}
.zm-theme-title span{
	float: right;
	font-size: 0.3rem;
	margin-top: -0.05rem;
}
.zm-theme-title span a{
	color: #999999;
}
.zm-theme-title span a i{
	margin-left: 5px;
}
.zm-theme-title h3{
	font-size: 0.34rem;
	margin-top: 0.05rem;
}
.zm-theme-title .title-en{
	color: #c9c9c9;
	font-size: 0.24rem;
	margin-top: 0.2rem;
}
.zm-theme-title .title-en img{
	width: 0.04rem;
	height: 0.22rem;
	margin-right: 0.15rem;
}
.zm-theme-main .swiper-wrapper{
	height: 3rem;
}
.zm-theme-main .swiper-wrapper .swiper-slide{
	width: 4.5rem;
	height: 3rem;
	
}
.zm-theme-main .swiper-wrapper .swiper-slide a{
	width: 4.5rem;
	height: 3rem;
	display: block;
	position: relative;
}
.swiper-container {
        width: 100%;
        height: 100%;
    }
.zm-theme-main .swiper-slide {
        width: 80%;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
/*.zm-theme-main .swiper-slide:nth-child(2n) {
        width: 60%;
}
.zm-theme-main .swiper-slide:nth-child(3n) {
        width: 40%;
}*/
.zm-theme-main .swiper-wrapper .swiper-slide .list-tu{
	width: 100%;
	height: 100%;
}
.zm-theme-main .swiper-wrapper .swiper-slide .zm-theme-main-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.3);
	color: #ffffff;
	padding: 0.3rem;
}
.zm-theme-main .swiper-wrapper .swiper-slide .zm-theme-main-bg h4{
	font-weight: normal;
	font-size: 0.28rem;
}
.zm-theme-main .swiper-wrapper .swiper-slide .zm-theme-main-bg p{
	font-size: 0.24rem;
}
.zm-theme-main .swiper-wrapper .swiper-slide .zm-theme-main-bg span{
	display: block;
	width: 0.4rem;
	height: 0.01rem;
	background-color: #ffffff;
	margin: 0.15rem 0;
	border-bottom: 0.01rem solid #ffffff;
}

.zm-theme-main .swiper-wrapper .swiper-slide:nth-child(1){
  padding-left: 0.33rem;	
}

.zm-wenchuan .swiper-wrapper .swiper-slide{
	width: 100%;
}






/**列表页**/
.zm-list-main{
	margin: 0.5rem 0.4rem;
}
.zm-list-main .zm-list-title{
	height: 0.8rem;
}
.zm-list-main .zm-list-title h3{
	display: block;
	float: left;
	font-size: 0.34rem;
	margin-right: 0.2rem;
}
.zm-list-main .zm-list-title span{
	font-size: 0.24rem;
	color: #c9c9c9;
	float: left;
}
.zm-list-main .zm-list-title span img{
	width: 0.04rem;
	height: 0.22rem;
	margin-right: 0.15rem;
	margin-bottom: 0.05rem;
}

.zmzm{
	height: 0.8rem;
	padding: 0.4rem 0.33rem 0.8rem 0.33rem;
}
.zmzm span{
	margin-top: -0.1rem;
}

.zmzm h3{
	display: block;
	float: left;
	font-size: 0.34rem;
	margin-right: 0.2rem;
	margin-top: -0.05rem;
}

.zmzm .zozo{
	font-size: 0.24rem;
	color: #c9c9c9;
	float: left;
	margin-top: -0.05rem;
}
.zmzm .zozo img{
	width: 0.04rem;
	height: 0.22rem;
	margin-right: 0.15rem;
	margin-bottom: 0.05rem;
}


.zm-list-main .zm-list-li{
	width: 100%;
	height: 3rem;
	margin-bottom: 0.2rem;
}
.zm-list-main .zm-list-li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.zm-list-main .zm-list-li a img{
	display: block;
	width: 100%;
	height: 100%;
}
.zm-list-main .zm-list-li .zm-theme-main-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.3);
	color: #ffffff;
	padding: 0.3rem;
}

.zm-list-main .zm-list-li .zm-theme-main-bg h4{
	font-weight: normal;
	font-size: 0.28rem;
}
.zm-list-main .zm-list-li .zm-theme-main-bg p{
	font-size: 0.24rem;
}
.zm-list-main .zm-list-li .zm-theme-main-bg span{
	display: block;
	width: 0.4rem;
	height: 0.01rem;
	background-color: #ffffff;
	margin: 0.15rem 0;
	border-bottom: 0.01rem solid #ffffff;
}


/**详情页**/
.zm-show-banner{
	width: 100%;
	height: 4.2rem;
	position: relative;
}
.zm-show-banner .swiper-slide img{
	width: 100%;
	height: 100%;
}
.zm-show-banner .swiper-pagination-bullet{
	background: #45e8bc;
}
.zm-show-banner .zm-720{
	position: absolute;
	width: 0.9rem;
	height: 0.9rem;
	right: 0.4rem;
	bottom: 0.2rem;
	z-index: 100;
}
.zm-show-banner .zm-720 a img{
	width: 100%;
	height: 100%;
}
.zm-show-show{
	padding: 0.36rem;
}
.zm-show-show h3{
	font-size: 0.34rem;
	color: #484848;
	margin-bottom: 0.35rem;
}
.zm-show-show h4{
	font-size: 0.32rem;
	color: #484848;
	margin-bottom: 0.1rem;
	margin-top: 0.3rem;
}
.zm-show-show p{
	font-size: 0.32rem;
	color: #999999;
	line-height: 0.49rem;
	margin-bottom: 0.1rem;
	text-indent:0.62rem;
	text-align:justify;
    text-justify:inter-ideograph;
}
.zm-ren-txt p{
	text-align:justify;
    text-justify:inter-ideograph;
}
.zm-show-show p img{
  max-width: 100%;
}
.zm-show-tool{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.94rem;
	background-color: #ffffff;
	box-shadow: 0 0 0.1rem #cccccc;
}
.zm-show-tool .zm-show-phone{
	width: 3rem;
	height: 0.94rem;
	text-align: center;
	line-height: 0.94rem;
	float: left;
}
.zm-show-tool .zm-show-phone a{
	display: block;
	font-size: 0.30rem;
	color: #828282;
}
.zm-show-tool .zm-show-phone a img{
	width: 0.47rem;
	height: 0.47rem;	
}
.zm-show-tool .zm-show-gps a img{
	width: 0.47rem;
	height: 0.47rem;	
}
.zm-show-tool .zm-show-gps{
	float: right;
	width: 4.5rem;
	height: 0.94rem;
	text-align: center;
	line-height: 0.94rem;
	background-color: #3edcb1;
}
.zm-show-tool .zm-show-gps a{
	display: block;
	color: #ffffff;
	font-size: 0.30rem;
}
.zm-show-tool .zm-tong{
	width: 100%;
}



/**书籍**/
.zm-book-img{
	width: 100%;
	height: 4.2rem;
	background-color: #cab59a;
	text-align: center;
	line-height: 4.2rem;
	background-image: url(../img/test/culture/shuben_bg.jpg);
	background-size:100% 100%;
}
.zm-book-img img{
	width: 2.68rem;
	height: 3.88rem;	
}
.zm-book-name{
	width: 100%;
	height: 2.3rem;
	border-bottom: 0.01rem solid #e6e6e6;
	padding: 0.4rem 0.3rem;
}
.zm-book-name .zm-book-tu{
	float: right;
	width: 1.5rem;
	height: 1.5rem;
}
.zm-book-name .zm-book-tu img{
	width: 100%;
	height: 100%;
}
.zm-book-name .zm-book-wen h4{
	font-size: 0.44rem;
	color: #484848;
	margin-bottom: 0.2rem;
}
.zm-book-name .zm-book-wen p{
	font-size: 0.22rem;
	color: #999999;
	line-height: 0.3rem;
}
.zm-book-txt{
	padding: 0.4rem 0.3rem;
}
.zm-book-txt h4{
	font-weight: normal;
	font-size: 0.32rem;
	color: #484848;
	margin-bottom: 0.2rem;
}
.zm-book-txt p{
	font-size: 0.32rem;
	color: #999999;
	text-indent:0.62rem;
	text-align:justify;
    text-justify:inter-ideograph;
}

.zm-show-show p img{
	display: block;
}


/**影视**/
.zm-mo-list .zm-theme-title h3 span{ 
	float: none;
	font-size: 0.24rem;
	color: #c9c9c9;
	font-weight: normal;
}
.zm-mo-list .zm-theme-title h3 span img{
	 width: 0.04rem;
	 height: 0.2rem;
	 margin-left: 0.2rem;
	 margin-right: 0.15rem;
}
.zm-mo-list .swiper-wrapper .swiper-slide .zm-theme-main-bg{
	background: none;
	position: inherit;
	padding: 0;
	height: auto;
}
.zm-mo-list .swiper-wrapper .swiper-slide .zm-theme-main-bg h4{
	font-size: 0.3rem;
	color: #484848;
	margin: 0.2rem 0 0.1rem 0;

}
.zm-mo-list .swiper-wrapper .swiper-slide .zm-theme-main-bg p{
	font-size: 0.24rem;
	color: #999999;
	height: 0.3rem;
	width: 100%;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.zm-mo-list .swiper-wrapper .swiper-slide{
	width: 3.14rem;
	height: auto;
}
.zm-mo-list .swiper-wrapper .swiper-slide a{
	width: 3.14rem;
	height:auto;
}
.zm-mo-list .swiper-wrapper .swiper-slide .list-tu{
	width: 3.14rem;
	height:4.34rem;
}
.zm-mo-list .swiper-wrapper{
	height:5.5rem;
}
.zm-mo-list{
	padding-bottom: 0.45rem;
}
.zm-mo-list .swiper-wrapper .swiper-slide:nth-child(1){
	padding-left: 0rem;
	margin-left: 0.33rem;
}

.zm-te-list .zm-theme-title h3 span{ 
	float: none;
	font-size: 0.24rem;
	color: #c9c9c9;
	font-weight: normal;
}
.zm-te-list .zm-theme-title h3 span img{
	 width: 0.04rem;
	 height: 0.2rem;
	 margin-left: 0.2rem;
	 margin-right: 0.15rem;
}
.zm-te-list .swiper-wrapper .swiper-slide{
	width: 3.14rem;
	height: 3.14rem;
}
.zm-te-list .swiper-wrapper{
	height:3.14rem;
}
.zm-te-list .swiper-wrapper .swiper-slide a{
	width: 3.14rem;
	height:3.14rem;
}
.zm-te-list .swiper-wrapper .swiper-slide .list-tu{
	width: 3.14rem;
	height:3.14rem;
}
.zm-te-list .swiper-wrapper .swiper-slide .zm-theme-main-bg{
	padding: 0;
	text-align: center;
	font-size: 0.3rem;
	font-weight: bold;
	width: 3.14rem;
	height:3.14rem;
	line-height: 3.14rem;
}
.zm-te-list .swiper-wrapper .swiper-slide:nth-child(1){
	padding-left: 0rem;
	margin-left: 0.33rem;
}

.zm-banner-main{
	height: 4.2rem;
	width: 100%;
	position: relative;
}
.zm-banner-main img{
	width: 100%;
	height: 100%;
}
.zm-banner-main .bn-bg{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1.15rem;
	width: 100%;
	padding: 0.2rem 0.4rem;
	background:rgba(0,0,0,0.8);
	color: #ffffff;
}
.zm-banner-main .bn-bg h4{
	font-size: 0.3rem;
	margin-bottom: 0.08rem;
}
.zm-banner-main .bn-bg p{
	font-size: 0.24rem;
}

/**主要景点**/
#map-main{
	position: absolute;
	width: 100%;
	height: calc(100% - 1.8rem);
	bottom: 1rem;
}
.map-nav{
	position: absolute;
	width: 100%;
	height: 1rem;
	background-color: #ffffff;
	bottom: 0;
	box-shadow:0 -1px 10px #cccccc;
}

.map-nav ul{
	padding: 0;
}
.map-nav ul li{
	float: left;
	width: 25%;
	text-align: center;
}
.map-nav ul li a{
	display: block;
	height: 1rem;
	padding-top: 0.12rem;
}
.map-nav ul li a img{
	width: 0.5rem;
	height: 0.5rem;
}
.map-nav ul li a p{
	font-size: 0.22rem;
	color: #666666;
}
.zm-jingdian{
	position: absolute;
	width: 100%;
	height: 1.6rem;
	background-color: #ffffff;
	bottom: 0;
	box-shadow:0 -1px 10px #cccccc;
	padding: 0.2rem;
}
.zm-jingdian span{
	display: block;
	float: right;
	width: 1.65rem;
	height: 1.2rem;
}
.zm-jingdian span img{
	width: 100%;
	height: 100%;
}
.zm-jingdian h4{
	font-size: 0.3rem;
	color: #484848;
	margin-bottom: 0.2rem;
}
.zm-jingdian p{
	font-size: 0.26rem;
	color: #999999;
	line-height: 0.35rem;
	width: 5rem;
	text-indent: 0.58rem;
}
.zm-jingdian .zm-close{
	position: absolute;
	width: 0.74rem;
	height: 0.74rem;
	text-align: center;
	line-height: 0.74rem;
	background-color: #ffffff;
	bottom: 1.6rem;
	right: 0;
}
.zm-jingdian .zm-close img{
	width: 0.56rem;
	height: 0.56rem;
}


/**书架**/
.book-main{}
.book-main .book-bg{
	position: fixed;
	width: 100%;
	height: 100%;
}
.book-main .book-bg img{
	width: 100%;
	height: 100%;
}
.book-main .book-list{
	position: absolute;
	top: 2rem;
	width: 100%;
	text-align: center;
}
.book-main .book-list .book-li{
	width: 6.84rem;
	height: 3.29rem;
	margin: 0 auto;
	position: relative;
	margin-bottom: 0.4rem;
}
.book-main .book-list .book-li .li-bg{
	width: 100%;
	height: 100%;
}
.book-main .book-list .book-li .li-bg img{
	width: 100%;
	height: 100%;
}
.book-main .book-list .book-li ul{
	padding: 0rem;
	margin: 0rem;
	position: absolute;
	top: 0.1rem;
	padding-left: 0.66rem;
}
.book-main .book-list .book-li ul li{
	float: left;
	width: 1.5rem;
	height: 2.17rem;
	margin-right: 0.5rem;

}
.book-main .book-list .book-li ul li a img{
	width: 100%;
	height: 100%;
}



/***开场动画***/
.zm-animation{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
}
.zm-animation .zm-an-li{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.zm-animation .zm-an-li img{
	width: 100%;
	height: 100%;
}


/**历史**/
.ls-show{
	position: absolute;
	width: 100%;
	height: calc(100% - 0.8rem);
	z-index: 100;
	top: 0.8rem;
}
.ls-show .ls-tu{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0rem;
}
.ls-show .ls-tu .ls-img{
	width: 100%;
	height: 100%;
}
.ls-show .ls-tu span{
	position: absolute;
	width: 0.52rem;
	height: 0.52rem;
	top: 0.2rem;
	right: 0.2rem;
}
.ls-show .ls-tu span img{
	width: 100%;
	height: 100%;
}


/**推荐路线**/
#map-luxian{
	position: absolute;
    width: 100%;
    height: calc(100% - 1.9rem);
    bottom: 1.1rem;
}
.map-txt{
	position: absolute;
    width: 100%;
    height: 4.1rem;
    background-color: #ffffff;
    bottom: 0;
    box-shadow: 0 -1px 10px #cccccc;
    padding: 0.3rem; 
}
.map-txt h4{
	font-size: 0.3rem;
	margin-bottom: 0.3rem;
	margin-top: 0.1rem;
}
.map-txt p{
	font-size: 0.26rem;
	color: #999999;
}
.map-txt p b{
	color: #484242;
	font-weight: normal;
}

.map-tuli{
	position: fixed;
	top: 0.2rem;
	left: 0.2rem;
	z-index: 999;
	background-color:#000;
	width: 0.9rem;
	background-color:rgba(0,0,0,0);
	display: none;
}
.map-tuli .tuli{
	width: 0.15rem;
	height: 2.5rem;
	background-color: #007AFF;
	position: relative;
}
/**热力图渐变条**/
.map-tuli .c1{
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,.1),#00f,#0f0,#ff0,red,red)!important;
}
.map-tuli .tuli span{
	position: absolute;
	right: -0.5rem;
	font-size: 0.10rem;
	color: #000;
	text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
}
.map-tuli .tuli span.sp1{
	top: 0.1rem;
}
.map-tuli .tuli span.sp2{
	top: 1.1rem;
}
.map-tuli .tuli span.sp3{
	bottom: 0.1rem;
}

.dao-img img{ max-width: 100%;}

.txt-btn1{
	width: 0.6rem;
	height: 0.6rem;
	margin: -0.52rem auto 0rem;	
}
.txt-btn1 img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.txt-btn2{
	width: 0.6rem;
	height: 0.6rem;
	margin: -0.52rem auto 0rem;
	display: none;
	
}
.txt-btn2 img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.zm-ren-txt p{
	text-indent: 0.62rem;
}
.book-main .book-list{
	top: 1.5rem;
}

.zm-kaishi{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	z-index: 9999;
}
.index-tu{
	width: 100%;
	height: 100%;
}
.index-tu1{
	width: 3.9rem;
	height: 2rem;
	position: fixed;
	top:1.2rem;
	left: 50%;
	margin-left: -1.95rem;
}
.zm-logo{
	width: 2.76rem;
	height: 5.32rem;
	position: fixed;
	top: 3.32rem;
	left: 50%;
	margin-left: -1.38rem;
	display: none;
}
.zm-logo img{
	width: 100%;
	height: 100%;
}
.zm-kaishi p{
	font-size: 0.28rem;
	color: #ffffff;
	width: 100%;
	position: fixed;
	bottom: 0.3rem;
	text-align: center;
	text-shadow:0.05rem 0.02rem 0.06rem #cccccc;
}

/**导览图**/
.zm-daolan{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
	z-index: 9999;
	background-color: #f0f0f0;
	display: none;
}
.zm-daolan .zm-daolan-close{
	display: block;
	width: 0.8rem;
	height: 0.44rem;
	position: fixed;
	top: 0.2rem;
	right: 0.2rem;
	background-color:rgba(0,0,0,0.6);
	text-align: center;
	line-height: 0.44rem;
	color: #ffffff;
	border-radius: 0.05rem;
}
.zm-daolan img{
	width: 100%;
	height: 100%;
}