@charset "utf-8";

/* 基础容器 */
.container { width: 1400px; }

/* 页面基础样式 */
body { background: url(../images/zjzg/tzzn_header_bg.png) center top no-repeat; }

/* 投资指南头部 */
.tzzn-header { width: 100%; padding: 20px 0; }
.tzzn-header .logo { display: block; width: fit-content; height: 70px; }
.tzzn-header .logo img { display: block; width: 100%; height: 100%; }
.tzzn-header .header-text { margin-top: 39px; }
.tzzn-header .header-text img { display: block; margin: 0 auto; }

/* 投资指南页面样式 */
.tzzn-main { width: 100%; margin-top: 120px; }

/* 通用标题样式 */
.section-title { position: relative; font-size: 32px; color: #333; margin-bottom: 40px; padding-left: 36px; display: flex; justify-content: space-between; align-items: center; }
.section-title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 40px; background: #0066CC; }
.section-title .more { font-size: 24px; color: rgba(128, 96, 48, 1); padding-right: 20px; position: relative; text-decoration: none; font-weight: 700; }
.section-title .more:hover { color: #0066CC; }
.section-title .more::after { content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: bold; }

/* 基本概况 */
.basic-info { padding: 60px 0; }
.basic-content { display: flex; gap: 40px; }
.basic-img { flex: 0 0 60%; height: fit-content; position: relative; }
.basic-img::after { content: ''; position: absolute; right: -22px; bottom: -22px; width: 100%; height: 100%; background: linear-gradient(to right, rgba(212, 173, 111, 1), rgba(212, 173, 111, 0)); z-index: 0; border-radius: 20px; }
.basic-img img { width: 100%; height: auto; display: block; z-index: 2; position: relative; }
.basic-desc { flex: 1; display: flex; align-items: start; padding-top: 90px;padding-left:  119px; gap: 30px; background: url(../images/zjzg/tzzn_jbgk_img2.png) center center no-repeat; background-size: 100% 100%;}
.basic-desc a::before{content: "";display: inline-block;vertical-align: middle;margin-right: 10px;width: 5px;height: 5px;border-radius: 50%;background-color: rgba(212, 173, 111, 1);}
.desc-item { display: flex; align-items: flex-start; gap: 20px; padding: 20px; background: #f9f9f9; border-radius: 8px; }
.desc-item img { width: 60px; height: 60px; }
.desc-item .text h3 { font-size: 20px; color: #333; margin-bottom: 10px; }
.desc-item .text p { color: #666; line-height: 1.8; }


/* 多元产业 */
.multi-industry { padding: 60px 0; background: rgba(255, 250, 242, 1); }
.industry-content { display: flex; gap: 40px; }
.industry-tags{background: url(../images/zjzg/dycy_center_bg.png) center center no-repeat;background-size: auto 100%; position: relative;width: 100%;}
.industry-tags a{position: absolute;display: inline-block;padding: 10px 20px;border-radius: 6px;font-size: 22px;font-weight: 700;letter-spacing: 0px;line-height: 31.86px;color: rgba(255, 255, 255, 1);white-space: nowrap;transition: all 0.3s;}
.industry-tags a:hover{color: #ffffff;transform: scale(1.05);}
.industry-tags a:nth-child(1){left: 59px;top: -18px;}
.industry-tags a:nth-child(2){left: 260px;top: 16px;}
.industry-tags a:nth-child(3){left: 318px;top: 97px;}
.industry-tags a:nth-child(4){left: 293px;top: 174px;}
.industry-tags a:nth-child(5){left: 125px;top: 248px;}
.industry-tags a:nth-child(6){left: 14px;top: 168px;}
.industry-tags a:nth-child(7){left: -16px;top: 65px;}
.industry-tags a:nth-child(odd){background: linear-gradient(129.44deg, rgba(35, 108, 194, 1) 0%, rgba(79, 133, 232, 1) 100%);}
.industry-tags a:nth-child(even){background: linear-gradient(141.54deg, rgba(212, 173, 111, 1) 0%, rgba(188, 130, 46, 1) 100%);}

/* 承载平台 */
.platform { padding: 60px 0; }
.platform-content { position: relative; }
.platform-img { width: 100%; margin-bottom: 40px; }
.platform-img img { width: 100%; height: auto; display: block; }
.platform-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.platform-items .item { display: flex; align-items: center; gap: 15px; padding: 20px; background: #f9f9f9; border-radius: 8px; }
.platform-items .item img { width: 40px; height: 40px; }

/* 投资政策 */
.policy { padding: 60px 0; background: #FBF6F0; }
.policy-content { display: flex; gap: 40px; }
.policy-img { flex: 0 0 40%; position: relative; }
.policy-img img { width: 100%; height: auto; display: block; border-radius: 20px; }
#policy-swiper {flex: 1;height: 100%;padding-bottom: 10px;}
.policy-item { display: flex; align-items: center; padding: 29px 0; transition: all 0.3s ease; border-bottom: 1px solid rgba(212, 173, 111, 1); }
.policy-item:first-child { border-top: 1px solid rgba(212, 173, 111, 1); }
.policy-item .num { width: 52px; height: 52px; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0.06%, rgba(212, 173, 111, 0.6) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(188, 130, 46, 1); font-size: 26px; font-weight: bold; flex-shrink: 0; }
.policy-item p { margin: 0; padding-left: 20px; font-size: 16px; color: #333; line-height: 1.5; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* 轮播分页器 */
.swiper-operate { position: relative; display: flex; gap: 20px; justify-content: center; align-items: center; margin-top: 30px;}
.swiper-pagination { position: relative !important; width: auto !important; display: flex !important; gap: 10px !important; justify-content: center !important; align-items: center;bottom: 0 !important;}
.swiper-pagination,.swiper-pagination span{font-size: 32px;color: #c69145;font-weight: 700;}
/* .swiper-pagination-bullet { width: 10px !important; height: 10px !important; background: #ffffff !important; border-radius: 0 !important; opacity: 1 !important; border: 1px solid rgba(42, 130, 228, 1) !important; }
.swiper-pagination-bullet-active { background: rgba(42, 130, 228, 1) !important; } */
.prev-btn, .next-btn { position: relative; width: 39px; height: 39px; background: rgba(42, 130, 228, 1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; cursor: pointer; }
.prev-btn { background: #c69045b3 url(../images/public/arrow_left.png) center center no-repeat; }
.next-btn { background: #c69045b3 url(../images/public/arrow_right.png) center center no-repeat; }


/* 投资环境 */
.environment { padding: 60px 0; }
.env-cards { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; transition-timing-function:ease-out;}
.env-card img{display: block;width: 100%;object-fit: fill; }
.ellipsis-box {text-align: center;font-size: 66px;color: #c08837;line-height: 30px;letter-spacing: 10px;}

/* 响应式布局 */
@media (max-width: 1500px) {
    .container { width: 1200px; }
}

@media (max-width: 1280px) {
    .section-title img { height: 50px; }
    .section-title::before { height: 30px; }
    .policy { padding: 40px 0; }
    .industry-content { gap: 30px; }
    .policy-content { gap: 30px; }
    .policy-item { padding: 20px 0; }

    .industry-tags a{font-size: 18px;padding: 7px 12px;}
    .industry-tags a:nth-child(1){left: 16%;top: -12%;}
    .industry-tags a:nth-child(2){left: 60%;top: 16px;}
    .industry-tags a:nth-child(3){left: 70%;top: 35%;}
    .industry-tags a:nth-child(4){left: 65%;top: 64%;}
    .industry-tags a:nth-child(5){left: 16%;top: 87%;}
    .industry-tags a:nth-child(6){left: -2%;top: 56%;}
    .industry-tags a:nth-child(7){left: 4%;top: 22%;}

    .basic-desc {padding-top: 82px;padding-left: 43px;}
}

@media (max-width: 992px) {
    .section-title { padding-left: 20px; margin-bottom: 20px; }
    .section-title img { height: 40px; }
    .section-title::before { height: 20px; }
    .section-title .more { font-size: 18px; }
    .basic-content, .industry-content { flex-direction: column; gap: 20px; }
    .industry-tags img { display: block; margin: 0 auto; width: 100%; }
    .basic-info { padding: 30px 0; padding-bottom: 0; }
    .platform { padding: 30px 0; padding-bottom: 0; }
    .platform-img { margin-bottom: 0; }
    .platform-items img { display: block; width: 100%; }
    .basic-img, .industry-img { flex: none; }
    .basic-img::after { display: none; }
    .policy-content { flex-direction: column; }
    .policy-img { display: none; }
    #policy-swiper { width: 100%; padding-bottom: 39px; }
    .tzzn-main { margin-top: 140px; }

    .basic-desc {padding-top: 18%;padding-left: 25%;height: 397px;margin-top: 20px;}
    .basic-content{display: block;}
}

@media (max-width: 431px) {
    body { background-size: 100% 260px; }
    .tzzn-header .logo { height: 50px; }
    .tzzn-header .header-text { margin-top: 0; }
    .tzzn-header .header-text img { height: 90px; }
    .tzzn-main { margin-top: 10px; }
    .basic-info { padding: 20px 0; }
    .section-title img { display: block; height: 24px; }
    .section-title::before { height: 15px; }
    .section-title .more { font-size: 14px; }
    .policy-item .num { width: 39px; height: 39px; font-size: 21px; }
    .policy-item { padding: 15px 0; }
    .policy { padding: 20px 0; }
    .section-title { display: block; margin-bottom: 30px; }
    .section-title .more { float: right; }
    .env-cards { grid-template-columns: repeat(2, 1fr); gap: 15px; }

    .industry-tags{height: 200px;margin-top: 20px;}
    .industry-tags a{font-size: 16px;padding: 3px 5px;}
    .industry-tags a:nth-child(1){left: 21%;top: -10%;}
    .industry-tags a:nth-child(2){left: 60%;top: 16px;}
    .industry-tags a:nth-child(3){left: 68%;top: 35%;}
    .industry-tags a:nth-child(4){left: 65%;top: 64%;}
    .industry-tags a:nth-child(5){left: 16%;top: 87%;}
    .industry-tags a:nth-child(6){left: -2%;top: 53%;}
    .industry-tags a:nth-child(7){left: 4%;top: 19%;}

    .basic-desc{height: 200px;padding-left: 10%;padding-top: 23%;}
}
@media (max-width: 361px){
    .basic-desc{height: 175px;padding-left: 8%;padding-top: 23%;gap: 15px;}
    
}