body{max-width: 780px; min-width: 320px; margin: 0 auto; overflow-x: auto;}
.pos{display: none;}
.container{padding: 0 3%; margin: 0 auto;}
.main {
  padding: .2rem 0;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
}
.clear{clear: both;}
.container{padding: 0 6%;}

/* 湛江概况 */
.zjgk_box{margin:2% 0 3%;}
.zjgk_box_top{position: relative; overflow: hidden;}
.zjgk_box_top img{display:block; width: 100%; height: auto;}
.zjgk_box_top .lmbt{font-size: 40px; color: #3868B6; font-weight: bold; text-align: center; padding-left: 9%; z-index: 2; position: absolute; width: 100%; top: 38px;}
.zjgk_box_top .lmbt a{font-size: 40px; color: #3868B6;}
.zjgk_box_middle{padding: 0 40px; background: url(m_mlzj2023_zjgk_r3_c1_s1.png) top center repeat-y; background-size: 100%;}
.zjgk_box_bottom{overflow: hidden;}
.zjgk_box_bottom img{display:block; width: 100%; height: auto;}

.zjgk_tplb{
  width: 100%;
  height: 390px;
  position: relative;
  padding: 20px 0;
}
.zjgk_tplb .swiper-container {
  width: 100%;
  height: 390px;
}
.zjgk_tplb .content-slide {

}
.zjgk_tplb .content-slide img{width: 100%; height: 340px;}
.zjgk_tplb .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:0;
  width: 100%;
}
.zjgk_tplb .swiper-pagination-switch {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(m_mlzj2023_r6_c7.png) center no-repeat;
  margin: 0 5px;
  cursor: pointer;
}
.zjgk_tplb .swiper-active-switch {
  background: url(m_mlzj2023_r6_c5.png) center no-repeat;
}

.zjgk_zy{line-height: 1.8; font-size: 34px; color: #333; padding-bottom: 20px;}
.zjgk_zy p{text-indent: 2em; margin-bottom:10px;}
.zjgk_more{width: 162px; line-height: 60px; background: #7BACE3; float: right; border-radius: 60px; text-align: center;}
.zjgk_more a{display: block; color: #fff; font-size: 30px;}

/* 区县简介 */
.qxjj{padding: 4% 0;}
.qxjj ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.qxjj li{width: 32%; text-align: center; line-height: 80px; border-radius: 10px; margin: 1% 0; background: #3967B5;}
.qxjj li a{font-size: 32px; color: #fff; display: block;}
.qxjj li:nth-child(10), .qxjj li:nth-child(11){width: 49%;}

/* 湛江文旅 */
.zjwl{margin-bottom: 4%;}
.zjwl_title{position: relative; overflow: hidden; margin-bottom: 40px;}
.zjwl_title img{display:block; width: 100%; height: auto;}
.zjwl_title .lmbt{font-size: 40px; height: 38px; line-height: 38px; font-weight: bold; text-align: center; padding-left:4%; z-index: 2; position: absolute; width: 100%; top: 0;}
.zjwl_title .lmbt a{font-size: 40px; color: #3868B6;}

.zjwl_tplb{
  width: 100%;
  position: relative;
}
.zjwl_tplb .swiper-container {
  width: 100%;
  height: 508px;
}

.zjwl_tplb .content-slide {
 background: url(m_mlzj2023_r10_c1.png) top center no-repeat;
 height: 474px;
 background-size: 99%;
}
.zjwl_tplb .content-slide .pic{padding-right: 15px;}
.zjwl_tplb .content-slide .pic img{width: 100%; height: 385px;}
.zjwl_tplb .content-slide .text{padding-left: 38px; padding-right: 28px; line-height: 80px; text-align: center;}
.zjwl_tplb .content-slide .text a{font-size: 35px;}
.zjwl_tplb .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:0;
  width: 100%;
}
.zjwl_tplb .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #aaa;
  margin: 0 4px;
  cursor: pointer;
}
.zjwl_tplb .swiper-active-switch {
  background: #3868B6;
}

/* 湛江美食 */
.zjms{margin-bottom: 4%;}
.zjms_title{position: relative; overflow: hidden; margin-bottom: 40px;}
.zjms_title img{display:block; width: 100%; height: auto;}
.zjms_title .lmbt{font-size: 40px; height: 38px; line-height: 38px; font-weight: bold; text-align: center; padding-left:4%; z-index: 2; position: absolute; width: 100%; top: 0;}
.zjms_title .lmbt a{font-size: 40px; color: #3868B6;}

.zjms_tplb{
  width: 100%;
  position: relative;
}
.zjms_tplb .swiper-container {
  width: 100%;
  height: 508px;
}
.zjms_tplb .content-slide {
 background: url(m_mlzj2023_r10_c1.png) top center no-repeat;
 height: 474px;
 background-size: 100%;
}
.zjms_tplb .content-slide .pic{padding-right: 15px;}
.zjms_tplb .content-slide .pic img{width: 100%; height: 385px;}
.zjms_tplb .content-slide .text{padding-left: 38px; padding-right: 28px; line-height: 80px; text-align: center;}
.zjms_tplb .content-slide .text a{font-size: 35px;}
.zjms_tplb .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:0;
  width: 100%;
}
.zjms_tplb .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #aaa;
  margin: 0 4px;
  cursor: pointer;
}
.zjms_tplb .swiper-active-switch {
  background: #3868B6;
}

@media (max-width: 780px) {
  .zjgk_box_top .lmbt{top: 34px;}
  .zjgk_box_top .lmbt, .zjwl_title .lmbt a, .zjms_title .lmbt a{font-size: .54rem;}
  .zjgk_zy,  .qxjj li a, .zjwl_tplb .content-slide .text a, .zjms_tplb .content-slide .text a{font-size: .35rem;}
  .zjgk_more a{font-size: .3rem}
  .zjgk_more{width: 120px; line-height: 45px;}
  .zjwl_tplb .content-slide .text, .zjms_tplb .content-slide .text{line-height: 2.4;}
  .qxjj{padding-bottom: 6%;}
}

@media (max-width: 640px) {
  .zjgk_box_top .lmbt, .zjwl_title .lmbt a, .zjms_title .lmbt a{font-size: .45rem;}
  .zjgk_box_top .lmbt{top: 28px;}
  .zjgk_box_middle{padding:0 5.5%}
  .zjgk_tplb{height: auto;}
  .zjgk_tplb .swiper-container{height: 320px;}
  .zjgk_tplb .content-slide img{height: 271px;}
  .zjwl_title .lmbt, .zjms_title .lmbt{line-height: 0.6}
  .zjgk_zy,  .qxjj li a, .zjwl_tplb .content-slide .text a, .zjms_tplb .content-slide .text a{font-size: .35rem;}
  .zjgk_more a{font-size: .3rem}
  .zjgk_more{width: 120px; line-height: 45px;}
  .zjwl_tplb .content-slide .text, .zjms_tplb .content-slide .text{line-height: 2.4;}
  .qxjj{padding-bottom: 6%;}
  .zjwl_tplb .content-slide .pic img, .zjms_tplb .content-slide .pic img{height: 4.5rem;}
  .zjwl_tplb .content-slide, .zjms_tplb .content-slide{height: 380px;}
  .zjwl_tplb .swiper-container, .zjms_tplb .swiper-container{height: 408px;}
}

@media (max-width: 540px) {
  .zjgk_box_top .lmbt, .zjwl_title .lmbt a, .zjms_title .lmbt a{font-size: .38rem;}
  .zjgk_box_top .lmbt{top: 24px;}
  .zjgk_tplb{height: auto;}
  .zjgk_tplb .swiper-container{height: 290px;}
  .zjgk_tplb .content-slide img{height: 237px;}
  .zjwl_title .lmbt, .zjms_title .lmbt{line-height: 0.4}
  .zjgk_zy,  .qxjj li a, .zjwl_tplb .content-slide .text a, .zjms_tplb .content-slide .text a{font-size: .32rem;}
  .zjgk_more a{font-size: .28rem}
  .zjgk_more{width: 120px; line-height: 45px;}
  .zjwl_tplb .content-slide .text, .zjms_tplb .content-slide .text{line-height: 2.4;}
  .qxjj{padding-bottom: 6%;}
  .zjwl_tplb .content-slide .pic img, .zjms_tplb .content-slide .pic img{height: 3.6rem;}
  .zjwl_tplb .content-slide, .zjms_tplb .content-slide{height: 320px;}
  .zjwl_tplb .swiper-container, .zjms_tplb .swiper-container{height: 350px;}
   .qxjj li{line-height: 70px;}
}

@media (max-width: 480px) {
  .zjgk_box_top .lmbt{top:18px;}
  .zjgk_tplb{height: auto;}
  .zjgk_tplb .swiper-container{height: 230px;}
  .zjgk_tplb .content-slide img{height: 182px;}
  .zjwl_title, .zjms_title{height: 28px; margin-bottom: 10px;}
  .zjwl_title .lmbt, .zjms_title .lmbt{line-height: 0.2}
  .zjgk_zy,  .qxjj li a, .zjwl_tplb .content-slide .text a, .zjms_tplb .content-slide .text a{font-size: .32rem;}
  .zjgk_more a{font-size: .28rem}
  .zjgk_more{width: 100px; line-height: 35px;}
  .zjwl_tplb .content-slide .text, .zjms_tplb .content-slide .text{line-height: 2.4;}
  .qxjj{padding-bottom: 6%;}
  .zjwl_tplb .content-slide .pic img, .zjms_tplb .content-slide .pic img{height: 3.6rem;}
  .zjwl_tplb .content-slide, .zjms_tplb .content-slide{height: 245px;}
  .zjwl_tplb .swiper-container, .zjms_tplb .swiper-container{height: 270px;}
  .qxjj li{line-height: 60px;}
}

@media (max-width: 400px) {
  .container{padding:0 4%}
   .zjgk_box_top .lmbt{top:18px;}
  .zjgk_tplb .swiper-container{height: 220px;}
  .zjgk_tplb .content-slide img{height: 179px;}
  .zjwl_tplb .content-slide .pic img, .zjms_tplb .content-slide .pic img{height: 3.8rem;}
  .qxjj li{line-height: 50px}
  
}

@media (max-width: 380px) {
  .zjwl_tplb .content-slide .pic, .zjms_tplb .content-slide .pic{padding-right: 10px;}
  .zjwl_tplb .swiper-container, .zjms_tplb .swiper-container{height: 260px;}
}

@media (max-width: 360px) {
  .zjgk_tplb .content-slide img{height: 165px;}
  .zjgk_more{line-height: 35px; width: 90px;}
  .qxjj li{line-height: 50px}
  .zjwl_tplb .swiper-container, .zjms_tplb .swiper-container{height: 250px;}
}

@media (max-width: 320px) {
  .zjgk_box_top .lmbt{top: 15px;}
  .zjgk_tplb .content-slide img{height: 147px;}
  .zjgk_tplb .swiper-container{height: 190px;}
  .zjwl_tplb .content-slide, .zjms_tplb .content-slide{height: 200px;}
  .zjwl_tplb .swiper-container, .zjms_tplb .swiper-container{height: 220px;}
  .zjwl_title .lmbt, .zjms_title .lmbt{line-height: 0;}
  .zjgk_more{line-height: 30px; width: 80px;}
}