.bmcontainer{    width: 1400px;
    margin-right: auto;
    margin-left: auto;}

.top{background: #fff;}

/* 顶部 */
.header-top .skip ul li{position:relative; float:left; padding-right:8px; padding-left:8px; font-size:.9375em; line-height:60px;}
.header-top .skip ul li.vLine:after{position:absolute; top:50%; right:0; content:""; margin-top:-5px; width:1.5px; height:14px; background-color:rgba(119, 119, 119, 1);}
.header-top .user a:first-child{float: left;}
.header-top .user a:nth-child(2){float: right;}
.header-top .skip ul li a{display:block; position: relative;color: rgba(119, 119, 119, 1);}
.header-top .skip ul li a:before:first-child{display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:8px; background-image:url(../images/header_skip_icons.png);}
.header-top .skip ul li a font{display:inline-block; vertical-align:middle;}
.header-top .skip ul li.user a:before{content:"";}
.header-top .skip .bmcontainer ul:nth-child(1){float: left; width: auto;}
.header-top .skip .bmcontainer ul:nth-child(2){float: right;width: auto;}
.logo{float: left;}
/* 头部导航 */
/* .swiper-nav{margin-right:30%;} */
.nav{float: right;width: 55%;margin-top: 10px;}
.nav .swiper-slide{position:relative; float:left; margin-right:3%; text-align:center;}
.nav .swiper-slide:last-child{margin-right: 0;}
.nav .swiper-slide .link{position:relative; display:inline-block;; font-size:1.25em; line-height:63px; text-align:center; white-space:nowrap;color: rgba(51, 51, 51, 1);}
.nav .swiper-slide .link:after{position:absolute; bottom:0; right:0; left:0; content: ""; width:0; height:3px; margin:0 auto; background:rgba(51, 51, 51, 1); -webkit-transition:150ms; -moz-transition:150ms; -o-transition:150ms; transition:150ms;} 
.nav .swiper-slide:hover .link,.nav .swiper-slide.checked .link{font-weight: 700;}
.nav .swiper-slide:hover .link:after,
.nav .swiper-slide.checked .link:after{width:100%;} 

.header-main{margin-bottom: 1%;}


.bm-bg{background: url(../images/bg.png) no-repeat top;padding: 3% 0;padding-bottom: 0;}

.bm-tltle{text-shadow: 0px 4px 8px  rgba(5, 82, 176, 0.78);font-size: 4.875rem;font-weight: 900;letter-spacing: 3px;line-height: 112px;color: rgba(255, 255, 255, 1);text-align: center;vertical-align: top;}

/* 搜索 */
.bm-bg .search{width:55%;text-align: center;margin: 0 auto; margin-top:20px;}
.bm-bg .search dl{position:relative; width:100%; background-color:#f9f9f9; border-radius:36px; overflow:hidden;}
.bm-bg .search dl dd{position:relative; margin-right:40px; padding-left:15px;}
.bm-bg .search dl dd input[type="text"]{padding:0; height:64px; line-height:38px; width:100%; font-size:20px; color:#999; background:none; border:0; vertical-align:top;padding-left: 2%;}
.bm-bg .search dl dd input::-webkit-input-placeholder{color:#8093b3;}
.bm-bg .search dl dt.button{position:absolute; top:0; right:0; z-index:2; width:117px; height:64px;}
.bm-bg .search dl dt.button .searchBtn{width:100%; height:100%; font-weight:bold; font-size:20px; color:#fff; background:url(../images/search_icon.png) no-repeat 85px center rgba(50, 139, 248, 1); -webkit-appearance:none; border:none; vertical-align:top; cursor:pointer; border-radius:36px;}
.bm-bg .search dl dt.button .searchBtn:hover{background-color:#2666be;}
/* 热词 */
.hot-word .hot{box-sizing: border-box;}
/* .hot span{font-size: 1.25rem;line-height: 36px;} */

.hot-word{width:55%;margin: 0 auto;display: block;margin-top: 20px;}
.hot ul li{float: left;margin-right: 4%;padding:0.5% 2%;border-radius: 16px;background: rgba(255, 255, 255, 0.27);font-size: 1.25rem;}
.hot ul li:first-child{border: none;background: none;}
.bm-main{border-radius: 30px 30px 0px 0px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.43) 0%, rgba(255, 255, 255, 1) 100%);padding: 2%;margin-top: 3%;}

.bm-inmain{padding: 30px 20px;background: #fff;border-radius: 22px 22px 0px 0px;background: rgba(255, 255, 255, 0.78);}
.com-title{margin-bottom: 20px;margin-top: 20px;}

/* 景区服务 */
.jqfw{padding: 10px;border-radius: 6px;background: rgba(232, 241, 254, 1);width: 50%;position: relative;}
.jqfw-top{margin-bottom:20px;}
.jqfw .jqcx{border-radius: 36px;background: linear-gradient(111.11deg, rgba(130, 187, 255, 1) 0%, rgba(50, 139, 248, 1) 100%);position: absolute;right: 10px;padding: 5px 15px;}
.jqfw .jqcx a{color: #fff;}
.jqfw-left{width: 50%;position: relative;}
.jqfw img{position: relative;}
.jqfw .pic-txt{position: absolute;background: rgba(0, 0, 0, 0.5);width: 100%;bottom: 0px;color: #fff;padding-left: 15px;box-sizing: border-box;line-height: 24px;}

 .jqfw-content { position: relative;width: 100%; overflow: hidden;margin: 0 auto;}      
.jqfw-slide-container {position: relative;width: 100%;overflow: hidden; }      
.jqfw-slide-wrapper {width: 100%; position: relative;}   
.jqfw-item { width: 100%;float: left; }     
 .jqfw-left {width: 48%; position: relative;float: left; }      
.jqfw-left img {width: 100%; height: auto;display: block;}     
 .jqfw .pic-txt {position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%;bottom: 0px;color: #fff; padding-left: 15px;box-sizing: border-box;line-height: 24px; margin: 0; }
.jqfw-right {width: 50%;float: left;}        
.jqfw-right ul {list-style: none;padding: 0; margin: 0; overflow: hidden; }     
.jqfw-right ul li {width: 40%;background: rgba(255, 255, 255, 0.72);border: 1px solid rgba(188, 215, 255, 1); padding: 2% 0;margin: 0 5%;text-align: center; float: left;margin-bottom: 13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.jqfw-right ul li:nth-child(2n) {margin-right: 0; }     
.jqfw-right ul li a {color: rgba(18, 91, 180, 1);text-decoration: none; display: block; } 
.jqfw-controls { position: absolute; top: 38%;width: 100%; transform: translateY(-50%);z-index: 10;} 
.jqfw-prev, .jqfw-next { position: absolute;background: rgba(0, 0, 0, 0.3);color: white;border: none;width: 24px; height: 45px;cursor: pointer;font-size: 18px;display: flex; align-items: center;justify-content: center;transition: background 0.3s; }    
.jqfw-prev:hover, .jqfw-next:hover {background: rgba(0, 0, 0, 0.8);}
 .jqfw-prev {left:0;}
 .jqfw-next {right: 0; }
 
  /* 旅游服务      */
.lyxx{width: 48%;position: relative;}
.lyfw-slide-container{position:relative; width:100%;overflow: hidden;}
.lyfw-slide-wrapper{ display: flex;transition: transform 0.5s ease-in-out;}
.lyfw-item{box-sizing:border-box;flex: 0 0 33.333%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            transition: all 0.3s ease;}
.lyfw-list{position: absolute;bottom: 0;border-radius: 6px 20px 6px 6px;
background: linear-gradient(0deg, rgba(243, 250, 255, 0.13) 0%, rgba(59, 133, 192, 1) 100%);width: 100%;height: 0;box-sizing: border-box;overflow: hidden;transition:height 2s;}
.lyfw-list li{padding: 7px 5px;text-overflow: ellipsis;white-space: nowrap;color: #fff;overflow: hidden;position: relative;padding-left: 20px;text-align: left;}
.lyfw-list li a:before{content: '';position: absolute;width: 4px;height: 4px;background: #fff;left: 10px;top: 15px;}
.lyfw-list li a{color: #fff;line-height: 22px;font-size: 16px;}
.lyfw-item:hover .lyfw-list{height: 100%;}
.lyfw-img{position: relative;width: 196px;}
.lyfw-img img{width: 100%;}

 /* 分页指示器 */
        .dots { display: flex;justify-content: center;gap: 10px;margin-top: 10px;}
        .dot { width: 20px;height: 5px;background: rgba(103, 181, 249, 0.4);cursor: pointer;transition: all 0.3s ease;border-radius: 2.5px;}
        .dot.active {background: rgba(130, 187, 255, 1);transform: scale(1.2);width: 40px;}
        .indicator {margin-top: 10px;text-align: center;color: #7f8c8d;font-size: 14px; }


/* 左右箭头 */

.prev,.next{ position:absolute; top:50%; margin-top:-20px; width:32px; height:32px; background:#fff; border-radius:50%; z-index:2; }
.prev{ left:0px;background: url(../images/left.png); }
.next{ right:0px; background: url(../images/right.png);}
.prev:after,.next:after{ content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; }
.prev:after{ transform:translate(-50%,-50%) rotate(-135deg); }
.next:after{ transform:translate(-50%,-50%) rotate(45deg); }

/* 分页器 */
.lyfw-pagination{ position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); z-index:2; }
.lyfw-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; background:#67B5F9; opacity:.5; border-radius:50%; cursor:pointer; }
.lyfw-pagination span.current{ opacity:1; }



/* 交通服务 */
.jtfw-left{width: 34%;}
.jtfw-left .jtlb{background: url(../images/jtlb_bg.png) no-repeat ;height:270px;position: relative;background-size: cover;}
.jtfw-left  .jtlb-select{width: 80%;margin-top: 20px;}
.jtfw-left  .jtlb-select ul li{float: left;width: 50%;list-style: initial;list-style-position: inside;padding-left: 5%;box-sizing: border-box;margin-bottom: 30px;color: rgba(18, 91, 180, 1);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: pointer;}
.jtfw-left  .jtlb-select ul li.active{font-weight: 700;}
.jtfw-left  .jtlb-select ul li:nth-child(5){margin-bottom: 0;}
.jtfw-left  .jtlb-select ul li:nth-child(6){margin-bottom: 0;}

.jtlb h3{padding: 3% 5%;}
.jtlb h3 img{padding: 5px;}
.jtlb .zixun{border-radius: 36px;background: linear-gradient(111.11deg, rgba(130, 187, 255, 1) 0%, rgba(50, 139, 248, 1) 100%);padding: 3px 10px;color: #fff;font-size: 16px;margin-top: 10px;float: right;}
.jtlb .zixun a{color: #fff;}
.jtlb-select select:focus {border: 1px solid rgba(103, 181, 249, 1);box-shadow: 0 0 5px rgba(103, 181, 249, 0.5);}


.jtfw-content{padding:0  20px ;width: 38%;}
.jtfw-content .int-jtfw .int-left{float: left;}
.jtfw-content .int-jtfw .int-left,.jtfw-content .int-jtfw .int-right{width: 50%;}
.jtfw-content .int-jtfw .int-list{width: 100%;display: block;text-align: center;border: 1px solid rgba(224, 224, 224, 1);}
.jtfw-content .int-jtfw .int-left .int-list{height: 136px;}
.jtfw-content .int-jtfw .int-left .int-list a{line-height: 136px;}
.jtfw-content .int-jtfw .int-left .int-list:nth-child(odd){background: rgba(245, 245, 245, 1);}
.jtfw-content .int-jtfw .int-left .int-list:nth-child(even){background: rgba(240, 240, 240, 1);}
.jtfw-content .int-jtfw .int-right {float: left;}
.jtfw-content .int-jtfw .int-right .int-list a{line-height: 90px;}
.jtfw-content .int-jtfw .int-right .int-list:nth-child(odd){background: rgba(245, 245, 245, 1);}
.jtfw-content .int-jtfw .int-right .int-list:nth-child(even){background: rgba(240, 240, 240, 1);}
.com-jtfw{background: rgba(245, 245, 245, 1);  border: 1px solid rgba(224, 224, 224, 1);height: 270px;padding: 10px 20px;box-sizing: border-box;}
.int-jtfw, .com-jtfw {display: none;}
.int-jtfw.active, .com-jtfw.active {display: block;}
.com-jtfw .cxzn{background: url(../images/jtcxzn.png) no-repeat;width:317px;height: 32px;margin-bottom: 10px;}
.com-jtfw ul li{list-style: square;list-style-position: inside;padding: 8px 0;}
.com-jtfw ul li::marker{color: rgba(204, 204, 204, 1);}


        /* 右侧内容区域样式 */
        .int-jtfw, .com-jtfw {display: none;}
        .int-jtfw.active, .com-jtfw.active {display: block;}
.jtfw-right{position: relative;width: 317px;}
.jtfw-right .pic-txt{position: absolute;background: rgba(0, 0, 0, 0.5);width: 100%;bottom: 0px;color: #fff;padding-left: 15px;box-sizing: border-box;line-height: 24px;}
.jtfw-right .fdpic{position: absolute;background: rgba(0, 0, 0, 0.3);right: 0;color: #fff;padding: 5px;font-size: 12px;}
 /* 地铁线路图放大模态框 */
        .modal {display: none;position: fixed;top: 0;left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 1000;justify-content: center;align-items: center;}
        .modal-content {max-width: 85%; max-height: 90%;position: relative;text-align: center;}
        .modal-content img {width: 70%;height: auto; border-radius: 8px;}
        .close-modal {position: absolute;top: -40px;right: 0;color: #fff;font-size: 30px;cursor: pointer;background: none;order: none;}

/* 便民服务 */
.bmfw-left{width: 38%;padding-top: 30px;overflow: hidden;}
.bmfw-left ul li{font-size: 1rem;font-weight: 400;text-align: center;border-radius: 8px;background: linear-gradient(180deg, rgba(245, 250, 255, 1) 0%, rgba(232, 244, 255, 1) 100%);padding:12px 0;margin-bottom: 20px;position: relative;width: 90%;height: 74px;box-sizing: border-box;}
.bmfw-left ul li:last-child{margin-bottom: 0;}
.bmfw-left ul li span{margin-right: 10px;}
.bmfw-left ul li.on{border: 1px solid rgba(154, 204, 255, 1);box-shadow: 0px 2px 18px  rgba(192, 224, 255, 0.42);}
.bmfw-left ul li.on:after{content: '';display: inline-block;width:30px;height: 36px;background: url(../images/jiantou_icon.png);position: absolute;right: -50px;top: 25%;}
.bmfw-right{width: 60%;padding: 30px 35px;border-radius: 14px;background: linear-gradient(180deg, rgba(245, 250, 255, 1) 0%, rgba(232, 244, 255, 1) 100%);border: 1px solid rgba(154, 204, 255, 1);margin-top: 20px;height: 552px;box-shadow: 0px 2px 18px  rgba(192, 224, 255, 0.42);box-sizing: border-box;padding-bottom: 0;}
.bmfw-right .bd ul li{list-style-type: square;margin-bottom: 40px;font-size: 1rem;margin-left: 20px;}
.bmfw-right .bd ul li::marker{color:rgba(130, 187, 255, 1)}
.bmfw-list-container {height: 512px; position: relative; }
.bmfw-nav {transition: transform 0.3s ease;}
 .nav-buttons {display: flex;justify-content: center;}      
.nav-btn {width: 30px;height: 30px;border-radius: 50%;background-color: #f5f7fa;display: flex;align-items: center;justify-content: center;cursor: pointer;margin: 46px 30px;transition: all 0.3s;font-size: 18px;color:rgba(103, 181, 249, 1);border: 1px solid rgba(103, 181, 249, 1);box-shadow: 0px 2px 18px  rgba(192, 224, 255, 0.42);}    
.nav-btn:hover {background-color: #e3f2fd; border-color: #2196f3;color: #2196f3;}
.nav-btn.disabled {opacity: 0.5;cursor: not-allowed;}
.bd{ display: none; }
.bd.active {display: block;}
.clearfix:after {content: ""; display: table;clear: both;}


/* 响应式 */
@media (max-width:1400px){
	.bmcontainer{width: 96% !important;
		padding: 0 2%;
	}
	.logo{float: none;text-align: center;}
	.nav{float: none;display: block;margin: 0 auto;width: 65%;padding:0 10%;}
}

@media (max-width:1200px){
	.bm-tltle{font-size: 3.5rem;line-height: 80px;}
	.nav{width: 80%;}
	.fl,.fr{float: none;width: 100%;margin-bottom: 20px;}
	.jtfw-content{padding: 0;}
	.jtfw-right {width: 317px;margin: 10px auto;}
	.bmfw-right{height: auto;}
	.hot-word{width: 60%;}
	.hot-word .hot ul li{margin-right: 2%;}
}
     /* 响应式设计 */
        @media (max-width: 992px) {
			.nav{width: 100%;padding: 0;}
			.nav .swiper-slide{width: 12.5%;margin-right: 0;text-align: center;}
			.bm-bg .search{width: 80%;}
			.hot-word{width: 80%;}
            .lyfw-item {
                flex: 0 0 50%; /* 平板设备显示两个项目 */
            }
        }
        
        @media (max-width: 768px) {
			.bm-tltle{font-size: 2rem;line-height: 40px;}
			.nav .swiper-slide{width: 25%;: 0;}
			.hot-word{width: 100%;}
			.hot-word .hot ul li{margin-bottom: 5px;}
			.hot-word .hot ul li a{font-size: 16px;}
            .lyfw-item {
                flex: 0 0 100%; /* 手机设备显示一个项目 */
            }
			.bm-bg .search dl dd input[type="text"]{height:50px;font-size: 16px;}
			.bm-bg .search dl dt.button .searchBtn{width: 80%;height: 78%;font-size: 20px;background: url(../images/search_icon.png) no-repeat 70px center rgba(50, 139, 248, 1);}
			.bm-bg .search dl dt.button{right: -12px;}
        }
		@media (max-width:480px){
			.com-jtfw .cxzn{width: 80%;background-size: 100%;height: 20px;}
			.header-top .skip .bmcontainer ul:nth-child(1){display: none;}
			.jtlb .zixun{float: none;display: block;width: 110px;}
			.jtfw-left  .jtlb-select{width: 100%;margin-top: 0;}
		}