:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}

*{margin:0;padding:0;list-style-type:none; -moz-user-select:none;-webkit-user-select:none}html{line-height:1.15;-webkit-text-size-adjust:100%;}
@font-face{font-family:'backwinfont';src:url('iconfont.woff2?322') format('woff2'),}a,img{border:0;}a{text-decoration:none;background-color:transparent;}img{border-style:none;}li{list-style:none;}

:root{
    --bodybg:#f3f3f3;
    /* --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>"); */
    /* 底部提示条左右m argin */
    --swiper-pagination-bullet-horizontal-gap:7px;
    --blue:#006DB8;
    --a-hover-blue:#b4ddff;
    --header-height:120px;
}
.header-margin{width:100%;height:var(--header-height);display:block;overflow:hidden;background-color:#666;}
.header{height:var(--header-height);background-color:rgba(1, 1, 1, 0.74);position: fixed; top: 0;left: 0;z-index: 9992;
    color: #fff;width: 100%;min-width: 1350px; }
.header-center{display: flex;align-items: center;justify-content: space-between;width: 1300px; margin: 0 auto;padding-top: 20px;}
#logo{width:78px;min-width:78px;height:56px;background-image:url('/bk/logo.png?1');
    background-repeat:no-repeat;background-size:cover;transform: scale(1);transition:transform 0.5s;cursor:pointer;}
#logo:hover{transform: scale(1.2);}
#logo a{display: block;width: 100%;height: 100%;}
/* .logo-on{background-image: url(static/logo-on.png)} */
.header-center div.pc{display: flex;height: 70px; margin-top: 20px;}
.header-center a{color: #fff;}
.header-pc-center{display: flex;justify-content: center;align-self: center;}
.header-pc-center.cn{ letter-spacing: 4px; font-family: "微软雅黑";}
/* .header a:hover,.header div.pc a.pc-pop.on{color:var(--blue);} */
.header-center div.pc a{ font-size: 16px;margin:26px 19px 0 19px; 
    height: 20px; display: block; padding: 4px 2px;position: relative;}
/* .header a.pc-pop::before,.header a.pc-sto::before{
    content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;
    background-color:var(--a-hover-blue);transition:width 0.3s;} */
.header-center a.pc-pop::before,.header-center a.pc-sto::before{
    content:'';position:absolute;bottom:1px;left:0;width:100%;height:1px;background:currentColor;
    transform:scaleX(0);transform-origin:right;transition:transform .3s;}
  
.header-center p.pc{min-width:150px;margin-top:19px;
font-family:"backwinfont";display:flex;align-items:center;justify-content: space-evenly;}
.header-center p.pc a{width:38px;font-size:24px;height:38px;display:flex;align-items:center;justify-content:center;transition:font-size 0.2s;}

.header-center p.pc a:hover{font-size:30px;}
.header-center div.pc a.pc-sto:hover::before,.header-center div.pc a.pc-pop.on::before,.header-center p.pc a:hover::before{
     /* animation: textUnderlinedAnimatedKeyframes 0.6s; */
     transform:scaleX(1);transform-origin:left;    }
/* .header a.pc-pop:hover::before,.header a.pc-sto:hover::before,.header a.on::before{width: 100%;} */
.header p.rightpc{position: relative;}
.header p.rightpc .rightpc-span{width:155px;background-color:#fefefe;position:absolute;z-index:9992 ; top:48px;left:26px;display:flex;flex-direction:column;color:#333;border-radius:10px;border:1px solid #000;padding:10px 0;box-shadow:0 0 6px #666;}

.header p.rightpc .rightpc-span .bbq{padding:10px 0 10px 22px;display:flex;align-items:center;cursor:pointer;font-family: Arial, Helvetica, sans-serif;letter-spacing:1px;}
.header p.rightpc .rightpc-span .bbq:hover,.header p.rightpc .rightpc-span .bbq.on{background-color:#ccc;}

.header p.mobile{min-width:130px;align-items: center;justify-content: space-around;}
.header p.mobile a{ border:1px solid transparent;font-size: 32px; padding: 3px 4px;}
.header p.mobile a:hover{border-color: #fff; }
#移动查找按钮{font-family: "backwinfont";font-size: 32px;}
#移动菜单按钮{font-size:34px;}
#移动语言按钮{font-family: "backwinfont";font-size: 30px;}
.mobile-header-menu{position:fixed;top:calc(var(--header-height)-2px);left:0;z-index:9999;width:62%;font-size: 20px;
  flex-direction:column;display: flex;}
.mobile-header-menu a{border-bottom:1px solid #ccc;width:100%;color:#eee;line-height:80px;
    background-color:rgba(1, 1, 1, 0.84);text-indent: 20px;}
.mobile-header-menu a:hover{color: #000;background-color: rgba(195, 195, 195, 0.74);}
.shake{animation:shake-slow .4s infinite;}
@keyframes shake-slow{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}
#totop{display:block;position:fixed;right:10px;bottom:25px;z-index:9995;border-radius:50%;
text-align:center;opacity:.8;background-color:#0068b4;width:45px;height:45px;
transition-duration: 0.2s;}
#totop b{position: absolute;width:45px;height:45px;
     top: 0;left: 0;z-index: 9996;display: flex;justify-content: center;align-items: center;}
#totop b::after{content: '';border-radius:50%;background-color: #222; width: 0;height: 0;transition-duration: 0.2s;}    
#totop p{position: absolute;width:45px;height:45px; top: 0;left: 0;z-index: 9997;
    line-height:45px;color:#fff;font-size:24px;font-weight:bolder;font-family:"backwinfont";transition-duration: 0.2s;}
#totop:hover{font-size:28px;opacity:1;background-color:#aaa;}
#totop:hover p{line-height: 41px;}
#totop:hover b::after{width:45px;height:45px;}
#rightico{width: 35px;position:fixed;right: 0;bottom: 90px;z-index: 9999;
font-family: "backwinfont";font-size: 22px;
display: flex;flex-direction: column;justify-content: center;align-items: center;}
#rightico ul{width: 100%;}
#rightico li{width: 100%; height: 55px;display: flex;justify-content: center;align-items: center;}
#rightico a{color: #fff; }
#gotosupus{background-color: var(--blue);color: #fff;border-radius:12px 0 0 0;}
#gotowhatsapp{background-color:#00e457;border-radius:0 0 0 12px;}
.popo-close{z-index:9999;position:absolute;top:0;right:0;padding:8px 9px;font-size:22px;cursor:pointer;}
.popo-close::before{content:"✖";}
.popo-close:hover{background-color: #ccc;}

#searchhtml{position:fixed;z-index: 9999; top: calc(var(--header-height) - 10px); right:6%;border-radius:16px;
    /* top:30px; left: 300px; */
    width: 500px;height:600px;background-color: #fff;border: 1px solid #111;box-shadow: 0 0 12px #666;
}
#searchhtml .popo-close{margin-top: 18px;}
.search-input{ position: relative;
    width: 80%; height: 40px; margin-top: 20px; margin-left: 25px;
}
.search-input input{
    width: 100%; height: 100%; border-radius: 12px;background-color: #eee; border:1px solid #666; text-indent: 14px;
}
.search-ico{position: absolute; right: 8px; top: 7px;font-family: "backwinfont"; font-size: 24px; color: #555;}
.search-history{
    width: 80%; line-height: 40px; margin: 12px auto 0 auto; display: flex;flex-wrap: wrap
}
.search-history li{cursor: pointer; margin-right: 40px;}
.search-hot-title{font-size: 20px; font-weight: bolder; margin-top: 50px; margin-left: 30px;}
#popogb{
    position:fixed;
  top: 0;
  left: 0;
  z-index: 9990;
  /* display: none; */
  visibility:hidden;
  width: 100%;
  height: 100%;
  overflow: hidden;
   
}
#popogb{z-index:9990;background:rgba(20,20,20,.4);backdrop-filter:blur(30px);position:fixed;
    visibility: hidden;
    opacity:0;top:0;left:0;width:100%;height:100%;transition:opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s
}
#popogb.on{
    /* display: block; */
    visibility:visible;
    opacity: 1;
}

.popo-wap{z-index:9991;display:flex;justify-content:center;align-items:center;position:fixed;top: 0;
    left: 0;  width: 100%;height: 100%;}

.popo-html{
    position: relative;
    display: flex;
    width: 530px;
    border-radius: 25px;
    background-color: #fff;
    display: flex;
    flex-direction:column;
    /* align-content:space-between; */
    /* justify-content: space-around; */
    align-items:center
}
.popo-html .popo-close{border-radius: 0 25px 0 0 ;}
.popo-title{
    font-size: 24px; font-weight: bolder;text-align: center;
    margin-top: 40px;
}
.popo-input,.popo-msg,.popo-but{
    width: 80%;
    height: 40px;
    margin-top: 18px;
}
.popo-input input{width: 100%; height: 100%; text-indent:8px;border-radius: 10px;background-color: #eee; border:1px solid #666;}
.popo-pass{position: relative;color: #111;}
.popo-pass::before{
    /* position: absolute; right: 0;
    content: "👁️";
    color: #111; */
}
.popo-msg{
    color: #f00; text-align: center; line-height: 100%;
}
.popo-but{
    border-radius: 10px;
    background-color: #111;
    color: #fff;
    width: 81%; margin-left: 6px;
    
}
#headerpop{
    position: fixed;
    z-index: 9992;
    top:var(--header-height);left: 0;
    width: 100%;
   
    text-align: center;
    display: flex;flex-direction:column;justify-content:center; text-align: center;
}
#headerpop .popo-close{border-radius:0 16px 0 0;}
/* .headerpop-fix{width: 75%;height: 60px;margin: 0 auto;position: relative;} */

.headerpop-html{margin: 0 auto;width:100%;min-width: 1015px; position: relative; display: flex; justify-content: center; border:1px solid #111; background-color: #fff;}
.headerpop-menu{width:200px; min-width:200px; padding:10px 0 250px 0;border-right: 1px solid #999;  display: flex;flex-direction:column; align-items:flex-end;text-align: center;background-color: #F0EFEF;}
.headerpop-menu li{line-height: 45px; width: 80%; margin-top: 18px;border:1px solid transparent; margin-right: -1px;}
.headerpop-menu li.on{border: 1px solid #999; border-left: 9px solid var(--blue); border-right-color:#fefefe; background-color: #fefefe;}
.headerpop-con{ height: 360px; overflow-y: scroll; width: 1170px; display: block;}
.headerpop-con-pro{margin-top: 10px;display: flex;flex-wrap: wrap;justify-content: space-between; padding: 0 20px;}
.headerpop-con-pro a{text-align:center;margin:35px 22px 35px 22px;font-size:14px;color:#111;display:flex;flex-direction:column;align-items:center;}
.headerpop-con-pro a div{width:230px;height:230px;background-color: #EBEBEB;display: flex;justify-content:center;align-items: center;border-radius:18px; }
.headerpop-con-pro a img{width: 50%; height:auto; transition: width 0.3s;}
.headerpop-con-pro a span{width: 100%;line-height: 52px;}
.headerpop-con-pro a:hover div{border-color: #000;box-shadow: 0 0 10px #666;}
.headerpop-con-pro a:hover span{color:var(--blue); text-decoration:underline;}
.headerpop-con-pro a:hover img{width: 60%;}


#video-container{position: relative;width: 100%;}
#play-button{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255 ,255, 0.11);
border:none;cursor:pointer;align-items: center;justify-content:center;z-index: 999;}
#play-button:before{content:"▶";border-radius:5%;border:1px solid #fff;padding:15px 40px; font-size: 120px; color: #fff; opacity:0.8; }

#ContactUs{width: 100%; padding: 25px 0;background-color:#ddd;display:flex;justify-content:center;align-items: center; }
#ContactUs dl{display:flex;justify-content:center;align-items: center; padding: 0 40px; }
#ContactUs dt{font-family:"backwinfont";font-size: 22px; padding: 0 8px; }
#ContactUs dd{letter-spacing: 1px;font-size: 18px; cursor: pointer;}
#ContactUs dl:hover{color:#2B537D;}

#supus{width: 100%;min-width:  840px; padding:60px 0 25px 0; background-color:#ddd;color: #292929;
    display: flex;flex-direction: column;justify-content: center;align-items: center;}
#supus .supus-logo,#supus .supus-lx{width: 840px;}
.supus-logo{display: flex;justify-content: center;align-items: center;}
.supus-logo dt{font-family:"backwinfont";font-size: 50px; padding:0 10px ;}
.supus-logo dd{font-size: 26px;padding:0 10px ; letter-spacing: 4px;}
.supus-lx p,.supus-lx textarea{width: 100%;}
.supus-lx{display: flex;flex-wrap: wrap;}
.supus-lx p{width: 38%; display: flex;align-items: center; margin-top: 16px;}
.supus-lx p.supus-lx-p-short{width: 24%;}
.supus-lx p span{width:35%; text-align: right; padding-right: 1px;}
/* .supus-lx p span.supus-lx-span-short{width: 26%;} */
.supus-lx p input{width: 65%; height: 26px;border: 1px solid #555;outline-color: #333; border-radius:7px; text-indent:6px;}
/* .supus-lx p input.err{border-color: #f56c6c; color: #f56c6c;} */
/* .supus-lx p input.supus-lx-input-short{width: 40%;} */
.supus-lx textarea{height:175px; margin-top:16px ; padding: 12px;border-radius:8px}
.supus-but{margin-top: 16px; display: flex;justify-content:center;}
.supus-but button{width: 180px; height: 45px; margin: 0 20px;border-radius: 10px; border: none; cursor:pointer;
     font-size: 16px;font-weight: bolder; background-color: #fff;}
.supus-info{margin: 10px;}
.supus-contxt{ width:1200px; margin-top: 35px; display: flex;justify-content: space-between; font-size: 14px;}
.supus-contxt p{ padding:0 10px;}
.supus-contxt.cn{width:1000px;font-size: 16px;}

#foot{ background-color: #000;width: 100%; height: auto; color: #dedede;}
#foot .contain{width: 63%;margin: 0 auto; padding:80px 0;display: flex; }
#foot dl{display: flex;flex-direction:column;width: 250px;}
#foot dl:last-child{width:300px;}
#foot dl dt{font-weight: bolder; font-size: 20px; line-height: 45px;}
#foot dl dd{display: flex;flex-direction:column; line-height: 45px;}
#foot dl dd a{color: #dedede; padding-bottom: 2px;}
#foot dl:not(:last-child) dd a:hover{color: #fff; text-decoration: underline;text-underline-offset:6px;}
#foot dl:last-child{margin-left: auto;}

#foot dl:last-child dd{line-height:30px; margin-top:5px; display: flex;}

.foot-ico{display: flex; margin-top: 50px;}
.foot-ico li{width:55px; height:55px; position: relative; margin-left: 10px;
    display: flex;justify-content:center;align-items: center;text-align: center; }
.foot-ico li::after{content: "";width:55px; height:0; display: flex;border-radius:10px;
    transition: height 0.2s;background-color: #3786C7;position: absolute;bottom: 0;left: 0;z-index:0;}
/* .foot-ico li:nth-child(1)::after{background-color:#FFF ; color: #00e457;}

.foot-ico li:nth-child(1):hover a{color: #00e457;; }  */
/* .foot-ico li:nth-child(2)::after,.foot-ico li:nth-child(3)::after{background-color:#e00 ;}
.foot-ico li:nth-child(5)::after{background-color:#FFF ;} */

/* .foot-ico li:nth-child(4)::after{background-color:#3786C7; } */
.foot-ico li:hover::after{height:55px;}
.foot-ico a{font-family:"backwinfont";font-size:28px;z-index: 999;text-align: center;
    color: #FFF;  width:55px; height:55px;  line-height: 55px;}
/* .foot-ico a{font-family:"backwinfont";font-size: 30px; display: flex;justify-content:center;align-items: center;text-align: center;
    position: absolute;left: 0;top: 0;z-index: 999; width:60px; height: 60px;} */
/* .foot-ico a::before{content: "";position: absolute;left: 0;top: 0;width:60px; height: 60px;z-index:0; background-color: #454 } */
/* .foot-ico li:nth-child(1):hover a,.foot-ico li:nth-child(4):hover a{color: #3786C7; }
.foot-ico li:nth-child(2):hover a,.foot-ico li:nth-child(3):hover a{color: #e00; }*/
/* .foot-ico li:nth-child(5):hover a{color: #000; }  */
.foot-ico li:hover a{color: #fff;}
.foot-ico li.facebook::after{background-color:#3786C7;}
.foot-ico li.youtube a{font-size:34px;}
.foot-ico li.youtube::after,.foot-ico li.instagram::after{background-color:#fff ;}
.foot-ico li.youtube:hover a,.foot-ico li.instagram:hover a{color: #F00 !important;}
.foot-ico li.x a{font-size: 24px;}
.foot-ico li.x::after{background-color:#fff ;}
.foot-ico li.x:hover a{color: #000 !important;}

.imgloadbg{background: url(/bk/imgloadbg.gif);}
.borderradius25{border-radius:25%}

.swiper,.swiper img{width:100%;}
.swiper img{object-fit:cover;}
.swiper-slide{text-align:center;font-size:18px;}
.swiper-slide a{}

.img-100-autofix,.img-100-autofix img,.img-100-autofix span{width: 100%;}
.img-100-autofix{position: relative;}
.img-100-autofix span{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fefefe;font-size:40px;font-weight:bolder;text-align:center;}
.img-100-autofix span.cn{letter-spacing:8px;}

@media screen and (min-width:800px){
    .pcblock{display: block;}.pcfixed{display: flex;}
    .mobilefixed,.mobileblock{display: none !important;}
    .img-1920-800{aspect-ratio: 2400 / 1080;}
    .img-1920-800 img{height: 100%;}
}
@media screen and (max-width:800px){
    .pcblock,.pcfixed{display: none ;}
    .mobilefixed{display: flex;}.mobileblock{display: block;}
    .header{min-width:auto;justify-content: space-between}
    #logo{margin-left: 20px;}
    .header div.pc,.header p.pc,#play-button:before{display: none;}
    .header-center{width: 100%;padding-top:32px}
    .header p.rightpc .rightpc-span{top: 50px; left:-40px ;}
    #searchhtml{width:90% ;right: 5%;}
    #totop{display: block;}
    #supus{min-width:auto; }
    #supus .supus-logo,#supus .supus-lx{width:90%;}
    .supus-lx p,.supus-lx p.supus-lx-p-short{width: 100%;}
    .supus-lx p span{width: 25%;}.supus-lx p input{width: 75%;}
    .supus-but button{width: 160px;  margin: 0 10px;}
    .supus-contxt{width: 90%;flex-direction: column;}
    .supus-contxt p{ padding: 5px 0;}
    .supus-contxt.cn{width: 90%;}
    #ContactUs{display: block;  overflow: hidden;}
    #ContactUs dl{padding: 0 0 0 20px; width:40%; line-height: 35px; float: left;justify-content: flex-start;}
    #ContactUs.en{flex-direction: column;}
    #ContactUs.en dl{width: 100%;}

    #foot .contain{width: 90%;flex-wrap: wrap; padding-left:30px;}
    #foot dl{width: 50%;padding-top: 30px;}
    #foot dl:last-child{width: 90%;}
    #foot dl:last-child{margin-right: auto; padding-top: 40px; padding-left: 30px;}
    #foot dl dt{font-size:18px; line-height: 32px;}
    #foot dl dd{line-height:32px; font-size: 15px;}
    .foot-ico{margin-top: 30px;}
    .swiper-button-next, .swiper-button-prev{display: none;}
    /* .swiper {aspect-ratio: 950 / 1250;} */
    .swiper img{aspect-ratio: 950 / 1250;object-fit:cover;}
    #popmb .wrapper{width: 100%; padding: 20px 0; display: flex;flex-direction: column;align-items:center;}
    #popmb .wrapper dl{width: 100%; display: flex;flex-direction:column;align-items:center;justify-content: center; margin-top:15px;}
    #popmb .wrapper dl dt{width: 85%; padding: 0 10px;cursor: pointer; display: flex;align-items:center; height:40px; border-width: 1px;font-weight: bolder;color: #666; border: 1px solid transparent; box-shadow: 0 0 6px #666;
        border-radius:6px;}
    #popmb .wrapper dl dt::after{content:"+";font-size: 26px; margin-left: auto; font-weight: normal;}
    #popmb .wrapper dl.on dt{color: #4BA2DA;border-color:#4BA2DA ;}
    #popmb .wrapper dl.on dt::after{content:"-"}
    
    
    #popmb .wrapper dd{width: 100%; padding: 5px 0; display: none;}
        /* #popmb .wrapper dl.on dd{display: grid;} */
    #popmb .wrapper a{font-size:14px;color:#111;width: 40%; float: left; margin: 16px 0 0 6.5%;display:flex;flex-direction:column;align-items:center; }
    #popmb .wrapper a div{width:100%;aspect-ratio:1/1;background-color:#EBEBEB;display:flex;justify-content:center;align-items: center;border-radius:18px; }
    #popmb .wrapper a div img{width: 50%; height:auto; transition: width 0.3s;}
    #popmb .wrapper a span{width: 100%;padding-top:12px;text-align: center;}
    #popmb .wrapper a:hover div{border-color: #000;box-shadow: 0 0 10px #666;}
    #popmb .wrapper a:hover span{color:var(--blue); text-decoration:underline;}
    #popmb .wrapper a:hover img{width: 60%;}
    .img-100-autofix{aspect-ratio:2/1.2;}
    .img-100-autofix img{height:100%;object-fit:cover;}
    .img-100-autofix span{font-size:32px;}
}