@charset "utf-8";
/*幻灯片工始*/
.w3l-main-slider p.slideone{font-size:14px;color:#fff;display:inline-block;border:1px groove #fff;text-transform:uppercase;font-weight:700;padding:6px 12px}
.w3l-main-slider p.slidetwo{font-size:18px;color:var(--primary);font-weight:700}
.w3l-main-slider p.slidethree{font-size:16px;line-height:25.6px;color:#fff;max-width:700px;margin-left:auto;margin-right:auto}
.w3l-main-slider h3.banner-text{font-size:50px;line-height:60px;color:#fff;font-weight:700;margin-bottom:60px;max-width:750px;margin-left:auto;margin-right:auto}
.w3l-main-slider .banner-slider{position:relative;z-index:1}
.w3l-main-slider .banner-view{background:url(../images/mainslide1.jpg) no-repeat center;background-size:cover;min-height:700px;position:relative;z-index:0;display:grid;align-items:center}
.w3l-main-slider .banner-top1{background:url(../images/mainslide2.jpg) no-repeat center;background-size:cover}
.w3l-main-slider .banner-top2{background:url(../images/mainslide3.jpg) no-repeat center;background-size:cover}
.w3l-main-slider .banner-top3{background:url(../images/mainslide4.jpg) no-repeat center;background-size:cover}
.w3l-main-slider .banner-view:before{content:"";background:rgba(7,10,12,0.45);position:absolute;top:0;min-height:100%;left:0;right:0;z-index:-1}
.w3l-main-slider li {list-style-type: none;}

.owl-theme .owl-nav{position: absolute;width: 100%;top: calc(50% - 25px);}
.owl-theme .owl-nav svg{ width:2rem; height:2rem}
.owl-theme .owl-nav .owl-prev{ float:left;font-size: 0;display: flex;align-items: center;justify-content: center;}
.owl-theme .owl-nav .owl-next{ float:right;font-size: 0;display: flex;align-items: center;justify-content: center;}
.owl-theme .owl-nav [class*=owl-]{font-size: 0!important}
@media (max-width:1440px){.w3l-main-slider .banner-view{min-height:600px}}
@media (max-width:900px){.w3l-main-slider h3.banner-text{font-size:45px;line-height:50px}}
@media (max-width:600px){.w3l-main-slider .banner-view{min-height:550px}}
@media (max-width:569px){.w3l-main-slider h3.banner-text{font-size:35px;line-height:40px}.w3l-main-slider .banner-view{min-height:430px}}
@media (max-width:440px){.w3l-main-slider h3.banner-text{font-size:25px;line-height:34px}}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */ 
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:block}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{border:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1} 100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-dots{margin-top:0px;bottom:20px;position:absolute;left:0;right:0}
.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:25px;margin:0px;padding:0;background:rgba(255,239,236,0.33);display:inline-block;cursor:pointer;transition:0.3s ease-in-out;height:50px;width:50px;line-height:50px;border-radius:50%}
.owl-theme .owl-nav [class*=owl-]:hover{background:var(--primary);opacity:1;text-decoration:none;outline:none;box-shadow:none;transition:0.3s ease-in-out}
.owl-theme .owl-nav [class*=owl-]:focus,.owl-theme:focus,.owl-dots:focus,.owl-dot:focus{outline:none;box-shadow:none}
.owl-theme .owl-nav .disabled{opacity:.8;cursor:default}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:30px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;background:transparent;padding:0}
.owl-theme .owl-dots .owl-dot span{width:11px;height:11px;margin:5px 5px;background:#fff;display:block;border:1px solid var(--primary);-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;position:relative}
button.owl-next,button.owl-prev{position:absolute;bottom:50%}
button.owl-prev{left:15px}
button.owl-next{right:15px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--primary)}
@media all and (max-width:640px){button.owl-prev{left:0px}button.owl-next{right:0px}}
@media all and (max-width:480px){button.owl-next,button.owl-prev{position:absolute;bottom:0%}}
/*幻灯片结束*/

.new-product{ position:relative; }
.new-product > div{ background-color:#FFFFFF}
.new-product::before{position: absolute;content: '';width: 100%;background-image: url(../images/new-product-bg-l.png);height: 100%;background-repeat: no-repeat;background-size: auto 98%; z-index: -1;}
.new-product::after{position: absolute;content: '';width: 100%;background-image: url(../images/new-product-bg-r.png);height: 100%;background-repeat: no-repeat;background-size: auto 98%; background-position:100%;top: 0;z-index: -1; }
.new-product .title{ text-align:center; color: #2591d1;font-size: 2rem;font-weight: bold;}
.new-product .category{ list-style: none; padding:0}
.new-product .category li{font-size: 1.025rem;font-weight: bold;}
.new-product .category li:not(:first-child){ margin-top:1rem}
.new-product .category li a{ color:#0b2154; background-color:#f2f2f2;display: block; padding:1rem;}
.new-product .category .active a{ color:#ffffff; background-color:#2591d1;}
.new-product h3{ font-size:1.5rem; color:#0b2154}
.new-product .info{ font-size:0.9rem; color:#596277}
.new-product .info-e{ font-size:0px}
.new-product .hal{ font-size:1rem; line-height: 2; background-position: 0% 0%;background-repeat: no-repeat;}

.product-line {background-color:#7ed0f7;background-repeat: no-repeat;}
.product-line .container-lg{ position:relative}
.product-line .container-lg::before{ content:''; position:absolute;  background-image:url(../images/procduct-line-bg.png);width: 150px;height: 100%;left: -200px;background-repeat: no-repeat;background-position: right;background-size: 50% auto;}
.product-line .title{ text-align:center; color: #2591d1;font-size: 2rem;font-weight: bold;}
.product-line .testimonial-text{ color:#050101; font-family:Arial, Helvetica, sans-serif; font-size:1.025rem; font-weight:bold; background-color:#f2f2f2; text-align:center;padding:1rem 0;}
.product-line .pro-col,
.product-line .pro-col .con-img{ overflow:hidden; }
.product-line .pro-col:hover .link{right: 15px;}
.product-line .pro-col .link{ position:absolute;right: -100px;bottom: 0px;padding: 0px;background-color: #ffc246;color: #fff;font-size: 1.25rem;line-height: 1;transition:all .4s ease}
.product-line .pro-col .link a{ color:#fff; }
.product-line .pro-col .link i{ display: block;padding: 0.5rem;transition:all .4s ease}
.product-line .pro-col .link i:hover{ display: block;padding: 0.5rem;background-color:#776644}
/*修改后*/
.product-line{background: linear-gradient(135deg, #e6f7ff 0%, #c3e6fc 100%);}
.product-line header{
    text-align: center;margin-bottom: 30px;padding: 20px;background: rgba(255, 255, 255, 0.9);border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 120, 215, 0.1);position: relative;overflow: hidden;width: 100%;
}
.product-line .tech-background {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.05;
    background: radial-gradient(circle at 20% 30%, #2a5a8d 0%, transparent 20%), radial-gradient(circle at 80% 70%, #2a5a8d 0%, transparent 20%), linear-gradient(45deg, transparent 40%, #2a5a8d 50%, transparent 60%);
    background-size: 300% 300%;z-index: 1;
}
.product-line .circuit-lines {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.1;
    background-image: linear-gradient(90deg, transparent 90%, #2a5a8d 100%), linear-gradient(180deg, transparent 90%, #2a5a8d 100%);
    background-size: 30px 30px;
}
.product-line .logo {
    display: flex;align-items: center;justify-content: center;margin-bottom: 15px;position: relative;z-index: 2;
}
.product-line .logo-icon {
    font-size: 32px;color: #2a5a8d;margin-right: 12px;
}
.product-line .fa-microchip:before {
    content: url(data:image/png;base64,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);
}

.product-line .tech-title {
    font-size: 2.8rem;font-weight: 800;text-transform: uppercase;
    background: linear-gradient(90deg, #2a5a8d, #3a7bd5, #2a5a8d);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;
    position: relative;display: inline-block;letter-spacing: 1.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);padding: 0 15px;
}
.product-line .tech-title::before,.product-line .tech-title::after {
    content: '';position: absolute;top: 50%;width: 35px;height: 2px;
    background: linear-gradient(90deg, transparent, #3a7bd5, transparent);
}
.product-line .product-grid {
    display: grid;grid-template-columns: repeat(4, 1fr);
    gap: 8px;margin-bottom: 30px;width: 100%;
}
.product-line .product-card {
    background: white;border-radius: 12px;overflow: hidden;transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(0, 120, 215, 0.1);border: 1px solid rgba(0, 120, 215, 0.08);
    display: flex;flex-direction: column;
}
.product-line .product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 120, 215, 0.18);
}
.product-line .product-image {
    width: 100%;height: 260px;background: linear-gradient(135deg, #f0f9ff, #e1f5fe);
    display: flex;align-items: center;justify-content: center;position: relative;
    overflow: hidden;flex-shrink: 0;padding: 0;
}
.product-line .product-image img {
    width: 100%;height: 100%;object-fit: cover;transition: all 0.4s ease;
}
.product-line .product-card:hover .product-image img {
    transform: scale(1.08);
}
.product-line .product-info {
    padding: 15px;text-align: center;display: flex;flex-direction: column;justify-content: center;flex-grow: 1;
}
.product-line .product-name {
    font-size: 1.1rem;font-weight: 600;cursor: pointer;padding: 10px 5px;background: linear-gradient(90deg, #2a5a8d, #3a7bd5);
    color: white;border-radius: 20px;transition: all 0.3s ease;display: block;margin-top: 8px;white-space: nowrap;
    overflow: hidden;text-overflow: ellipsis;width: 100%;text-align: center;
}
.product-line .product-name:hover {
    background: linear-gradient(90deg, #3a7bd5, #2a5a8d);box-shadow: 0 0 12px rgba(58, 123, 213, 0.35);transform: translateY(-2px);
}
@media (max-width: 1200px) {
    .product-line .product-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 700px) {
    .product-line .product-grid {grid-template-columns: 1fr;gap: 15px;}
    .product-line header {padding: 15px 12px;}
    .product-line .tech-title {font-size: 2rem;}
    .product-line .tech-title::before, .tech-title::after {width: 20px;}
    .product-line .tech-title::before {left: -25px;}
    .product-line .tech-title::after {right: -25px;}
    .product-line .product-image {height: 220px;}
    .product-line .product-name {font-size: 1rem;padding: 8px 5px;}
}
        
        
.why-us h3{ color:#1c0a1a;text-align: center;font-size: 2.275rem;font-weight: 700;}
.why-us p{ line-height: 2;}
.why-us .img-one {overflow: hidden; max-height: 360px;}
.why-us .img-one img { display: block;transition: transform 0.3s linear; width: 100%;}
.why-us .img-one img:hover { transform: scale(1.1); transition: transform 0.3s linear; }
.why-us .img-one.content-mid {background: var(--primary); min-height: 100%;align-items: center;display: grid;padding: 0px 40px; }
.why-us .info h3 {color: #fff;font-size: 32px;font-weight: 700; }
.why-us .info p.white {color: #fff;}
.why-us .info p {color: #eee;font-size: 14px;line-height: 24.5px;}
.why-us .theme-button {transition: 0.3s ease-out;display: inline-block;line-height: 40px;font-weight: 700;font-size: 12px;margin: 0px;padding: 0px 25px;border-radius: 0;text-transform: uppercase;}
.why-us .btn-primary {background-color: #ffc246;border-color: #ffc246;border-radius: 20px;}
.why-us .img-info.content-mid {background: var(--secondary);min-height: 100%;align-items: center;display: grid;padding: 0px 40px;}
.why-us .img-info .content-mid a { color: #fff;text-decoration: none;}
.why-us .img-info .content-mid a:hover {text-decoration: none;}

.what-news{ background-color:#f8f9fd; margin-top: -1rem;}
.what-news .title{color: #2591d1; font-size: 2rem;font-weight: bold;}
.what-news h3{ font-size:1.5rem; }
.what-news .category{ display:flex;    justify-content: space-between;list-style: none;  padding:0px;}
.what-news .category > li{line-height:2.5;flex-grow:1;text-align:center;background-color:#fff;border-radius:5px;box-shadow:0 0 3px 0px #ccc;margin:5px;cursor: pointer;font-weight: 700;}
.what-news .category > li.active, .what-news .category > li:hover{background-color:#2591d1; color:#fff;box-shadow:0 0 3px 0px rgba(5,1,1,0.5);}
.what-news .new-con{ background-color:#fff;box-shadow: 0px 0px 0.5rem 0px #ccc;}
.what-news .new-con ul{ list-style:none;margin:0;padding: 0.5rem;}
.what-news .new-con ul a{ color:#000;}