:root{ font-size:16px;--primary-color:#1a1a1a;--accent-color:#cb0015;--light-bg:#f5f5f5;--white:#ffffff} *{margin:0;padding:0;box-sizing:border-box} html,body{width:100%;overflow-x:hidden;font-family:'Microsoft YaHei',Arial,sans-serif;line-height:1.6;color:#333} a{text-decoration:none;} @media (max-width:768px){:root{font-size:14px} } .container{width:100%;margin:0 auto;padding:0 1rem} section{padding:0px} h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:bold} .header{position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,0);z-index:1000; transition: all 0.6s;} .nav-container{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 6%;} .logo{font-size:1.5rem;font-weight:bold;color:var(--primary-color);} .logo a{display:block;} .logo a img{margin-top:10px; height: 100%;} .serch_div a{color:#fff;} .nav-menu{display:flex;list-style:none} .nav-menu li{margin-left:2.5rem;margin-right: 2.5rem;} .nav-menu a{text-decoration:none;font-weight:bold;transition:color 0.3s;font-size: 18px; color: #fff; } .nav-menu a:hover{color:var(--accent-color)} .tel{font-size:20px;font-weight: bold; color: #fff;transition: all 0.6s;} .header2{background-color:#fff;} .header2 li a{color:#333;} .header2 .tel{color:#333;} .header2 .serch_div a{color:#333;} .mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:2.3rem;height:1.8rem;background:transparent;border:none;cursor:pointer;position:relative; margin-left: auto;z-index: 9999;} .mobile-menu-btn span{display:block;height:3px;width:100%;background-color:#333;transition:all 0.3s} .mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(0.5rem,0.7rem)} .mobile-menu-btn.active span:nth-child(2){opacity:0} .mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(0.5rem,-0.7rem)} .banner{position:relative; height: 100%;} .swiper{width:100%;height:100%} .banner-slide{position:relative;display:flex;align-items:center;justify-content:center;height:100%;background-size:cover;background-position:center} .banner_img{position:relative; top: 0px; left: 0px; width: 100%;height:100%;object-fit: cover; z-index: -1;} .banner_video{width:100%;} .banner-content{text-align:left;color:white;z-index:2;max-width:100%;padding:0 2rem;position:absolute;top:37%;width: 52%; left:5%;} .banner-content h1{font-size:2.3rem;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.5); font-weight: normal;} .banner-content p{font-size:1.2rem;margin-bottom:2rem; font-weight: normal; opacity: 0.8;} .index_about{position:relative; width: 100%; padding:6% 10%; padding-bottom:0rem;; text-align: center;background: url(../images/index_about_bg.png) center bottom no-repeat; background-size: cover;} .index_atitle{font-size:3rem;font-weight: normal; color: #333; line-height:1em;} .index_atitle span{ font-size:24px; color: #666;} .about_info {font-size:18px; line-height: 2em; margin-top:3rem; padding:2rem 9rem; color: #333;} .ibutton_p{margin-top:3rem;} .ibutton{ display: inline-block;width: 12rem; height:3rem; background-color: #183a55; border-radius: 1.5rem; text-align: center; color: #fff; line-height: 3rem; transition: all 0.4s;} .ibutton:hover{background-color:#0b2b45;} .stats-section{padding:4rem 7%; padding-bottom: 0px; padding-top: 0px;} .stats-container{display:flex;justify-content:space-around;flex-wrap:wrap} .stat-item{text-align:center;margin:4rem;flex:1;min-width:12rem} .stat-number{font-size:3rem;font-weight:bold;margin-bottom:0.5rem;color:#444;} .stat-text{font-size:1rem;color:#666} #home .swiper-pagination{bottom:1.5rem;} #home .swiper-pagination-bullet{background-color: #fff;} #home .swiper-pagination-bullet-active{background:#c99839;} .logos-wrapper{width:90%;position:relative;background-color: #f9f8f5; box-sizing: border-box; margin: 0px auto; padding: 2rem 0px;} .logos-wrapper::before,.logos-wrapper::after{content:'';position:absolute; top:0;width:10rem;height:100%;z-index:3;pointer-events:none} .logos-wrapper::before{left:0rem;background:linear-gradient(to right,white,transparent)} .logos-wrapper::after{right:0rem;background:linear-gradient(to left,white,transparent)} .marquee-container{width:100%;overflow:hidden;position:relative;margin:1.25rem 0} .marquee{display:flex;width:max-content;animation:scroll-right 20s linear infinite} .marquee-2{animation:scroll-left 20s linear infinite} .logo-item{width:9.375rem;height:9.375rem;margin:0 1.25rem;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.4s ease;cursor:pointer;overflow:hidden;background:white} .logo-item:hover{transform:scale(1.1);} .logo-img{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.875rem;font-weight:bold;color:#333;transition:all 0.4s ease;background:#fff} .logo-img img{width:100%; height: 100%;} .logo-desc{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;text-align:center;opacity:0;transform:scale(0.8);transition:all 0.4s ease;border-radius:50%} .logo-item:hover .logo-desc{opacity:1;transform:scale(1)} .logo-item:hover .logo-img{opacity:0;transform:scale(0.5)} .logo-title{font-weight:700;font-size:1.3rem;margin-bottom:0.625rem;color:#2c3e50} .logo-full-desc{font-size:0.9rem;line-height:1.4;color:#555} @keyframes scroll-right{0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }@keyframes scroll-left{0%{transform:translateX(-50%)} 100%{transform:translateX(0)} } @media (max-width:48rem){.logo-item{width:7.5rem;height:7.5rem;margin:0 0.9375rem} .logo-img{width:7rem;height:7rem;font-size:1.5rem} .logo-title{font-size:1.1rem} .logo-full-desc{font-size:0.8rem} .logos-wrapper::before,.logos-wrapper::after{width:3.125rem} } .bs-container{max-width:100%;margin:0 auto;padding:5rem;background-color:#f5f5f5;position:relative;overflow:hidden} .bs-header{text-align:left;margin-bottom:2rem;padding-top: 1rem; padding-bottom:2rem; } .bs-title{font-size:2.8rem;font-weight:normal;margin-bottom:1rem;color:#333} .bs-header p{font-size:1.2rem; color: #999; letter-spacing: 1px;} .bs-section{margin-bottom:3rem;position:relative;transition:all 0.3s ease;border-radius:4rem; border:1px solid #e5e5e5;background-color: #fff; padding:1.5rem 4rem;display:flex;align-items:center;min-height:110px} .bs-section:hover{box-shadow:0 10px 30px rgba(0,0,0,0.1);transform:translateY(-5px);background-color:rgba(255,255,255,0.7)} .bs-section-content{display:flex;align-items:center;width:100%} .bs-heading{display:flex;align-items:center;margin-bottom:0;flex-shrink:0;width:350px} .bs-icon{width:60px;height:60px;border-radius:50%;background-color:#e74c3c;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0} .bs-icon i{color:white;font-size:1.8rem} .bs-name{font-size:1.6rem;font-weight:normal;color:#333; margin-bottom: 0px; margin-left: 1rem;} .bs-logos{position:relative;overflow:hidden;padding:1rem 0; margin: 0px 2rem; margin-left: 3rem; flex-grow:1} .bs-logos::before,.bs-logos::after{content:'';position:absolute; top:0;width:10rem;height:100%;z-index:3;pointer-events:none} .bs-logos::before{left:0rem;background:linear-gradient(to right,white,transparent)} .bs-logos::after{right:0rem;background:linear-gradient(to left,white,transparent)} .bs-logos-inner{display:flex;width:max-content;animation:scrollLeft 30s linear infinite} .bs-logo-item{width:150px;height:80px;margin:0 2rem;display:flex;align-items:center;justify-content:center;background-color:white;flex-shrink:0;overflow:hidden} .bs-logo-img{max-width:90%;max-height:70%;object-fit:contain;filter: grayscale(100%);transition: filter 0.3s ease;} .bs-logo-item:hover .bs-logo-img {filter: grayscale(0%);} @keyframes scrollLeft{0%{transform:translateX(0)} 100%{transform:translateX(-50%)} } .mc_title_box{ text-align:center;padding-top: 5rem; padding-bottom: 3rem;} .mc-container{width:100%;padding:2rem 1rem;color:#fff;height:850px;display:flex;flex-direction:column;background-blend-mode:overlay;position:relative; background: url(../images/bg_service.jpg) top center no-repeat;background-size: cover;} .mc_box{width:80%; position: relative; margin: 0px auto; top:8rem;} .mc-header{text-align:left;margin-bottom:4rem; border-left:5px #fff solid; padding-left: 1.2rem;} .mc-main-title{font-size:2.5rem;font-weight:700; line-height: 1em; margin-bottom:1rem; background:linear-gradient(to right,#fff,#a8d8ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent; text-align: left;} .mc-subtitle{font-size:1.2rem;color:#fff;max-width:800px;line-height:1} .mc-content-area{display:flex;gap:2rem;margin-bottom:2.5rem; margin-top: 1rem; flex:1;overflow:visible;} .mc-services-section{flex:1;max-width:100%;padding-right:10px} .mc-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.3rem;width: 70%;} .mc-service-item{background:rgba(255,255,255,0.05);padding: 0.6rem;border-radius:2rem;text-align:center;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1); color: #fff;} .mc-service-item:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.2)} .mc-buttons-container{display:flex;justify-content:center;flex-wrap:wrap;gap:11%;margin-top:auto; margin-bottom: 4rem;} .mc-tab-button{padding:1.3rem 3.5rem;background-color: #fff;color:#1b1b1b;border-radius:2.5rem;font-size:1.5rem; line-height: 1.5rem; font-weight:normal;cursor:pointer;transition:all 0.3s ease;min-width:200px;border: 0px;} .mc-tab-button.active{background:#1b1b1b;color:#fff} .mc-tab-button:not(.active):hover{background:#1b1b1b; color: #fff;} .mc-tab-content{display:none;animation:fadeIn 0.5s ease} .mc-tab-content.active{display:block} @keyframes fadeIn{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @media (max-width:768px){ .header{ height:4rem; position: relative;} .logo{height:4rem;} .logo a{display:inline-block; height: 4rem;} .logo a img{width: auto; height:72%; margin-top:8px; } .nav-container{ padding: 0px 10px; border-bottom: 1px solid #eee;} .tel{display:none;} .serch_div{display: none;} .banner{height:30rem;} .banner-content{top:25%;width:95%; padding-left: 0px;} .banner-content h1{font-size:1.5rem; text-align: center;} .banner-content p{font-size:1rem; text-align: center;} .banner_video{ height:30rem;} .banner_video video{height: 100%!important; width:auto!important;} .index_about{padding:10% 1rem;} .index_atitle{font-size:2rem; line-height: 1.5em;} .index_atitle span{display: none;} .about_info{ padding:0px; font-size: 1rem; color: #666; margin-top: 2rem;} .ibutton_p{ margin-top:2rem;} .stats-section{padding:0px 1rem 0px 1rem;} .stats-section .container{padding:0px;} .stats-container{flex-direction:column;align-items:center} .stat-item{margin:0px; padding: 1.5rem 0px 2.5rem 0px; border-bottom: 1px solid #eee;} .mc-container{height:650px;} .mc_box{top:1rem; width: 100%;} .mc_title_box{ padding: 3rem 0px; padding-top: 1rem;} .mc_title_box h1{margin-bottom:0px;} .mc-main-title{font-size:1.5rem;} .mc-subtitle{line-height:1.5em;} .mc-services-section{padding-right:0px;} .mc-header{margin-bottom: 3rem; border-left: 3px #fff solid;} .mc-services-grid{width:100%; grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)); gap:1rem;} .mc-service-item{padding:0.3rem 0.4rem; } .mc-buttons-container{gap:1rem; margin-bottom: 1rem;} .mc-tab-button{min-width:0px; font-size:1rem;padding:8px 0.5rem; min-width: 30%; overflow: hidden;text-overflow: ellipsis;} .bs-icon{width:40px; height: 40px; margin-right: 0.5rem;} .bs-icon i{font-size:1.2rem;} .bs-header{margin-bottom:0px;} .bs-header h2{margin-bottom:0px;} .bs-header p{letter-spacing: 0px; font-size: 1rem; margin-top: 10px;} .bs-container{padding:1.5rem 0.8rem} .bs-title{font-size:1.3rem} .bs-subtitle{font-size:1rem} .bs-section{flex-direction:column;align-items:flex-start;padding:1rem; border-radius:8px; margin-bottom: 20px;} .bs-section-content{flex-direction:column;align-items:flex-start} .bs-heading{width:100%;margin-bottom:1rem} .bs-name{font-size:1.3rem; margin-left: 0px;font-weight: bold;} .bs-logos{margin-left:0px; width:100%; padding: 0px; } .bs-logo-item{width:120px;height:70px;margin:0 1.5rem} .logos-wrapper{width:100%; padding: 1rem 0px;} } .bts-container{width:100%;margin:0 auto;padding:6rem 0rem;background-color:#666; background: url(../images/bg_pshx.jpg) top center no-repeat; background-size: cover;} .bts-header{margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto;color:#fff; margin-right: 4rem;} .bts-subtitle{font-size:1.5rem;letter-spacing:2px;margin-bottom:0.5rem} .bts-title{font-size:3rem;font-weight:normal;margin-bottom:1.5rem} .bts-description{font-size:1rem;line-height:1.6;max-width:800px} .bts-info-item{ display: flex; margin-top:30%; gap:3rem;} .bts-content{display:flex;flex-wrap:wrap;width:100%;gap:3rem; margin:0 auto} .bts-info{flex:1;min-width:100px; padding-left:7%; padding-top:3rem;} .bts-info-label{font-weight:normal;color:#fff;margin-bottom:0.5rem} .bts-info-value{color:#fff} .bts-slide-box{flex:1.5;min-width:300px;position:relative;overflow:hidden;background-color:#313131; padding:6rem 2rem; padding-bottom:8rem; margin-left: auto;} .bts-slider{} .swiper_ps{width:100%;height:400px} .swiper_ps .swiper-slide{display:flex;align-items:center;justify-content:center;background:#eee;width:75% !important;transition:transform 0.3s ease} .swiper_ps .swiper-slide img{display:block;width:100%;height:auto;object-fit:cover;filter:grayscale(100%);transition:filter 0.3s ease} .swiper_ps .swiper-slide-active img{filter:grayscale(0%)} .bts-slider-controls{position:absolute;bottom:2rem;right:22%;display:flex;align-items:center;z-index:10;background:rgba(0,0,0,0.6);border-radius:20px;padding:5px 10px} .bts-slider-pagination{color:white;font-size:0.9rem;margin:0 10px} .bts-slider-button{width:30px;height:30px;background:rgba(255,255,255,0.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease} .bts-slider-button:hover{background:white;transform:scale(1.1)} .bts-slider-button svg{width:12px;height:12px;fill:#333} @media (max-width:768px){ .bts-slide-box{width:100%; padding: 0px;} .bts-content{flex-direction:column} .bts-info{order:2; padding-top: 0px; padding-left:0.5rem; margin-right: 0.5rem;} .bts-slider{order:1} .swiper_ps{height:300px} .swiper_ps .swiper-slide{width:100% !important} .bts-slider-controls{right:1rem;bottom:1rem;} .swiper_ps .swiper-slide{background-color:rgb(255,255,255,0);} .bts-container{padding:3rem 0.5rem} .bts-header{margin-right:0px;} .bts-description{text-align:justify;} .bts-info-item{margin-top:2rem;} .bts-title{font-size:1.8rem} .bts-subtitle{font-size:1.2rem} .swiper_ps{height:250px} .swiper_ps .swiper-slide{} } .sc-container{width:100%;margin:0 auto;padding:6rem 6rem 8rem 6rem;background-color:#f8f9fa} .sc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;flex-wrap:wrap} .sc-title{font-size:3rem;font-weight:normal;color:#333; line-height: 1rem; margin-bottom:2rem;} .sc-subtitle{font-size:1.5rem;color:#666;letter-spacing:2px} .sc-more-button{padding:1rem 3rem;background-color:#000;color:white;text-decoration:none;border-radius:2rem;font-weight:normal;transition:all 0.3s ease ;line-height: 1rem;} .sc-more-button i{margin-left:1rem; transition: all 0.6s;transform: rotate(-45deg);} .sc-more-button:hover{background-color:#333;} .sc-more-button:hover i{transform: rotate(0deg);} .sc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.9rem;margin-bottom:2.9rem;} .sc-grid-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem} .sc-item{position:relative;overflow:hidden;transition:all 0.3s ease} .sc-item:hover{box-shadow:0 8px 20px rgba(0,0,0,0.12)} .sc-item-image{height:100%;overflow:hidden;position:relative} .sc-item-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease} .sc-item:hover .sc-item-image img{transform:scale(1.08)} .sc-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.15);transition:all 1s ease;} .sc-item:hover .sc-image-overlay{background-color:rgba(0,0,0,0.2)} .sc-image-title{color:#333;font-size:14px;z-index:2;position: absolute; bottom: 2rem; left:2rem;} .sc-image-title span{margin-right:1.5rem; display: inline-block; background-color: #fff; padding: 0.5rem 1.5rem;border-radius:1rem; line-height: 1rem;} .sc-image-title span:first-child{background-color:#000; color: #fff;} .sc-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.2rem;height:4.2rem;background-color:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:3; opacity: 0.8;} .sc-play-icon:hover{background-color:white;transform:translate(-50%,-50%) scale(1.1)} .sc-play-icon i{color:#333;font-size:1.2rem;margin-left:3px} .sc-item-label{padding:1rem;background-color:white;text-align:center;font-weight:600} .contact-section{position: relative;background:url(../images/bg_yiwen.jpg) top center no-repeat; background-size: cover;color:white;text-align:left; padding-left: 6rem;min-height: 500px;} .contact_text{position:relative; padding-top:6%; margin-left: 4rem; margin-right:10%; } .contact-section h2{font-size:2.2rem;margin-bottom:5rem; font-weight: normal; letter-spacing: 0px; } .contact-section2{background:url(../images/bg_contact2.jpg) top center no-repeat; background-size:cover;} .contact-section2 h2{color: #333;line-height:1.8em;} .contact_text h2{ font-size:1.8rem;} .news-section{padding:6rem 6rem;} .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem} .news-item{border-radius:0.5rem;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s} .news-item:hover{transform:translateY(-5px)} .news-img{position:relative;overflow:hidden;} .news-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s} .news-item:hover .news-img img{transform:scale(1.05)} .news-content{padding:1.5rem} .news-date{color:#999;font-size:0.9rem;margin-bottom:0.5rem} .news-date a{color:#999;transition: all 0.3s;} .news-date a:hover{color: var(--accent-color);} .news-title{font-size:1.4rem;margin-bottom:1rem} .news-title a{color:#333;transition: all 0.3s;} .news-title a:hover{color:var(--accent-color);} .news-excerpt{color:#666;line-height:1.6} @media (max-width:768px){ .sc-container{ padding: 3rem 1rem 4rem 1rem;} .sc-header{align-items:flex-start; margin-bottom:1rem;} .sc-more-button{margin-top:0rem} .sc-title{font-size:1.7rem; margin-bottom:6px; line-height: 1rem;} .sc-subtitle{font-size:1.3rem;} .sc-grid{gap:1.2rem; width: 100%; margin-bottom: 1.2rem;} .sc-item{ width:100%; border-radius:5px;} .sc-image-title{font-size:0.8rem;left:6px; bottom:6px;} .sc-image-title span{padding:3px 6px; margin-right:3px; font-size: 12px;} .sc-grid-bottom{gap:1.2rem;grid-template-columns: repeat(2, 1fr);} .sc-play-icon{width:35px; height: 35px; opacity: 0.5;} .contact-section{ padding-left: 1rem; min-height:300px; } .contact-section h2{font-size:1.3rem; margin-bottom: 2.5rem;} .contact_text{margin-left:0rem; margin-right:0rem; padding-top:4rem; padding-right: 1rem; padding-bottom:4rem; text-align:justify;} .contact_text h2 span{font-size:1.2rem; text-align:justify;} .news-section{padding:3rem 1rem;} .news-title{font-size:1.2rem; margin-bottom: 5px;} .footer-nav-column ul{display:none;} } .footer-container{width:100%;background-color:#fff; } .footer-content{display:flex;flex-wrap:wrap;padding:6rem 0rem 0rem 6rem;} .footer-left{flex:1;min-width:300px;padding-right:40px} .footer-contact{margin-bottom:30px; padding-top: 3rem;} .footer-contact p{margin-bottom:10px;font-size:16px;color:#333} .footer-contact .email{font-weight:bold; font-size:20px; margin-bottom: 1rem;} .footer-contact .email i,.footer-contact .phone i{margin-right:1rem; color: var(--accent-color);} .footer-contact .phone{font-size:20px;font-weight:bold;color:#000;margin-bottom:3rem;} .footer-social{margin-bottom:30px; } .footer-social h3{font-size:18px;margin-bottom:15px;color:#333; display:inline-block; float: left;} .qr-codes{display:flex;gap:20px; float: left;} .qr-code{text-align:center} .qr-image{width:110px;height:110px;object-fit:cover;margin-bottom:8px;margin-left:2rem; margin-right: 2rem;} .qr-code span{font-size:1rem;color:#666; text-align: center;} .footer-center{flex:2;min-width:500px;display:flex;flex-wrap:wrap;gap:3rem;} .footer-nav-column{flex:1; } .footer-nav-column h3{font-size:16px;margin-bottom:15px;color:#666;font-weight:600} .footer-nav-column ul{list-style:none; padding-top: 1rem;} .footer-nav-column li{margin-bottom:8px} .footer-nav-column a{text-decoration:none;color:#333;font-size:1rem;transition:color 0.3s} .footer-nav-column a:hover{color:var(--accent-color)} .footer-bottom{padding:4rem 6rem;display:flex;justify-content:space-between;align-items:center} .company-info{display:flex;align-items:center;gap:15px} .company-info img{width:100%;} .company-logo{} .company-name{font-size:16px;font-weight:600;color:#333} .company-subname{font-size:12px;color:#666;margin-top:2px} .copyright{font-size:1rem;color:#999;line-height:1.5;text-align:right} .copyright a{color:#999; transition: all 0.3s;} .copyright a:hover{color:#666;} @media (max-width:992px){ .footer-content{padding:30px} .footer-left,.footer-center{flex:100%;min-width:100%} .footer-left{padding-right:0;margin-bottom:30px} .footer-center{margin-bottom:30px;gap:30px} } @media (max-width:768px){ .footer-content{padding:1rem; padding-top: 0px;} .footer-bottom{padding:15px 20px; margin-bottom:1.5rem; align-items:flex-start;gap:15px;flex-direction: column;} .copyright{text-align:left; font-size:12px;} .qr-codes{justify-content:space-between} .footer-center{gap:0px; text-align: center; margin-bottom: 0px;} .company-info{max-width:60%;} .qr-codes{flex-direction:column;gap:15px} .qr-code{display:flex;align-items:center;gap:15px} .qr-image{width:80px;height:80px} } .back-to-top{position:fixed;bottom:5rem;right:2rem;width:3rem;height:3rem;background-color:var(--accent-color);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 10px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:all 0.3s;z-index:9999999} .back-to-top.visible{opacity:1;visibility:visible} @media (max-width:768px){ .mobile-menu-btn{display:flex} .nav-menu{position:fixed;top:4rem; height: 100%; text-outline: 4rem;left:0;width:100%;background-color:white;flex-direction:column;padding:2rem;box-shadow:0 5px 10px rgba(0,0,0,0.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s;z-index:999} .nav-menu.active{transform:translateY(0);opacity:0.95;visibility:visible} .nav-menu.active a{color:#333;} .nav-menu li{margin:1rem 0;text-align:center} .brands-container{flex-direction:column} .brands-titles{flex:none;width:100%;padding-right:0;margin-bottom:2rem} .behind-scenes{flex-direction:column;height:auto} .behind-scenes-content{flex-direction:column;padding:2rem 5%} .behind-scenes-text{flex:none;width:100%;padding-right:0;margin-bottom:2rem} .behind-scenes-gallery{flex:none;width:100%;height:20rem} .cases-grid{grid-template-columns:1fr} .news-grid{grid-template-columns:1fr} .footer-content{grid-template-columns:1fr} }@media (min-width:769px) and (max-width:1024px){.cases-grid{grid-template-columns:repeat(2,1fr)} .news-grid{grid-template-columns:repeat(2,1fr)} .footer-content{grid-template-columns:repeat(2,1fr)} } .nav_banner{position: relative; width: 100%; padding-top:8rem;} .header_inner{background-color:#fff;} .header_inner .nav-menu a,.header_inner .tel,.header_inner .serch_div a{ color:#333;} .nav-menu .liactive a{color:var(--accent-color);border-bottom: 2px solid var(--accent-color); padding-bottom: 5px;} @media (max-width:768px){ .nav_banner{padding-top:0px;} } /*服务项目页面*/ .tq-container{width:100%;margin:0 auto;padding:0 8rem;position:relative;z-index:1} .tq-header{padding:40px 0 30px} .tq-service-label{font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase;position:relative;display:inline-block} .tq-service-label:after{content:"";position:absolute;top:-14px;left:0rem;transform:translateX(-50%);width:50px;height:50px;background:radial-gradient(circle,rgba(224,0,0,0.3) 0%,rgba(224,0,0,0) 80%);border-radius:50%;z-index:-1} .tq-main-title{font-size:2.5rem;font-weight:normal;line-height:1.5;margin-bottom:5px} .tq-subtitle{font-size:18px;font-weight:400;color:#333} .tq-service-grid{display:flex;flex-direction:column;gap:40px;margin:50px 0} .tq-service-item{position:relative;padding:4rem 0;border-top:1px solid #eee} .tq-service-item:last-child{border-bottom:none} .tq-service-header{display:flex;align-items:baseline;margin-bottom:20px;flex-wrap:wrap} .tq-service-number{font-size:60px;font-weight:800;line-height:1;margin-right:1rem} .tq-service-category{font-size:24px;font-weight:700} .tq-service-list{list-style:none;display:grid;grid-template-columns:1fr;gap:1rem} .tq-service-list-item{font-size:16px;color:#333;padding:15px 1.5rem;position:relative;border:1px solid #e0e0e0;border-radius:6px;transition:all 0.3s ease;background:#fafafa;cursor:pointer} .tq-service-list-item:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#333;border-radius:50%} .tq-service-list-item:hover{border-color:#e00;background:#fff;box-shadow:0 5px 15px rgba(224,0,0,0.1);transform:translateY(-2px); color: #e00;} .tq-service-list-item:hover:before{background-color:#e00;transform:translateY(-50%) scale(1.2)} .tq-service-icon{position:absolute;right:0;top:30px;width:60px;height:60px;background-color:#e00;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;font-weight:bold;transition:all 0.3s ease} .tq-service-item:hover .tq-service-icon{transform:scale(1.1);box-shadow:0 5px 15px rgba(224,0,0,0.3)} .tq-gradient-circle{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(224,0,0,0.1) 0%,rgba(224,0,0,0.05) 40%,rgba(224,0,0,0) 70%);z-index:0;pointer-events:none} .tq-gradient-circle-1{top:20%;right:-150px;width:400px;height:400px} .tq-gradient-circle-2{bottom:10%;left:-100px;width:250px;height:250px;background:radial-gradient(circle,rgba(224,0,0,0.08) 0%,rgba(224,0,0,0.03) 40%,rgba(224,0,0,0) 70%)} @media (min-width:768px){ .tq-service-grid{gap:60px} .tq-service-list{grid-template-columns:1fr 1fr} .tq-service-icon{width:80px;height:80px;font-size:30px} .tq-gradient-circle-1{right:-100px;width:500px;height:500px} .tq-gradient-circle-2{left:-50px;width:300px;height:300px} } @media (min-width:992px){ .tq-service-list{grid-template-columns:1fr 1fr 1fr} .tq-gradient-circle-1{right:-50px;width:600px;height:600px} .tq-gradient-circle-2{left:-30px;width:350px;height:350px} } @media (max-width:768px){ .tq-container{padding:0px 1rem;} .tq-main-title{font-size:2rem} .tq-service-grid{margin-top:0px;} .tq-service-item{padding-bottom:0rem; padding-top: 6rem;} .tq-service-list{grid-template-columns:1fr 1fr; gap:1rem;} .tq-service-list-item{padding:10px 1rem; text-overflow:ellipsis;overflow: hidden; word-break: keep-all;} .tq-service-list-item:before{ display:none;} .tq-service-icon{width:40px; height: 40px;} } /*联系我们页面*/ .tc-container{width:100%;margin:0 auto;padding:4rem 6rem; background-color: #f8f8f8;} .tc-header{display:flex;align-items:flex-start;margin-bottom:60px} .tc-contact-badge{width:100px;height:100px;background-color:#e74c3c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;font-weight:600;letter-spacing:1px;margin-right:30px;flex-shrink:0} .tc-main-title{font-size:2.2rem;font-weight:normal;line-height:1.3;margin-bottom:10px} .tc-content-wrapper{display:flex;flex-wrap:wrap;gap:40px} .tc-contact-info{flex:1;min-width:300px} .tc-contact-section{margin-bottom:40px} .tc-section-title{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#222} .tc-contact-item{margin-bottom:15px} .tc-contact-label{font-size:1rem;color:#777;margin-bottom:5px} .tc-contact-value{font-size:1rem;color:#333} .tc-location-section{margin-top:40px} .tc-location-item{margin-bottom:20px} .tc-location-title{font-size:1rem;font-weight:600;margin-bottom:8px} .tc-location-address{font-size:1rem;color:#555;line-height:1.5} .tc-contact-form{flex:1;min-width:300px;padding:30px;border-radius:8px;} .tc-form-group{margin-bottom:20px} .tc-form-label{display:block;font-size:1rem;margin-bottom:8px;color:#555} .tc-form-input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color 0.3s} .tc-form-input::placeholder{ color:#999;} .tc-form-input:focus{border-color:#e74c3c;outline:none} .tc-captcha-group{display:flex;align-items:center;margin-bottom:25px} .tc-captcha-display{width:100px;height:40px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;letter-spacing:2px;margin-right:15px;border:1px solid #ddd;border-radius:4px} .tc-submit-btn{width:100%;padding:1rem;background-color:#e74c3c;color:white;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.3s} .tc-submit-btn:hover{background-color:#c0392b} @media (max-width:768px){ .tc-header{flex-direction:column;align-items:center;text-align:center} .tc-contact-badge{margin-right:0;margin-bottom:20px} .tc-main-title{font-size:28px} .tc-content-wrapper{flex-direction:column} .tc-contact-form{padding:0px;} .tc-contact-value{ font-size:1.2rem;} } @media (max-width:480px){ .tc-container{padding:20px 15px} .tc-main-title{font-size:24px} .tc-contact-badge{width:80px;height:80px;font-size:1rem} } .news-section_inner{} .news-section_inner .news-grid{grid-template-columns: repeat(3, 1fr);} .news-section_inner .news-grid .news-content{ padding:1rem 1.5rem;} .news-section_inner .news-grid .news-excerpt{font-size:14px;} .nav_button a{display:inline-block; padding: 10px 2rem; margin-left: 1rem; border: 1px solid #eee; border-radius: 2rem;font-size: 1rem; color: #666; transition: all 0.6s;} .nav_button a:hover{background-color: #333; color: #fff;} .nav_active{background-color: #333; color: #fff!important;} @media (max-width:768px){.news-section_inner .news-grid{grid-template-columns: repeat(1, 1fr);} .nav_button{margin-top:1rem;} .nav_button a{padding:3px 0.5rem; margin-bottom: 1rem; margin-left: 0px; margin-right: 5px;} .nav_button a:first-child{margin-left:0px;} .news-section_inner .news-grid .news-content{padding-top:10px;} } .nd-container{width:100%;max-width:none;padding:0;flex:1;display:flex;flex-direction:column} .nd-breadcrumb{font-size:14px;color:#666;padding:20px 5%;background-color:white;border-bottom:1px solid #eee} .nd-breadcrumb a{color:#666;text-decoration:none} .nd-breadcrumb a:hover{color:#e74c3c} .nd-main-content{display:flex;gap:40px;padding:0 5%;flex:1;margin:30px 0} .nd-article{flex:1;padding:40px;min-height:70vh} .nd-article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px} .nd-article-title{font-size:28px;font-weight:700;line-height:1.4;margin-bottom:15px;flex:1} .nd-back-btn{background-color:#f0f0f0;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color 0.3s;text-decoration:none;color:#333;display:inline-block} .nd-back-btn:hover{background-color:#e0e0e0} .nd-article-meta{display:flex;align-items:center;font-size:14px;color:#999;margin-bottom:30px;flex-wrap:wrap} .nd-date{display:flex;align-items:center;margin-right:30px} .nd-date-main{font-size:24px;font-weight:700;margin-right:5px} .nd-date-year{font-size:14px} .nd-views{margin-right:30px} .nd-tags{display:flex;gap:10px;flex-wrap:wrap} .nd-tag{background-color:#f0f0f0;padding:3px 8px;border-radius:3px;font-size:12px;color:#666} .nd-article-content{font-size:16px;line-height:1.8} .nd-content-section{margin-bottom:40px} .nd-section-title{font-size:22px;font-weight:600;margin-bottom:20px;color:#222;padding-bottom:10px;border-bottom:1px solid #eee} .nd-point-list{list-style-type:decimal;padding-left:20px} .nd-point-item{margin-bottom:20px} .nd-point-title{font-weight:600;margin-bottom:10px;font-size:18px} .nd-point-item p{margin-bottom:10px} .nd-point-item ul{padding-left:20px;margin-top:10px} .nd-point-item li{margin-bottom:5px} .nd-sidebar{width:350px;position:sticky;top:30px;height:fit-content} .nd-recommendations{background-color:white;padding:25px;border-radius:8px;;margin-bottom:20px} .nd-sidebar-title{font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee} .nd-recommend-list{list-style:none} .nd-recommend-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f5f5f5} .nd-recommend-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0} .nd-recommend-link{color:#333;text-decoration:none;font-size:15px;line-height:1.5;transition:color 0.3s;display:block} .nd-recommend-link:hover{color:#e74c3c} .nd-article-nav{display:flex;justify-content:space-between;margin-top:50px;padding-top:30px;border-top:1px solid #eee} .nd-nav-item{display:flex;align-items:center;width:48%;text-decoration:none;color:#333;padding:20px;border:1px solid #eee;border-radius:8px;transition:all 0.3s} .nd-nav-item:hover{border-color:#e74c3c;box-shadow:0 5px 15px rgba(231,76,60,0.1);transform:translateY(-3px)} .nd-nav-prev{text-align:left} .nd-nav-next{text-align:right;flex-direction:row-reverse} .nd-nav-icon{font-size:24px;margin:0 15px;color:#999;flex-shrink:0} .nd-nav-text{flex:1} .nd-nav-label{font-size:14px;color:#999;margin-bottom:8px} .nd-nav-title{font-size:16px;font-weight:500;line-height:1.4} .nd-footer{background-color:#333;color:#fff;padding:30px 5%;text-align:center;margin-top:50px} @media (max-width:1024px){.nd-main-content{gap:30px;padding:0 3%} .nd-article{padding:30px} .nd-sidebar{width:300px} } @media (max-width:768px){ .nd-main-content{flex-direction:column;padding:0 20px} .nd-sidebar{width:100%;position:static} .nd-article-header{flex-direction:column} .nd-back-btn{align-self:flex-end;margin-top:15px} .nd-article-meta{align-items:flex-start; margin-bottom: 10px;} .nd-date,.nd-views{margin-bottom:10px; margin-right: 1rem;} .nd-article-nav{flex-direction:column;gap:20px} .nd-nav-item{width:100%} .nd-article-title{font-size:24px} .nd-back-btn{display:none;} .nd-article-header{margin-bottom:0rem;} .nd-date-main{font-size:14px; margin-right: 1rem;} .nd-nav-icon{display:none; } .nd-nav-item{text-align:left; } .nd-recommendations{padding:0px; margin-bottom: 2rem;} .nd-article-content img{max-width:100%; height: auto;} .nd-article-content p{margin-bottom:0.5em;} } @media (max-width:480px){.nd-breadcrumb{padding:15px 20px} .nd-main-content{padding:0 15px;margin:20px 0} .nd-article{padding:0px} .nd-article-title{font-size:20px} .nd-section-title{font-size:18px} .nd-article-content{font-size:15px} .nd-nav-item{padding:15px} .nd-nav-title{font-size:14px} } .laliga-container{width:100%;margin:0 auto;padding:0 4rem; background-color: #f8f8f8;} .laliga-case-header{padding:60px 0 40px;margin-top:20px;} .laliga-case-title{font-size:48px;font-weight:900;color:#000;margin-bottom:15px;line-height:1.2} .laliga-case-subtitle{font-size:20px;color:#666;margin-bottom:40px} .laliga-case-info{display:flex;flex-wrap:wrap;gap:40px} .laliga-case-left{flex:1;min-width:300px} .laliga-case-right{flex:1;min-width:300px} .laliga-info-item{margin-bottom:20px} .laliga-info-label{font-size:16px;font-weight:600;margin-bottom:8px;color:#333} .laliga-info-content{font-size:16px;color:#666} .laliga-case-description{font-size:16px;line-height:1.8;color:#444;margin-bottom:20px; text-align: justify;} .laliga-case-url{font-size:16px;color:#e74c3c;font-weight:600} .laliga-case-content{padding:40px 0;} .laliga-content-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:40px;color:#000} .laliga-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px} .laliga-media-item{overflow:hidden;transition:transform 0.3s ease} .laliga-media-item:hover{transform:translateY(-5px)} .laliga-media-img{width:100%;height:200px;object-fit:cover;display:block} .laliga-media-caption{padding:15px;background-color:#f9f9f9} .laliga-media-title{font-size:18px;font-weight:600;margin-bottom:8px} .laliga-media-desc{font-size:14px;color:#666} .laliga-video-section{margin-bottom:50px} .laliga-video-wrapper{position:relative;width:100%;height:auto;} .laliga-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:600} .laliga-text-content{width:100%;margin:0 auto 50px;padding:0 20px} .laliga-text-content video{width:70%; height: auto;} .laliga-text-section{margin-bottom:30px} .laliga-text-title{font-size:22px;font-weight:700;margin-bottom:15px;color:#000} .laliga-text-paragraph{font-size:16px;line-height:1.8;margin-bottom:15px;color:#444} @media (max-width:768px){ .laliga-case-title{font-size:36px} .laliga-case-subtitle{font-size:18px} .laliga-case-info{flex-direction:column;gap:20px} .laliga-content-title{font-size:24px} .laliga-media-grid{grid-template-columns:1fr} .laliga-case-content{padding-top:0px;} .laliga-text-content video{width:100%; height: auto;} } @media (max-width:480px){ .laliga-container{padding:0 15px} .laliga-case-title{font-size:28px} .laliga-case-subtitle{font-size:16px} .laliga-case-header{padding:40px 0px} } .tq-about-wrapper{display:flex;width:100%;width:100%;background-color:white; padding: 4rem 8rem;padding-left:4rem; padding-top: 0px;} .tq-content-area{flex:1;padding:60px 4rem; padding-right: 10rem; display:flex;flex-direction:column;justify-content:center;line-height: 1.8em;} .tq-content-area h2{margin-bottom:1em;} .tq-content-area p{ margin-bottom: 1rem;} .tq-about-label{display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;color:#e00;margin-bottom:20px;text-transform:uppercase} .tq-about-title{font-size:36px;font-weight:700;line-height:1.3;margin-bottom:30px;color:#222} .tq-about-stats{display:flex;gap:30px;margin-bottom:30px} .tq-stat-item{display:flex;flex-direction:column} .tq-stat-number{font-size:36px;font-weight:800;color:#e00;line-height:1} .tq-stat-text{font-size:14px;color:#666;margin-top:5px} .tq-about-description{font-size:16px;line-height:1.8em;color:#444} .tq-domain-area{flex:0 0 45%;position:relative;overflow:hidden;} .tq-domain-area img{width:100%; height: auto;} .tq-domain-text{font-size:48px;font-weight:900;color:white;text-align:center;position:relative;z-index:2;text-shadow:4px 4px 0 rgba(0,0,0,0.1);letter-spacing:2px} .tq-domain-decoration{position:absolute;width:200px;height:200px;background-color:rgba(255,255,255,0.05);border-radius:50%;top:-50px;right:-50px} .tq-domain-decoration:nth-child(2){width:150px;height:150px;bottom:-30px;left:-30px;top:auto;right:auto} @media (max-width:768px){.tq-about-wrapper{flex-direction:column; padding: 0px;} .tq-content-area{padding:40px 30px; font-size: 1rem;} .tq-domain-area{padding:0px;} .tq-about-title{font-size:28px} .tq-domain-text{font-size:36px} .tq-about-stats{flex-direction:column;gap:20px} }@media (max-width:480px){.tq-content-area{padding:20px;padding-top: 0px;} .tq-about-title{font-size:24px} .tq-domain-text{font-size:30px} .tq-stat-number{font-size:28px} } .tq-gallery-container{width:100%;width:100%;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.1)} .tq-gallery-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:30px;color:#333} .tq-gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px} .tq-gallery-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;aspect-ratio:1/1} .tq-gallery-item:nth-child(6n+1){transform:translateX(-3px)} .tq-gallery-item:nth-child(6n+2){transform:translateX(-1px)} .tq-gallery-item:nth-child(6n+3){transform:translateX(0)} .tq-gallery-item:nth-child(6n+4){transform:translateX(1px)} .tq-gallery-item:nth-child(6n+5){transform:translateX(3px)} .tq-gallery-item:nth-child(6n+6){transform:translateX(5px)} .tq-gallery-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,0.2);z-index:2} .tq-gallery-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease} .tq-gallery-item:hover .tq-gallery-img{transform:scale(1.1)} @media (max-width:1024px){.tq-gallery-grid{grid-template-columns:repeat(5,1fr)} .tq-gallery-item:nth-child(5n+1){transform:translateX(-2px)} .tq-gallery-item:nth-child(5n+2){transform:translateX(-1px)} .tq-gallery-item:nth-child(5n+3){transform:translateX(0)} .tq-gallery-item:nth-child(5n+4){transform:translateX(1px)} .tq-gallery-item:nth-child(5n+5){transform:translateX(2px)} }@media (max-width:768px){.tq-gallery-grid{grid-template-columns:repeat(4,1fr)} .tq-gallery-item:nth-child(4n+1){transform:translateX(-1px)} .tq-gallery-item:nth-child(4n+2){transform:translateX(0)} .tq-gallery-item:nth-child(4n+3){transform:translateX(1px)} .tq-gallery-item:nth-child(4n+4){transform:translateX(2px)} }@media (max-width:480px){.tq-gallery-grid{grid-template-columns:repeat(3,1fr)} .tq-gallery-item:nth-child(3n+1){transform:translateX(-1px)} .tq-gallery-item:nth-child(3n+2){transform:translateX(0)} .tq-gallery-item:nth-child(3n+3){transform:translateX(1px)} .tq-gallery-container{padding:20px} .tq-gallery-title{font-size:24px} } .yb-wechat-bubble-container{position:fixed;bottom:80px;right:1rem;z-index:1000} .yb-wechat-bubble{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.15);padding:15px;width:150px;display:none;animation:yb-bubble-appear 0.3s ease-out;transform-origin:bottom right; text-align: center;} .yb-wechat-bubble::after{content:'';position:absolute;bottom:-10px;left:100px;border-width:10px 8px 0;border-style:solid;border-color:#fff transparent transparent} .custom-mobile-navbarb{position:fixed;bottom:0;left:0;width:100%;background-color:#ffffff;display:flex;justify-content:space-around;align-items:center;padding:12px 0; padding-bottom: 8px; box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:1000;border-top:1px solid #f0f0f0;display: none;} .custom-mobile-navbar__itema{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-decoration:none;color:#666;transition:all 0.3s ease;position:relative;padding:0;width:20%;} .custom-mobile-navbar__icon{font-size:22px;margin-bottom:4px;transition:all 0.3s ease} .custom-mobile-navbar__label{font-size:12px;transition:all 0.3s ease; padding-top:5px;} .custom-mobile-navbar__itema.actives{color:#1890ff} .custom-mobile-navbar__itema.actives .custom-mobile-navbar__icon{transform:translateY(-2px)} .custom-mobile-navbar__itema.actives .custom-mobile-navbar__label{font-weight:600} .custom-mobile-navbar__itema:active{transform:scale(0.95)} @media (max-width:768px){.custom-mobile-navbarb{display:flex;}} @media (max-width:320px){.custom-mobile-navbar__label{font-size:11px} .custom-mobile-navbar__icon{font-size:2rem} }@media (min-width:768px){.custom-mobile-navbarb{max-width:400px;left:50%;transform:translateX(-50%);border-radius:20px 20px 0 0} }