@charset "UTF-8";
@font-face {
  font-family: "SiYuanSong";
  src: url("/default/libs/fonts/SiYuanSongTiRegular/SourceHanSerifCN-Bold-2.otf");
}

body{background: url(/ypxrmzf/pc2025/images/zjyp/header_bg.png) center top no-repeat;background-size: 100% 711px;}
.header{padding-top: 20px;}
.header .header-logo{height: 60px;}
.header .header-logo a{display: block;height: 100%;}
.header .header-logo a img{display: block;height: 100%;}
.header .header-text{float: right;transform: translateX(110px);}
.header .header-text img{display: block;height: 100%;}

.mod-title{}
.mod-title a{display: block;}

/* main */
.main{margin-top: 202px;}
/* 永平概况 */
.ypgk-box{background: url(/ypxrmzf/pc2025/images/zjyp/ypgk_bg.png) center center no-repeat;background-size: 100% 100%;padding: 90px 0 127px 0;}
.ypgk-box .container{position: relative;}
.ypgk-box .mod-content{margin-top: 26px;position: relative;height: 435px;}
.ypgk-box .mod-content>div{position: absolute;top:50%;transform: translateY(-50%);}
.ypgk-box .mod-content .left-img{left: 0;z-index: 2;width: calc(598 / 1260 * 100%);height: 349px;padding: 16px;background: rgba(255, 255, 255, 1);box-shadow: 0px 0px 21px rgba(6, 124, 146, 0.2);border-radius: 0px 52.5px 0px 0px;overflow: hidden;}
.ypgk-box .mod-content .left-img img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 0px 42px 0px 0px;}
.ypgk-box .mod-content .right-text{right: 0;z-index: 1;width: calc(725 / 1260 * 100%); height: 100%;padding: 0 0 16px 16px;border-radius: 0px 52.5px 0px 0px;background: rgba(177, 227, 210, 1);box-shadow: 0px 0px 21px  rgba(6, 124, 146, 0.2);overflow: hidden;}
.ypgk-box .mod-content .right-text .padding-content{padding: 39px 31px 39px 102px ;background: #fff;width: 100%;height: 100%;}
.ypgk-box .mod-content .right-text .padding-content .text {font-size: 16px;color: rgba(56, 56, 56, 1);line-height: 31.5px;}
.ypgk-box .mod-content .right-text .padding-content .text a{color: rgba(2, 104, 122, 1);}
.ypgk-box .mod-content .right-text .padding-content .text p{text-align: justify;text-indent: 2em;}
.ypgk-box .mod-content .right-text ul{margin: 0 -10px;}
.ypgk-box .mod-content .right-text ul li{width: calc(100% / 4);padding: 0 10px;float: left;}
.ypgk-box .mod-content .right-text ul li a{display: block;width: 100%;}
.ypgk-box .mod-content .right-text ul li a img{display: block;margin: 0 auto;}
.ypgk-box .mod-content .right-text ul li .text{text-align: center;font-size: 16px;font-weight: 700;margin-top: 10px;}

/* 永平旅游 */
.yplv-box{background: url(/ypxrmzf/pc2025/images/zjyp/yply_bg.png) center center no-repeat;background-size: 100% 100%;padding-bottom: 59px;}
.yplv-box .mod-content{margin-top: 50px;}
.yplv-box .mod-content ul{margin: 0 -15px;}
.yplv-box .mod-content ul *{transition: all 0.3s;}
.yplv-box .mod-content ul li{width: calc(100% / 4);padding: 0 15px;float: left;}
.yplv-box .mod-content ul li:nth-child(even){margin-top: 75px;}
.yplv-box .mod-content ul li a{display: block;width: 100%;position: relative;}
.yplv-box .mod-content ul li a:hover{transform: translateY(-9px);}
.yplv-box .mod-content ul li a img{display: block;width: 100%;}
.yplv-box .mod-content ul li .text{writing-mode: vertical-lr;position: absolute;top: 57px;right: 46px;border-radius: 6.3px 6.3px 0px 0px;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 16.23%, rgba(255, 255, 255, 0) 99.99%);padding: 15px 0;}
.yplv-box .mod-content ul li .text span{line-height: 59px;font-size: 34px;font-weight: 700;letter-spacing: 0.5em;font-family: "SiYuanSong";color: rgba(0, 0, 0, 1);}

/* 永平文化 */
.ypwh-box{background: url(/ypxrmzf/pc2025/images/zjyp/ypwh_bg.png) center center no-repeat;background-size: 100% 100%;padding-bottom: 59px;}
.ypwh-box .mod-content{margin-top: 26px;}
.ypwh-box .mod-content .hd{width: fit-content;margin: 0 auto;}
.ypwh-box .mod-content .hd li{float: left;width: 280px;height: 120px;margin-right: 150px;}
.ypwh-box .mod-content .hd li:last-child{margin-right: 0;}
.ypwh-box .mod-content .hd li a{display: block;width: 100%;height: 100%;background: url(/ypxrmzf/pc2025/images/zjyp/ypwh_tit.png) center center no-repeat;background-size: 100% 100%;line-height: 120px;text-align: center;font-size: 24px;font-weight: 700;color: #fff;}
.ypwh-box .mod-content .hd li.on a{background: url(/ypxrmzf/pc2025/images/zjyp/ypwh_tit_active.png) center center no-repeat;background-size: 100% 100%;}
.ypwh-box .mod-content .bd{margin-top: 33px;box-shadow: 0px 0px 13.5px  rgba(42, 130, 228, 0.3);}
.ypwh-box .mod-content .bd .bd-item{--var-bdbox-height:481px;height: var(--var-bdbox-height);}
.ypwh-box .mod-content .bd .bd-item .left-img{width: calc(804 / 1260 * 100%);height: 100%;float: left;}
.ypwh-box .mod-content .bd .bd-item .left-img a{display: block;position: relative;width: 100%;height: 100%;}
.ypwh-box .mod-content .bd .bd-item .left-img a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ypwh-box .mod-content .bd .bd-item .left-img .text{height: 93px;width: 100%;position: absolute;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);padding: 50px 20px 10px 20px;}
.ypwh-box .mod-content .bd .bd-item .left-img .text p{font-size: 18px;color: rgba(255, 255, 255, 1);text-align: center;}
.ypwh-box .mod-content .bd .bd-item .right-list{width: calc(456 / 1260 * 100%);float: right;height: 100%;}
.ypwh-box .mod-content .bd .bd-item .right-list ul{height: 100%;}
.ypwh-box .mod-content .bd .bd-item .right-list ul li{width: 100%;height: calc(100% / 5);background: #fff;border-bottom: 1.9px solid rgba(245, 245, 245, 1);}
.ypwh-box .mod-content .bd .bd-item .right-list ul li:last-child{border-bottom: none;}
.ypwh-box .mod-content .bd .bd-item .right-list ul li a{display: block;height: 100%;width: 100%;line-height: calc(var(--var-bdbox-height) / 5);padding: 0 30px;}
.ypwh-box .mod-content .bd .bd-item .right-list ul li:hover{background: rgba(51, 150, 163, 1);}
.ypwh-box .mod-content .bd .bd-item .right-list ul li:hover a .text,.ypwh-box .mod-content .bd .bd-item .right-list ul li:hover a .time{color: #fff;}
.ypwh-box .mod-content .bd .bd-item .right-list ul li:hover a .text::before{background-color: #fff;}
.ypwh-box .mod-content .bd .bd-item .right-list ul li a .text{float: left;max-width: 70%;font-size: 18px;color: rgba(51, 51, 51, 1);}
.ypwh-box .mod-content .bd .bd-item .right-list ul li a .text::before{content: "";display: inline-block;width: 6px;height: 6px;background-color: rgba(199, 199, 199, 1);vertical-align: middle;margin-right: 19px;line-height: calc(var(--var-bdbox-height) / 5);}
.ypwh-box .mod-content .bd .bd-item .right-list ul li a .time{float: right;font-size: 16px;color: rgba(135, 135, 135, 1);}

/* 招商引资 */
.zsyz-box{background: url(/ypxrmzf/pc2025/images/zjyp/zsyz_bg.png) center center no-repeat;background-size: 100% 100%;padding-bottom: 79px;}
.zsyz-box .mod-content ul{margin: 0 -18px;}
.zsyz-box .mod-content ul li{padding: 0 18px;margin-top: 36px;width: calc(100% / 2);float: left;}
.zsyz-box .mod-content ul li a{display: block;width: 100%;height: 90px;border: 0.9px solid rgba(207, 231, 255, 1);background: rgba(255, 255, 255, 1);box-shadow: 5.4px 5.4px 18.9px  rgba(25, 119, 212, 0.1);transition: all 0.3s;padding: 9px;}
.zsyz-box .mod-content ul li a:hover{box-shadow: 9px 9px 25px rgba(24, 91, 159, 0.2);}
.zsyz-box .mod-content ul li a .left-time{margin-right: 26px;background-color: rgba(240, 247, 255, 1);float: left;height: 100%;width: 72px;text-align: center;padding: 3px 0;}
.zsyz-box .mod-content ul li a .left-time .day{color: rgba(0, 92, 184, 1);font-size: 26px;font-weight: 700;width: fit-content;margin: 0 auto;border-bottom: 1px solid rgba(161, 198, 240, 1);padding-bottom: 2px;}
.zsyz-box .mod-content ul li a .left-time .year-month{font-size: 14px;color: rgba(51, 51, 51, 1);margin-top: 5px;}
.zsyz-box .mod-content ul li a .right-text{height: 100%;width: calc(100% - 72px - 45px);font-size: 0;float: left;}
.zsyz-box .mod-content ul li a .right-text p{font-size: 18px;color: rgba(51, 51, 51, 1);}
.zsyz-box .mod-content ul li a .right-text .middle-box{display: inline-block;vertical-align: middle;}
.zsyz-box .mod-content ul li a .right-text::after{content: "";display: inline-block;vertical-align: middle;width: 0;height: 100%;}

@media (max-width: 1500px) {
  .ypgk-box .mod-content .right-text .padding-content{padding: 29px 21px 29px 70px;}
}

@media (max-width: 1280px) {
  .ypgk-box .mod-content .right-text .padding-content{padding: 20px 15px 20px 50px;}
  .ypgk-box .mod-content .right-text ul li a img{width: 90px;}
  .ypgk-box .mod-content .right-text .padding-content .text{margin-top: 5px;}
  .ypgk-box .mod-content{height: 400px;}
  .ypgk-box .mod-content .left-img{height: 300px;}
  .ypgk-box{padding: 70px 0 50px 0;}
  .yplv-box .mod-content ul li .text span{line-height: 49px;font-size: 26px;}
  .yplv-box{padding-bottom: 50px;}
  .ypwh-box .mod-content .hd li{margin-right: 120px;}
  .ypwh-box .mod-content .bd .bd-item{--var-bdbox-height:390px}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li a{padding: 0 15px;}
  .ypwh-box{padding-bottom: 50px;}
  .zsyz-box{padding-bottom: 70px;}
  .main{margin-top: 150px;}
  .header .header-text{width: 50%;transform: translateX(0);}
}

@media (max-width: 992px) {
  .main{margin-top: 100px;}
  .ypgk-box .mod-content>div{position: relative;top: 0;transform: translateY(0);}
  .ypgk-box .mod-content .left-img{width: 100%;height: 450px;}
  .ypgk-box .mod-content{height: auto;}
  .ypgk-box .mod-content .right-text{width: 100%;margin-top: 20px;}
  .ypgk-box .mod-content .right-text .padding-content{padding: 20px}
  .ypgk-box .mod-content .right-text .padding-content .text{margin-top: 0;}
  .yplv-box .mod-content ul li .text{top: 30px;right: 25px;}
  .yplv-box .mod-content ul li .text span{line-height: 39px;font-size: 20px;}
  .ypwh-box .mod-content .hd li{margin-right: 60px;}
  .ypwh-box .mod-content .bd .bd-item .left-img{width: 100%;float: none;height: 460px;}
  .ypwh-box .mod-content .bd .bd-item .right-list{width: 100%;float: none;}
  .ypwh-box .mod-content .bd .bd-item{--var-bdbox-height:auto;}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li{height: 79px;}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li a{line-height: 79px;}
}

@media (max-width: 768px) {
  .ypwh-box .mod-content .hd li{width: 170px;height: 90px;}
  .ypwh-box .mod-content .hd li a{line-height: 90px;font-size: 18px;}
  .ypwh-box .mod-content .bd .bd-item .left-img{height: 390px;}
  .ypgk-box .mod-content .left-img{height: 390px;}
  .zsyz-box .mod-content ul li{width: 100%;margin-top: 15px;}
  .main{margin-top: 39px;}
  body{--var-bg-width:1100px;background-size: var(--var-bg-width) auto;}
  .ypgk-box{background-size: var(--var-bg-width) 100%;padding-top: 100px;padding-bottom: 30px;}
  .yplv-box{padding-bottom: 30px;}
  .ypwh-box{padding-bottom: 30px;}
  .zsyz-box{padding-bottom: 50px;}
  .zsyz-box .mod-content ul li a .right-text p{font-size: 16px;}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li a .text{font-size: 16px;}
}

@media (max-width: 431px) {
  .header .header-logo{height: 39px;}
  .header .header-text{width: 70%;margin-top: 10px;}
  .mod-title a{overflow: hidden;text-align: center;}
  .mod-title a img{height: 30px;object-fit: cover;}
  .ypgk-box .mod-content .left-img{padding: 10px;height: 230px;border-radius:0px 30px 0px 0px}
  .ypgk-box .mod-content .left-img img{border-radius:0px 25px 0px 0px}
  .ypgk-box .mod-content .right-text{margin-top: 15px;padding: 0 0 10px 10px;border-radius:0px 30px 0px 0px}
  .ypgk-box .mod-content .right-text .padding-content{padding: 15px;}
  .ypgk-box .mod-content .right-text .padding-content .text{font-size: 14px;}
  .ypgk-box .mod-content .right-text .padding-content .text p{font-size: 14px;line-height: 2;}
  .ypgk-box .mod-content .right-text ul li{width: calc(100% / 2);}
  .yplv-box{background-size: 1200px 100%;}
  .yplv-box .mod-content ul li{width: calc(100% / 2);}
  .yplv-box .mod-content ul li:nth-child(even){margin-top: 20px;}
  .yplv-box .mod-content ul li{margin-top: 20px;}
  .yplv-box .mod-content{margin-top: 20px;}
  .ypwh-box .mod-content .hd li{width: 130px;margin-right: 20px;height: 60px;}
  .ypwh-box .mod-content .hd li a{line-height: 60px;font-size: 14px;}
  .ypwh-box .mod-content .bd{margin-top: 15px;}
  .yplv-box .mod-content ul li .text span{font-size: 16px;line-height: 30px;}
  .ypwh-box .mod-content .bd .bd-item .left-img{height: 230px;}
  .ypwh-box .mod-content .bd .bd-item .left-img .text{height: auto;padding: 15px 10px 10px 10px;}
  .ypwh-box .mod-content .bd .bd-item .left-img .text p{font-size: 14px;}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li{height: 50px;}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li a{line-height: 50px;padding: 0 10px;}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li a .text{font-size: 14px;}
  .ypwh-box .mod-content .bd .bd-item .right-list ul li a .time{font-size: 12px;}
  .zsyz-box .mod-content ul li a .left-time{margin-right: 10px;}
  .zsyz-box .mod-content ul li a .right-text{width: calc(100% - 72px - 10px);}
  .zsyz-box .mod-content ul li a .right-text p{font-size: 14px;}
  .zsyz-box .mod-content ul li a{height: 70px;padding: 5px;}
  .zsyz-box .mod-content ul li a .left-time{width: 60px;}
  .zsyz-box .mod-content ul li a .left-time .day{font-size: 22px;}
  .zsyz-box .mod-content ul li a .left-time .year-month{font-size: 12px;}
  .zsyz-box{padding-bottom: 30px;}
}

@media (max-width: 320px){
  .ypgk-box .mod-content .left-img{height: 210px;}
  .ypwh-box .mod-content .bd .bd-item .left-img{height: 190px;}
}