#search{width:100%}
/*Banner003212 */
.Banner003212{--black:#000;--white:#fff;--white-opacity-50:rgba(255,255,255,0.5);}
.Banner003212 .controls{position: absolute;z-index: 101;right: 0; padding-top: 0.42rem;}
/*.Banner003212 .controls:before{position: absolute; content: '';width: 0.8rem; height: 5px; background-color: var(--white); top: -3px; left: 0;}*/
.Banner003212 .controls .num{font-size: var(--font-size36);color: var(--white); line-height: 0.8; margin-right: 0.25rem; font-weight: 700;display: flex;align-items: flex-end;}
.Banner003212 .controls .num .cur{font-size: var(--font-size72);width: 1em;text-align: right;display: inline-block; margin-right: 0.1em;}
.Banner003212 .controls .pages{z-index: 2; display: flex;align-items: center; margin-bottom: 0.07rem;}
.Banner003212 .controls .pages span{display: block;width: 0.15rem; height: 0.15rem;border-radius: 50%;background-color: var(--white); opacity: 0.3; cursor: pointer;}
.Banner003212 .controls .pages span + span{margin-left: 0.14rem;}
.Banner003212 .controls .pages span.swiper-pagination-bullet-active{opacity: 1;}

.mouse{position: absolute; bottom: calc(29 / 960 * 100%); width: 0.24rem; left: 50%;margin-left: -0.12rem; height: 0.4rem; border-radius: 0.12rem; border: solid 2px #e9e9e9;z-index: 10;}
.mouse:after{width: 2px;height: 0.08rem;background-color: var(--white);border-radius: 1px; position: absolute; content: ''; left: 50%;margin-left: -1px; top: 0.07rem; animation: mouse 1s infinite;}
@keyframes mouse {
0%{transform: translateY(0); opacity: 0;}
100%{transform: translateY(0.1rem);opacity: 1;}
}
@media (min-width:1025px) {
.Banner003212 .controls{bottom: calc(57 / 960 * 100vh); width: 1.6rem; }
.menu-show .Banner003212 .controls{right: -3.6rem;}
}
@media (max-width:1024px) {
.Banner003212{position: relative;z-index: 1;}
.Banner003212 .controls{bottom: calc(57 / 960 * 100%); padding-top: 0.2rem;padding-right: 0.2rem;}
.Banner003212 .controls .num{font-size: var(--font-size20);}
.Banner003212 .controls .num .cur{font-size: var(--font-size36);}
}
.banner-lanmu .root-swiperVideo .Ispic{height: auto;}
.banner-lanmu img.wap{display:block;}
/*Floor003208 */
.Floor003208{--hover-color:#0066ff;--black-555:#555;--white:#fff;--font:'Barlow'; font-family:var(--font);position: relative;z-index: 1; overflow: hidden; padding-bottom: var(--padMar150);}
.Floor003208 .before,
.Floor003208 .after{position: absolute;content: '';}
.Floor003208 .before{width: 2.66rem; height: 2.66rem;background-color: #f0f0f0; left: 0; bottom: 0;clip-path: polygon(0 0,100% 100%,0 100%);}
.Floor003208 .after{right:0; left:0; height:1.07rem; background:var(--hover-color) url(../images/Floor003208-prod-mark.jpg) no-repeat center center / 1920px auto; top:0; clip-path: polygon(0 0,100% 0,36% 100%);z-index: -1; transition: 0.3s;}

.Floor003208 .cate-list{margin-bottom: var(--padMar130);}
.Floor003208 .cate-list ul{align-items: stretch;}
.Floor003208 .cate-list li{border: solid 1px #3384ff; width: calc(100% / 2);text-align: center; background-color: var(--hover-color); position: relative; transition: 0.3s;}
.Floor003208 .cate-list li .Ispic{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 1; opacity: 0; transition: 0.3s; transform: scale(1.2);}
.Floor003208 .cate-list li:hover{background-color: #232830;}
.Floor003208 .cate-list li:hover .Ispic{ opacity: 0.2; transform: scale(1);}
.Floor003208 .cate-list li:not(:nth-child(1)){margin-left: -1px;}
.Floor003208 .cate-list li a{display: flex; position: relative;z-index: 3; height: 1.5rem; flex-direction: column;align-items: center; justify-content: center;}
.Floor003208 .cate-list li a p{margin: 0; font-size: var(--font-size18); font-weight: 500;letter-spacing: -1px;color: var(--white);}
.Floor003208 .cate-list li .ico{height: 0.7rem;}
.Floor003208 .cate-list li .ico img{filter: brightness(0) invert(1); transition: 0.3s; max-height: 0.6rem;}
.Floor003208 .cate-list li:hover .ico img{filter: none;}

.Floor003208 .left .txt{margin-bottom: 1.12rem;}
.Floor003208 .all-title{margin-bottom: 0.4rem;}
.Floor003208 .left .txt pre{font-weight: 500;font-size: var(--font-size24);font-family: var(--font);}
.Floor003208 .swiper-slide a{display: block; }
.Floor003208 .swiper-slide .pic{display: flex;justify-content: center;  align-items: center;  padding-bottom: 0.4rem;}
.Floor003208 .swiper-slide .txt{border-bottom: 1px solid var(--black-555); height: 0.67rem;position: relative;}
.Floor003208 .swiper-slide .txt p{margin: 0; font-weight: 600; font-size: var(--font-size16); background: url(../images/Floor003208-more-on.svg) no-repeat right bottom 0.5em / auto 0.12rem; line-height: calc(29 / 20); }
.Floor003208 .swiper-slide .txt:after{position: absolute;left: 0;bottom: -1px;height: 1px;content: ''; background-color: var(--hover-color); width: 100%; transform-origin: 100% 50%;transform: scaleX(0); transition: transform 1s;}
.Floor003208 .swiper-slide a:hover .txt:after{transform: scaleX(1); transform-origin: 0 50%;}

.Floor003208 .controls{display: flex;}
.Floor003208 .controls a{width: 0.5rem; height: 0.5rem; transform: skewX(-10deg); background-color: var(--hover-color);display: flex;align-items: center; justify-content: center; cursor: pointer;}
.Floor003208 .controls a + a{margin-left: 0.1rem;}
.Floor003208 .controls a:after{display: block;width: 0.1rem; height: 0.2rem; background: url(../images/Floor003208-more-white.svg) no-repeat center center; background-size: contain; content: ''; transform: skewX(10deg);}
.Floor003208 .controls a.prev{background-color: #2d2c2c;}
.Floor003208 .controls a.prev:after{transform: skewX(10deg) rotateY(180deg);}

.Floor003208 .all-title span,.all-title span{font-weight: 700; font-size: var(--font-size48);background: url(../images/Floor003208-title-line-black.png) repeat; -webkit-background-clip: text; color: transparent;line-height: calc(42 / 48);display: block; }

.Floor003208 .all-more a{font-weight: 600;font-style: italic; display: inline-flex;align-items: center; font-size: var(--font-size18);}
.Floor003208 .all-more a:after{display: block; content: ''; margin-left: .1rem; width: 0.06rem; height: 0.12rem; background: url(../images/Floor003208-more.svg) no-repeat center center / contain; transition: 0.3s;}
.Floor003208 .all-more a.word:hover:after{background-image: url(../images/Floor003208-more-on.svg);}

.newProduct{padding-top:var(--padMar150)}

@media (min-width:1025px) {
/*.Floor003208 .cate-list{ padding: 0.84rem 0 0 calc(403/ 1920 * 100vw); }*/
/*.Floor003208 .cate-list ul{ width:9.4rem;}*/
.Floor003208 .left{flex: 1; margin-right: 0.4rem;}
.Floor003208 .right{width: calc(1050 / 1440 * 100%); flex-shrink: 0;}
.Floor003208 .right .inner{width: 143.048%; overflow: hidden;padding-top: 0.62rem;margin-top: -1.04rem;}
.Floor003208 .swiper{overflow: initial; padding-left: 0.62rem; }
.Floor003208 .swiper-slide{padding-top: 0.62rem;}
.Floor003208 .swiper-slide a{margin-right: 1.2rem;}
.Floor003208 .swiper-slide .pic{transform: translateX(-0.62rem);transition: 0.3s 0.3s;height:2.74rem;margin-left:.5rem}
.Floor003208 .swiper-slide .pic img{transform: scale(1); transition: 0.3s 0.3s;}
.Floor003208 .swiper-slide-active .pic{transform: translateX(0);margin-left:0}
.Floor003208 .swiper-slide-active .pic img{transform: scale(calc(451 / 360));}
.Floor003208 .swiper-slide .txt p{padding-right:2em;}
}
@media (max-width:1024px) {
.Floor003208 .after{display:none;}
.Floor003208 .swiper-slide .pic{height: 2.4rem;}
.Floor003208 .swiper-slide .pic img{max-height: 80%;max-width: 90%;}
.Floor003208 .swiper-slide .txt {margin: 0 0.1rem;}
.Floor003208 .swiper-slide .txt p{font-size: var(--font-size16);}
.Floor003208 .controls{justify-content: flex-end;margin-bottom: 0.3rem;}
.Floor003208 .swiper-wrapper{height: auto;}
.Floor003208 .after{height: 32%;left: 0;right: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, -48% 10%);}
.Floor003208 .before{width: 100%;clip-path:polygon(0 0,100% 52%,100% 100%,0 100%);}
.Floor003208 .cate-list{padding: 0 2%;}
.Floor003208 .cate-list li a{height: 1rem;}
.Floor003208 .cate-list li a p{font-size: var(--font-size14);}
.Floor003208 .cate-list li .ico{height: 0.4rem;}
.Floor003208 .cate-list li .ico img{max-height: 0.3rem;}
.Floor003208 .left .txt{margin-bottom: 0;}
}
/*Floor003209 */
.Floor003209{--hover-color:#0066ff;--white-opacity-20:rgba(255,255,255,0.2);--white:#fff;--font:'Barlow'; position: relative;z-index: 1; color: var(--white);font-family:var(--font); overflow: hidden; font-weight: 500;}
.Floor003209 .all-title span{font-weight: 700; font-size: var(--font-size48);background: url(../images/Floor003209-title-line-white.png) repeat; -webkit-background-clip: text; color: transparent;line-height: calc(42 / 48);display: block; margin-bottom: 0.3rem;}

.Floor003209 .all-more{margin-top: 0.6rem;}
.Floor003209 .all-more a{font-weight: 600;font-style: italic;display: inline-flex;align-items: center; font-size: var(--font-size18);}
.Floor003209 .all-more a:after{display: block; content: ''; margin-left: .1rem; width: 0.06rem; height: 0.12rem; background: no-repeat center center / contain; transition: 0.3s;}
.Floor003209 .all-more a[class*=border-]{position: relative; padding: 0 0.2rem; line-height: 0.4rem;z-index: 3;transition: 0.3s;}
.Floor003209 .all-more a[class*=border-]:before{position: absolute; left: 0;top:0;width: 100%;height: 100%; transform: skewX(-10deg); border:2px solid transparent; content: '';z-index: -1; transition: 0.3s;}
.Floor003209 .all-more a.border-white{color: var(--white);}
.Floor003209 .all-more a.border-white:before{border-color: var(--white);}
.Floor003209 .all-more a.border-white:after{background-image: url(../images/Floor003209-more-white2.svg);}
.Floor003209 .all-more a[class*=border-]:hover{letter-spacing: 0.1em;}
.Floor003209 .all-more a[class*=border-]:hover:before{background-color: var(--hover-color);border-color: var(--hover-color);}
.Floor003209 .all-more a[class*=border-]:hover:after{background-image: url(../images/Floor003209-more-white2.svg); margin-left: 0.2rem;}

.Floor003209 .editor-info{font-size: var(--font-size18); line-height: calc(24 / 18);text-align:justify;}

.Floor003209 [class*=autoCon-]{position: relative;z-index: 3;}
.Floor003209 .video{position: absolute; left: 0;width: 100%;height: 100%; top: 0;overflow: hidden;display: flex;align-items: center; justify-content: center; background-color: #232830;z-index: 1;}
.Floor003209 .video img{min-height: 100%; opacity: 0.1;max-width:none; width: fit-content;}

.Floor003209 .after{position: absolute; content: ''; width: 6.78rem; height: 100%; background-color: var(--hover-color); left: 0;top: 0;z-index: 2;clip-path: polygon(0 0,39.233% 0,100% calc(411 / 960 * 100%),19.174% 100%,0 100%);}
.Floor003209 .intro .title{font-size: var(--font-size24); }

.Floor003209 .right li{border-bottom: 1px solid var(--white-opacity-20);position: relative;line-height: 1; }
.Floor003209 .right li:after{position: absolute;left: 0;height: 1px;background-color: var(--hover-color); bottom: -1px;content: ''; transform: scaleX(0); transform-origin: 100% 50%;transition: 0.3s transform;width: 100%;}
.Floor003209 .right li:hover:after{transform: scaleX(1); transform-origin: 0 50%;width: 50%;}
.Floor003209 .right li .num{display: flex;align-items: flex-start; }
.Floor003209 .right li .counter{font-size: var(--font-size48); font-weight: 600;}
.Floor003209 .right li  sup{font-size: var(--font-size30); margin-left: 0.1rem;}

@media (min-width:1025px) {
.Floor003209 [class*=autoCon-]{height: 9.6rem;  padding-top:2.22rem;}
.Floor003209 .left{width: calc(732 / 1440 * 100%);}
.Floor003209 .right{min-width: calc(240 / 1440 * 100%);}
.Floor003209 .right ul{width: calc(480 / 240 * 100%);}
.Floor003209 .right li{padding-right: 0.2rem;}
.Floor003209 .right li + li{margin-top: 0.65rem;}
}
@media (max-width:1024px) {
.Floor003209{padding: var(--padMar100) 0;}
.Floor003209 .after{width: 100%;}
.Floor003209 .right{margin-top: var(--padMar100);}
.Floor003209 .right li{display: flex;flex-direction: column;align-items: flex-end;}
.Floor003209 .intro{max-width: 70%;}
.Floor003209 .right li{border-bottom-color:var(--hover-color);}
.Floor003209 .right li + li{margin-top: 0.3rem;}
.Floor003209 .right li:hover:after{width: 100%;}
}
@media (max-width:640px) {
.Floor003209 .right li .counter{font-size: var(--font-size32);}
.Floor003209 .editor-info{font-size: var(--font-size14);}
}
/*Floor003210 */
.Floor003210{--black-555:#555;--white:#fff;--hover-color:#0066ff; font-family: 'Barlow';position: relative;z-index: 1; overflow: hidden;background-color: #f0f0f0; padding: var(--padMar140) 0 3.27rem 0;}
.Floor003210:before{position: absolute;content: '';width: 100%; height: 100%; left: 0; top: 0;clip-path: polygon(0 calc(690 / 1130 * 100%),calc(690 / 1920 * 100%) 0,100% 0,100% calc(420 / 1130 * 100%),calc(1210 / 1920 * 100%) 100%,0 100%);z-index: 1; background-color: var(--white);}
.Floor003210 .swiper-wrapper{height: auto;}

.Floor003210 .all-title span{font-weight: 700; font-size: var(--font-size48);background: url(../images/Floor003210-title-line-black.png) repeat; -webkit-background-clip: text; color: transparent;line-height: calc(42 / 48);display: block; }
.Floor003210 .all-more a{font-weight: 600;font-style: italic;display: inline-flex;align-items: center; font-size: var(--font-size18);}
.Floor003210 .all-more a:after{display: block; content: ''; margin-left: .1rem; width: 0.06rem; height: 0.12rem; background: url(../images/Floor003210-more.svg) no-repeat center center / contain; transition: 0.3s;}
.Floor003210 .all-more a[class*=border-]{position: relative; padding: 0 0.2rem; line-height: 0.4rem;z-index: 3;transition: 0.3s;}
.Floor003210 .all-more a[class*=border-]:before{position: absolute; left: 0;top:0;width: 100%;height: 100%; transform: skewX(-10deg); border:2px solid transparent; content: '';z-index: -1; transition: 0.3s;}
.Floor003210 .all-more a.border-red{color: var(--hover-color);}
.Floor003210 .all-more a.border-red:before{border-color: var(--hover-color);}
.Floor003210 .all-more a.border-red:after{background-image: url(../images/Floor003210-more-on.svg);}
.Floor003210 .all-more a.border-red:hover{color: var(--white); }
.Floor003210 .all-more a[class*=border-]:hover{letter-spacing: 0.1em;}
.Floor003210 .all-more a[class*=border-]:hover:before{background-color: var(--hover-color);}
.Floor003210 .all-more a[class*=border-]:hover:after{background-image: url(../images/Floor003210-more-white2.svg); margin-left: 0.2rem;}

.Floor003210 .inner{position: relative;z-index: 3; margin-top: 0.53rem; align-items: stretch;}
.Floor003210 .left{border-bottom: 1px solid #e5e5e5;}
.Floor003210 .item a{align-items: stretch;}
.Floor003210 .item + .item{margin-top: 0.6rem;}
.Floor003210 .item .pic{width: calc(240 / 760 * 100%); flex-shrink: 0; overflow: hidden;}
.Floor003210 .item .Ispic{padding-bottom: calc(144 / 240  * 100%); transition: 0.3s;}
.Floor003210 .item a:hover .Ispic{transform: scale(1.15);}
.Floor003210 .item .txt{flex: 1; margin-right: 0.39rem; border-bottom: 1px solid #e5e5e5;display: flex;justify-content: center; flex-direction: column; padding-right: 0.5rem;}
.Floor003210 .item time{font-weight: 600; font-size: var(--font-size24);}
.Floor003210 .item .txt p{margin: 0.03rem 0 0 0;font-size: var(--font-size18); font-weight: 500; line-height: calc(30 / 18);}

.Floor003210 .swiper-img{position: relative;z-index: 2;}
.Floor003210 .swiper-img .pages{position: absolute; right: 0;height: 1.2rem;width: 1.2rem;display: flex;justify-content: flex-end; align-items: flex-end; bottom: -0.43rem; background-color:var(--hover-color); clip-path: polygon(100% 0,100% 100%,0 100%);z-index: 10; left: auto; padding-bottom: 0.1rem; padding-right: 0.1rem;}
.Floor003210 .swiper-img .pages span{display: block;width: 0.16rem; height: 0.16rem; border: solid 2px transparent; position: relative;border-radius: 50%; transition: 0.3s; cursor: pointer;}
.Floor003210 .swiper-img .pages span + span{margin-left: 0.05rem;}
.Floor003210 .swiper-img .pages span:after{position: absolute; content: '';left: 50%;top: 50%;border-radius: 50%;width: 0.08rem; height: 0.08rem; transform: translate(-50%,-50%);opacity: 0.5; background-color: var(--white); transition: 0.3s;}
.Floor003210 .swiper-img .pages span.active{border-color: var(--white);}
.Floor003210 .swiper-img .pages span.active:after{opacity: 1;}
.Floor003210 .swiper-img .Ispic{padding-bottom: calc(360 / 600 * 100%);}
.Floor003210 .swiper-txt .txt time{display: flex;align-items: flex-end; line-height: 1; height: 0.43rem;font-weight: 600; font-size: var(--font-size24);}
.Floor003210 .swiper-txt h4{margin: 0.1rem 0 0 0;font-size: var(--font-size18); font-weight: 500; line-height: calc(30 / 18);min-height: calc(30 / 18 * 2em);}
.Floor003210 .swiper-txt p{font-size: var(--font-size14); color: var(--black-555);  line-height: calc(24 / 14); margin: 0;}
@media (min-width:1025px) {
    .Floor003210 .left{width: calc(600 / 1440 * 100%);}
    .Floor003210 .right{width: calc(760 / 1440 * 100%);}
}
@media (max-width:1024px) {
    .Floor003210{padding-bottom: 0.8rem;}
    .Floor003210 .left{padding-bottom: 0.3rem; margin-bottom: 0.5rem;}
    .Floor003210 .item .txt{margin-right: 0.2rem; padding-right: 0.1rem;}
    .Floor003210 .item time{font-size: var(--font-size18);}
    .Floor003210 .item .txt p{font-size: var(--font-size16);}
    .Floor003210 .item .pic{width: 45%;}
}
/*Floor003211 */
.Floor003211{background-color: #232830;--white:#fff;--hover-color:#0066ff;}
.Floor003211 .main{position: relative;z-index: 4; align-items: stretch; overflow: hidden; background-color: var(--hover-color);}
.Floor003211 .right{background-color: var(--hover-color); }
.Floor003211 .right .inner{ position: relative;z-index: 10;color: var(--white); }
.Floor003211 .right .tit{font-weight: 500; font-size: var(--font-size24); line-height: 1; margin-bottom: 1em;display: block;}
.Floor003211 .right .go{position: relative;z-index: 1;  margin-bottom: var(--padMar80);}
.Floor003211 .right .go:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: solid 2px var(--white); transform: skewX(-25deg); content: ''; pointer-events: none;}
.Floor003211 .right .go a{display: flex;justify-content: space-between;align-items: center;line-height: 0.5rem; color: var(--white);font-weight: 500; font-size: var(--font-size18); padding: 0 0.3rem 0 0.2rem; cursor: pointer;}
.Floor003211 .right .go a:after{display: block; content: ''; width: 0.06rem; height: 0.12rem; background: url(../images/Floor003211-more-white2.svg) no-repeat center center; background-size:contain;}
.Floor003211 .search .box{display: flex;align-items: center; justify-content: space-between; height: 0.4rem; border-bottom: 2px solid var(--white);}
.Floor003211 .search .box .text{line-height: 1; font-size: var(--font-size18); flex: 1; margin-right: 0.2rem;color: var(--white); border: 0;background: none;font-family: 'Barlow';}
.Floor003211 .search .box .btn{width: 0.3rem;height: 0.3rem; background: url(../images/Floor003211-search-white.svg) no-repeat center center; background-size:0.22rem auto; cursor: pointer;}
@media (min-width:1025px){
.Floor003211 .main{margin-top:calc(var(--padMar160) * -1);}
.Floor003211 .pic{width: calc(550 / 1440 * 100%); flex-shrink: 0;}
.Floor003211 .pic img{width: calc(960  / 550 * 100%); max-width: none;}
.Floor003211 .right{flex: 1;clip-path: polygon(calc(404 / 890 * 100%) 0, 100% 0,100% 100%,0 100%);}
.Floor003211 .right .inner{ padding-right: 1.06rem;height: 100%;}
.Floor003211 .right .inner{display: flex; flex-direction: column; justify-content: center;align-items: flex-end;}
.Floor003211 .search{margin-right: 0.67rem; width: 4.2rem;}
.Floor003211 .right .go{width: 3.6rem;}
}
@media (min-width:1025px) and (max-width:1440px){
    .Floor003211 .right .inner{padding-right: 0.7rem;}
    .Floor003211 .right .go{width: calc(360 / 1440 * 100vw); }
    .Floor003211 .search{width: calc(420 / 1440 * 100vw); margin-right: 0.3rem;}
}
@media (max-width:1024px) {
    .Floor003211{padding-top: 3%;}
    .Floor003211 .right{padding: var(--padMar80)}
}

/*
 .Form002802
 */
.Form002802{ padding:.8rem 0;background: linear-gradient(90deg, #4facfe 0%, #0066ff 100%);}

.Form002802 .from td{ padding-right: 5%; padding-bottom:4%;}
.Form002802 .from td p{ margin: 0; color: #999; text-align: center;}
.Form002802 .from td div{ position:relative;}
.Form002802 .from label{ position:absolute; left:0; top:-.26rem; font-size: 15px; line-height:1; color:#fff;}
.Form002802 .from .text{ width:100%; height:30px; line-height:30px; text-indent:5px; border:none; background:none;border-bottom:1px solid rgba(255, 255, 255, .3);color:#fff;}
.Form002802 .from textarea.text{ height:100px;}
.Form002802 .from .btn{ padding-bottom:0; text-align:center;}
.Form002802 .from .btn input{ background:#0047bb; cursor:pointer; padding:0; border:none; width: 160px; line-height:4.4375;font-size: 16px; color:#fff; text-transForm002802: uppercase; border-radius: 99px;}

.Form002802 .address { padding:3% 0 0;}
.Form002802 .address dl{ border-top:1px solid #eee; padding:3% 0;}
.Form002802 .address dd{ }
.Form002802 .address dd h1,
.Form002802 .address dd h2,
.Form002802 .address dd p{ font-size:16px; padding-left:44px; line-height:35px;}
.Form002802 .address dd h2{ background-repeat:no-repeat; background-position: left center; display: inline-block; margin-right: 9%; margin-bottom: 2%; font-weight:normal;}
.Form002802 .address dd h1{ margin-bottom: 3%; padding-left: 0; font-size:24px; color: #333; font-weight: bold; }
.Form002802 .address dd h2{ font-size:18px;}
.Form002802 .address dd h2.h2_1{ background-image:url(../images/Form002802-icon1.jpg);}
.Form002802 .address dd h2.h2_2{ background-image:url(../images/Form002802-icon2.jpg);}
.Form002802 .address dd h2.h2_3{ background-image:url(../images/Form002802-icon3.jpg);}
.Form002802 .address dd h2.h2_4{ background-image:url(../images/Form002802-icon4.jpg);}
@media (min-width:1025px){
.Floor003211 .main{margin-top:calc(var(--padMar160) * -1);}
}
@media(min-width:641px){
.Form002802 .from td:nth-child(3n),
.Form002802 .from .textareas,
.Form002802 .from .btn,
.Form002802 .from .tip{ padding-right: 0; }
}
@media(max-width:640px){
.Form002802 .from td{ display: block; padding-right: 0; }
.Form002802 .address dd{ float:none; width:auto; padding-left:0; }
}
/*Bottom003207 */
.Bottom003207{background: #232830; background-size: cover; padding-top: var(--padMar120);--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);--hover-color:#0066ff; font-family: 'Barlow',Arial, sans-serif; font-size: var(--font-size16);}
.Bottom003207,
.Bottom003207 a:not(:hover){color:var(--white);}
.Bottom003207 .logo{width: 2.1rem;margin-bottom:.3rem;}

.Bottom003207 .f-top{margin-bottom: 0.4rem;}
.Bottom003207 .f-mid{margin-bottom: 0.2rem;}
.Bottom003207 .f-bottom{padding: 0.43rem 0; font-size: var(--font-size14);}
.Bottom003207 .f-bottom,
.Bottom003207 .f-bottom a:not(:hover){color: var(--white-opacity-30);}

.follow-us li{position: relative;z-index: 10}
.follow-us li +li{margin-left: 0.2rem;}
.follow-us li a{display: block; border-radius: 50%;background-color: #40464f; width: 0.4rem; height: 0.4rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;text-align:center;line-height:0.4rem}
.follow-us li a img{display:inline-block;opacity:.5;max-width:0.2rem;max-height:0.2rem;}
.follow-us li a:hover{background-color: var(--hover-color);}
/*.follow-us li a:after{width: 0.2rem; height: 0.2rem;background-position: center center; background-repeat: no-repeat; background-size:contain; opacity: 0.5;transition: 0.3s; content: '';display: block;}*/
.follow-us li a:hover img{opacity: 1;}
.follow-us li.li-in a:after{background-image: url(../images/Bottom003207-in.svg);} 
.follow-us li.li-fb a:after{background-image: url(../images/Bottom003207-fb.svg);} 
.follow-us li.li-ytb a:after{background-image: url(../images/Bottom003207-ytb.svg);} 
.follow-us li.li-tw a:after{background-image: url(../images/Bottom003207-tw.svg);} 
.follow-us li.li-wx a:after{background-image: url(../images/Bottom003207-wx.svg);} 
.follow-us li.li-douyin a:after{background-image: url(../images/Bottom003207-douyin.svg);} 
.follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}
.RighInfo002254 .follow-us{margin-top:20px;border-top:1px solid #e7e8e8;padding-top:20px;}
.RighInfo002254 .follow-us li a{background-color:#fff;border:#ddd 1px solid;}
.RighInfo002254 .follow-us li a:hover{background-color:#fff;border:1px solid #000;}
.RighInfo002254 .follow-us li a img{max-width: 0.17rem; max-height: 0.17rem;opacity:.4;margin-top:-6px;}
.RighInfo002254 .follow-us li a:hover img{opacity:1;}

.Bottom003207 .contact .name{font-weight: 500; margin-bottom: 0.2rem;}
.Bottom003207 .contact dl{letter-spacing: -1px;}
.Bottom003207 .contact dd{display: flex;align-items: flex-start; justify-content: space-between;}
.Bottom003207 .contact dd span{width: 5em;flex-shrink: 0; text-align: right;}
.Bottom003207 .contact dd div{flex: 1; margin-left: 0.11rem;}
.Bottom003207 .contact dd + dd{margin-top: 0.1rem;}

.Bottom003207 nav dd{font-weight: 100;}
.Bottom003207 nav dt{  position: relative; font-weight: 500;}
.Bottom003207 nav dd{letter-spacing: -1px; line-height: calc(30 / 16);}
.Bottom003207 nav dd a:not(:hover){color: var(--white-opacity-50);}

.Bottom003207 .icp a{display: flex;}

@media (min-width:1025px) {
 .Bottom003207 .f-bottom{border-top: 1px solid var(--white-opacity-10); }
.Bottom003207 .contact{width: calc(350 / 1440 * 100%);}
.Bottom003207 nav{width: calc(870 / 1440 * 100%);}
.Bottom003207 nav dt{margin-bottom: 0.2rem;}
.Bottom003207 nav dd{display: block!important;}
}
@media (max-width:1024px) {
    .Bottom003207 .logo{margin: 0 auto 0.2rem;}   
    .Bottom003207 .follow-us{justify-content: center;}
    .Bottom003207 .contact{margin-bottom: 0.3rem;}
    .Bottom003207 nav{border-top: 1px solid var(--white-opacity-10);}
    .Bottom003207 nav dl{border-bottom: 1px solid var(--white-opacity-10);transition: 0.3s;}
    .Bottom003207 nav dt{overflow: hidden;padding: 0.1rem 0;}
    .Bottom003207 nav dd{display: none;}
    .Bottom003207 .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom003207-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
    .Bottom003207 dl.active{padding-bottom: 0.2rem;}
    .Bottom003207 .active .wap-b-op{transform: rotate(45deg);}
    .Bottom003207 .f-bottom{text-align: center;}
    .Bottom003207 .icp{margin-top: 0.3rem;}
    .Bottom003207 .icp a{display: inline-flex;}
}

.about-con{}
.aboutcontent{text-align: center;padding:.6rem 0;color:#000}
.aboutcontent h2{margin-bottom:.3rem;font-size:.4rem;}
/*Floor003197 */
.Floor003197{ overflow: hidden;}
/*.Floor003197 .root-sz-16{ padding: calc(119 / 16 * 1em) 0 calc(147 / 16 * 1em) 0;}*/
.Floor003197 .Ispic{padding-bottom:68%;}
.Floor003197 .slick-arrow{position: absolute;width: 1em; height: 1em; border: solid 2px #e3e3e3; top: 50%;margin-top: -0.5em; border-radius: 50%; background: url(../images/Floor003197-prev.svg) no-repeat center center; background-size: auto calc(12 / 60 * 1em);z-index: 10; transition: 0.3s; font-size: calc(60 / 16 * 1em); text-indent: -999em; overflow: hidden;}
.Floor003197 .slick-arrow::before{border-width:0}
.Floor003197 .slick-arrow:hover{background-color: #0066ff;border-color: #0066ff;}
@media (min-width:1025px) {
 .Floor003197 .slider{width: 143.75%; margin-left: calc(-43.75% / 2);}
 .Floor003197 .slider li.slick-slide{}
.Floor003197 .slick-prev{left: 33%; margin-left: -0.5em;}
.Floor003197 .slick-next{right: 33%; margin-right: -0.5em;transform: rotate(180deg);}
.Floor003197 .main .pic{position: absolute; bottom: calc(-33 / 16 * 1em); top: calc(-24 / 16 * 1em); width: calc(380 / 800 * 100%); right: 0;}
.Floor003197 .main .pic .ytable-cell{vertical-align: bottom;}
.Floor003197 .main .pic img{max-height: calc(457 / 16 * 1em); max-width: 70%;}
.Floor003197 .main .txt{width: calc(380 / 800 * 100%);}
.Floor003197 .slider li:not(.slick-current) .main{opacity: 0.6;}
}
@media (max-width:1024px) {
    .Floor003197 .root-sz-16{padding: 3em 0;}
    .Floor003197 .title{font-size: 2em;}
    .Floor003197 .slick-prev{left: 0.1em;}
    .Floor003197 .slick-next{right: 0.1em;}

}

.contactus {
            display: flex;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            border-radius: 30px;
            overflow: hidden;
            position: relative;
            margin:.8rem auto;
        }
#contact{position:absolute;top:-1.5rem;left:0;}
.left-panel {
  width: 50%;
  background-color: #1e2433;
  color: white;
  padding: 50px;
  position: relative;
}
        
.right-panel {
    width: 50%;
    background-color: white;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

  .left-panel   h1 {
        font-size: .38rem;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    
  .left-panel   p {
        font-size: .16rem;margin:0;
    }
        
      .contact-info {
          display: flex;
          flex-direction: column;
          gap: 15px;
          margin-top: 40px;
      }
      
        .info-item {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .info-icon {
            width:50px;
            height: 50px;
            background-color: white;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #1580fa;
            font-weight: bold;
        }
        
        .form-group {
            position: relative;
            margin-bottom: 25px;
        }
        
        .form-control {
            width: 100%;
            padding: 15px 0;
            border: none;
            border-bottom: 1px solid #ccc;
            background: transparent;
            outline: none;
            font-size: .16rem;
            transition: all 0.3s ease;
        }
        
        .form-group label {
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
            font-size: .16rem;
            color: #333;
            transition: all 0.3s ease;
            padding: 15px 0;
        }
        .form-Message label{padding:0;}
        .required{color: red;}
        .form-tit{text-align: center;margin-bottom: .1rem;color:#000}
        .form-group.active label {
            top: -15px;
            font-size: 0.12rem;
            color: #666;
        }
        
        .phone-container {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .country-code {
            display: flex;
            align-items: center;
            margin-right: 15px;
        }
        
        .flag {
            width: 30px;
            height: 20px;
            margin-right: 5px;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
        }
        
        .form-group select {
            width: 100%;
            padding: 15px 0;
            border: none;
            border-bottom: 1px solid #ccc;
            background: transparent;
            font-size: .16rem;
            outline: none;
            color: #333;
            position: relative;
        }
        
        .message-area {
            width: 100%;
            height: 130px;
            border: none;
            border-bottom: 1px solid #ccc;
            background: transparent;
            font-size: .16rem;
            resize: none;
            outline: none;
        }
        
        .checkbox-group {
            display: flex;
            gap: 15px;
            margin-bottom: 25px;
        }
        
        .checkbox-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.14rem;
            color: #333;
        }
        
        .checkbox-container {
            width: 20px;
            height: 20px;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 3px;
            cursor: pointer;
            position: relative;
        }
        
        .checkbox-container.checked {
            background-color: #007bff;
            border-color: #007bff;
        }
        
        .checkbox-container.checked::after {
            content: "✓";
            position: absolute;
            color: white;
            font-size: 14px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .submit-btn {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 15px 30px;
            font-size:.16rem;
            font-weight: bold;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .submit-btn:hover {
            background-color: #0056b3;
        }
@media (max-width: 768px) {
.contactus{display: block;}
.left-panel,.right-panel {width: 100%;}
.left-panel{padding:40px;}
}

.Hmore {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem 0.2rem;
  min-width: 3.78rem;
  font-size: var(--f18);
  gap: 0.1rem;
  color: #20202b;
  background: #f8f8f8;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  border: 1px solid #f8f8f8;
  font-weight: 500;
}
.Hmore::after {
  content: '';
  width: 0.15rem;
  height: 0.27rem;
  background: url(../images/arrow-up-right.svg) no-repeat center;
  background-size: contain;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.Hmore:hover {
  background-color: transparent;
  color: #fff;
}
.Hmore:hover::after {
  background-image: url(../images/arrow-up-white.svg);
  transform: rotate(45deg);
}
.Hmore.bg {
  background-color: #1580fa;
  color: #fff;
  min-width: 3rem;
  cursor:pointer;
}
.Hmore.bg::after {
  background-image: url(../images/arrow-up-white.svg);
}
.Hmore.bg:hover {
  background-color: #20202b;
  color: #fff;
  transition: background-color 0.5s ease;
  box-shadow: 0 5px 25px rgba(21, 21, 21, 0.3);
}

/*
 .RighInfo002254 为demo编号
 */
.RighInfo002254 .auto_1260{ max-width: 1260px;}
@media only screen and (max-width:1260px) {
    .RighInfo002254 .auto_1260{  padding: 0 2%;}
}
.RighInfo002254{ padding:.8rem 0}
.RighInfo002254 .slider-big{ border:1px solid #dcdcdc;}
.RighInfo002254 .slider-big li figure{ background-size:contain;}
.RighInfo002254 .slider-list{ position: relative;}
.RighInfo002254 .slider-list li figure{  border:1px solid #f2f2f2;}
.RighInfo002254 .slider-list li.slick-current figure{border-color: #0066ff; }
.RighInfo002254 .slider-list .slick-arrow{position:absolute; width:100%; height:40px;cursor:pointer; background-position: center;background-repeat: no-repeat; background-size: auto 50%;}
.RighInfo002254 .slider-list .slick-prev{background-image:url(../images/RighInfo002254-btn_prev.png);}
.RighInfo002254 .slider-list .slick-next{background-image:url(../images/RighInfo002254-btn_next.png);}
.RighInfo002254 .slider-list .slick-disabled{cursor:default;}
.RighInfo002254 .right_info{ float:right; width:39.2%;}
.RighInfo002254 .right_info h1,
.RighInfo002254 .right_info h3{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;}
.RighInfo002254 .right_info h1{ padding:3% 0 3%; color:#333; font-size:26px; }
.RighInfo002254 .right_info h1 p{line-height: 1;font-size:.16rem;margin:0;padding:0;font-weight:normal;border:0;}
.RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;}
.RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;}
.RighInfo002254 .right_info p.price{font-size:18px;color:#000}
.RighInfo002254 .right_info a.btn{ display:inline-block; border:1px solid #0066ff; padding:10px 5%; color:#0066ff; transition:0.4s;}
.RighInfo002254 .right_info a.btn:hover{ background-color:#0066ff; color:#fff;}

.RighInfo002254 .tab{ padding:3% 0;}
.RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;margin-bottom:25px;}
.RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;}
.RighInfo002254 .tab .h1_tab span.on{ background-color:#0066ff; color:#fff;}
.RighInfo002254 .tab .info{ padding-top:3%;}
@media (max-width:768px){
.RighInfo002254 .list_img,
.RighInfo002254 .right_info{ float:none; width:auto;}
}
@media (min-width:641px) {
.RighInfo002254 .list_img{float:left; width:55.6%; position:relative;}
.RighInfo002254 .slider-big{position:absolute; left:0; top:0; height:100%; width:80%; }
.RighInfo002254 .slider-big *{height: 100%;}
.RighInfo002254 .slider-list{padding:42px 0;margin-left: 82.9%;}
.RighInfo002254 .slider-list .slick-arrow{ left: 0;}
.RighInfo002254 .slider-list .slick-prev{top: 0;}
.RighInfo002254 .slider-list .slick-next{bottom: 0;}
.RighInfo002254 .slider-list li{ height:130px;  position:relative;}
.RighInfo002254 .slider-list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain;}
.RighInfo002254 .slider-list li.slick-current figure{ border-width:2px;}
}
@media(max-width:640px){
.RighInfo002254 .right_info h1{font-size:20px; }
.RighInfo002254 .right_info h3{ font-size:16px;}
.RighInfo002254 .slider-big li .Ispic{padding-bottom: calc(476 / 536 * 100%);}
.RighInfo002254 .slider-list li .Ispic{padding-bottom: calc((476 * 0.9) / 536 * 100%); width: 90%; margin: 0 auto;}
.RighInfo002254 .slider-list{padding:0 42px; margin-top: 3vw;}
.RighInfo002254 .slider-list .slick-arrow{ top: 0; width: 42px; height: 100%; background-size: contain;transform: rotate(-90deg);}
.RighInfo002254 .slider-list .slick-prev{left: 0;}
.RighInfo002254 .slider-list .slick-next{right: 0;}
 }  
@media(max-width:480px){
.RighInfo002254 .tab .h1_tab{ font-size:14px;}
.RighInfo002254 .tab .h1_tab span{ padding:0 3%;}
 }  


 /* 使用 :where() 降低选择器优先级 */
:where(.contentinfo) :where(table, th, td) {
  all: unset !important;
}

:where(.contentinfo table) {
  display: table !important;
  border-collapse: collapse !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
}

:where(.contentinfo thead) {
  display: table-header-group !important;
}

:where(.contentinfo tbody) {
  display: table-row-group !important;
}

:where(.contentinfo tr) {
  display: table-row !important;
}

:where(.contentinfo th, .contentinfo td) {
  display: table-cell !important;
  padding: 0.1rem !important;
  text-align: left !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

/* 表格内容样式 */
:where(.contentinfo th, .contentinfo td) {
  font-size: inherit !important;
  font-weight: normal !important;
  color: inherit !important;
  background-color: transparent !important;
  border-bottom: 1px solid #dee2e6 !important;
}

/* 第一列加粗 */
:where(.contentinfo td:first-child, .contentinfo th:first-child) {
  font-weight: bold !important;
}

.product-list{padding:.8rem 0;}
.fl{ float: left;}
.fr{ float: right;}

/*Menu002306*/

.Menu002306 .side-title{ line-height:50px; background-color: #0066ff; margin-left: 20px; font-size:16px; font-weight:bold; color:#fff; padding:0 75px 0 32px;  position: relative; border-radius: 8px 0 0 0;}
.Menu002306 .side-title::after,
.Menu002306 .side-title::before{content:'';}
.Menu002306 .side-title::before{ position: absolute; bottom: 0; left: -20px; width: 0; height: 0; 
border-style: dashed dashed solid dashed; border-width:0 15px 44px 20px; border-color: transparent transparent #0066ff transparent;}
.Menu002306 .side-menu{border-radius: 0 0 50px 0;background-color:#f3f7f9;padding-bottom: 50px; overflow:hidden;}
.Menu002306 .side-menu li a{ display:block;line-height:32px;}
.Menu002306 .side-menu > ul > li{ border-bottom:1px solid #e7f0f4;}
.Menu002306 .side-menu > ul > li >a{ padding:0 32px;font-weight:bold; color:#002870; line-height:49px; position:relative;}
.Menu002306 .side-menu > ul > li >a::after{ position:absolute; content:'>'; width:16px; height:16px; border-radius:50%;  color:#000; text-align:center; line-height:18px; font-family:宋体; font-size:12px; right:16px; top:50%; margin-top:-8px;}
.Menu002306 .side-menu > ul > li ul{ display:none; padding:10px 15px;}
.Menu002306 .side-menu > ul > li > ul{ padding-left:32px; padding-right:32px;}
.Menu002306 .side-menu > ul > li > ul > li > a{ background:url(../images/Menu002306-a_off.png) no-repeat left center; padding-left:15px;}
.Menu002306 .side-menu ul li ul li ul li a::before{ display:inline-block; content:''; vertical-align:middle;width: 3px;height: 3px;background: #555; margin-right:10px;}
.Menu002306 .side-menu li.on a{color:#0066ff}
.Menu002306 .side-menu li.select > a{ background-color:#e7f0f4;}
.Menu002306 .side-menu li.select > a::after{ transform:rotate(90deg);}
.Menu002306 .side-menu ul li ul li.select > a{ background-color:transparent; background-image:url(../images/Menu002306-a_on.png); font-weight:bold; color:#002870;}
.Menu002306 .side-other dd{ background-position:left center; background-repeat:no-repeat; background-color:#e7f0f4; margin-top:20px; border-radius:5px; position:relative;}
.Menu002306 .side-other dd.dd_1{ background-image:url(../images/Menu002306-picbg1.png);}
.Menu002306 .side-other dd.dd_2{ background-image:url(../images/Menu002306-picbg2.png);}
.Menu002306 .side-other dd a{ position:relative;display:block; height:80px;line-height:80px; font-weight:bold; color:#555; padding-left:100px;}
.Menu002306 .side-other dd a::after{ position:absolute; content:'>'; width:16px; height:16px; border-radius:50%; background:#87b2c7; color:#fff; text-align:center; line-height:18px; font-family:宋体; font-size:12px; right:15px; top:50%; margin-top:-8px;}
.Menu002306 .side-open_menu{ display:none;}
@media(min-width:1025px){
.Menu002306 .side-menu{ display:block !important;}
.w21{width: 25%;padding-bottom:4%;}
.w76{width: 71%;padding-bottom:2%;}
}
@media(max-width:1024px){
.w21{width: 100%;}
.w76{width: 100%;}
body{ padding:2%;}
.Menu002306{padding-top: 0;}
.Menu002306 .side-other{ display:none;}
.Menu002306 .side-open_menu{ display:block; border:2px solid #87b2c7; padding:10px 20px 10px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#002870; border-radius:0 0 5px 5px; position:relative;}
.Menu002306 .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#87b2c7; right:10px; top:50%; margin-top:-3px;}
.Menu002306 .side-menu{ display:none; padding-bottom:20px;}
}

.Position{margin:0; width: 100%; top: 10%;}
.Position em{ background-size: .2rem; font-style: normal;font-family:"宋体"}
.Position a{display: inline-block;padding-top: 0.2rem;}
.Position a:hover,
.Position span{display: inline-block;}


.PicList001958{/* padding: 3% 0; */}
.PicList001958 li{overflow:hidden;margin-bottom: 3%;background: #fff;float: left;width:31.33%;margin-right: 3%; transition: all 0.4s;border-radius:6px;border:1px solid #ddd}
.PicList001958 li:nth-child(3n){
    margin-right: 0;
}
.PicList001958 li:hover{ box-shadow: 0 0 10px #ccc;}
.PicList001958 li div{position:relative;}
.PicList001958 li .Ispic{background-size: cover;overflow: hidden; transition: all 0.5s;}
.PicList001958 li:hover .Ispic{ transform: scale(1.05);}
.PicList001958 li .infos{padding:0 20px;}
.PicList001958 li h1{margin:0;font-size:18px;font-weight:normal;padding:0 0 20px;position: relative;min-height:60px;}
.PicList001958 li h1 a{color:#000;}
.PicList001958 li:hover h1 a{color:#0066ff;}
.PicList001958 li h1 a p{font-size:16px;}
.PicList001958 li time{color: #999;position: absolute;left: 0;top: -19%;font-size: 14px;background: url(../images/PicList001958_icon.png) no-repeat left center;margin-left: 0px;padding-left: 24px;}
.PicList001958 li p{color:#666;margin: 10px 0 0 0;line-height: 23px;/* height:90px; */overflow:hidden;font-size: 15px;}
.PicList001958 li p span{/* margin-right: 39px; */width: 100%;display: block;float: left;color: #333;}
.PicList001958 li p span em{font-style:normal;}
.PicList001958 li p span.w100{width:100%;}
@media(max-width:1280px){
   .PicList001958 li{width:47%;}
.PicList001958 li:nth-child(2n){
    margin-right: 0;
} 
.PicList001958 li:nth-child(3n){
    margin-right: 3%;
} 
}
@media(max-width:768px){
.PicList001958 li .Ispic{width:42%;}
.PicList001958 li p span{ width: 100%; float: none;}
}
@media(max-width:480px){
.PicList001958 li div{ padding-left:0;padding:10px;}
.PicList001958 li .Ispic{ position:relative; display:block; width:auto; padding-bottom:80%;}
.PicList001958 li p{line-height:20px; height:60px; font-size:12px;}
.PicList001958 li h1{font-size:16px;}
}

/*Page001959*/
.Page001959 .Pages{ line-height:45px; zoom:1; text-align:center; padding:2% 0; text-align:center; background:url(../images/Page001959-bg.jpg) no-repeat center top; margin:10px 0;}
.Page001959 .Pages span{ padding:0px 3px; display:inline-block;}
.Page001959 .Pages a{ display:inline-block; margin:0px 2px; padding:0px 18px; font-size:16px; vertical-align:middle;background-color:#f7f7f7;border-radius: 50%;
    box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px rgba(29, 86, 185, 0.02), 0px 6.650102138519287px 5.32008171081543px 0px rgba(29, 86, 185, 0.03), 0px 12.521552085876465px 10.017241477966309px 0px rgba(29, 86, 185, 0.04), 0px 22.3363094329834px 17.869047164916992px 0px rgba(29, 86, 185, 0.04), 0px 41.777610778808594px 33.422088623046875px 0px rgba(29, 86, 185, 0.05);
}
.Page001959 .Pages .p_cur,
.Page001959 .Pages .p_count,
.Page001959 .Pages .p_jump,
.Page001959 .Pages .a_first,
.Page001959 .Pages .a_end,
.Page001959 .Pages .p_total{ display:none;}
.Page001959 .Pages .p_page em{ font-style:normal; font-family:Arial;}
.Page001959 .Pages a:hover,
.Page001959 .Pages a.a_cur{ color:#fff; background-color:#0066ff;}
.Page001959 .Pages .a_prev,
.Page001959 .Pages .a_next{ width:45px; height:45px; padding:0; line-height:150px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-color:#c9c9c9;background-size:12px;}
.Page001959 .Pages .a_prev{ background-image:url(../images/Page001959-prev.png);}
.Page001959 .Pages .a_next{ background-image:url(../images/Page001959-next.png);}
.Page001959 .Pages .disabled{pointer-events:none;}
@media(max-width:768px){
.Page001959 .Pages{ line-height:30px;}
.Page001959 .Pages a{ font-size:16px;padding:0px 10px;}
.Page001959 .Pages .a_prev,
.Page001959 .Pages .a_next{ width:30px; height:30px; background-size:auto 60%;}
}
@media(max-width:480px){
.Page001959 .Pages .p_page em{ display:none;}
}

/*PicList003142 */
.PicList003142{padding-top: 4.5em; padding-bottom: 1em;background: #f9f9f9}
.PicList003142 li{float: left;  margin-bottom: 2.5em;}
.PicList003142 li .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: 1.875em;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.PicList003142 li .tit{ font-size:.2rem;line-height: 1.6666; min-height: 3.3332em;}
.PicList003142 li p{line-height: 2;min-height: 3.57142em;color: #666;}
.PicList003142 li .pic{overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.PicList003142 li .Ispic{padding-bottom: 62.223%;transition: 0.3s;}
.PicList003142 li a:hover .Ispic{transform: scale(1.1);}
.PicList003142 li a:hover{color: rgb(13,87,167);}
/*.PicList003142 li time{color: #999999;display: block;background: url(../images/PicList003142-icon.svg) no-repeat right center;}*/
/*.PicList003142 li a:hover time{background-image: url(../images/PicList003142-icon-red.svg);}*/
@media (min-width:1025px) {
.PicList003142 li{width: 32.143%;box-shadow: 0px 0px 10px rgb(0 0 0 / 0.05);}
.PicList003142 li:not(:nth-child(3n)){margin-right: 1.7855%;}
.PicList003142 li:nth-child(3n+1){clear: left;}
}
@media (max-width:1024px) {
.PicList003142{padding-top: 3em;}
.PicList003142 li{width: 48%;}
.PicList003142 li:not(:nth-child(2n)){margin-right: 4%;}
.PicList003142 li:nth-child(2n+1){clear: left;}
.PicList003142 li .txt{padding: 1em;}
}

/*RighInfo002973 */
.RighInfo002973{ padding: 3vw 0; color: #333;}
.RighInfo002973 .news-details{padding: 3% 0;}
.RighInfo002973 .news-details .title{text-align: center;padding-bottom: 40px;border-bottom: 1px solid #e4e4e4;}
.RighInfo002973 .news-details .title h1{font-size:.24rem; margin: 0 0 20px 0;}
.RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;}
.RighInfo002973 .news-details .title .bshare-custom{display: inline-block;}
.RighInfo002973 .bshare-custom a{background-position: center center; margin: 0 0 0 14px;}
.RighInfo002973 .bshare-custom a.bshare-weixin{background-image: url("../images/RighInfo002973_share_wx.png");}
.RighInfo002973 .bshare-custom a.bshare-sinaminiblog{background-image: url("../images/RighInfo002973_share_sina.png");}
.RighInfo002973 .bshare-custom a.bshare-qzone{background-image: url("../images/RighInfo002973_share_qz.png");}
.RighInfo002973 .news-details .edit-info{line-height: 1.875em;border-bottom: 1px solid #d2d2d2;padding: 2% 0; margin-bottom: 2%;color: #666;}
.RighInfo002973 .news-details .edit-info .img{text-align: center; padding: 15px 0;}
.RighInfo002973 .w_96{width: 100%;}
.RighInfo002973 .pn-page aside{padding: 10px 0;}
.RighInfo002973 .pn-page aside a{color: #666;}
.RighInfo002973 .pn-page aside a b{color: #333;}
.RighInfo002973  .operating a:hover,
.RighInfo002973 .pn-page aside a:hover{color: #205393;}
.RighInfo002973  .operating{overflow: hidden;line-height: 24px;}
.RighInfo002973  .operating a{padding-left: 25px;background-repeat: no-repeat;background-position: left center;}
.RighInfo002973  .operating a:not(:last-child){margin-right: 45px;}
.RighInfo002973  .operating a.a-print{background-image: url("../images/RighInfo002973_print.png");}
.RighInfo002973  .operating a.a-close{background-image: url("../images/RighInfo002973_close.png");}
@media(min-width:1025px){
.RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;}
.RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);font-size: 17px;}
.RighInfo002973  .operating a{float: left;}
}
@media(max-width:1024px){
.RighInfo002973{ padding: 4em 0; color: #333;}
.RighInfo002973 .news-details .title{padding-bottom: 20px;}
.RighInfo002973  .operating{ padding-bottom: 20px;}
.RighInfo002973  .operating a{display: inline-block;}
}

.keycolor{color:#ff6600}

 /* 产品列表容器样式 */
       .productList {
            display: flex;
            background-color: white;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 10px;
            margin-bottom:30px;
            transition: all 0.5s;
        }
        .productList *{transition: all 0.5s;}
        .productList:hover{border:1px solid #0066ff;    box-shadow: 0 5px 25px rgba(15, 15, 15, 0.2);}

        /* 产品图片样式 */
       .product-image {
            width:200px;
            height: 200px;
            margin-right: 15px;
        }
         .product-image img {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
        }

        /* 产品信息样式 */
       .product-info {
            flex: 1;
            padding:10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* 产品型号样式 */
       .product-model {
            font-size: 16px;
            margin-bottom: 5px;
            color:#888;
        }

        /* 产品标题样式 */
       .product-title {
            font-size:16px;
            margin-bottom: 5px;
            font-weight: bold;
        }

        /* 产品描述样式 */
       .product-description {
            font-size: 14px;
            color: #666;
           padding:15px 0;
        }

       .product-more {
            display: inline-flex;
            align-items: center;
            color: #0066ff;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
        }

        .product-more:hover {
            color: #0056b3;
        }

        .product-more::after {
            content: '→';
            margin-left: 5px;
            transition: transform 0.2s;
        }

        .product-more:hover::after {
            transform: translateX(3px);
        }
        .homeproduct {
           padding-top:1.2rem;
        }
        .homeproduct .all-title{text-align:center;}
        .homeproduct .all-title p{margin-top:.2rem;color:#555}
        .homeproduct .grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
            margin-top: 32px;
        }
        
        @media (min-width: 768px) {
            .homeproduct .grid {
                grid-template-columns: 1fr 1fr 1fr 1fr;
                gap: 24px;
            }
        }
        @media (max-width: 768px) {
            .product-image{width:100px;}
        }
        
        .homeproduct .item {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            aspect-ratio: 4/3;
            border:1px solid #ddd;
            transition: all .3s;
            background:#fff;
        }
           .homeproduct .item:hover {  box-shadow: 0 5px 25px rgba(15, 15, 15, 0.2);border:1px solid #0066ff;}
        
        .homeproduct .item img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: transform 0.3s ease;
            padding-bottom:10%;
        }
        
        .homeproduct .item:hover img {
            transform: scale(1.05);
        }
        .homeproduct .item:hover .title{color:#0066ff}
        .homeproduct .viewMore:hover .title{color:#fff}
        
        .homeproduct .title {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: self-end;
            justify-content: center;
            padding: 16px;
            /*background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);*/
            color: white;
            font-size: .18rem;
            font-weight: bold;
            text-align: center;
            opacity: 0.9;
            transition: opacity 0.3s ease;
            color:#000;
        }
        .homeproduct .viewMore{background:#0066ff; transition: all 0.2s;}
        .homeproduct .viewMore:hover{background:#0056b3;box-shadow: 0 5px 25px rgba(15, 15, 15, 0.2);}
        .homeproduct .viewMore .title{color:#fff;align-items: center;}
        
        .homeproduct .item:hover .title {
            opacity: 1;
        }
        
.Form002802 .layui-form-select dl dd.layui-this{background-color:#0066ff !important}
.Form002802 .layui-form-select .layui-input{border:0;border-bottom:1px solid rgba(255, 255, 255, .3);background:none;color:#fff;}