@charset "utf-8";
@import url(mobile_header.css);
@media screen and (max-width:750px ) {
	body{background: #e2f5ef;}
    .warp{width:auto;max-width: 100vw;min-width:100vw;}
    .warp *{box-sizing: border-box;}
    .warp .w1200{width: auto;}
    .warp .MT45{ margin-top:15px;}
    .warp .f_l,
    .warp .f_r{ float: none !important;}
    
    .topMain{height: 60vw;}
    .topMain .LOGO{padding-top: 25vw;width: 100%;margin: 0 auto;}
    .szfBtn{left:10px;top: 10px;width: 60vw;}
    .szfBtn img{width: 100%;max-width: 334px;}
	.TopBanner .bd ul li img{width: 100%; height: calc(60vw - 10px); object-fit: cover;}
	.TopBanner .hd ul li{transition: none;}
	.Top>i{display: block;width: 28px;height: 21px;box-sizing: border-box;border-top: 3px solid #FFF;position: relative;z-index: 999;filter: drop-shadow(0px 0px 3px black);float: right;margin-right: 15px;margin-top: 20px;}
	.Top>i::before,
	.Top>i::after{ content: ''; display: block; width: 100%; position: absolute; left: 0; border-top: 3px solid #FFF; }
	.Top>i::before{ top: calc(50% - 3px); }
	.Top>i::after{ bottom: 0;}
	
	.TopNav{position: fixed;width: 100vw;height: 100vh;top: 0;left: 100vw;box-sizing: border-box;padding: 100px 10px 20px;background: rgba(0,0,0,0.8);z-index: 998;margin: 0;float: none;}
	.TopNav.App_nav{display: inline-block;text-align: center;}
	.TopNav.Pc_nav{display: none;}
	.TopNav ul{display: block;}
	.TopNav ul li{width: calc((100% - 30px)/3);height: auto;float: left;margin: 10px 10px 0px 0px;background: none !important;}
	.TopNav ul li.m3,.TopNav ul li.m6{margin-right: 0px;}
	.TopNav ul li img{width: 100%; height: auto;}
	.TopNav ul li .img02{display: none;}
	.TopNav ul li.on{background:none !important;}
	.TopNav ul li.on .img01{display: none;}
	.TopNav ul li.on .img02{display: block;}

	.Tit .Tit1{width:auto;display: inline-block;}
	.Tit .Tit1::before{width: 100%;}
	.Tit .Tit1 span{font-size:24px;}
	.Tit .Tit1 span em{font-size:24px;}
	
	.Main{width: auto;padding: 0px 10px 10px;height:auto;overflow:hidden;margin: 0;}
	/*左侧*/
	.Part1{width: 100%;float: none;}
	/*视频*/
	.Part1 .jdsp{height: 200px;margin-top: 10px;}
	/*简介*/
	.Part1 .jdjj{width: 100%;height: auto;padding: 15px 0px 20px;margin-top: 20px;background-image: linear-gradient(to left,#c1e5d4, transparent);}
	.Part1 .jdjj .Img{width: 230px;float: none;margin: 0 auto 10px;}
	.Part1 .jdjj .Img .Img_bg{width:250px;height: 227px;background-size: 100% 100%;}
	.Part1 .jdjj .Img img{width: 200px;height:200px;}
	.Part1 .jdjj .con{width: 100%;float: none;}
	.Part1 .jdjj .con .desc{font-size: 15px;line-height: 34px;padding-right: 5px;}

	/*图集*/
	.Part1 .jdtj{margin-top: 20px;}
	.swiper-container {width: 100%;height: auto;padding-bottom: 0px;}
	.swiper-wrapper .swiper-slide {width: 100%;height: auto;overflow: hidden;}
	.swiper-wrapper .swiper-slide img{height: calc((100vw - 20px) / (600 / 355));}
	.swiper-container .swiper-pagination {bottom: 20px;}
	.swiper-container .swiper-pagination span{display: inline-block; width: 8px; height: 8px; background: #fbda83;margin: 2px 8px; border-radius: 50%;}
	.swiper-container .swiper-pagination span.on{width: 12px; height: 12px; background: #cc9200; margin: 0px 8px;}
	.swiper-button-prev {left: 0px;}
	.swiper-button-next {right: 0px;}

	/*右侧*/
	.Part2{width: 100%;float: none;}
	/*旅游攻略*/
	.Part2 .lygl{ margin-top: 10px;}
	.Part2 .lygl .titles{background-position: center center;}
	.Part2 .lygl .titles .Tit{padding-left: calc((100% - 225px)/2);padding-top: 11px;}
	.Part2 .lygl .lyglcon{border-radius: 0px 0px 10px 10px;}
	.Part2 .lygl .lyglcon .Img{width: 100%;float: none;display: none;}
	.Part2 .lygl .lyglcon .Img img{height: 200px;object-fit: cover;}
	.Part2 .lygl .lyglcon .desc{width: calc(100% - 10px);height: 335px;float: none;font-size: 15px;line-height: 34px;padding: 0px 5px 0px 10px;margin: 15px 10px 15px 0px;}
	
	/*相关阅读*/
	.Part2 .xgyd{margin-top: 20px;}
	.Part2 .xgyd .xgydList{width: 100%;float: none; height: auto;}
	.Part2 .xgyd .xgydImg{width: 100%;float: none;display: none;}
	.Part2 .xgyd .xgydImg ul li img{width: 100%; height: auto;transition:all 2s;}

	/*景点图片*/
	.Part2 .jdtp{margin-top: 20px;position: relative;}
	.Part2 .jdtp .Img{float: none;width: 100%;}
	.Part2 .jdtp .Img img{object-fit: cover;}
	.Part2 .jdtp span{float: none;width: 100px;height: 200px;display: flex;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;}
	.Part2 .jdtp span::before{width: 130px;background-position: left center;}
	.Part2 .jdtp span img{position: relative;}

	
    .ConMain.ZldwBox{width:auto;padding: 0;margin: 0;}

    .Address{ background-position: 15px center; height: auto;line-height: 1.5; padding: 10px; font-size: 14px;}
    .Address i{ display:none;}
    .Address font{ padding-left:0; }
    
    /*内页*/
    .RightMainBox{padding: 0 10px;margin-top: 5px;box-shadow: none;background: none;}
    .RightMainBox>.Title{padding: 0 10px;height: 41px;}
    .RightMainBox>.Title>h1{height: 41px;line-height: 41px;font-weight: bold;font-size: 22px;}
    .PageMainBox{min-height: calc(100vh - 469px);}
    ul.NewsList{ padding:10px 0;}
    ul.NewsList li:not(.b){height:auto;background-position: left 16px;line-height: inherit;padding: 10px 0;padding-left: 15px;}
    ul.NewsList li:not(.b) + li:not(.b){ border-top:1px solid #DDD;}
    ul.NewsList li a{width: auto;max-width: inherit;float: none;white-space: inherit;line-height: 1.3;display: block;font-size: 14px;color: #000;}
    ul.NewsList li span{width: auto;display: block;float: none;text-align: left;font-size: 12px;line-height: 1.3;}
    
    
    /*细览*/
    .DocTextBox{margin: 10px !important;padding: 15px 10px 10px;}
    .DocTextBox .DocTitle{font-size: 22px;line-height: 1.4;}
    .DocTextBox .Article .share{display: none !important;}
    .DocTextBox .Article .ArticleInfo{ margin:0;}
    .DocTextBox .Article .ArticleInfo p{ display:block; text-align: center;}
    .DocTextBox .Article .ArticleInfo>p:nth-of-type(1) span{display:block;}
    .DocTextBox .Article .ArticleInfo .print{ display:none; }
    .DocHtmlCon table{ max-width:100%; }
    .DocHtmlCon .video{max-width:100%;height: auto;}
    .DocHtmlCon .video video{max-width:100%;height: auto !important;}
    .QRcode{ display:none;}
    .Previous a{max-width: calc(100% - 110px);}
    
    
    /*相关文档*/
    .DocTextBox.f_l{ width:auto;}
    .RelatedDoc{width:auto;margin: 10px !important;padding: 0 10px 15px;}
    
    /*底部*/
    .warp .footer{ display: none;}
    .warp .Footer_Mbile{display: block !important;background: #cc9200;padding: 15px 5px;}
    .warp .Footer_Mbile p{ text-align: center; font-size: 15px; color: #FFF; line-height: 1.5; padding: 3px 0;}
	.warp .Footer_Mbile p a{ color: #FFF;}
}