/* ----------------------------------
Template Name: Sommet
Description: Sommet - Corporate Business HTML5 Template
Author: Akildy
Version:1.0
-------------------------------------

Table Of Contents

    01. Google Font
    02. Reset
    03. Header
    04. Slider
    05. Navbar
    06. Skills
    07. About
    08. Services
    09. Profit
    10. Projects
    11. Team
    12. Testimonial
    13. News
    14. Contact
    15. Stats
    16. Page Title
    17. 404 Page
    18. Partners
    19. Call To Action
    20. Footer
    21. Map Section
    22. Features Section
*/

/* ===================================
    Google Font
====================================== */

@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,500i,600,700,800,900';
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800';

/* ===================================
    Reset
====================================== */

body{
    position:relative;
    margin:0;
    padding:0;
    font-family:poppins,sans-serif;
    font-size:16px;color:#727b9a;
    line-height:28px
}

h1,h2,h3,h4,h5,h6{
    font-family:poppins,sans-serif;
    font-weight:600;
    color:#333;
    margin-top:0;
    font-style:normal
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}

h1{font-size:52px}
h2{font-size:36px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}

ul,li{
    padding:0;
    margin:0;
    text-decoration:none;
    list-style:none
}

a,a:hover,a:focus,a:active,button:focus{
    text-decoration:none;
    border:none;
    outline:0
}

img{
    max-width:100%;height:auto
}

.gray-bg{
    background:#f9f9ff
}

.white-bg{
    background:#fff
}

button{
    cursor:pointer
}

/* ===================================
    Header
====================================== */

.social-icon-one{
    position:relative;
    margin-top:30px
}

.social-icon-one li{
    position:relative;
    margin-right:10px;
    margin-bottom:10px;
    display:inline-block
}

.social-icon-one li a{
    position:relative;
    width:40px;
    height:40px;
    color:#fff;
    font-size:16px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    background:#f4f4f4;
    transition:.3s
}

.social-icon-one li a:hover{
    color:#fff;
    background-color:#00adef
}

.social-icon-two{
    padding:0;
    margin:0;
    margin-bottom:35px;
    margin-left:-15px
}

.social-icon-two li{
    display:inline-block
}

.social-icon-two li a{
    font-size:20px;
    width:22px;
    height:22px;
    margin:0 18px;
    line-height:23px;
    display:inline-block;
    text-align:center;
    background:0 0;
    color:#1d2063;
    transition:.3s;
    font-weight:700
}

.social-icon-two li a:hover{
    color:#00adef
}

.section-title{
    margin-bottom:50px
}

.section-title h2{
    color:#333;
    text-transform:capitalize;
    margin-bottom:20px
}

.section-title span{
    color:#00adef
}

.btn{
    background:#00adef;
    border:1px solid #00adef;
    transition:.4s;
    color:#fff;
    z-index:9;
    font-size:14px;
    line-height:20px;
    font-weight:600;
    text-transform:uppercase;
    padding:14px 40px;
    border-radius:5px;
    position:relative
}

.btn:hover{
    color:#00adef;
    background:0 0;
    border:1px solid #00adef
}

.btn.light{
    background:#fff;
    color:#00adef
}

.btn.light:hover{
    background:#fff
}

/*New Twitter Logo */

.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}


/* ===================================
    Slider
====================================== */

.main-slider{
    min-height: 600px; /* 保留轮播整体最小高度，避免过矮 */
    max-height: 900px; /* 限制轮播整体最大高度（与图片最大高一致） */
    height: 100%; /* 自适应父级，同时不超900px */
}

.main-slider .container-fluid{
    padding:0
}

.main-slider .container{
    text-align:center
}

.main-slider .slider-wrapper{
    position: relative; /* 为轮播控制元素（如箭头）做定位父容器 */
    width: 100%;
    height: 100%; /* 填充满 .main-slider 高度 */
}

/* 图片父容器：无黑边核心（裁剪超出部分） */
.main-slider .slider-wrapper .image {
    width: 100%;
    height: 100%; /* 继承轮播高度，确保图片容器与轮播同高 */
    overflow: hidden; /* 隐藏图片超出部分，避免黑边/露边 */
}

.main-slider .slider-wrapper .image img{
    width: 100%; /* 宽度占满父容器，自适应屏幕 */
    height: 100%; /* 高度填充满父容器，配合 object-fit 无拉伸 */
    max-height: 900px; /* 强制图片最大高度不超过900px（核心限制） */
    max-width: none; /* 取消宽度限制，允许图片超原尺寸填充 */
    object-fit: cover; /* 保持图片比例，裁剪多余部分（无黑边关键） */
    object-position: center; /* 裁剪时优先保留图片中心（可按需调整 top/left 等） */
 }

.main-slider .slider-caption{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:5
}

.main-slider .slider-caption .inner-box{
    max-width:1200px;
    margin:0 auto;
    padding:0 30px
}

.main-slider .slider-caption-bg{
    max-width:570px;
    background-color:rgba(255,255,255,.7);
    padding:50px
}

.main-slider h1{
    position:relative;
    color:#fff;
    font-size:60px;
    font-weight:700;
    line-height:62px;
    margin-bottom:20px
}

.main-slider .dark h1{
    color:#222
}

.main-slider h2{
    position:relative;
    color:#fff;
    font-size:50px;
    font-weight:500;
    line-height:1.2em;
    font-family:poppins,sans-serif
}

.main-slider .dark h2{
    color:#222;
    font-weight:600;
    margin-bottom:20px;
    font-size:42px
}

.main-slider .link-btn{
    padding-top:5px
}

.main-slider .link-btn .btn{
    margin-right:10px;
    margin-top:10px
}

.main-slider .link-btn .btn:hover{
    background:#fff;
    color:#00adef;
    border:1px solid #fff
}

.main-slider .theme-btn{
    margin:0 10px 20px
}

.main-slider .text{
    position:relative;
    font-size:17px;
    font-weight:400;
    max-width:600px;
    color:#fff;
    line-height:1.7em;
    padding-bottom:30px;
    margin:0 auto
}

.main-slider .dark .text{
    color:#222;
    margin-bottom:0
}

.main-slider .slide-overlay{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,.5);
    z-index:3
}

.main-slider.style-two .slide-overlay{
    background-color:rgba(20,22,26,.1)
}

.main-slider .owl-item .slider-caption *{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

.main-slider .owl-item.active .slider-caption h1{
    -webkit-animation-delay:.5s;
    animation-delay:.5s;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}

.main-slider .owl-item.active .slider-caption h2{
    -webkit-animation-delay:.9s;
    animation-delay:.9s;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}

.main-slider .owl-item.active .slider-caption .text{
    -webkit-animation-delay:.5s;
    animation-delay:.5s;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}

.main-slider .owl-item.active .slider-caption .link-btn{
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}

.main-slider .owl-item.active .slider-caption .slider-caption-bg{
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}

/* ===================================
    Navbar
====================================== */

.slide-nav .owl-nav{
    padding:0;
    top:50%;
    -webkit-transform:translateY(-50%) scale(.97);
    -ms-transform:translateY(-50%) scale(.97);
    transform:translateY(-50%) scale(.97);
    position:absolute;
    left:0;
    right:0;
    opacity:0;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease
}

.slide-nav:hover .owl-nav{
    -webkit-transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    transform:translateY(-50%) scale(1);
    opacity:1
}

.slide-nav .owl-nav .owl-next,.slide-nav .owl-nav .owl-prev{
    position:relative;
    width:50px;
    height:50px;
    line-height:46px;
    background:rgba(0,173,239,.84)!important;
    text-align:center;
    font-size:24px;
    color:#fff!important;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease
}

.slide-nav .carousel-outer:hover .owl-nav .owl-next,.slide-nav .carousel-outer:hover .owl-nav .owl-prev{
    opacity:1;
    visibility:visible
}

.slide-nav .owl-nav .owl-prev{
    left:20px;float:left
}

.slide-nav .owl-nav .owl-next{
    right:20px;float:right
}

.slide-nav .owl-nav .owl-next:hover,.slide-nav .owl-nav .owl-prev:hover{
    color:#fff;border-color:#00adef
}

/* ===================================
    Skills
====================================== */

.skills-faq{
    background-repeat:no-repeat
}

.skill-bar-wrap{
    position:relative;
    background:#f0f4ff;
    height:6px;
    margin-top:5px
}

.skillbar{
    width:90%;
    height:100%
}

.skillbar-title{
    top:0;
    left:20px;
    color:#333;
    font-size:18px;
    font-weight:500
}

.skillbar-bar{
    height:100%;
    width:0;
    background:#00adef;
    display:inline-block
}

.skill-bar-percent{
    position:absolute;
    right:15px;
    top:-30px;
    color:#333;
    font-weight:600
}

.skillbar-single-item{
    margin-bottom:32px
}

.accordion-box .accordion{
    margin-bottom:30px;
    position:relative
}

.accordion-box .accordion .accord-btn{
    padding:11px 50px 3px 20px;
    color:#333;
    cursor:pointer;
    background:#fff;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.accordion-box .accordion .accord-btn.active h5{
    color:#fff;
    font-size:18px
}

.accordion-box .accordion .accord-btn:after{
    content:'\f077';
    font-family:fontawesome;
    position:absolute;
    right:10px;
    top:5px;
    width:30px;
    height:30px;
    line-height:30px;
    font-size:16px;
    font-weight:400
}

.accordion-box .accordion .accord-btn.active{
    color:#fff;
    background:#00adef
}

.accordion-box .accordion .accord-btn.active:after{
    content:'\f078'
}

.accordion-box .accordion .accord-content{
    padding:12px 25px 17px;
    position:relative;
    display:none;
    background:#fff;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.accordion-box .accordion .accord-content p{
    margin-bottom:0
}

.accordion-box .accordion .accord-content.collapsed{
    display:block
}

.accord-content.collapsed p{
    margin-bottom:0
}

.accordion-box .accordion .accord-btn h5{
    font-size:18px;
    font-weight:500
}

/* ===================================
    About
====================================== */

.about-us-area{
    position:relative;
    background-repeat:no-repeat
}

.about-content{}

.about-content h3{
    font-size:24px;
    font-weight:600
}

.about-content .btn{
    margin-top:10px
}

.vedio-inner{
    position:relative
}

/* ===================================
    Services
====================================== */

.service-area{
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background:#f9f9ff
}

.service-area .single-service{
    padding:30px 20px;
    display:block;
    border-radius:4px;
    -webkit-transition:.5s;
    transition:.5s;
    background:#fff
}

.service-area .single-service:hover{
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121);
    background:#e6f7ff;
    color:#aaaaaa;
}

.service-area .single-service .service-content h4 a{
    font-size:22px;
    color:#333
}

.service-area .single-service .service-content h4 a:hover{
    color:#00adef;
    transition:.5s
}

.service-area .single-service p{
    transition:.5s;
    height:5rem;
}

.service-icon{
    margin-bottom:15px
}

.service-icon i{
    display:inline-block
}

.service-icon i:before{
    font-size:35px;
    display:inline-block;
    line-height:100%;
    text-align:center;
    border-radius:50%;
    margin-left:0
}

.service-icon.zero i:before{
    color:#00adef;
    font-size:50px
}

.our-services{
    background-repeat:no-repeat
}

.services-block-two{
    position:relative
}

.services-block-two:hover{
    transition:.5s;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.services-block-two .inner-box{
    border:.7px solid rgba(226,226,255,.38);
    border-radius:4px;
    padding:30px 30px 30px 85px;
    position:relative;
    background:#fff
}

.services-block-two .icon-box{
    position:absolute;
    left:20px;
    top:50px;
    font-size:50px;
    color:#00adef
}

.services-block-two h5 a{
    font-size:20px
}

.services-block-two h5 a:hover{
    color:#00adef;
    transition:.5s
}

.service-catergory li{
    position:relative;
    border:1px solid #f5f5f5;
    padding:14px 0;
    margin-bottom:2px
}

.service-catergory li:first-child{
    margin-bottom:10px
}

.service-catergory li .caret-icon{
    position:absolute;
    right:20px;
    top:20px;
    color:#848484
}

.service-catergory li.active a{
    color:#00adef
}

.service-catergory li.active .caret-icon{
    color:#00adef
}

.service-catergory li a{
    display:inline-block;
    padding-left:15px;
    transition:.5s;
    position:relative;
    color:#222;
    font-weight:600
}

.service-catergory li a:hover{
    color:#00adef
}

.service-catergory li.active a:hover{
    color:#00adef
}

.service-single .service-downloads .download-list li{
    margin-bottom:5px;
    background:#00adef
}

.service-single .service-downloads .download-list li a{
    color:#fff;
    padding:15px 20px;
    width:100%;
    transition:.5s;
    display:inline-block
}

.service-single .service-downloads .download-list li span{
    margin-right:8px
}

.service-sidebar .sidebar-blog{
    padding:5px
}

.service-single .popular-news .item h4{
    font-size:18px;
    font-weight:500;
    line-height:20px
}

.service-single .video-image-box .img-box img{
    display:block;
    width:100%
}

.service-single .video-image-box .fa{
    width:80px;
    height:80px;
    border-radius:50%;
    line-height:80px;
    padding-left:6px
}

.service-sidebar .popular-news h3{
    font-size:24px;
    margin-bottom:12px
}

.service-sidebar .popular-news .sidebar-blog h5 a{
    font-size:18px
}

.service-sidebar .popular-news .sidebar-blog h5 a:hover{}

/* ===================================
    Profit
====================================== */

.profit li{
    position:relative;
    color:#848484;
    padding-left:30px;
    margin:10px 0
}

.profit li:after{
    position:absolute;
    content:"";
    left:0;
    top:7px;
    width:11px;
    height:11px;
    background:#00adef
}

.profit{
    margin-bottom:10px
}

/* ===================================
    Projects
====================================== */

.portfolio-section{
    background-repeat:no-repeat
}

.three-column-portfolio .outer-container{
    position:relative;
    margin:0
}

.default-portfolio-item{
    position:relative;
    margin-bottom:15px
}

.default-portfolio-item.style-4{
    padding:0
}

.default-portfolio-item .inner-box{
    position:relative;
    display:block;
    overflow:hidden
}

.default-portfolio-item .image-box,.default-portfolio-item .image-box img{
    position:relative;
    display:block;
    width:100%
}

.default-portfolio-item .overlay-box{
    position:absolute;
    left:20px;
    top:20px;
    right:20px;
    bottom:36px;
    padding:15px 25px;
    background:rgba(0,173,239,.73);
    opacity:0;
    -webkit-transition:all 700ms ease;
    -ms-transition:all 700ms ease;
    -o-transition:all 700ms ease;
    -moz-transition:all 700ms ease;
    transition:all 700ms ease;
    -webkit-transform:translateX(-130%);
    -ms-transform:translateX(-130%);
    -o-transform:translateX(-130%);
    -moz-transform:translateX(-130%);
    transform:translateX(-130%)
}

.default-portfolio-item .inner-box:hover .overlay-box{
    opacity:1;
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    -moz-transform:translateX(0%);
    transform:translateX(0%)
}

.default-portfolio-item .overlay-content{
    position:absolute;
    left:0;
    bottom:5px;
    padding:0 25px 15px
}

.default-portfolio-item .overlay-content h3{
    font-size:18px;
    color:#fff;
    line-height:1em;
    font-weight:500;
    text-transform:capitalize
}

.default-portfolio-item .overlay-content h3 a{
    color:#fff;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease
}

.default-portfolio-item .overlay-content h3 a:hover{}

.default-portfolio-item .overlay-content .categories{
    color:#fff;
    line-height:1.6em;
    font-weight:400;
    text-transform:capitalize
}

.default-portfolio-item .overlay-content .categories a{
    color:#fff;
    font-size:14px;
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease
}

.default-portfolio-item .overlay-content .categories a:first-child{
    margin-left:0
}

.default-portfolio-item .overlay-content .categories a:hover{
    color:#fff
}

.fluid-img img{
    width:100%
}

.project-details .content-list li{
    padding-top:5px
}

.project-details .content-list li i{
    color:#00adef;
    padding-right:12px
}

/* ===================================
    Team
====================================== */

.team-section{
    background-repeat:no-repeat
}

.team-member{
    position:relative;
    text-align:center;
    margin-bottom:30px
}

.team-member .inner-box{
    position:relative;
    overflow:hidden;
    max-width:500px;
    margin:0 auto
}

.team-member .inner-box .image-box{
    margin-bottom:0
}

.team-member .image-box img{
    display:block;
    width:100%
}

.team-member .desc-content{
    position:relative;
    bottom:0;
    padding:25px 20px;
    background:#fff;
    opacity:1;
    border:1px solid #e9eaee;
    transition:all .6s ease;
    -moz-transition:all .6s ease;
    -webkit-transition:all .6s ease;
    -ms-transition:all .6s ease;
    -o-transition:all .6s ease;
    left:0
}

.team-member:hover .desc-content{
    left:-200px;
    opacity:0
}

.team-member h3{
    font-size:20px;
    margin-bottom:0;
    color:#181818;
    font-weight:500;
    text-transform:capitalize
}

.team-member .designation{
    font-size:15px;
    color:#00adef
}

.team-member .hover-content{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:25px 20px;
    background:#00adef;
    transform:translateX(-100%);
    color:#fff;
    opacity:0;
    transition:all .7s ease;
    -moz-transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease
}

.team-member:hover .hover-content{
    transform:translateX(0%);
    opacity:1
}

.team-member .hover-content h3{
    color:#fff
}

.team-member .hover-content .designation{
    margin-bottom:10px;
    color:#fff
}

.team-member .social a{
    position:relative;
    display:inline-block;
    margin:2px 5px;
    color:#fff;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center
}

.four-item-team-carousel .owl-nav{
    padding:0;
    text-align:center
}

.four-item-team-carousel .owl-nav button.owl-next,.four-item-team-carousel .owl-nav button.owl-prev{
    position:relative;
    width:50px;
    height:50px;
    margin:0 8px;
    display:inline-block;
    line-height:46px;
    border:1px solid #f0f0f0;
    text-align:center;
    font-size:24px;
    color:#949494;
    border-radius:50%;
    transition:300ms
}

.four-item-team-carousel .owl-nav button.owl-prev{
    left:0
}

.four-item-team-carousel .owl-nav button.owl-next{
    right:0
}

.four-item-team-carousel .owl-nav button.owl-next:hover,.four-item-team-carousel .owl-nav button.owl-prev:hover{
    color:#fff;
    border-color:#00adef;
    background:#00adef
}

/* ===================================
    Testimonial
====================================== */

.testimonial{
    background-repeat:no-repeat;
    background-size:cover
}

.single-testimonial{
    position:relative;
    margin-bottom:30px
}

.single-testimonial .single-inner{
    position:relative;
    padding:30px;
    background:rgba(204,204,204,.1)
}

.single-testimonial .testimonial-content{
    margin-bottom:15px;
    margin-top:25px;
    position:relative
}

.single-testimonial .testimonial-content::before{
    content:'\201C';
    color:rgba(204,204,204,.45);
    position:absolute;
    top:-20px;
    left:0;
    font-weight:700;
    font-size:70px;
    font-family:georgia
}

.single-testimonial .testimonial-content::after{
    content:'\201D';
    color:rgba(204,204,204,.45);
    position:absolute;
    right:0;
    bottom:-20px;
    font-weight:700;
    font-size:70px;
    font-family:georgia
}

.single-testimonial .single-inner.style-2{
    text-align:center;
    max-width:1000px;
    margin:0 auto;
    padding-top:45px
}

.single-testimonial .testi-author-info{
    position:relative;
    padding-left:85px;
    padding-top:8px
}

.single-testimonial .single-inner.style-2 .testi-author-info img{
    margin:0 auto
}

.single-testimonial .testi-author-info .image{
    position:absolute;
    left:0;
    top:0
}

.single-testimonial .testi-author-info .image img{
    border-radius:50%;
    width:70px;
    height:70px
}

.single-testimonial .testi-author-info .designation{
    display:block;
    font-size:14px;
    line-height:20px;
    color:#00adef;
    font-weight:500
}

.single-testimonial .author-info{}

.single-testimonial .author-info .image{
    margin-bottom:20px
}

.single-testimonial .author-info img{
    margin:0 auto;
    border-radius:50%;
    width:100px;
    height:100px
}

.single-testimonial .author-info .name{}

.single-testimonial .author-info .designation{
    display:block;
    font-size:14px;
    line-height:20px;
    color:#00adef;
    font-weight:500
}

.testimonial-carousel .owl-dots{
    position:absolute;
    width:100%;
    bottom:-20px;
    text-align:center
}

.testimonial-carousel button.owl-dot{
    position:relative;
    display:inline-block;
    height:6px;
    width:30px;
    border-radius:10px;
    margin:0 7px;
    transition:all 300ms ease;
    background-color:#727b9a
}

.testimonial-carousel .owl-dot:hover,.testimonial-carousel .owl-dot.active{
    background-color:#00adef
}

/* ===================================
    News
====================================== */

.news-block-one{
    position:relative;
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.news-block-one:hover{
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.news-block-one .news-bottom{
    -webkit-transition:all ease .6s;
    transition:all ease .6s
}

.news-block-one:hover .news-bottom{
    background:#fff
}

.news-block-one .news-inner{
    padding:35px 22px 25px;
    position:relative;
    border:1px solid rgba(204,204,204,.29);
    border-top:0
}
.news-block-one .news-inner p{
    height: 3rem;
}

.news-block-one .news-inner.style-2{
    padding:15px
}

.news-block-one .news-bottom h4{
    margin-top:-8px;
    font-weight:600;
    font-size:20px
}

.news-block-one .news-bottom h4 a:hover{
    color:#00adef;
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease
}

.news-block-one .news-bottom .default-link:hover{
    color:#2e2e95;
    -webkit-transition:.5s ease;
    transition:.5s ease
}

.news-block-one .blog-thumb{
    display:block;
    overflow:hidden;
    position:relative;
    margin-bottom:0
}
.news-block-one .blog-thumb .pic {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 69.23%; /* 520x360 比例 */
    background-color: #f8f9fa; /* 浅色背景 */
    background-size: cover; /* 关键：等比缩放填充整个容器 */
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 8px;
}

.news-block-one .blog-thumb:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000;
    opacity:0;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    transition:all .35s;
    z-index:1
}

.news-block-one:hover .blog-thumb:before{
    opacity:.7
}

.news-block-one .blog-thumb a.link-btn{
    position:absolute;
    left:50%;
    top:50%;
    z-index:9;
    background:#00adef;
    border-radius:50%;
    color:#fff;
    font-size:20px;
    width:60px;
    height:60px;
    line-height:60px;
    opacity:0;
    display:inline-block;
    text-align:center;
    transform:translateX(-50%) translateY(-50%) scale(.5);
    transition:all .4s ease 0s
}

.news-block-one .blog-thumb a.link-btn:hover{
    background:#fff none repeat scroll 0 0;
    color:#00adef
}

.news-block-one:hover .blog-thumb a.link-btn{
    opacity:1;
    transform:translateX(-50%) translateY(-50%) scale(1)
}

.news-block-one .blog-thumb img{
    width:100%;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease 0s;
    transition:all .5s ease 0s
}

.news-block-one .news-bottom blockquote{
    position:relative;
    font-size:18px;
    font-weight:500;
    color:#fff;
    line-height:26px;
    padding:22px;
    background:#00adef;
    border-left:4px solid #00adef;
    margin-top:30px;
    margin-bottom:30px
}

.read_more{
    color:#243e63;
    font-weight:600
}

.read_more:hover{
    color:#00adef
}

.read_more i{
    padding-left:2px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}

.read_more i:before{
    font-size:12px
}

.read_more:hover i{
    padding-left:10px
}

.post-admin{
    border:1px solid rgba(204,204,204,.29);
    padding:20px 22px 10px;
    display:flex;
    flex-flow:wrap;
    justify-content:space-between
}

.post-admin a{
    color:#00adef;
    font-weight:500
}

.admin-by{
    padding-bottom:10px
}

.admin-by img{
    width:30px;
    border-radius:50%;
    height:30px;
    margin-right:5px
}

.post-date{
    display:inline-block;
    padding-top:2px
}

.post-date i{
    margin-right:7px
}

.post-love i{
    margin-right:5px
}

.pagination-nav{}

.pagination-nav ul li{
    display:inline-block;
    margin:0 2px
}

.pagination-nav ul li a{
    border:.7px solid rgba(226,226,255,.45);
    display:block;
    color:#00adef;
    height:45px;
    width:45px;
    line-height:45px;
    text-align:center;
    font-weight:500;
    border-radius:50px;
    font-size:16px;
    box-shadow:0 13px 16px 2px rgba(101,110,119,.121)
}

.pagination-nav ul li.active a,.pagination-nav ul li:hover a{
    background:#00adef;
    color:#fff
}

.sidebar-bg{
    background:#fff;
    padding:20px;
    box-shadow:0 13px 22px 2px rgba(101,110,119,.121)
}

.sidebar-search{
    position:relative
}

.sidebar-search input{
    width:100%;
    height:54px;
    border:none;
    border:1px solid #f1f1f1;
    padding:0 56px 0 12px;
    color:#9e9e9e
}

.sidebar-search button{
    width:54px;
    height:54px;
    position:absolute;
    top:20px;
    background:#00adef;
    right:20px;
    color:#fff
}

.sidebar-category{
    position:relative
}

.sidebar-category ul{
    margin-top:20px
}

.sidebar-category ul li{margin:0}.sidebar-category ul li a{
    font-weight:400;
    color:#848484;
    position:relative;
    width:100%;
    transition:.5s ease;
    line-height:40px;
    display:block
}

.sidebar-category ul li a:hover{
    color:#00adef;
    transition:.5s ease
}

.sidebar-blog .admin-by img{
    width:30px;
    height:30px;
    display:inline-block
}

.sidebar .owl-dots{
    position:relative;
    text-align:center
}

.sidebar .owl-dots .owl-dot{
    position:relative;
    display:inline-block;
    margin:0 5px;
    width:12px;
    height:12px;
    background:#243e63;
    border-radius:50%
}

.sidebar .owl-dots .owl-dot.active{
    background:#00adef
}

.sidebar-tags ul{
    margin-top:10px
}

.sidebar-tags ul li{
    display:inline-block;
    margin:0 4px 8px 0
}

.sidebar-tags ul li a{
    border:.7px solid #e2e2ff;
    background:#fff;
    display:inline-block;
    color:#727b9a;
    border-radius:4px;
    padding:10px 20px
}

.sidebar-tags ul li a:hover{
    background:#00adef;
    color:#fff
}

.blog-classic{
    position:relative
}

.blog-details .news-block-one:hover .blog-thumb:before{
    opacity:0
}

.details-post-date{
    position:absolute;
    left:-15px;
    top:15px;
    background:#00adef;
    color:#fff;
    padding:5px 10px;
    z-index:9
}

.post-entry ul{
    margin-bottom:20px;
    padding-left:35px
}

.lead-point li{
    margin-bottom:10px;
    font-weight:600
}

.lead-point li i{
    margin-right:10px
}

.post-tag{
    text-transform:uppercase;
    font-size:13px
}

.post-tag span{
    margin-right:10px
}

.post-tag .fa-tag{
    padding-right:10px;
    color:#00adef
}

.blog-share-icon span{
    font-size:18px;
    font-weight:600;
    display:block;
    margin-bottom:17px
}

.blog-share-icon a{
    font-size:18px;
    transition:.3s;
    margin-right:22px
}

.blog-share-icon a:last-child{
    margin-right:0
}

.post-comments{
    padding:30px;
    margin-bottom:40px;
    padding-bottom:45px;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.blog-coment-title h4{
    margin-bottom:0
}

.comments-avatar{
    float:left
}

@media(max-width:767px){
    .comments-avatar{
        float:none
    }
}

.comments-avatar img{
    width:90px;
    margin-right:20px;
    border-radius:50%
}

.latest-comments li:first-child .comments-box{
    border-top:0;
    padding-top:0
}

.latest-comments li:last-child .comments-box{
    border-bottom:0;
    padding-bottom:0
}

.latest-comments li.children{
    margin-left:80px
}

@media(max-width:767px){
    .latest-comments li.children{
        margin-left:0
    }
}

.comments-box{
    border-top:1px solid #eaedff;
    padding:20px 0
}

.comments-text{
    overflow:hidden;
    padding-top:4px
}

@media(max-width:767px){
    .comments-text{
        margin-top:15px
    }
}

.comments-text p{
    margin-bottom:0;
    margin-top:8px
}

.avatar-name h5{
    font-size:18px;
    margin-bottom:7px
}

.avatar-name span{
    color:#00adef;
    font-size:14px;
    font-weight:600;
    text-transform:capitalize;
    letter-spacing:1px
}

.avatar-name{
    margin-bottom:3px;
    overflow:hidden;
    position:relative
}

.reply{
    color:#6f7172;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    transition:.3s;
    line-height:1;
    margin-top:4px;
    position:absolute;
    right:0;
    top:0
}

.reply:hover{
    color:#00adef
}

.reply i{
    margin-right:5px
}

.post-comments-form{}

.post-comments-title h2{
    font-size:26px;
    color:#140a20;
    margin-bottom:0
}

/* ===================================
    Contact
====================================== */

.contact-post-form{
    padding:30px;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

@media(max-width:767px){
    .contact-post-form{
        padding:20px
    }
}

.contact-post-form input{
    border:none;
    height:60px;
    margin-bottom:20px;
    padding:0 30px;
    width:100%;
    color:#727b9a
}

.contact-post-form textarea{
    border:none;
    height:150px;
    margin-bottom:20px;
    padding:30px;
    width:100%;
    color:#727b9a
}

#contacts-form input::placeholder,#contacts-form textarea::placeholder{
    color:#727b9a
}

.contact-icon{
    position:relative
}

.contact-icon::after{
    position:absolute;
    content:"";
    font-family:fontawesome;
    font-weight:700;
    display:inline-block;
    font-size:16px;
    text-align:center;
    right:30px;
    color:#00adef;
    top:18px
}

.contact-post-form .contact-icon::before{
    display:none
}

.contacts-name::after{
    content:"\f007"
}

.contacts-email::after{
    content:"\f0e0"
}

.contacts-phone::after{
    content:"\f095"
}

.contacts-website::after{
    content:"\f0ac"
}

.contact-post-form .btn{
    margin-top:0
}

.contact-page-info{}

.contact-info{
    text-align:center;
    padding:20px;
    -webkit-transition:all ease .5s;
    transition:all ease .5s;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.contact-info:hover{
    box-shadow:0 15px 16px 0 rgba(0,0,0,.03),0 0 82px 0 rgba(0,0,0,.02);
    background:#fff;
    border-color:#fff;
    -webkit-transition:all ease .5s;
    transition:all ease .5s
}

.contact-info .inner-icon{
    color:#00adef;
    font-size:40px
}

.contact-info .inner-icon i.fas.fa-phone{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}

.contact-info h4{
    margin-top:15px;
    margin-bottom:15px
}

.contact-info h5 a{
    color:#333
}

.contact-info h5 a:hover{
    color:#00adef;
    transition:.5s
}

.contact-section{
    position:relative
}

.contact-section .default-form-area{
    padding:80px 45px 70px 20px
}

.contact-form.contact-page-form .form-group{
    margin-bottom:20px
}

.contact-form.contact-page-form input,.contact-form.contact-page-form select,.contact-form.contact-page-form textarea{
    border:0;
    border-bottom:1px solid #fff;
    background:0 0;
    padding:0;
    color:#fff
}

.contact-form.contact-page-form input:focus,.contact-form.contact-page-form select:focus,.contact-form.contact-page-form textarea:focus{
    box-shadow:none
}

.contact-form.contact-page-form textarea{
    height:110px
}

.contact-form.contact-page-form .theme-btn{
    margin-top:30px
}

.contact-form.contact-page-form ::-webkit-input-placeholder{
    color:#fff;
    font-size:15px
}

.contact-form.contact-page-form ::-moz-placeholder{
    color:#fff;
    font-size:15px
}

.contact-form.contact-page-form :-ms-input-placeholder{
    color:#fff;
    font-size:15px
}

.contact-form.contact-page-form :-moz-placeholder{
    color:#fff;
    font-size:15px
}

.contact-section .contact-right{
    position:relative;
    width:50%;
    float:right;
    background-size:cover;
    background-repeat:no-repeat
}

.contact-section .contact-right:before{
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:block;
    background-color:#00adef
}

.contact-section .contact-right .default-form-area{
    position:relative;
    max-width:585px;
    float:right
}

.default-form-area .section-title{
    margin-bottom:20px
}

.default-form-area h2{
    color:#fff;
    font-size:28px
}

.contact-section-btn .btn{
    margin-top:10px
}

.contact-page-from .default-form-area{
    background:#00adef;
    margin-bottom:80px;
    padding:80px 50px 70px
}

.sommet-thank-you, .sommet-form-message {
    color:#fff;
}

/* ===================================
    Stats
====================================== */

.funfact{
    position:relative;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover
}

.funfact:before{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.6313)
}

.stat-item{
    color: #FFFFFF;
    border:1px solid rgba(255,255,255,.26);
    text-align:center;
    padding:20px 10px;
    background:rgba(255,255,255,.07)
}

.stat-item .count{
    font-size:45px;
    padding-bottom:25px;
    font-weight:600;
    color:#f9f9f9;
    display:inline-block;
    line-height:63px
}

.stat-item .text{
    position:relative;
    margin-top:6px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    text-transform:capitalize;
    margin:0
}

.stat-item .text::after{
    content:" ";
    display:block;
    height:1px;
    width:80px;
    background:#00adef;
    top:-15px;
    left:50%;
    margin-left:-40px;
    position:absolute
}

/* ===================================
    Page Title
====================================== */

.page-title{
    position:relative;
    background-size:cover;
    background-position:center;
    text-align:center
}

.page-title:before{
    position:absolute;
    content:'';
    background:rgba(0,0,0,.7);
    top:0;
    left:0;
    width:100%;
    height:100%
}

.page-title h1{
    position:relative;
    color:#fff;
    font-size:40px
}

.page-title .bread-crumb li{
    position:relative;
    margin-left:20px;
    color:#fff;
    display:inline-block;
    line-height:30px;
    text-transform:capitalize
}

.page-title .bread-crumb li.active{
    color:#00adef;
    font-weight:500
}

.page-title .bread-crumb li span{
    margin-right:10px
}

.page-title .bread-crumb li:before{
    content:'\f105';
    position:absolute;
    right:-21px;
    top:0;
    width:20px;
    text-align:center;
    line-height:30px;
    font-family:fontawesome;
    font-weight:900
}

.page-title .bread-crumb li:first-child{
    margin-left:0
}

.page-title .bread-crumb li:last-child:before{
    display:none
}

.page-title .bread-crumb li a{
    color:#fff;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease
}

.page-title .bread-crumb li a:hover{
    color:#00adef
}

/* ===================================
    404 Page
====================================== */

.error-section .error-text h2{
    color:#00adef;
    font-size:150px;
    font-weight:700;
    letter-spacing:4px
}

.error-section h3{
    font-weight:500;
    font-size:28px;
    margin-top:25px;
    font-weight:500
}

.error-section h5{
    font-size:20px;
    margin-top:25px;
    margin-bottom:40px
}

.error-section .error-options .or{
    color:#2f2f2f;
    font-size:18px;
    margin:0 18px;
    font-weight:500
}

.error-search-box{
    position:relative;
    margin-top:12px;
    width:320px;
    display:inline-block
}

.error-search-box .form-group{
    position:relative;
    margin:0
}

.error-search-box .form-group input[type=text],.error-search-box .form-group input[type=search]{
    padding:10px 50px 10px 20px;
    border:2px solid #ededed;
    display:block;
    width:100%;
    height:54px;
    border-radius:40px;
    transition:500ms
}

.error-search-box .form-group input:focus{
    border-color:#00adef
}

.error-search-box .form-group button{
    position:absolute;
    right:0;
    top:0;
    height:55px;
    width:50px;
    line-height:52px;
    text-align:center;
    display:block;
    font-size:14px;
    color:silver;
    background:0 0;
    border-radius:0 3px 3px 0;
    font-weight:400
}

.error-search-box .form-group input:focus+button,.error-search-box .form-group button:hover{
    color:#00adef;
    border-color:#00adef
}

/* ===================================
    Partners
====================================== */

.partners-section{}

.partners-section .section-title{
    margin-bottom:25px
}

.partners-section .item{
    padding:20px;
    background:#fff;
    border:1px solid rgba(204,204,204,.31)
}

.partners-section .item img{
    width:auto
}

/* ===================================
    Call To Action
====================================== */

.purchase-section{
    position:relative;
    overflow:hidden;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center
}

.purchase-section:before{
    content:'';
    position:absolute;
    background:rgba(0,0,0,.58);
    top:0;
    bottom:0;
    left:0;
    right:0
}

#myVideo{
    position:absolute;
    right:0;
    bottom:0;
    min-width:100%;
    min-height:100%;
    z-index:-9
}

.purchase-section h3{
    position:relative;
    color:#fff;
    padding-left:15px
}

.purchase-section .btn{
    margin-top:0;
    background-color:transparent;
    border:2px solid #fff;
    color:#fff
}

/* ===================================
    Footer
====================================== */

.footer{
    position:relative;
    /*background:#2b2b2b;*/
    color:#fff;
    background-repeat:no-repeat;
    background-size:cover
}

.footer:before{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.78)
}

.footer .footer-column{
    margin-bottom:30px
}

.footer .footer-logo{
    position:relative;
    margin-bottom:30px
}

.footer .footer-logo img{
    display:block;
    max-width:100%
}

.footer .logo-widget .social-icon-one li a{
    background:#00adef
}

.footer .logo-widget .social-icon-one li a:hover{
    background:#00adef
}

.footer .footer-widget h2{
    position:relative;
    font-size:16px;
    font-weight:600;
    /*text-transform:uppercase;*/
    padding-bottom:20px;
    color:#fff;
    margin-bottom:40px
}

.footer .footer-widget h2:after{
    position:absolute;
    content:'';
    left:0;
    bottom:0;
    width:40px;
    height:1px;
    background-color:#00adef
}

.footer .logo-widget .text{
    padding-right:40px
}

.footer .links-widget .list{
    margin-top:-7px
}

.footer .links-widget .list li a{
    position:relative;
    display:inline-block;
    padding:2px 0 7px 20px;
    color:#fff;
    font-weight:600;
    text-transform:capitalize
}

.footer .links-widget .list li a:before{
    content:'\f105';
    position:absolute;
    left:0;
    top:6px;
    line-height:15px;
    font-family:fontawesome
}

.footer .links-widget .list li a:hover{
    color:#00adef
}

.footer .posts-widget .post{
    position:relative;
    min-height:90px;
    margin-bottom:15px
}

.footer .posts-widget .post:last-child{
    margin-bottom:0;
    border:0
}

.footer .posts-widget .post .post-thumb{
    display:none;
    top:0;
    width:73px;
    height:73px;
    border-radius:50%;
    position:absolute;
    left:0
}

.footer .posts-widget .post .post-thumb img{
    width:100%;
    display:block
}

.footer .posts-widget .post .news-text{
    position:relative;
    line-height:24px;
    padding:0 0 5px;
    top:-4px;
    max-width:230px;
    font-size:16px;
    color:#f4f4f4
}

.footer .posts-widget .post .news-text a{
    text-transform:capitalize;
    color:#fff;
    font-weight:600
}

.footer .posts-widget .post .time{
    line-height:24px;
    position:relative;
    color:#00adef;
    font-size:14px;
    font-weight:600
}

.footer-form{}

.footer-form input{
    border:none;
    height:50px;
    margin-bottom:10px;
    padding:0 15px;
    width:100%;
    color:#aaa;
    border-radius:2px;
    background:#313131
}

.footer-form textarea{
    border:none;
    height:90px;
    margin-bottom:10px;
    padding:8px 15px;
    width:100%;
    color:#aaa;
    background:#313131
}

.footer-form input::placeholder,.footer-form textarea::placeholder{
    color:#aaa
}

.footer-bottom{
    text-align:center;
    background:#121212;
    position:relative;
    padding:30px 0
}

.footer-bottom .copyright{
    font-size:16px;
    color:#fff;
    font-weight:600
}

.footer-bottom a{
    color:#00adef
}

/* ===================================
    Map Section
====================================== */

.contact-map-section{
    position:relative;
    width:100%;
    height:100%
}

.contact-map-section .map-outer{
    position:relative;
    height:500px
}

.contact-map-section .map-canvas{
    position:relative;
    left:0;
    top:0;
    width:100%;
    height:562px
}

.map-data{
    text-align:center;
    font-size:14px;
    font-weight:400;
    line-height:1.8em;
    padding:10px
}

.map-data h6{
    font-size:16px;
    font-weight:700;
    text-align:center;
    margin-bottom:10px;
    color:#121212
}

/* ===================================
    Features Section
====================================== */

.features-section{
    background:#f7f7f7
}

.features-section .single-feature{
    position:relative;
    padding:0 0 0 95px;
    margin-bottom:27px
}

.features-section .single-feature .icon-box{
    position:absolute;
    left:0;
    top:14px;
    background:#00adef;
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50px;
    text-align:center;
    z-index:1
}

.features-section .single-feature .icon-box.bg-round:before{
    position:absolute;
    content:"";
    left:-9px;
    top:17px;
    background:rgba(0,173,239,.7);
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50px;
    z-index:0
}

.features-section .single-feature .icon-box span:before{
    font-size:35px;
    color:#fff;
    margin:0;
    transition:all 500ms ease;
    z-index:2;
    position:relative
}

.features-section .single-feature:hover .icon-box i,.features-section .single-feature:hover h4 a{
    color:#00adef
}

.features-section .single-feature h4,.features-section .single-feature h4 a{
    line-height:26px;
    color:#000;
    font-weight:600
}


/* 通用 */
/*.container-outer {max-width: 1920px;width: 100%;height: 100%;padding: 0 20rem;margin: 0 auto;}*/


/* 栏目Banner */
.col-banner{position:relative;overflow:hidden}
.col-banner .banner-img{width:100%}
.col-banner .banner-img .pic img{max-width:100%;max-height:100%;margin:auto;padding:0;width:100%;height:auto;border:none}
.col-banner .text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;text-align:center}
.col-banner .text .banner-line{width:4.375rem;height:3px;background: linear-gradient(90deg, #0863c4 40%, #34C759);margin:0 auto;border-radius:3px}
.col-banner .text h3{color:#fff;font-size:2.375rem;font-weight:bold;letter-spacing:3px;margin-bottom:20px}
.banner-path{position:relative;padding:0;border-bottom:1px solid rgb(229,229,229)}
.banner-path .container-outer{position:relative;display:flex;justify-content:space-between;align-items:center}
.banner-path .banner-nav{position:relative;flex-grow:1}
.banner-path .banner-nav li{display:block;font-size:1rem;float:left;line-height:4.25rem;margin-right:2.5rem;z-index:1;position:relative}
.banner-path .banner-nav li a{display:block;color:#333}
.banner-path .banner-nav li.active a{color:#0863c4;font-weight:bold}
.banner-path .banner-nav li:after{content:"";display:block;width:0;height:2px;transition:.5s;background:#0863c4;position:absolute;right:0;bottom:0}
.banner-path .banner-nav li.active:after{width:100%;left:0;right:auto}
.banner-path .banner-nav li:hover:after{width:100%;left:0;right:auto}
.banner-path .position{display: flex;justify-content: right;align-items: center;gap: 3px;}
.banner-path .position .fa-house-chimney{color:#0863c4;margin-right:5px}
.banner-path .position a{color:#848692;line-height:4.25rem}
.banner-path .position a:hover{color:#0863c4}
.banner-path .position .icon-rArrow{margin:0 0.3125rem;color:#848692;font-size:10px;vertical-align:middle}


/* 公司概况 */
.company-box{width:100%;overflow:hidden;background:url(img/company_bg.png) center bottom no-repeat}
.company-box .company-intro{display:grid;grid-template-columns:calc(58% - 3rem) calc(42% - 3rem);gap:6rem}
.company-box .company-intro .company-info{}
.company-box .company-intro .company-media{position:relative}
.company-box .company-intro .company-info .index-mod-title{margin-bottom:0.5rem}
.company-box .company-intro .company-info .company-text{font-size:1rem;color:#666666;line-height:2}
.company-box .company-intro .company-info .company-text p{margin-bottom:0.9375rem}
.company-box .company-intro .company-media .company-image{width:100%;border-radius:0.75rem;overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);position:relative}
.company-box .company-intro .company-media .company-image .pic{
    /* 核心：背景图片按比例完整显示 */
    background-size: contain;    /* 按比例缩放，完整显示图片，不裁剪 */
    background-repeat: no-repeat; /* 禁止背景重复 */
    background-position: center;  /* 背景居中显示 */

    /* 关键：容器比例适配（根据占位图680x600设定，可按需调整） */
    width: 100%;                  /* 宽度自适应父容器 */
    aspect-ratio: 600 / 600;      /* 固定宽高比，和占位图一致 */
    position: relative;           /* 若有子元素定位需加 */

    display:block;transition:transform 0.5s ease
}
.company-box .company-intro .company-media .company-image:hover .pic{transform:scale(1.08)}
.company-box .company-intro .company-media .company-image .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(90deg,#0863c4,#42a5f5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:pulse-good 2s infinite;transition:all 0.3s ease;z-index:10}
.company-box .company-intro .company-media .company-image .play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}
@keyframes pulse-good{0%{box-shadow:0 0 0 0 rgba(8,99,196,0.7)}
    70%{box-shadow:0 0 0 20px rgba(8,99,196,0)}
    100%{box-shadow:0 0 0 0 rgba(8,99,196,0)}
}


/* 产品列表 */
.product-list{overflow:visible;}
.product-list .container{display:flex;gap:1.875rem}
.product-list .product-list-left{flex:0 0 16.25rem;background:#fff;border-radius:0.75rem;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);padding:1.5625rem 0.9375rem;height:fit-content;top:6.5rem;position:sticky;max-height:90vh;overflow-y:auto}
.product-list .product-list-left .title{margin:0 0.9375rem 1.5625rem;padding-bottom:1.25rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.product-list .product-list-left .title h2{font-size:1.25rem;font-weight:600;}
.product-list .product-list-left .category-list li h4 {font-size:1rem;padding: 1rem 0 1rem 1.875rem;position:relative;cursor:pointer;overflow:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .product-list-left .category-list li h4 a {color:#333333;font-size:1rem;}
.product-list .product-list-left .category-list li h4::before {content:'';position:absolute;top:0;bottom:0;left:0.9375rem;margin:auto;width:3px;height:0.9375rem;background-color:#e5e5e5;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .product-list-left .category-list li h4::after {content:'';border:4px solid transparent;border-top:4px solid #888;border-bottom:none;position:absolute;width:0;height:0;right:0.9375rem;top:0;bottom:0;margin:auto;-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);-o-transform:rotateZ(-90deg);transform:rotateZ(-90deg);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .product-list-left .category-list li.active h4 a,.product-list .product-list-left .category-list li h4:hover a {color:#0863c4;}
.product-list .product-list-left .category-list li.active h4::before,.product-list .product-list-left .category-list li h4:hover::before {background-color:#0863c4;}
.product-list .product-list-left .category-list li.active h4::after,.product-list .product-list-left .category-list li h4:hover::after {border-top-color:#0863c4;}
.product-list .product-list-left .category-list li.active h4::after {-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0);}
.product-list .product-list-left .category-list li .pro-second {display:none;padding:0 0 1.5rem 0.9375rem;margin:0 1.875rem;border-bottom: 1px dashed #dcdcdc;}
.product-list .product-list-left .category-list li .pro-second h6 {padding: 0.4rem 0;}
.product-list .product-list-left .category-list li .pro-second .pro-third {padding: 0.4rem 0;margin:0 1.25rem;}
.product-list .product-list-left .category-list li .pro-second h6 a,.product-list .product-list-left .category-list li .pro-second .pro-third a {font-size:0.875rem;color:#999999;font-weight: normal;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative;display:block;padding-left:0.75rem;}
.product-list .product-list-left .category-list li .pro-second h6 a::before,.product-list .product-list-left .category-list li .pro-second .pro-third a::before {content:'';width:8px;height:2px;background:#666;position:absolute;top:0;bottom:0;left:0;margin:auto;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .product-list-left .category-list li .pro-second h6.active a,.product-list .product-list-left .category-list li .pro-second h6 a:hover,.product-list .product-list-left .category-list li .pro-second .pro-third.active a,.product-list .product-list-left .category-list li .pro-second .pro-third a:hover {color:#0863c4;}
.product-list .product-list-left .category-list li .pro-second h6.active a::before,.product-list .product-list-left .category-list li .pro-second h6 a:hover::before,.product-list .product-list-left .category-list li .pro-second .pro-third.active a::before,.product-list .product-list-left .category-list li .pro-second .pro-third a:hover::before {background:#0863c4;}
.product-list .product-list-right{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.product-list .product-list-right .product-item{background:#fff;border-radius:0.75rem;overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;height:fit-content}
.product-list .product-list-right .product-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#0863c4,#42a5f5);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease;z-index:2}
.product-list .product-list-right .product-item:hover::before{transform:scaleX(1)}
.product-list .product-list-right .product-item .product-image{position:relative;overflow:hidden;transition:transform 0.5s ease}
.product-list .product-list-right .product-item .product-image .pic{
    /*width:100%;height:100%;display:block;transition:transform 0.5s ease*/
    background-size: cover; /* 背景图铺满容器，按比例裁剪多余部分，无变形 *
    width:100%;
    height:100%;
    display:block;
    transition:transform 0.5s ease;
    object-fit: contain; /* img标签图片完整显示 */
    object-position: center;
}
.product-list .product-list-right .product-item .product-info{padding:1.5rem;position:relative}
.product-list .product-list-right .product-item .product-info .product-category{display:inline-block;background:rgba(59,130,246,0.1);color:#0863c4;padding:0.4rem 0.8rem;border-radius:2.5rem;font-size:0.875rem;margin-bottom:0.75rem;font-weight:600;letter-spacing:0.5px;transition:all 0.3s ease}
.product-list .product-list-right .product-item .product-info .product-title{font-size:1.125rem;color:#333333;margin-bottom:0.75rem;font-weight:600;transition:color 0.3s ease;line-height:1.4}
.product-list .product-list-right .product-item .product-info .product-description{color:#888888;font-size:0.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.product-list .product-list-right .product-item:hover .product-image .pic{transform:scale(1.08)}
.product-list .product-list-right .product-item:hover .product-info .product-title{color:#0863c4}



/* 产品详情 */
.product-detail{overflow:visible}
.product-detail .container-outer{display:flex;align-items:flex-start}
.product-detail .product-detail-box{flex-grow:1}
.product-detail .product-detail-top{display:flex;flex-wrap:wrap;gap:5rem}
.product-detail .product-detail-top .product-detail-slide{flex:1 1 50%;min-width:300px;max-width:46rem;position:relative;width:100%;border-radius:0.75rem;overflow:hidden}
.product-detail .product-detail-top .product-detail-swiper{position:relative;overflow:hidden;width:100%;height:100%}
.product-detail .product-detail-top .product-detail-swiper .pic{position:relative;overflow:hidden;width:100%;height:100%}
.product-detail .product-detail-top .product-detail-swiper .swiper-button-next,.product-detail .product-detail-top .product-detail-swiper .swiper-button-prev{left:auto;right:0;top:auto;bottom:0;margin:auto;width:90px;height:60px;z-index:10}
.product-detail .product-detail-top .product-detail-swiper .swiper-button-next::after,.product-detail .product-detail-top .product-detail-swiper .swiper-button-prev::after{display:none}
.product-detail .product-detail-top .product-detail-swiper .swiper-button-next{color:#fff;background:rgba(0,0,0,.3)}
.product-detail .product-detail-top .product-detail-swiper .swiper-button-prev{color:#fff;right:91px;background:rgba(0,0,0,.3)}
.product-detail .product-detail-top .product-detail-swiper .swiper-button-next:hover{background:#0863c4}
.product-detail .product-detail-top .product-detail-swiper .swiper-button-prev:hover{background:#0863c4}
.product-detail .product-detail-top .product-detail-info{flex:1 1 40%;min-width:300px;width:100%}
.product-detail .product-detail-top .product-detail-info{padding:2% 0;overflow:hidden}
.product-detail .product-detail-top .product-detail-info h3{font-size:1.5rem;font-weight: 600;padding-bottom:1.25rem}
.product-detail .product-detail-top .product-detail-info h4{font-size:1.125rem;font-weight:normal;padding-bottom:1.25rem;border-bottom:1px solid rgb(111 111 111 / 20%)}
.product-detail .product-detail-top .product-detail-info .product-text{color:#8d8d8d;font-size:1rem;line-height:1.75rem;padding:1.875rem 0;overflow:hidden;text-align:justify}
.product-detail .product-detail-top .product-detail-info .view-more svg{margin-left:0;margin-right:8px;}
.product-detail .product-detail-bottom{padding-top:3.75rem}
.product-detail .product-detail-bottom .product-detail-tabs{display:flex;background:#f2f2f2;border-radius:0.75rem}
.product-detail .product-detail-bottom .product-detail-tabs .tab{padding:1.25rem 1.875rem;margin-left:1.25rem;font-size:1rem;cursor:pointer;position:relative;transition:all 0.3s ease;color:#555}
.product-detail .product-detail-bottom .product-detail-tabs .tab.active{color:#0863c4;font-weight:bold}
.product-detail .product-detail-bottom .product-detail-tabs .tab:after{content:"";display:block;width:0;height:2px;transition:.5s;background: #0863c4;position:absolute;right:0;bottom:0}
.product-detail .product-detail-bottom .product-detail-tabs .tab.active:after{width:100%;left:0;right:auto}
.product-detail .product-detail-bottom .content-section{padding-top:3.5rem}
.product-detail .product-detail-bottom .section-title{display:flex;align-items:center;margin-bottom:2.25rem;font-size:1.25rem;color:#333}
.product-detail .product-detail-bottom .section-title i{display:inline-block;width:4px;height:22px;background:#0863c4;margin-right:1.125rem}
.product-detail .product-detail-bottom .section-content{color:rgba(0,0,0,0.6);line-height:2;font-size:1rem}
.product-detail .product-detail-bottom .section-content .dot{display:block;position:relative;padding:0.375rem 0 0.375rem 1.25rem}
.product-detail .product-detail-bottom .section-content .dot::before{content:'✦';position:absolute;left:0;color:#0863c4;font-weight:bold}
.product-detail .product-detail-bottom .section-content strong{color:rgba(0,0,0,0.9)}
.product-detail .product-detail-bottom .table-bordered{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;font-size:1rem}
.product-detail .product-detail-bottom .table-bordered td{padding:0.9375rem;text-align:left;border:1px solid #dee2e6;vertical-align:top}
.product-detail .product-detail-bottom .table-bordered td:first-child{font-weight:600;color:#343434;background-color:#f8f9fa;width:20%}
.product-detail .product-detail-bottom .table-bordered tr:nth-child(even) td:first-child{background-color:#f1f3f5}
.product-detail .product-detail-bottom .table-bordered br{display:none}
.product-detail .product-detail-bottom .section-content .notes{margin-bottom:1.25rem}
.product-detail .product-detail-bottom .section-content .download-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.product-detail .product-detail-bottom .section-content .download-list .download-item{position: relative;overflow:hidden;min-width:250px;background:#fff;border-radius:0.75rem;padding:1.25rem;display:flex;align-items:center;gap:15px;transition:all 0.3s ease;box-shadow:0 5px 20px rgba(0,0,0,0.08)}
.product-detail .product-detail-bottom .section-content .download-list .download-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#0863c4,#42a5f5);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease;z-index:2}
.product-detail .product-detail-bottom .section-content .download-list .download-item:hover::before{transform: scaleX(1);}
.product-detail .product-detail-bottom .section-content .download-list .download-item .download-icon{width:50px;height:50px;background:#0863c4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}
.product-detail .product-detail-bottom .section-content .download-list .download-item .download-info h4{margin-bottom:5px;color:#343a40}
.product-detail .product-detail-bottom .section-content .download-list .download-item .download-info p{color:#6c757d;font-size:0.9rem}

/* 最新内容 */
.latest-right{flex:0 0 22.5rem;position:sticky;top:6.5rem}
.latest-right .latest-box{border-radius:0.75rem;box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);}
.latest-right .latest-box .index-mod-title{padding:30px 20px 20px;border-bottom:1px solid #e5e5e5}
.latest-right .latest-box .index-mod-title .lines{height:1.875rem}
.latest-right .latest-box .index-mod-title .lines .line1,.latest-right .latest-box .index-mod-title .lines .line2{width:5px}
.latest-right .latest-box .index-mod-title .lines .latest-title{font-size:1.25rem;font-weight:600;line-height:1.4;margin-left:0.75rem}
.latest-right .latest-box ul li{padding:1.25rem;border-bottom:1px solid #e5e5e5}
.latest-right .latest-box ul li:last-child{border-bottom:none}
.latest-right .latest-box ul li .latest-img{border-radius:.625rem;margin-bottom:.875rem;overflow:hidden;}
.latest-right .latest-box ul li .latest-img .pic{

    width:100%;height:100%;display:block;

    background-size: cover; /* 自动缩放图片，覆盖整个容器，保持比例 */
    background-position: center center; /* 图片居中显示，避免缩放后关键部分被裁剪 */
    background-repeat: no-repeat; /* 禁止图片重复平铺 */
    background-attachment: local; /* 跟随容器滚动，适配大部分场景 */

}
.latest-right .latest-box ul li:hover .latest-img .pic{

}
.latest-right .latest-box ul li:hover .latest-tit{color:#0863c4}
.latest-right .latest-box ul li .latest-tit{font-size:1rem;font-weight:500;line-height:1.5rem;height:auto;overflow:hidden;margin-bottom:.75rem}
.latest-right .latest-box ul li .latest-text{display:flex;justify-content:space-between;align-items:center}
.latest-right .latest-box ul li .latest-text span{font-size:0.875rem;color:#888888;display: flex;align-items: center;gap: 5px;}
.latest-right .latest-box ul li .latest-text span.latest-view-icon{gap: 1px;}


/* 新闻中心列表 */
.news-list .news-list-box{display:flex;align-items:flex-start;gap:1.875rem}
.news-list .news-list-left{flex:1}
.news-list .news-list-left ul{display:flex;flex-direction:column;gap:1.25rem}
.news-list .news-list-left .news-item{padding:1.25rem;background:#fff;border-radius:0.75rem;position:relative;overflow:hidden;display:flex;gap:1.5rem;transition:all 0.3s ease;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08)}
.news-list .news-list-left .news-item::before{content:'';position:absolute;top:0;left:0;width:5px;height:0;background:linear-gradient(180deg,#0863c4,#42a5f5);transition:all 0.4s ease;z-index:2}
.news-list .news-list-left .news-item .news-img{width:30%;flex-shrink:0;border-radius:0.75rem;overflow:hidden;position:relative}
.news-list .news-list-left .news-item .news-img .pic{width:100%;height:100%;display:block;transition:transform 0.5s ease;

    background-size: cover; /* 自动缩放图片，覆盖整个容器，保持比例 */
    background-position: center center; /* 图片居中显示，避免缩放后关键部分被裁剪 */
    background-repeat: no-repeat; /* 禁止图片重复平铺 */
    background-attachment: local; /* 跟随容器滚动，适配大部分场景 */
}
.news-list .news-list-left .news-item:hover .news-img .pic{transform:scale(1.08)}
.news-list .news-list-left .news-item .news-content{width:70%;padding:1.25rem 0}
.news-list .news-list-left .news-item .news-content .news-title{font-size:1.125rem;font-weight:600;margin-bottom:0.75rem;line-height:1.4;transition:all 0.3s ease}
.news-list .news-list-left .news-item .news-content .news-desc{font-size:1rem;color:#888888;line-height:1.7;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-list .news-list-left .news-item .news-content .news-meta{display:flex;justify-content:space-between;color:#888888;font-size:0.9rem}
.news-list .news-list-left .news-item .news-content .news-meta .news-time{display:flex;align-items:center;gap:5px}
.news-list .news-list-left .news-item .news-content .news-meta .news-button{font-size:0.875rem;display:flex;justify-content:center;align-items:center;gap:3px}
.news-list .news-list-left .news-item:hover::before{height:100%;top:0;transform:translateY(0)}
.news-list .news-list-left .news-item:hover .news-content .news-title{color:#0863c4}

/* 新闻中心详情 */
.news-detail:after{content:"";display:table;clear:both}
.news-detail .news-detail-box{display:flex;align-items:flex-start;gap:1.875rem}
.news-detail .news-detail-left{flex:1;box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);border-radius:0.75rem;padding:60px}
.news-detail .news-detail-left .news-detail-title{font-size:1.5rem;font-weight:600;margin-bottom:0.75rem}
.news-detail .news-detail-left .news-detail-text{padding-bottom:1.25rem;border-bottom:1px solid #e5e5e5;margin-bottom:2.375rem;display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}
.news-detail .news-detail-left .news-detail-text span{font-size:0.9375rem;color:#999999;display: flex;align-items: center;gap: 5px;}
.news-detail .news-detail-left .news-detail-text .social-share{display:inline-block}
.news-detail .news-detail-left .news-detail-text .social-share .social-share-icon{width:24px;height:24px;font-size:12px;line-height:24px}
.news-detail .news-detail-left .news-detail-text .social-share .social-share-icon svg{width: 16px;height: 16px;}
.news-detail .news-detail-left .news-detail-text .social-share .icon-wechat .wechat-qrcode{left:-88px}
.news-detail .news-detail-left .news-detail-main{font-size:1rem;color:#666666;line-height:1.875rem;text-align:justify;padding-bottom:60px;border-bottom:1px solid #e5e5e5}
.news-detail .news-detail-left .news-detail-main p{font-size: 1rem;color: #666666;line-height: 1.875rem;padding-bottom: 1.25rem;}
.news-detail .news-detail-left .news-detail-page{margin-top:1rem;display:flex;justify-content:space-between}
.news-detail .news-detail-left .news-detail-page a{display:flex;align-items:center;padding:12px 20px;border-radius:30px;border:1px solid #ddd;color:#666;text-decoration:none;transition:all 0.3s;max-width:100%}
.news-detail .news-detail-left .news-detail-page a.prev span,.news-detail .news-detail-left .news-detail-page a.prev span svg{display: flex;justify-content: center;align-items: center;margin-right:0.75rem;}
.news-detail .news-detail-left .news-detail-page a.next span,.news-detail .news-detail-left .news-detail-page a.next span svg{display: flex;justify-content: center;align-items: center;margin-left:0.75rem;}
.news-detail .news-detail-left .news-detail-page a:hover{background:#0863c4;color:#fff;border-color:#0863c4}
.news-detail .news-detail-left .news-detail-page a:hover svg > path{stroke:#FFFFFF;}


/* 联系我们 */
.contact-information .index-mod-title{margin-bottom:2.5rem}
.contact-information .contact-information-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.contact-information .contact-information-item{background:#FFFFFF;border-radius:0.75rem;padding:3rem 1.5rem;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;cursor:pointer}
.contact-information .contact-information-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#0863c4,#42a5f5);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease;z-index:2}
.contact-information .contact-information-item:hover::before{transform:scaleX(1)}
.contact-information .contact-information-item .contact-information-icon{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.8rem;background:rgba(59,130,246,0.1);transition:all 0.3s ease}
.contact-information .contact-information-item:hover .contact-information-icon{background:#0863c4;transition:all 0.3s ease}
.contact-information .contact-information-item:hover .contact-information-icon svg path{stroke:#FFFFFF;transition:all 0.3s ease}
.contact-information .contact-information-item h3{color:#72777c;margin-bottom:0.9375rem;font-size:1rem}
.contact-information .contact-information-item p{color:#333333;font-size:1.125rem}


.language{display:flex;align-items:center;position:relative;z-index:9999;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.language > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff}
.language span{margin-left:.75rem;margin-right:.375rem;font-size:.875rem;white-space:nowrap;transition:.5s}
.language .icon-dArrow{font-size:0.75rem}
.language .language-show{position:absolute;left:0.5rem;top: calc(100% + 10px); width:130px;opacity:0;visibility:hidden;transform-origin:center top;background-color:#FFFFFF;transform:scaleY(0);box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);;transition:0.5s;border-radius: 6px;overflow: hidden;}
.language:hover .language-show{opacity:1;visibility:visible;transform:scaleY(1)}
.language .language-show a{display:block;text-align:left;justify-content:flex-start !important;padding:15px 35px 15px 25px;padding-left:25px;font-size:14px;color:#333;position:relative;z-index:1;transition:all 0.2s ease}
.language .language-show a:hover{color:#fff;background: #0863c4}

/* 电池参数表格样式 */
.battery-spec-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* 表头样式 */
.battery-spec-table th {
    padding: 12px 8px;
    text-align: left;
    border: 1px solid #e6e6e6;
    word-wrap: break-word;
    font-size: 14px;
    background-color: #409eff;
    color: #fff;
    font-weight: 500;
    position: sticky;
    top: 0; /* 配合sticky实现表头固定 */
}

/* 表格单元格通用样式 */
.battery-spec-table td {
    padding: 12px 8px;
    text-align: left;
    border: 1px solid #e6e6e6;
    word-wrap: break-word;
    font-size: 14px;
}

/* 偶数行（原白色背景） */
.battery-spec-table .even-row {
    background-color: #fff;
}

/* 奇数行（原浅灰色背景） */
.battery-spec-table .odd-row {
    background-color: #f9f9f9;
}