@charset "utf-8";
@font-face {
  font-family: "SiYuanSong";
  src: url("/default/libs/fonts/SiYuanSongTiRegular/SourceHanSerifCN-Bold-2.otf");
}
.main{background: url(../images/zjjc/main_bg.png) no-repeat center 510px;}
.zjtop{text-align: center;}
/* 头部 */
.zjheader{padding: 15px 0 269px;background: url(../images/zjjc/header_bg.png) no-repeat center top;}
/* 剑川概况 */
.jcgk-box{padding: 45px 0;background: url(../images/zjjc/jcgk_top_bg.png) no-repeat center top,url(../images/zjjc/jcgk_bottom_bg.png) no-repeat center bottom;}
.jcgk{margin-top: 68px;}
.jcgk .gktxt{width: 49%;padding-top: 20px;text-indent: 2em;font-size: 18px;line-height: 40px;color: #fff;}
.jcgk .gktxt a{color: #fff;}
.jcgk .gkimg{width: 48.5%;padding: 23px 20px 0;background: url(../images/zjjc/jcgk_pic_bg.png) no-repeat center top;}
.jcgk .gkimg img{width: 100%;}
.xzgkbox{padding: 90px 0 107px;background: url(../images/zjjc/jcgk_xzbg.png) no-repeat left center;}
.xzgkbox .xzgk{width: 50.7%;}
.xzgk .xznav li .box{font-size: 24px;line-height: 52px;font-family: "SiYuanSong";color: #9C0808;text-align: center;;background: url(../images/zjjc/jcgk_itembg.png) no-repeat;background-size: 100% 100%;}
.xzgk .xznav li.on .box{color: #fff;background-image: url(../images/zjjc/jcgk_itembg_on.png);}
.xzgk .xztxt{margin-top: 66px;line-height: 40px;font-size: 18px;text-indent: 2em;}
.xzgk .xztxt a{color: #D43030;}

/* 文化旅游 */
.whly-box{background: url(../images/zjjc/whly_bg.png) no-repeat center bottom;padding-bottom: 130px;}
.lylistbox{margin-top: 20px;padding: 0 77px;background: url(../images/zjjc/whly_listbg.png) no-repeat;background-size: 100% 100%;}
.lylistbox .lylist{width: 100%;position: relative;padding: 78px 0;background: url(../images/zjjc/whly_listbg2.png) no-repeat right center;}
.lylistbox .lylist .hd{position: absolute;left: 42%;padding-top: 25px;}
.lylistbox .lylist .tablist{width: 42%;}
.tablist li{padding-left: 30px;font-size: 18px;line-height: 60px;background: url(../images/zjjc/list_ico.png) no-repeat left center;}
.lylistbox .lylist .hd li{line-height: 62px;width: 205px;font-weight: bold;padding-left: 40px;font-size: 22px;background: url(../images/zjjc/whitem_bg.png) no-repeat;background-size: 100% 100%;}
.lylistbox .lylist .hd li a{color: #fff;}
.lylistbox .lylist .hd li.on{background-image: url(../images/zjjc/whitem_bg_on.png);}
.lylistbox .lylist .hd li + li{margin-top: 25px;}
.lylistbox .lylist .hd li:nth-child(2){margin-left: 40px;}
.lylistbox .lylist .hd li:nth-child(4){margin-left: 80px;}

/* 投资服务 */
.tzfw-box{padding-bottom: 175px;background: url(../images/zjjc/tzfw_bg.png) no-repeat center bottom;}
.fwcontent{position: relative;margin-top: 60px;padding: 62px 64px;background: rgba(255,255,255,.7);}
.fwcontent::before{content: "";position: absolute;top: -27px;left: -27px;width: 100%;height: 100%;border: 1px solid #ADADAD;}
.fwcontent::after{content: "";position: absolute;top: 27px;left: 27px;width: 100%;height: 100%;border: 1px solid #ADADAD;}
.fwcontent .js-tab{position: relative;z-index: 2;}
.fwcontent .hd{width: 5.2%;}
.fwcontent .hd li{width: 100%;padding: 25px 16px;font-size: 22px;line-height: 30px;font-weight: bold;;background: url(../images/zjjc/tzfw_itembg.png) no-repeat;background-size: 100% 100%;}
.fwcontent .hd li + li{margin-top: 30px;}
.fwcontent .hd li.on{background-image: url(../images/zjjc/tzfw_itembg_on.png);}
.fwcontent .hd li a{color: #0058A6;}
.fwcontent .hd li.on a{color: #fff;}
.fwcontent .videobox{margin-left: 3.7%;width: 59%;height: 376px;}
.fwcontent .videobox video{width:100%;height:100%;object-fit:fill;}
.fwcontent .tablist{width: 29%;}

/* 剑川音画 */
.jcyh-box{padding: 25px 0 100px;background: url(../images/zjjc/jcyh_bg.png) no-repeat center top;}
.jcyh-box .hd{text-align: center;margin-top: 70px;}
.jcyh-box .hd li{display: inline-block;vertical-align: middle;line-height: 62px;width: 205px;font-weight: bold;padding-left: 40px;font-size: 22px;text-align: left;;background: url(../images/zjjc/whitem_bg.png) no-repeat;background-size: 100% 100%;}
.jcyh-box .hd li a{color: #fff;}
.jcyh-box .hd li.on{background-image: url(../images/zjjc/whitem_bg_on.png);}
.jcyh-box .bd{margin-top: 155px;}
.jcyh-box .bd li{position: relative;}
.jcyh-box .bd li .box{padding: 16px 17px;background: #fff;box-shadow: 0px 0px 35px  rgba(0, 0, 0, 0.1);}
.jcyh-box .bd li p{font-size: 20px;line-height: 66px;text-align: center;background: #F5F5F5 url(../images/zjjc/jcyh_listbg.png) no-repeat right bottom;}
.jcyh-box .bd li img{width: 100%;height: 196px;}
.jcyh-box .bd li:first-child{top: -87px;}
.jcyh-box .bd li:last-child{top: -206px;}

/* 剑川图片 */
.jctp-box{padding-bottom: 90px;background: url(../images/zjjc/jctp_bg.png) no-repeat center bottom;}
.jctpbanner{margin-top: 35px;position: relative;}
.jctpbanner .swiper-container{overflow: hidden;}
.jctpbanner .swiper-slide{width: 730px;}
.jctpbanner .swiper-slide img{width:100%;height:480px;}
.jctpbanner .swiper-slide p{display: none;width: 100%;line-height: 50px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;}
.jctpbanner .swiper-slide-active p{display: block;}
.jctpbanner .swiper-btn{position: absolute;top: 50%;width: 55px;height: 55px;transform: translateY(-50%);cursor: pointer;background: url(../images/zjjc/arr_left.png) no-repeat;background-size: 100% 100%;}
.jctpbanner .swiper-btn.swiper-next{left: calc(100% + 90px);background-image: url(../images/zjjc/arr_right.png);}
.jctpbanner .swiper-btn.swiper-prev{right: calc(100% + 90px);}

/* 响应式 */
@media (max-width: 1300px) {
  .zjheader{padding-bottom: 90px;background-size: 240%;}
  .zjheader .zjlogo{width: 80%;}
  .zjheader .zttxt{width: 40%;}

  .jcgk-box{padding: 20px 0 0;}
  .jcgk{margin-top: 0;}
  .jcgk .gktxt{width: 100%;font-size: 16px;line-height: 34px;}
  .jcgk .gkimg{width: 100%;margin-top: 15px;padding: 15px 15px 0;}
  .xzgkbox{padding: 20px 0;background: none;}
  .xzgkbox .xzgk{width: 100%;}
  .xzgk .xznav li .box{font-size: 18px;line-height: 48px;}
  .xzgk .xztxt{font-size: 16px;line-height: 32px;margin-top: 15px;}

  .whly-box{padding-bottom: 30px;}
  .lylistbox{padding: 0 20px;}
  .lylistbox .lylist{padding: 20px 0 30px;background: none;}
  .lylistbox .lylist .hd{width: 100%;position: relative;left: 0;}
  .lylistbox .lylist .hd li{width: 49%;float: left;margin:0 0.5%;line-height: 54px;font-size: 18px;padding-left: 30px;}
  .lylistbox .lylist .hd li + li{margin-top: 0;}
  .lylistbox .lylist .hd li:nth-child(2),.lylistbox .lylist .hd li:nth-child(4){margin-left: 0.5%;}
  .lylistbox .lylist .tablist{width: 100%;margin-top: 15px;}
  .tablist li{font-size: 16px;line-height: 38px;}

  .tzfw-box{padding-bottom: 30px;}
  .fwcontent{margin-top: 20px;padding: 15px;}
  .fwcontent::before,.fwcontent::after{display: none;}
  .fwcontent .hd{width: 100%;}
  .fwcontent .hd li{padding: 5px 0;text-align: center;width: 49%;float: left;margin: 0 0.5%;font-size: 18px;;background-image: url(../images/zjjc/tzfw_itembg1.png);}
  .fwcontent .hd li + li{margin-top: 0;}
  .fwcontent .hd li.on{background-image: url(../images/zjjc/tzfw_itembg1_on.png);}
  .fwcontent .videobox{width: 100%;margin-top: 15px;margin-left: 0;height: 55vw;}
  .fwcontent .tablist{width: 100%;margin-top: 15px;}

  .jcyh-box{padding: 0 0 25px;}
  .jcyh-box .hd{margin-top: 20px;}
  .jcyh-box .hd li{width: 49%;width: 49%;float: left;margin:0 0.5%;line-height: 54px;font-size: 18px;padding-left: 30px;}
  .jcyh-box .bd{margin-top: 15px;}
  .jcyh-box .bd li:first-child,.jcyh-box .bd li:last-child{top: 0;}

  .jctp-box{padding-bottom: 20px;background-size: 250%;}
  .jctpbanner{margin-top: 20px;}
  .jctpbanner .swiper-slide{width: 100vw;}
  .jctpbanner .swiper-btn{width: 30px;height: 30px;z-index: 9;}
  .jctpbanner .swiper-btn.swiper-next{left: calc(100% - 30px);}
  .jctpbanner .swiper-btn.swiper-prev{right: calc(100% - 30px);}

  .jctpbanner .swiper-slide img{height:55vw;}
}