/* 原有样式保持不变 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            min-width:1280px;
        }
        
        .container {
            width: 1280px;
            margin: 0 auto;
        }
        
        /* 顶部导航 */
        header {
            background-color: #00359e;
            padding: 15px 0;
        }
        
        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            color: white;
            font-size: 24px;
            font-weight: bold;
        }
        
        .nav-links {
            display: flex;
            list-style: none;
            justify-content: flex-end;
        }
        
        .nav-links li {
            margin: 0 25px;
        }
        
        .nav-links a {
            color: white;
            text-decoration: none;
            font-size: 16px;
            transition: color 0.3s ease;
        }
        
        .nav-links a:hover {
            color: #ee7801;
        }
        
        .phone-icon {
            color: white;
            font-size: 20px;
        }
        
        /* Banner */
        .banner {
            width:100%;
            position:relative;
            overflow: hidden;
        }
        .banner img{width:100%;}
        .banner .container {
            text-align: center;
            color: white;
            position:relative;
        }
        
        .banner-btn {
            background-color: #ee7801;
            color: white;
            border: none;
            padding: 12px 30px;
            font-size: 20px;
            border-radius: 5px;
            cursor: pointer;
            position:absolute;
            bottom:15%;
            font-weight:bold;
            left:20%;
            z-index:9;
            transition: all 0.3s ease;
            animation: breath 2s infinite;
        }
        
        /* 通用版块样式 */
        .section {
            padding: 60px 0;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 40px;
        }
        .section-title:after{content:" ";width:52px;height:9px;display:block;margin:0px auto;background:url(titlebg.png) left top no-repeat;margin-top:20px;}
        
        /* 数据证明版块 */
        .shujuzm{background:#f9f9f9;padding-bottom:50px;overflow:hidden;width:100%;}
        .shujuzm .container{background:url(shujubg.png) top right no-repeat;}
        .data-proof {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        
        .proof-item {
            width: 23%;
            background: white;
            border-radius: 10px;
            padding:60px 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .proof-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }
        
        .proof-item h3 {
            margin-bottom: 15px;
            color: #fff;
            background:url(zgbg.png) left top  no-repeat;
            width:179px;
            height:142px;
            margin:0px auto;
            padding-left:50px;
            line-height:142px;
            font-size:22px;
        }
        
        .proof-item ul {
            list-style: none;
            margin: 15px 0;
        }
        
        .proof-item li {
            padding: 15px 40px;
            font-size:20px;
            line-height:1.8;
            font-weight:bold;	
        }
        
        .proof-btn {
            display: block;
            text-align: center;
            margin-top: 15px;
        }
        
        /* 为什么选择档易伴 */
        .wsm{position:relative;padding-top:250px;background:#edf4ff url(wsmbgx.png) left bottom no-repeat;background-size:100%;}
		.wsmcon{position:absolute;top:70px;left:0px;width:100%;height:100%;}
		.wsmcon .container{max-width:1440px;}
       
        /**/
        .why-choose {
            display: flex;
            border-radius: 10px;
            overflow: hidden;
        }
        
        .troubles {
            width: 40%;
            padding: 15px;
            margin-left:2%;
        }
        
        .solutions {
            width: 60%;
            padding: 15px;
        }
        
        .section-subtitle {
            color: #00359e;
            margin-bottom: 20px;
            margin-top:10px;
            font-size: 28px;
            color:#000;
        }
        
        .solutions .section-subtitle {color:#fff;text-align:right;padding-right:11%;}
        
        .troubles ul, .solutions ul {
            list-style: none;
            margin-top:70px;
        }
        .solutions ul{margin-top:90px;}
         .troubles li{background:url(dot.png) left 5px no-repeat;padding-left:35px;margin:20px 0px;}
         .troubles li b{font-size:25px;}
         .troubles li p{margin-top:15px;font-size:20px;width:350px;font-weight:bold;line-height:1.6;}
        
        .solutions li {
            display: flex;
            align-items: center;
            padding-left:18%;
            font-size:25px;
            margin:28px 0px;
            font-weight:bold;
            height:94px;
            line-height:94px;
            transition: transform 0.3s ease;
        }
        
        .solutions li:hover {
            transform: translateX(10px);
        }
        
        .solution-icon {
            width: 94px;
            height: 94px;
            margin-right: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            transition: transform 0.5s ease;
        }
		.fuli{background:url(flbg.jpg) left top no-repeat;background-size:cover;min-height:500px;}
		.fuli .section-title{font-size:50px;color:#fff;padding:50px 0px;}
		.fuli .section-title:after{background:#fff;height:5px;}
		.fuli .fl-con{background:url(fl1.png) center top no-repeat;background-size:100%;display:flex;min-height:244px;width:1280px;}
		.flitem{width:31.33%;margin-right:3%;padding-left:55px;padding-top:25px;color:#fff;}
		.flitem a{text-decoration:none;color:#fff;}
		.flitem:nth-child(3){margin-right:0px;}
		.flitem span{display:block;}
		.flitem h3{height:55px;line-height:55px;font-size:24px;}
		.flitem h3 img{width:55px;float:left;margin-right:10px;}
		.flitem p{font-size:18px;margin:15px 0px;line-height:1.6;}
		.flitem font{display:block;color:red;font-size:25px;padding-top:10px;}
		.flitem font i{color:#93582e;font-style:normal;font-size:18px;padding-left:5px;}
		@media (max-width: 1400px) { 
		     .rongyu:before, .rongyu:after{display:none;}
       
		}
        .solution-icon:hover {
            transform: rotateY(180deg);
        }
        
        /* 服务项目 */
        .fuwu{background:#f9f9f9;}
        .services {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .service-item {
            width: 48%;
            display: flex;
            background: white;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 30px;
            box-shadow: 0 2px 10px rgba(218, 234, 251, 0.9);
            padding:30px 20px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .service-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(218, 234, 251, 1);
        }
        
        .service-content {
            width: 60%;
            padding: 20px;
        }
        
        .service-content h3{font-size:26px;margin-bottom:20px;}
        .service-content h3:after{content:" ";width:48px;height:5px;background:url(fwbg.png) left top no-repeat;display:block;margin-top:10px;}
        .service-content p{line-height:2;font-size:20px;}
        .service-image {
            width: 40%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.5s ease;
        }
        
        .service-image:hover {
            transform: scale(1.1);
        }
        
        /* 限时福利 */
        .welfare {
            display: flex;
            justify-content: space-between;
        }
        
        .welfare-item {
            width: 31%;
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        
        .welfare-price {
            color: #ee7801;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
        }
        
        /* 档案找不到 */
        .zbd{background:#f9f9fb;}
        .find-archive {
            display: flex;
            overflow: hidden;
        }
        
        .find-content {
            width:500px;
            padding: 30px 0px;
        }
        .find-content h3{font-size:30px;margin-bottom:15px;margin-top:100px;}
        .find-content p{background:url(zbdbg.png) left top no-repeat;background-size:100% 100%;height:43px;line-height:43px;width:389px;text-align:center;font-size:20px;color:#fff;font-weight:bold;margin-bottom:60px;}
        .find-content ul li{background:#e8ebee;border-radius:5px;height:50px;line-height:50px;margin-bottom:20px;overflow:hidden;width:389px;font-size:18px;}
        .find-content ul li:before{content:"";display:inline-block;width:5px;height:50px;background:#4f7cfd;float:left;margin-right:15px;}
        .find-image {
            width: 67%;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.5s ease;
        }
        
        .find-image:hover {
            transform: scale(1.05);
        }
        
        img{max-width:100%;}
        
        /* 快速精准 */
        .jingzhun{background:#f9f9fb;}
        .accurate {
            display: flex;
        }
        .jingzhun h3{font-size:33px;}
        .accurate-image {
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.5s ease;
        }
        
        .accurate-image:hover {
            transform: scale(1.05);
        }
        
        .accurate-content {
            width: 44%;
            margin-left:4%;
            padding: 30px;
        }
        
        .accurate-items {
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        
        .accurate-item {
            width: 48%;
            display: flex;
            margin-bottom: 30px;
            transition: transform 0.3s ease;
        }
        
        .accurate-item:hover {
            transform: translateX(5px);
        }
        
        .accurate-item h4{margin-bottom:6px;}
        .accurate-icon {
            width: 80px;
            height: 65px;
            margin-right: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            transition: transform 0.5s ease;
        }
        
        .accurate-icon:hover {
            transform: rotateY(180deg);
        }
        
        .accurate-icon img{width:100%;}
        
        /* 档案危害 */
        .weihai{background:url(whbg.png) left top no-repeat;background-size:100%;}
        .weihai h2{font-size:42px;color:#fff;}
        .weihai .section-title:after{background:#fff;height:4px;margin-bottom:70px;}
        .archive-harms {
            display: flex;
            justify-content: space-between;
        }
        
        .harm-item {
            width: 23%;
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .harm-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }
        
        .harm-item h3{color:#ed1c24;font-size:30px;text-align:center;}
        .harm-item p{text-align:center;font-size:20px;margin-top:10px;font-weight:bold;}
        .harm-item p:after{content:"";width:50px;height:5px;display:block;background:#ed1c24;margin:0px auto;margin-top:10px;margin-bottom:20px;}
        .harm-item span{display:block;text-align:center;line-height:2;}
        
        .harm-btn {
            background: #ed1c24;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 5px;

            display:block;
            margin:0px auto;
            font-size:20px;
            margin-top: 15px;
            cursor: pointer;
            transition: all 0.3s ease;
            animation: breath 2s infinite;
        }
        
        .harm-btn:hover {
            background: #c4161c;
            transform: scale(1.05);
        }
        
        .harm-icon{display:block;text-align:right;margin-top:20px;}
        .harm-icon img{width:100px;}
        
        /* 档案用途 */
        .yongtu{background:#f9f9fb;}
        .archive-uses {
            padding: 30px;
        }
        
        .uses-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
        }
        
        .use-item {
            width: 265px;
            text-align: center;
            background:url(ytbg.png);
            padding:30px 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius:10px;
            transition: transform 0.3s ease;
        }
        
        .use-item:hover {
            transform: translateY(-10px);
        }
        
        .use-item h4{font-size:26px;margin:20px 0px;}
        .use-item h4:before{content:"";width:50px;height:5px;display:block;margin:0px auto;margin-top:20px;margin-bottom:20px;background:#efcd0f;}
        
        .uses-row-2 {
            display: flex;
            justify-content: center;
            margin-top:60px;
        }
        
        .uses-row-2 .use-item {
            width: 265px;
            margin: 0 20px;
        }
        
        .use-image {
            margin: 0 auto 15px;
            transition: transform 0.5s ease;
        }
        
        .use-image:hover {
            transform: scale(1.1) rotate(5deg);
        }
        
        .uses-desc{margin-top:60px;text-align:center;}
        .uses-desc p{
            text-align: center;
            margin-top: 20px;
            font-size:28px;
            font-weight:bold;
            display:block;
        }
        .uses-desc span{
            text-align: center;
            display:inline-block;
            font-size:24px;
            border:1px solid #959597;
            margin-top:20px;
            border-radius:20px;
            padding:10px 40px;
            transition: all 0.3s ease;
        }
        
        .uses-desc span:hover {
            background: #00359e;
            color: white;
            border-color: #00359e;
        }
        
        /* 办档案 */
        .bandangan{background:#f9f9fb;}
        .bandangan .section-title{font-size:28px;color:#444;font-weight:bold;margin-bottom:10px;}
        .section-desc{font-size:28px;}
        .section-desc span{color:#e53239;}
        .handle-archive {
            display: flex;
			margin-top:120px;
            justify-content: space-between;
        }
        
        .handle-item {
            width: 31%;
            text-align: center;
            padding-bottom: 20px;
            padding-top:50px;
            position:relative;
            color:#fff;
            transition: transform 0.3s ease;
        }
        
        .handle-item:hover {
            transform: translateY(-10px);
        }
        
        .handle-item h3{text-align:center;font-size:28px;font-weight:bold;margin-bottom:15px;}
        .handle-item p{width:72%;margin-left:14%;margin-top:25px;line-height:1.6;height:190px;font-size:18px;text-align:justify;}
        .handle-bg {
            position:absolute;
            top:0px;
            left:0px;
            z-index:0;
        }
        .handle-image img{width:80%;}
        .handle-icon {
            width: 170px;
            height:170px;
            margin: -100px auto 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            z-index:1;
            margin-bottom:60px;
            transition: transform 0.5s ease;
        }
        
        .handle-icon:hover {
            transform: rotateY(180deg);
        }
        
        .handle-con{position:relative;z-index:2;}
        
        /* 选择我们 */
        .xuanze{background:#f9f9fb;}
        .choose-us {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .choose-item {
            width: 48%;
            background:url(lybg.png) left top no-repeat;
            background-size:100% 100%;
            padding: 7px 20px;
            margin-bottom: 20px;
            min-height:280px;
            transition: transform 0.3s ease;
        }
        
        .choose-item:hover {
            transform: translateY(-10px);
        }
        
        .choose-item  h3{height:65px;line-height:65px;color:#fff;font-size:28px;margin:0px;padding:0px;}
        .choose-item  h3 img{height:40px;float:left;margin-right:15px;margin-left:115px;margin-top:10px;}
        .choose-item p{margin-top:60px;display:flex;}
        .choose-item p span{border-right:1px solid #e53239;padding:0px 10px;float:left;width:33%;text-align:center;font-size:20px;line-height:2;}
        .choose-item p span:nth-child(3){border-right:0px;}
        
        /* 服务流程 */
        .liucheng{background:#f9f9fb;}
        .service-process {
            overflow:hidden;
            text-align: center;
        }
       .liucheng .service-item{width:20%;float:left;background:url(lc1.png) left top no-repeat;display:block;box-shadow:none;border-radius:0px;background-size:90%;}
       .liucheng .service-item:nth-child(2n){background:url(lc2.png) left top no-repeat;margin-top:100px;background-size:90%;}
       .liucheng .service-item h3{width:100%;margin-top:63px;color:#fff;font-size:20px;}
       .liucheng .service-item:nth-child(2n) h3{margin-top:70px;}
       .liucheng .service-item p{margin-top:50px;height:100px;line-height:2;text-align:left;}
        .process-image {
            max-width: 100%;
            height: auto;
        }
        
        /* 快速问答 */
        .ask,.rongyu{background:#f9f9fb;}
        .faq {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .faq-item {
            width: 48%;
            background: #e0eaff;
            border:1px solid #a9c2f5;
            border-radius: 10px;
            margin-bottom: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: relative;
            margin-top:80px;
            padding-bottom:20px;
            transition: transform 0.3s ease;
        }
        
        .faq-item:hover {
            transform: translateY(-10px);
        }
        
        .faq-bg {
            height: 100px;
            width:100px;
            background: #ed1c24;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
            margin:0px auto;
            margin-top:-50px;
            color: #fff;
            border-radius:100px;
            font-weight: bold;
        }
        
        .faq-content {
            padding: 20px;
        }
        .faq-content h3{font-size:28px;font-weight:bold;margin-bottom:30px;width:90%;margin-left:5%;border-bottom:1px dashed #ccc;height:60px;line-height:60px;}
        .faq-content p{line-height:2;width:90%;margin-left:5%;font-size:18px;font-weight:bold;}
        
        /* 真实客户 */
        .kehu{background:#f9f9fb;position:relative;}
        .kehu .section-title{position:absolute;top:100px;z-index:9;text-align:center;width:100%;}
        .real-clients {
            text-align: center;
        }
        
        /* 公司荣誉 */
        .company-honor {
            text-align: center;position:relative;z-index:4;}
            .rongyu{position:relative;
        }
        .rongyu:before{content:"";display:block;width:338px;height:514px;background:url(rongyu_12.png) left center no-repeat;position:absolute;left:0px;top:50%;margin-top:-250px;z-index:6;}
        .rongyu:after{content:"";display:block;width:338px;height:514px;background:url(rongyu_10.png) left center no-repeat;position:absolute;right:0px;top:50%;margin-top:-250px;z-index:5;}
        .company-honor img{max-width:100%;}
        .rycon1,.rycon2,.rycon3{position:relative;padding:30px 0px;}
        .rycon1:after,.rycon2:after,.rycon3:after{display:block;content:"";width:100%;height:100px;position:absolute;bottom:0px;left:0px;background:url(rongyu_2t6.png) left bottom repeat-x;z-index:4;}
        .rycon1 .container,.rycon2 .container,.rycon3 .container{display:flex;justify-content: space-between;    z-index: 5;
    position: relative;}
        .rycon1 li,.rycon2 li,.rycon3 li{list-style:none;max-width:300px;transition: transform 0.3s;}
         .rycon1 li:hover,.rycon2 li:hover,.rycon3 li:hover {transform: translateY(-5px);}
        .rycon1 li{max-width:450px;}
        /* 档案补办 */
        .rongyu{padding-bottom:0px;background:#f5f5f5;}
        .rongyu .section-title:after{display:none;}
        .buban{background:#e8ecf9;width:100%;overflow:hidden;}
        .archive-repair {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            display: flex;
        }
        
        .repair-form {
            width: 45%;
            padding: 30px;
        }
        
        .form-group {
            margin-bottom: 25px;
        }
        
        .form-group input {
            width: 100%;
            padding: 10px;
            height:60px;
            line-height:60px;
            border-radius: 5px;
            font-size:16px;
            border: 1px solid #ccc;
            transition: all 0.3s ease;
        }
        
        .form-group input:focus {
            border-color: #00359e;
            box-shadow: 0 0 5px rgba(0, 53, 158, 0.5);
            transform: scale(1.02);
        }
        
        .form-btn {
            background: #ed1c24;
            color: white;
            border: none;
            padding: 12px;
            width: 100%;
            border-radius: 10px;
            cursor: pointer;
            font-size: 16px;
            transition: all 0.3s ease;
            animation: breath 2s infinite;
        }
        
        .form-btn:hover {
            background: #c4161c;
            transform: scale(1.05);
        }
        
        .repair-list {
            width: 50%;
            padding: 30px;
            background: #fff;
            position: relative;
            height: 350px;
            overflow: hidden;
        }
        
        .repair-scroll {
            position: absolute;
            width: 80%;
            margin:15px 0px;
            margin-left:5%;
            animation: scroll 20s linear infinite;
        }
        
        @keyframes scroll {
            0% { top: 0; }
            100% { top: -100%; }
        }
        
        .repair-item {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            transition: all 0.3s ease;
        }
        
        .repair-item:hover {
            background: #f5f5f5;
            transform: translateX(5px);
        }
        
        .repair-item span:nth-child(3n){color:#175ce5;}
        
        /* 立即抢占名额 */
        .seize-opportunity {
            text-align: center;
            padding: 40px 0;
        }
        .seize-opportunity h2{font-size:36px;margin:20px 0px;}
        .seize-opportunity .pp{font-size:36px;color:#ed1c24;font-weight:bold;margin-bottom:20px;}
        .seize-btns {
            display: flex;
            justify-content: center;
            margin: 20px 20px;
        }
        
        .seize-btn {
            padding: 12px 30px;
            border: none;
            border-radius: 15px;
            font-size: 20px;
            cursor: pointer;
            width:350px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin: 0 25px;
            margin-bottom:40px;
            transition: all 0.3s ease;
            animation: breath 2s infinite;
        }
        
        .seize-btn:hover {
            transform: scale(1.05);
        }
        
        .seize-btn span{font-size:38px;}
        .btn-blue {
            background: #00359e;
            color: white;
        }
        
        .btn-red {
            background: #ed1c24;
            color: white;
        }
        
        .contact-info {
            margin-top: 20px;
            font-size:20px;
            color:#333;
        }
        .contact-info p{font-size:24px;}
        
        /* 关于我们 */
        .about{position:relative;background:#f9f9fb;}
        .about:before{content:"";width:322px;height:356px;background:url(zuo.png) left top no-repeat;position:absolute;left:0px;bottom:0px;display:block;z-index:9;}
        .about:after{content:"";width:324px;height:673px;background:url(you.png) left top no-repeat;position:absolute;right:0px;top:0px;display:block;z-index:9;}
        .about-us {
            padding: 30px;
            position:relative;
            z-index:10;
        }
        
        .about-top {
            display: flex;
            margin-bottom: 30px;
        }
        
        .about-image {
            width: 40%;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size:26px;
            font-weight:bold;
            transition: transform 0.5s ease;
        }
        
        .about-image:hover {
            transform: scale(1.05);
        }
        
        .about-subtitle font{color:#333;font-size:16px;margin-left:10px;}
        .about-content p{font-size:20px;line-height:2;}
        .about-content p span{color:#ed1c24;}
        .about-content {
            width: 60%;
            padding-left: 30px;
        }
        
        .about-subtitle {
            color: #00359e;
            margin-bottom: 10px;
            font-size:26px;
            font-weight:bold;
            height:70px;
            line-height:70px;
        }
        .about-subtitle img{float:left;width:60px;margin-right:10px;}
        .about-bottom {
            display: flex;
        }
        
        .about-item {
            width: 48%;
            background:#f4f3f8;
            border-radius:15px;
            padding:35px 50px;
            font-size:20px;
            line-height:2;
            transition: transform 0.3s ease;
        }
        
        .about-item:hover {
            transform: translateY(-10px);
        }
        
        .about-item span{color:#ed1c24;}
        .about-item:first-child {
            margin-right: 4%;
        }
        
        /* 动画关键帧 */
        @keyframes breath {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        @keyframes flip {
            0% { transform: rotateY(0); }
            100% { transform: rotateY(180deg); }
        }
        
        /* 浮动动画类 */
        .float-animation {
            animation: float 3s ease-in-out infinite;
        }
        
        /* 滚动动画 */
        .scroll-animation {
            animation: scroll 20s linear infinite;
        }
        
        /* 缩放动画 */
        .scale-animation {
            transition: transform 0.3s ease;
        }
        
        .scale-animation:hover {
            transform: scale(1.05);
        }
        
        /* 翻转动画 */
        .flip-animation {
            transition: transform 0.5s ease;
        }
        
        .flip-animation:hover {
            transform: rotateY(180deg);
        }
        .flitem:hover  .flip-animation {
            transform: rotateY(180deg);
        }
        
        	@media (max-width: 1400px) { 
		     .rongyu:before, .rongyu:after{display:none;}}