*{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') 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:90px;
}
.header-margin{width:100%;height:90px;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: 9991;
    color: #fff;overflow: hidden; width: 100%;min-width: 1350px;
    display: flex;align-items: center;}
#logo{width:77px;min-width:78px;height:54px;margin:0 9% 0 6%;float:left;background-image:url(logo.png);
    background-repeat:no-repeat;background-size:cover;transform: scale(1);transition:transform 0.5s;cursor:pointer;}
#logo:hover{transform: scale(1.2);}
/* .logo-on{background-image: url(static/logo-on.png)} */
.header div.pc{display: flex;height: 70px; margin-top: 20px;}
.header a{color: #fff;}
/* .header a:hover,.header div.pc a.pc-pop.on{color:var(--blue);} */
.header 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 a.pc-pop::before,.header 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 p.pc{min-width:150px;margin-top:19px;margin-left:auto;margin-right:6%;
font-family:"backwinfont";display:flex;align-items:center;justify-content:space-around;}
.header p.pc a{width:38px;font-size:24px;height:38px;display:flex;align-items:center;justify-content:center;transition:font-size 0.2s;}
.header p.pc a:hover{font-size:30px;}
.header div.pc a.pc-sto:hover::before,.header div.pc a.pc-pop.on::before,.header 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.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;}

.mobile-header-menu{position:fixed;top:calc(var(--header-height)-2px);left:0;z-index:9999;width:50%;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);}

#totop{display:block;position:fixed;right:65px;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: 45px;height: 65px;position:fixed;right: 0;bottom: 20px;border-radius:25px 0 0 25px;z-index: 9999;
    font-family: "backwinfont";font-size: 26px;
    background-color: var(--blue);color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    #rightico li{padding: 5px 0;}
    #rightico a{color: #fff;}
.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:absolute;z-index: 9999; top: 80px; right:60px;
    /* top:30px; left: 300px; */
    width: 500px;height:600px;background-color: #fff;border: 1px solid #111;
}
#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: #ccc; border: none; 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,.popo-wap{
    position:fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  display: none;

  width: 100%;
  height: 100%;
  overflow: hidden;
   
}
#popogb{z-index: 9990;background-color: rgba(0, 0, 0, 0.3);}
.popo-wap{z-index:9991;display:flex;justify-content:center;align-items:center;}

.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: 5px;}
.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: 80px;left: 50%;;
    width: 75%;
    transform: translateX(-50%);
    text-align: center;
    display: flex;flex-direction:column;justify-content:center; text-align: center;
}
#headerpop .popo-close{}
/* .headerpop-fix{width: 75%;height: 60px;margin: 0 auto;position: relative;} */

.headerpop-html{margin: 0 auto;width:100%;min-width: 1015px;min-height: 553px; position: relative; display: flex;  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: 5px solid var(--blue); border-right-color:#fefefe; background-color: #fefefe;}
.headerpop-con{ height: 100%; display: block;}
.headerpop-con-pro{ padding: 8px 50px 28px 80px;display: flex;flex-wrap: wrap;}
.headerpop-con-pro a{width:190px;height:230px;border:1px solid #ccc;text-align:center;border-radius:18px;
    margin:25px 0 0 29px;font-size:14px;color:#111;display:flex;flex-direction:column;align-items:center;}
.headerpop-con-pro a div{width: 170px; height: 190px;display: flex;justify-content:center;align-items: center;}
.headerpop-con-pro a img{width: 85%; height:auto; transition: width 0.3s;}
.headerpop-con-pro a span{width: 100%;line-height: 32px;}
.headerpop-con-pro a:hover{border-color: #000;}
.headerpop-con-pro a:hover span{color:var(--blue); text-decoration:underline;}
.headerpop-con-pro a:hover img{width: 95%;}



#supus{width: 100%;min-width:  840px; padding:60px 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; }
/* .supus-lx p input.supus-lx-input-short{width: 40%;} */
.supus-lx textarea{height:175px; margin-top:16px ; padding: 12px;}
.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;
     font-size: 16px;font-weight: bolder; background-color: #fff;}
.supus-info{margin: 10px;}

#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{}
#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;
    display: flex;justify-content:center;align-items: center;text-align: center; }
.foot-ico li::after{content: "";width:55px; height:0; display: flex;
    transition: height 0.2s;background-color: #3786C7;position: absolute;bottom: 0;left: 0;z-index:0;}
.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:26px;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;}
.imgloadbg{background: url(/bk/imgloadbg.gif);}

@media screen and (min-width:800px){
    .pcblock{display: block;}.pcfixed{display: flex;}
    .mobilefixed,.mobileblock{display: none !important;}
}
@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;}
    #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;}
    #foot .contain{width: 90%;flex-wrap: wrap; padding-left:30px;}
    #foot dl{width: 120px;}
    #foot dl:last-child{width: 90%;}
    #foot dl:last-child{margin-right: auto; padding-top: 20px; padding-left: 20px;}
    #foot dl dt{font-size:18px; line-height: 25px;}
    #foot dl dd{line-height: 25px; font-size: 16px;}
    .foot-ico{margin-top: 30px;}
}