/* <!-- strat部分制作开始 --> */
.strat {
    height: 35px;
    width: 100%;
    background-color: #1e1b29;
    position: relative;

}
.strat-box {
    height: 35px;
    width: 100%;
    display: flex;
    position: static;
    margin-left: 90px;    
    padding-top: 7px;


}
.strat-nav-item {
    height: 35px;
    width: 8%
}
.strat-nav-item a {
   color: #fff;
}
/* <!-- start部分制作结束 --> */
/* * <!-- nav部分制作开始 --> */ 
.nav-box{
    color: #333;
    background: #fff;
    width: 100%;
    height: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 80px;
}
.nav-boxlogo, .nav-boxlogin {
  position: static;
  height: 100%;
  display: flex;
  align-items: center;
}

.nav-boxlogin {
  background: #53a1f3;
}

.nav-boxlogo ul, .nav-boxlogin ul {
  display: flex;
  list-style: none;
  gap: 20px;
  height: 100%;
  align-items: center;
}
.nav-boxlogin-item {
  height: 100%;
  display: flex;
  align-items: center;

}
.nav-boxlogin-item {
  background: #fff;
  text-decoration: none;
  padding: 5px 18px;
  transition: background 0.3s;
}
.nav-boxlogin ul {
    padding-left: 22px;
}

.nav-boxlogo li a, .nav-boxlogin li a {
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 3px;
  transition: background 0.3s;
}
.nav-boxlogin-item2{
     color: white;

}
.nav-boxlogin-item1{
    color: #53a1f3;
}
.nav-boxlogo li a:hover, .nav-boxlogin li a:hover {
  background: rgba(255,255,255,0.2);
}
/* <!-- nav部分制作结束 --> */
/* <!-- pho部分制作开始 --> */
.pho {
  width: 100%;
  background: #f0f0f0;
  overflow: hidden;
  min-height: 300px;
  /* 使用弹性布局 */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: min-height 0.3s;
}

/* 关键修复：图片直接作为.pho的子元素 */
.pho img {
  width: 100%;
  /* max-width: 1900px; */
  height: auto;
  display: block;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  max-height: 75vh;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .pho {
    min-height: 200px;
  }
}

/* 额外样式优化 */
section {
  padding: 20px;
  text-align: center;
}
/* <!-- pho部分制作结束 --> */
/* <!-- content与banner部分制作开始 --> */
  
        h2 {
            text-align: center;
            color: #333;
            font-size: 36px;
            padding: 34px 0 40px;
        }
        
        .tabs-fun {
            padding-bottom: 1px;
        }
        
        .tabs-fun .tabs-fun-head {
            display: flex;
            margin: 0 auto;
            max-width: 1200px;
        }
        
        .tabs-fun .tabs-fun-head li {
            flex: 1;
            text-align: center;
            border-bottom: 1px solid #e8e8e8;
            font-size: 24px;
            cursor: pointer;
            padding: 16px;
            color: #999;
            list-style: none;
            transition: all 0.3s ease;
        }
        
        .tabs-fun .tabs-fun-head li.active {
            border-bottom: 2px solid #1890ff;
            color: #1890ff;
        }
        
        .tabs-fun .tabs-fun-head li:hover {
            color: #1890ff;
            border-bottom-color: #a0d3ff;
        }
        
        .tabs-fun .tabs-fun-body {
            margin-top: 30px;
            margin: 30px auto 0;
            max-width: 1200px;
        }
        
        .tabs-fun .tabs-fun-body li {
            width: 100%;
            display: none;
            animation: fadeIn 0.5s ease forwards;
        }
        
        .tabs-fun .tabs-fun-body li.active {
            display: block;
        }
        
        .tabs-fun .tabs-fun-body img {
            width: 100%;
            max-height: 500px;
            object-fit: contain;
            border-radius: 4px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @media (max-width: 1200px) {
            .tabs-fun .tabs-fun-head li { 
                font-size: 20px; 
                padding: 14px 10px;
            }
        }
        
        @media (max-width: 930px) {
            .tabs-fun .tabs-fun-head {
                flex-wrap: wrap;
            }
            .tabs-fun .tabs-fun-head li { 
                flex: 1 0 33.333%; 
                font-size: 16px;
                padding: 10px 5px;
            }
        }
        
        @media (max-width: 654px) {
            .tabs-fun .tabs-fun-head {
                display: none;
            }
            .tabs-fun .tabs-fun-body li {
                display: block;
                margin: 30px 0;
            }
        }
/* 商业合作区域 */
        .collaborate {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 2rem;
            margin-top: 2rem;
        }
        .container-xl{
        padding-bottom: 60px;
        margin-right: 60px;
        margin-left: 60px;
        }
        .collaborate-item {
            flex: 1;
            min-width: 300px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .collaborate-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }
        
        .collaborate-head {
            background: url(data:image/png;base64,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) no-repeat 50%;
            color: white;
            background-size: 100% 100%;
            padding: 1.5rem;
            text-align: center;
            font-size: 1.5rem;
            font-weight: 600;
        }
        
        .collaborate-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            padding: 1.5rem;
            gap: 1.5rem;
        }
        
        .list-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 1.2rem;
            border-radius: 8px;
            background: #fff;
            transition: all 0.3s ease;
        }
        
        .list-item:hover {
            background: #e1f1fa;
            transform: scale(1.03);
        }
        
        .item-icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            margin-bottom: 12px;
            background-size: 60%;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #fff;
            transition: all 0.3s ease;
        }
        
        /* 替换图片为SVG图标 */
        .list-item.icon1 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAXVBMVEVHcExTped2zPB1zPF2zPB2zPF2zPFsw+92zPBou+h0zPB1zPB2zfF1zPE8iec9ied2zPB1y/B2zPD1piP2piI7iOc9ief1piM8iud1zfB1zPA7iuj2piM9iuf1piP3hfcZAAAAHXRSTlMADNAyduy1GOAEKYpTosXsXmb5xYgl0fauQcBz9uRfXS8AAAJKSURBVFjDrZjpwrIgEIUPyuZCLm1W33j/l/n90HpLBsWCn2BPMGeYBSA4yrbSme37vreZrtoSe4eonbJO1rkRRSFMXktnlavFDkTulO7MctZ0Wrk8EnG7W2n4JSPt/RaBKLVti/By0Vq9ZZ2iUrLY+ESqavWTMtNme7NGZyubqVUXZ7ZO1aElafNo/azkF6rMxHuByaqfGQGK3McATOadqLZm79UwdmHdUuW77xdy9aF0kXX4YnTZu9dVGl8NXb0fxnwHMW8H0ks7n4eGvNEMZ1/T1xFudnGhzgyCiKjxKIV9RoZ7u1gaaGDOZwYavMn2/rwHy5vdEGsjQ40fGOb75jzPI+LtyM1LBwDCl4YIwOl6ioEYJQDUmv/H63gFcBzHcRyPKzvUNQDX8ZDTv1MUpHMAGEfbYxMYBZQWv0FgS7TuV4hrUcnAx5HqALKajLulzmxbHlJrZDm21VmF5Bm4sLjPJsaiF/GQw4EtQ3r0RTwkkJxXIIw6YYjYVOe4UVX1YcP+qXMEYC7P8HZgDBuU+HPLj1eMvDASB53tc8sNPabg68fZWofd/mM8qCkCDMgq7gIW00Ya1iaujQsFD2oEgAMLsWVcULrMvxUXRhy1Eh4//J2IZoZgw2MoUPtTLGOSN5QyvCmeMaWMuORFxDPm5BWXRol4xjONRiV0IpbxSujrpcXhCWEZf6XFapEzQy4s463ISVNuJSn80pSgSYrhNGV5mgZhd6siEjQ8gaYpTfuWppFM09Kmaa7TtPmJHhwSPX0keoTZ+xz0H/KmMaHa5SdOAAAAAElFTkSuQmCC");
        }
        
        .list-item.icon2 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAATlBMVEVHcEx2zPF1y/B2zPBfs+11zPB2zPBlvO1yw+12zPB2zPF2zPB1zPB1zPF2zPB1zPA8ief1piM9iuc9iuc8iec8i+c8ieY8iuY9iuf1piMG/o4hAAAAGHRSTlMA7GTQKDZ2GAfgVruKovmx88XusK2tra5wJ9kDAAACDElEQVRYw62YyXLsIAxFL4MRo4dOOsH//6Nv4XppD0zuRgsvgDqFLrKQALImuZ+EGcdxNGLyXOKuaRuYCcoOpAFNg1XBsGD1DcQQmON0HiXuWBhaEc4oSk+RMq4FI53hhV1rblxNHe2ZqjmumC8ukWKi+mZpEoXNWMbbZOPMZvdphubzMyo94QW1RwEJ/zEjQ1H3GACJi0fW0N1fg8xJXcmG2/8XBnY4aS043jAu9lHnJ7xlk987Q+9BaOeQU3jTlHuFn34Xov+C3B1UlT9zjDHGeFy+jc0/p1+Pu9RG5CPGPCTGh0xuJRwU+Y5fBZXpK36fVAkAoI9HM8fiSVGczwekAVh32vZel71tepzdhLMAAr9AXroc7SETEB4AnAItxpwumx4XCDFAGlwgGV0ozgkIjIQNV8h1YWkucHiVXoxlXdd1XS7j19D3mGwGsm5Wh9gJYshC/n8qkEEglRbvQchg1DXI8idNGqJHjKhpUoOgAGk+HYx5d9A6rse8sM0QMvkjboYMIh9sy3q0pRBslbBvgCi/pYOP3Am8Tyq4lZSemaTUJz0mE/Uzlah/84m6y5Vx9/J6pi6vPtfo+UJ/li7038yFrj8oLfCqn3sUOX3KrS6FX58StEsx3Kcs79Mg9GlV+jRNfdq3Po1kn5a2qbnWteZ6a/NLjxPa1tv8Tg8OgO7x9NHpEebuc9A/5IEvg2mAmxEAAAAASUVORK5CYII=");
        }
        
        .list-item.icon3 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAWlBMVEVHcEw9iud2zPB2zPB2zPBzzPB2zfBisOt1zPB2zPF1zPB2zPA7ieZ1y/B1zPBZqu11zPE8iuc9iuc8iuc8iuf1piN1zfB1zPA8iuc2ieQ7iOd1zfE9iuf1piMy29ZoAAAAHHRSTlMA9ne74BpXBy7witEwabEQpJfG3K7FQZ2OGCbL1WSLlwAAAjtJREFUWMOtWMmCqyAQbPZN3DMxmX7//5vvMDHjCIgYOIKW1W31BkByaWlbx40xhrvWSg2lS8ne8J5KLRQoJbSkPTe9VAUQ+m6YF/td4Zm5n+XzxTgV8SNBOfs6w4LxI9ZKcpZjo6yhGcOVN/bwEe1akScrWndARhp/zm3eyNQR5ae1oDmNH1gnzqtAOBvF+O5K5Nh9R1Co68pE3bnAIslFaWgIvvOuNuXxtX9JOQ8Xlndb1dkWLq3WbnmJayBiYxALjHnOBINF5mdgEHvHPt8H1DMCgYhI9iiKr5mBBYEw4/wIyT9mnANpsDUOgsgm+Ii54IEkSAyveLuHsYQYd2Rkn94BAFTk1xSACKM2Vl0E+fFo7xMP3/79WbcEiO8BICa0EhBhADSHz8wBrkH2n4L0Eiz9FIRaaCUc+uSWBZEtREtIEYh2EE2LReYIDkZlH26GiZBpaFJ11YDJfVENayIYVBIkw0SNSJZGdc1CcIyj5EEGnF52NBMOCSYZxzZI3r5oCDZxx6Z/8YvI8ru9RKlodyA2AACYth9vcIqLLSN7ghufqTA9/sg+E4AnQHqZSwUnzOH6ICmddKwwR+nx5C/2fT5RZ8XGZL5kvGSvmoUgeUCiZOSK128ATjh2ieKVL6NrKujGEGUto6cLOkRQ3h49bi3GHUqitThucsa/XMZEk1On3arS+NVpQas0w3Xa8joDQp1Rpc7QVGd8qzNI1hlpAZQ1/tPhus6YX+nCodLVx/4SBq5dwpReB/0HnpIvGwMmMEUAAAAASUVORK5CYII=");
        }
        
        .list-item.icon4 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAY1BMVEVHcEx2zPB2zPB1zPF2zPE9iudgsu52zPBzzPBhrut0zPB1zPB2zfF1zPF1y/A8iec7ied2zPF2zPB2zPB1zPA8iuf1piN1zfB1zPA7iec8iec8iec1iOM9iuc8i+g9iuf1piO1sZd5AAAAH3RSTlMA0Hcy7PQO4BoGKYpTomnGLLle+bGQxUHATm6tF7BtHh5HmgAAAlRJREFUWMOtWFt7rCAMHJSrgKCr7d562P//K/vQeuoFFVd4U/zGJCQzCcDqqlrdEXG5XC6CdLqtcHRxY6mwhSklV4rL0hRWUGv4AYjS0qaW87eybqgtEyE+r6KQ8S1ZiOtnAkTViFatb6tWNHvRUZoWaueTmurNTyrSyX1jZUc2jDG0TgtbTc3aViHK5PMTRXxDE5meBZLoOAY/lI4xlOIYBsDJwiMj5NHSkGIW3YqWh+sLJZ2ctCI13lg1GWed7vDW6vTYGfkeiBw51Cyc8Q8WIos9/Myh5n/ti3lB+ShECCGwKYoSAzNc27khj/D1jJn//AqP6Zv2OtTBorJZeMaD8AxsRgy/9WaXtRTCWigXO4UFAB45mhAAfLxer49dEEk5ANPgDAgaA8DWOOMOagsglmhHQCQFKoFz7kBUaO1ZENtCFzjnDgqNzpwFMR1Iecgd55bcRBClxXWQKE3iopKMvjnG3C2uq5dEkP6HCPooSiLILbA753cWbidAXLgDwD24uDvrgZ3wCwcAPmeTIbDrR5wKUpK0ZPt151/UHdOlpf1mYAu9UYCpR2zbDSpITTZRJZKS7x1jrvdRFUyjR9UP2tUvs6q2W0T9h+EC673ivmfBqShRr0rGKKqDeHq2iO2PZOyKlx8JsGfBx8RrV0b78d/7mSmDjO4Juhv/3M+SdhD0zdbCASyMttW0fP5ai60mx81pdfr01+TkabeyNH55WtAszXCetjzPgJBnVMkzNOUZ3/IMknlGWkBpWp8drvOM+ZkuHDJdfcwuYYD3LmGOXgd9A6f1MY7UyMRIAAAAAElFTkSuQmCC");
        }
        
        .list-item.icon5 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAS1BMVEVHcEx2zPFqv+92zPB2zPByw+12zPBftOx1zPB2zPB1zPF1zPBftu48iuh2zfF2zPB1zPH1piM9iec9ied1zPA8iec9iuc9iuf1piPd4+qfAAAAF3RSTlMA7CnQ4Ad2G163MooV20r5pMXyxZ2tsB2XUtcAAAIFSURBVFjDrZjbkoMgDECD3BKwQrVd9v+/dB960aURoZKHzlSYMyTkCsCuDOhJqhBCUJI8DtAqGqNQ0UzOagBt3WSiEhF1A8LdBKHNv1okcXOViImUGfml0SiaKhADqdKpNSo6so72whwpboQvbhkk2ePDWpKFw6DAOrMVNhrlqu9PGX7BS1vvBVZ6njG2uOPIUUwbA2CUHxpNyraGhlWZ3w3CNccXOPHvprVE+EJQbr3OE3wl5LfK2O8gdqMQ5XYe7nNiZL7n7m5ovZksoAYWkVJKc0bR7xui3Kr39MM6zfiT7rlt6RUHeWTPaS8ppTnPHc94u314Xkp7lvxcMTcAAC3GM5BR6I1W+dbrbyZXHk8IABHPQTACAONoLeqAFQCDgnMQUMPjNLw61+fPASQieHMWYjxwFa1NnYlAurMQJ4FLi20QqyDosxAdIEALZFmYj60QVkKLOsuFzaI6tBg2JZZiVcsVJ57iZIuzpXThKBPtu/1qijVNW45i/H4AbrV4ygIcJWJFKvj3z17S5TMVHCelA4gVhfRYqw7GQqKuNSxhU8lgr/hRMuqLF+tsj+JVX0Y5xquMVhd0LgDfFi23FktxFlibv2KTU4SsTU6fdqtL49enBe3SDANgh7a8z4DQZ1TpMzT1Gd/6DJJ9Rtqq4VofDdd9xvxODw6dnj46PcK0Pgf9Ab/kKAj3qA0HAAAAAElFTkSuQmCC");
        }
        
        .list-item.icon6 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAARVBMVEVHcEx2zPB2zPB1zPFhrOl2zPB1zPBmve52zPF2zPB0zPB1zPB2zfF1zPE9iec8iud1zPA9iuc7ief/ngB1zfA9iuf/nwCfbr+QAAAAFXRSTlMA0LsyCnZiGPDgKYpTovKusckmxUE/DVbyAAACDUlEQVRYw61Yy5aDIAwNCCQIqLTD/P+nzsKxrUIULFki55rk5gkAK6Nxi7BERFYszozQKsoHskH7ARWAwsHrYCl41QAxBJIGj6doJIWhEuJHWo3lT6it/KmAGKU1Z9+NlVfeUY701W80uVPfjGLBa2VxESfKeDJ1bjPkWT3tUM2fZax2AuujAIX7GoNB0W0YACgyi7zF1tRAe/DuSENzfsFAO6aVMHBDjPiMOrfALVncpzF4DwQ/DJIaboqWr9y36i4I2K0ySHMbA4zc8mB3/JinlMk0PzhV1tgIO488ChAppTQxKDoAAKg9NXOaC1ThnGaOIAUAXu4Op1SkG9PE2CM9AIS9W1Mq3+XOwQQAOARaMwgSwGjZy5U82XHVpghSy1Mw4DQHUsuTdrB4DqSWJ7+AGDiQWhcPAo5lsR0ELZA6B3n+rvJkQRQBwbcgcA1SEXZ0ac41iKLMsW9iGxx7pPgdYnufvD1ToPgYbFuwx2oQv2Rh/0o7VWuOdlkCvm7GWpBgslLwuplqQeyYFaW3JpUJiJSXx3+JUVWWAhPyQs01j6ggFouS9HnLYNtYVMXyuLaMQ/PipuTI0LU2r2Mb5VGKINvYWtfQVVGTraHXjhYqxpPRosuQ02fc6jL49RlBuwzDfcbyPgtC86qiOiw8zNLUZ33rs0j2WWn7LNd91vxODw6dnj46PcK0Pgf9AdFIKDU0hl3FAAAAAElFTkSuQmCC");
        }
        
        .list-item.icon7 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAV1BMVEVHcEx2zPA9iuf1piJ2zPF2zPBtxO1txO9ZqO52zPA8iuh2zPB2zPB1zPF0zPB1zPB1zPF1y/A7iec9iud2zfF1zPB2zPA8ieY8iuf+pR49iuc9iuf1piN0CFcPAAAAG3RSTlMA0OvH7FoDGAjgkne7MimKomkt90ix+TmuEcPjtkCYAAACeklEQVRYw61Y2aJDMBAdWSSxhqAY//+d96GokoXb5KlED2eWMzMBcK6K132ihmEYVNLXvIKnS3LNlM67Usg0laLscq2Y5vIBRKlZ0YjzXdEUTJc3IbpC5cK+JXJVdDcgqkLx1L2dclWErJPWLE8DjzSs9tqmSnoR/NZU9InnYzhr7pmtYdy1lavytv9Ubt+oE3E/CkRS/4zhQMmfYQCI5MKIK/E0NYQ6Wbdi5eP8gpJ9eVomDfxjNckx6uoe/rX6+khG/A9EHAgVZzLtaNCyzNie86jYc1+dcq4l6FjkjKI2ZSjOiTDiaOUnRhzPoVFseXBOfoMuUUJzTuk13/Ql8hBdlrzu5BoAQF5d8wREMHlgdXmU0glgojQAX3AA0I0LZKHTRJcQSKMBwBJo70cnulC60CkAIhhApZzMJ0rpN4bVWqoCrsFJZ1mWJUgHNIc6/xUkr6HvPI5clrDz066HpPwRBMoEbLKI+GHzzccGIhQM8lcQOcCQ3qIjM0IyewlOb4NkiIiZE0TeAWkJvl4XSdrpOA37zsGVCyK+XohoYySU38Xrq2Y0MyLibHCWNhd7g22zB2nfhm2JxS5d7wn7XbbR7LZoDbaWsHcn4OdDMsfFnoAeKVgXOb68RWKRArcofbT/YEx50XvBfPJ4E6TRPqHe/kZwD3iZESTSItShknEMeEvwv0tGqHi9A/76+6t4hcqoH2Qro4GCniEimqyVss3Mhc5uUU9rsSrJvF3PJ1X5tBaeJme/kRFjSHYJ+U+TE6fditL4xWlBozTDcdryOANCnFElztAUZ3yLM0jeHGnBP9ICyJo1vw7Xccb8SAcOkY4+Ih3CPD0O+gN9KDUHoVaW5AAAAABJRU5ErkJggg==");
        }
        
        .list-item.icon8 .item-icon {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAY1BMVEVHcEx2zPB1zPF0zPB2zPF1zPD1piJtxO9jtOt2zPB2zPB2zPB2zfF1zPE8iuc6iOdXqet2zPB1zPB1zPA9iuc8iug8iud1zPB2zPH+pR48iec8ied1zfE+iug7iug9iuf1piO1s3nWAAAAH3RSTlMAuzIp7GLHGAfgeNFTovQpQ/mxjcbhrnCEEaKmy3h4J86a1gAAAnxJREFUWMOtWNuyqyAMBQUD4q3eetvd9P+/8qDVbkBR9JCHzlSYNSRZWSEg5LSYNrXgF2Vc1A2N0VFjWU54nmYRMPUHoizNOckzdgAiygmmYH8FikkeeUJUmKewvgQpx5UHRIw53Tg1oxzvRYfdyHXHcXYlt80tsahh/7BQi43DZIT6hY2SzLWU8sg7fzxdX2gE+LMARLOK8QNH6Ag/KyipgGOkBrHwKONwtDSAW9GNSXS4vlBEjEwzQdEJo0Jn3a1Gp6y+6c7AORDQHMJXdNKu+Fv7nJ0FYXxWBkzRaaN4rgN2HoRN9ZabzCv7Qm5Y0Zcm0/MRy0xNuQkxwpRmggY/Mmwg97LfzDeoDcYHPJA/N8NayB3OgCzM0A7+WESTci+W1g4giq0c/R8I4vHnNKtbkuSO0D1J9kBUPJrUCfJO7nf1sweSNqjOXFsGgAFoDySrkYicW5QryRJjARIJZMui7s5oC3fa1pZJdGH+INWjK9pl+VzQZeuw77deEO3I+mXOD4BUhexepQPE5c7kzeyPKsyerXJRueMMrAXSyqeD0CqwGynW3alkxxwgKsVushkgD/lylZYim5v2BkgnSxeIor27AMca/JMZNi1P1uoF6CkFM0j7FUldCmxRcijb7M5MPNnpomTLo0Nj58BO9pIPQx4toV6qfauneOJXJytDqK2Wsew7rU62jz3/4vppGXbzcpg64XM6C3tqvefTvHzb6FCAvyVj5W8ni8puo74Nvfymty0XDd3/ajGIUtE9qrWrRZBLTpjrVpCLX5graJDLcJhreZgBIcyoEmZoCjO+hRkkw4y0YYbr/TEfeYz5gR4cAj19BHqEOfoc9A9QoDb+J0OT1wAAAABJRU5ErkJggg==");
        }
        
        .list-item:hover .item-icon {
            background-color: #77caee;
        }
        
        .list-item:hover p {
            color: #77caee;
            font-weight: 600;
        }
        
        .list-item p {
            text-align: center;
            font-weight: 500;
            transition: color 0.3s ease;
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .collaborate {
                gap: 1.5rem;
            }
            
            .collaborate-head {
                font-size: 1.3rem;
                padding: 1.2rem;
            }
            
            .item-icon {
                width: 56px;
                height: 56px;
            }
        }
        
        @media (max-width: 930px) {
            .collaborate {
                flex-direction: column;
                gap: 2rem;
            }
            
            .collaborate-item {
                max-width: 600px;
                margin: 0 auto;
            }
            
            .collaborate-list {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 654px) {
            .collaborate-head {
                font-size: 1.2rem;
            }
            
            .collaborate-list {
                grid-template-columns: 1fr;
            }
            
            .item-icon {
                width: 52px;
                height: 52px;
            }
        }
/* /* <!-- content与banner部分制作结束 -->  */
/* <!-- footer部分制作开始 --> */
.footer {
    height: 10%;
    width: 100%;
    background-color: #1e1b29;
    position: absolute;
}
.footer-guild {
    height: 110px;
    width: 100%;
    background-color: #313131;
    border-top: 1px solid #434343;
 

}

.footer-guildnote {
    font-weight: 400;
    font-size: 14px;
    margin: 30px 40px 7px 40px;
    text-align: center;
    color: rgb(136, 136, 136);
}

.footer-guildhref {
    font-weight: 400;
    font-size: 14px;
    margin: 3px auto;
    text-align: center;
    color: rgb(136, 136, 136);
    display: block;
}

/* <!-- footer部分制作结束 --> */