.propage{padding:0 0 100px}
.propagebg{background:#f7f9ff;background-image:url('/static/image/baozhuang.jpg');background-repeat: no-repeat;background-size: 100%;}
.propage-additional{position:relative;overflow:hidden;-webkit-text-size-adjust:100%}
.propage-additional__hero img{display:block;width:100%;height:auto;object-fit:cover;-o-object-fit:cover;min-height:44px}
.propage-additional__section-header{position:relative;text-align:center;padding:10px 0;box-sizing:border-box}
.propage-additional__section-header h1{margin:0;font-weight:700;min-height:44px}
.propage-additional__section-header h2{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;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;-webkit-transform:translateY(-33%);transform:translateY(-33%);font-weight:700;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}
.propage-additional__bg{position:relative}
.propage-additional__bg img{display:none}
@media (max-width:767.98px){.propage-additional__section-header{padding:16px 0}
.propage-additional__section-header h1{font-size:20px;line-height:28px}
.propage-additional__section-header h2{font-size:24px;line-height:1;opacity:.15;letter-spacing:.05em}
}@media (min-width:768px){.propage-additional__section-header{padding:64px 0 24px}
.propage-additional__section-header h1{font-size:24px;line-height:32px}
.propage-additional__section-header h2{font-size:48px;line-height:1;opacity:.12;letter-spacing:.2em}
.propage-additional__bg img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;-o-object-fit:cover;opacity:.1}

}@media (min-width:1024px){.propage-additional__section-header h1{font-size:32px;line-height:40px}
.propage-additional__section-header h2{font-size:64px}
}@media (min-width:1536px){.propage-additional__section-header h1{font-size:40px;line-height:48px}
.propage-additional__section-header h2{font-size:72px}
}.propage-additional .tap-target,.propage-additional__section-header h1,.propage-additional__hero img{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.immersive-hero{position:relative;width:100%;height:350px}
.immersive-hero__bg{position:absolute;left:0;top:0;right:0;bottom:0;background-image:url('/static/image/sudong.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
.immersive-hero__layer{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.35) 100%)}
.immersive-hero__content{position:relative;width:1320px;height:350px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 auto}
.immersive-hero__title{margin:0;color:#fff;font-weight:700;font-size:28px;line-height:1.3;min-height:44px}
@media (max-width:767.98px){.immersive-hero{min-height:44vh}
.immersive-hero__content{min-height:44vh;padding:0 16px}
.immersive-hero__title{font-size:20px;line-height:1.4}
}@media (min-width:768px){.immersive-hero__title{font-size:32px}
}@media (min-width:1024px){.immersive-hero__title{font-size:40px}
}@media (min-width:1536px){.immersive-hero__title{font-size:36px}
}.immersive-section-title{position:relative;padding:100px 16px;text-align:center}
.immersive-section-title__inner{position:relative;max-width:1200px;margin:0 auto}
.immersive-section-title__title{margin:0;font-size:24px;line-height:32px;font-weight:700;color:#111;min-height:44px}
.immersive-section-title__watermark{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);font-size:64px;line-height:1;color:#000;opacity:.08;letter-spacing:.2em;pointer-events:none;white-space:nowrap}
@media (max-width:767.98px){.immersive-section-title{padding:24px 12px}
.immersive-section-title__title{font-size:20px;line-height:28px}
.immersive-section-title__watermark{font-size:32px;-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%)}
}@media (min-width:1024px){.immersive-section-title__title{font-size:32px;line-height:40px}
.immersive-section-title__watermark{font-size:72px}
}@media (min-width:1536px){.immersive-section-title__title{font-size:40px;line-height:48px}
.immersive-section-title__watermark{font-size:84px}
}
.solution-block{position:relative;max-width:1320px;margin:0 auto;}
.solution-block__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:24px}
.solution-block__content{flex:1;min-width:0}
.solution-block__content p{line-height:30px!important}
.solution-block__meta{color:#b91c1c;font-size:14px;line-height:20px;margin-bottom:8px}
.solution-block__title{margin:0 0 12px;font-size:24px;line-height:32px;font-weight:700;color:#111}
.solution-block__desc{margin:0 0 16px;color:#444;font-size:14px;line-height:24px}
.solution-block__features{margin:24px 0 20px}
.solution-block__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.solution-block__item{position:relative;padding-left:18px;font-size:14px;color:#222}
.solution-block__item:before{content:"";position:absolute;left:6px;top:10px;width:6px;height:6px;border-radius:50%;background:#b91c1c}
.solution-block__media{flex:0 0 520px;overflow:hidden;border-radius:12px}
.solution-block__image{display:block;width:100%;height:100%;object-fit:cover;-o-object-fit:cover;border-radius:12px;-webkit-transition:-webkit-transform 300ms ease,filter 300ms ease;transition:transform 300ms ease,filter 300ms ease;will-change:transform;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.solution-block__media:hover .solution-block__image,.solution-block__media:focus-within .solution-block__image{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.solution-block__image{-webkit-transition:none;transition:none}
}.solution-block__partners{margin-top:24px}
.solution-block__partners-title{font-size:14px;line-height:20px;color:#777;margin:80px 0 30px}
.solution-block__logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.solution-block__logo{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;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);min-height:120px;text-decoration:none}
.solution-block__logo-text{font-size:20px;font-weight:700;color:#111}
@media (max-width:767.98px){.solution-block{padding:16px}
.solution-block__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.solution-block__media{flex:0 0 auto}
.solution-block__title{font-size:20px;line-height:28px}
.solution-block__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.solution-block__logos{grid-template-columns:repeat(2,minmax(0,1fr))}
.solution-block__logo{min-height:88px}
}.header--overlay{position:fixed;left:0;top:0;right:0;z-index:9999;background:transparent}
.header--overlay .header-bottom{position:relative;background:transparent !important}
.header--overlay .sticky-bar{position:relative}
.header--overlay .sticky-white-bg{background-color:transparent !important}
.header--overlay .logo img{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.header--overlay nav a{color:#fff}
@media (max-width:767.98px){.header--overlay{background:rgba(0,0,0,.2)}
.header--overlay nav a{color:#fff}
}.immersive-hero__bg{position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.product{padding:10px 0;margin:0 auto;}
.index-center-title{text-align:center;margin-bottom:26px}
.index-center-title img{display:inline-block;max-width:520px;height:auto}
.product-list ul{display:flex;flex-wrap: wrap;justify-content:flex-start;gap:50px 20px;list-style:none}
.product-list ul li{width:100%;height:500px;position:relative;flex:0 0 calc(23.8% - 0px);border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.08);overflow:hidden}
.product-list ul li .e-img{position:absolute;left:50%;top:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60%}
.product-list ul li .e-img img{display:block;width:100%;height:auto}
.product-list ul li .e-title{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-weight:700;font-size:22px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25)}
.product-list ul li:after{content:"";position:absolute;left:0;right:0;bottom:0;height:65%;border-radius:18px}
.product-list ul li.li-bg-1:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#F8A099 70%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#F8A099 70%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#F8A099 70%)}
.product-list ul li.li-bg-2:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#FFC93C 70%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#FFC93C 70%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#FFC93C 70%)}
.product-list ul li.li-bg-3:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#C6D954 70%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#C6D954 70%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#C6D954 70%)}
.product-list ul li.li-bg-4:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#F8A099 70%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#F8A099 70%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#F8A099 70%)}
.product-list ul li.li-bg-5:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#B27C9A 70%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#B27C9A 70%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#B27C9A 70%)}
.product-list ul li.li-bg-6:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#FFC93C 70%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#FFC93C 70%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#FFC93C 70%)}
.li-bgs{}
.e-hover-box{position:absolute;inset:0;opacity:0;-webkit-transition:opacity 10ms ease;transition:opacity 10ms ease;border-radius:18px;overflow:hidden;width:100%}
.li-hover-bg{background-size:cover;background-position:center}
.e-hover-box:before{content:"";position:absolute;inset:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 70%);background-image:-o-linear-gradient(left,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 70%);background-image:linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 70%)}
.e-hover-detail{position:relative;z-index:1;padding:28px;color:#fff}
.e-hover-title{font-weight:700;font-size:14px;margin-bottom:12px}
.e-hover-content p{font-size:14px;color:#fff}
.product-list ul li:hover .e-hover-box,.product-list ul li:focus-within .e-hover-box{opacity:1}
@media (max-width:1024px){.product-list ul{-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}
.product-list ul li{width:300px;height:520px}
}@media (max-width:768px){.product{padding:36px 0}
.index-center-title img{max-width:360px}
.product-list ul{gap:16px}
.product-list ul li{width:260px;height:460px}
.e-hover-detail{max-width:86%}
}@media (prefers-reduced-motion:reduce){.e-hover-box{-webkit-transition:none;transition:none}
}.product-list ul li:has(.e-hover-box:hover),.product-list ul li:has(.e-hover-box:focus){-webkit-transform:scale(1.10);-ms-transform:scale(1.10);transform:scale(1.10);box-shadow:0 24px 60px rgba(0,0,0,.28);z-index:4}
.product-list ul li:has(.e-hover-box:hover):after,.product-list ul li:has(.e-hover-box:focus):after{left:-24px;right:-24px;bottom:-24px;height:78%;border-radius:24px}

/*通用标题*/
.block h2.title{position: relative;font-size: 40px;color: #666666;text-align: center;padding-bottom: 15px;}
.block h2.title.line:after{display: block;content: "";position: absolute;width: 65px;height: 3px;background: #4585f2;bottom: 5px;left: 50%;transform: translateX(-50%);}
.block p.sub-title{font-size: 18px;color: #666666;text-align: center;}
/*创新*/
.innovate{width: 100%;height: auto;overflow: hidden;padding: 95px 0 130px 0;}
.innovate .desc{color: #b4b4b4;font-size: 16px;text-align: center;padding: 35px 0 60px 0;line-height: 30px;}
.innovate .list{width: 100%;height: auto;overflow: hidden}
.innovate .list ul{width: 1320px;margin: 0 auto;height: auto;overflow: hidden;text-align: center;}
.innovate .list ul li{display: inline-block;width: 630px;height: 250px;margin: 8px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 25px rgba(210,210,210,.2);background-repeat: no-repeat;padding-left: 40px;transition: all .3s;}
.innovate .list ul li:hover{transition: all .3s;transform: translateY(-5px);}
.innovate .list ul li h4{font-weight: bold;color: #4585f2;font-size: 24px;text-align: left;padding: 55px 0 25px 0;}
.innovate .list ul li p{color: #333333;font-size: 14px;text-align: left;width: 60%;line-height: 25px;}
.innovate .list ul li.one{background-image: url(/static/image/cxkj-pic1.png);background-position: center right 50px;}
.innovate .list ul li.two{background-image: url(/static/image/cxkj-pic2.png);background-position: center right 50px;}
.innovate .list ul li.three{background-image: url(/static/image/cxkj-pic3.png);background-position: center right 50px;}
.innovate .list ul li.four{background-image: url(/static/image/cxkj-pic4.png);background-position: center right 30px;}