*{margin:0;padding:0;font-family:Microsoft YaHei,Microsoft YaHei}
@font-face{font-family:Koulen;src:url(../koulen-regular.html)}
html{scroll-behavior:smooth}
a{text-decoration:none}
ul,ol{list-style:none}
input,textarea,button,select{border:0;resize:none;outline:0;background:transparent}
button{cursor:pointer}
img{width:100%;height:auto;display:block;object-fit:contain;max-width:100%}
.swiper-slide img{width:100%;height:100%;object-fit:cover;max-width:none;}
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line2{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
.line3{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3}
.line4{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:4}
.line5{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:5}
.scale-box{overflow:hidden}
.scale-box .scale-img{width:100%;height:100%;transition:all .3s linear;cursor:pointer;object-fit:cover}
.scale-box:hover .scale-img{transform:scale(1.1)}
.shadow_box{box-shadow:0 .02rem .12rem 0 rgba(0,0,0,0.1)}
.btn-ripple{vertical-align:bottom}
.btn-ripple:not(:disabled):hover{opacity:1;position:relative;overflow:hidden}
.btn-ripple:not(:disabled):hover::before{animation:ani_ripple 0.75s;z-index:1;content:"";position:absolute;display:block;transition:all 0.6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%)}
@keyframes ani_ripple{0%{background:rgba(0,0,0,0.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}.header-wrap{position:sticky;top:0;z-index:999}
.main{width:14rem;margin:0 auto}
.comTit{width:fit-content;margin:0 auto;padding-top:.8rem;position:relative}
.comTitEn{font-weight:bold;font-size:0.6rem;color:#333333;text-align:center;opacity:.1}
.comTitCn{font-weight:bold;font-size:0.4rem;color:#333333;position:absolute;left:50%;transform:translateX(-50%);bottom:0;white-space:nowrap}
.comTit::after{content:'';width:1rem;height:0.05rem;background:#00ADE8;border-radius:0.03rem 0.03rem 0.03rem 0.03rem;position:absolute;left:50%;bottom:-.33rem;transform:translateX(-50%);z-index:100}
.comBanner{margin-top:1rem;width:100%;height:5rem;position:relative}
.comBanner::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(133deg,rgba(22,105,177,0.65) 0%,rgba(5,83,141,0.19) 100%)}
.comBanner img{height:100%;object-fit:cover}
.bannerTit{font-weight:bold;font-size:0.48rem;color:#FFFFFF;position:absolute;left:50%;top:1.7rem;padding-bottom:.3rem;width:14rem;transform:translateX(-50%)}
.bannerTit::after{content:'';width:0.52rem;height:0.02rem;background:#FFFFFF;opacity:.5;position:absolute;bottom:0;left:0}
.bread{width:100%;height:.65rem;border-bottom:0.01rem solid #DEDEDE;background:#FFFFFF}
.bread .main{height:100%;display:flex;align-items:center;justify-content:space-between}
.breadL{display:flex;align-items:center}
.breadL a{width:1.5rem;height:0.48rem;border-radius:0.24rem 0.24rem 0.24rem 0.24rem;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:0.18rem;color:#333333;margin-right:.1rem;transition:all .3s}
.breadL a.active,.breadL a:hover{background:#00ADE8;color:#FFFFFF}
.breadR{display:flex;align-items:center}
.breadR a{display:flex;align-items:center;justify-content:center;font-weight:400;font-size:0.14rem;color:#6B6B6B;margin-right:.25rem;position:relative;transition:all .3s}
.breadR a::after{content:'-';position:absolute;top:50%;transform:translateY(-50%);right:-.15rem}
.breadR a img{width:.18rem;height:.18rem;margin-right:.08rem}
.breadR a:hover{color:#00ADE8}
.breadR a:last-child{margin-right:0;
/*width: 4.2rem;*/
    display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;
    justify-content: left;
}
.breadR a:last-child::after{display:none}
.an{position:relative;top:-1rem}
.page{max-width:100%;display:flex;justify-content:center;padding-top:.88rem;padding-bottom:1.2rem}
.page a{width:0.3rem;height:0.3rem;background:#FFFFFF;border-radius:0.02rem 0.02rem 0.02rem 0.02rem;border:0.01rem solid #E6E6E6;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:0.16rem;color:#9A9A9A;margin:0 .025rem;transition:all .3s}
.page p{display:flex;align-items:center;justify-content:center;font-weight:400;font-size:0.16rem;color:#9A9A9A;margin:0 .025rem;transition:all .3s}
.page a img{width:.07rem;height:.13rem}
.page a:hover,.page a.active{background:#00ADE8;color:#FFFFFF}
.page a:hover img{filter:brightness(0) invert(1)}
input[type=num]{width:0.54rem;height:0.3rem;background:#FFFFFF;border-radius:0.02rem 0.02rem 0.02rem 0.02rem;border:0.01rem solid #E6E6E6;padding:.05rem;box-sizing:border-box}
#page{display:flex}
.page .next{margin-right:.13rem}
.bread2{padding:.2rem 0 .3rem;margin-top:1rem}
.bread2 .main{display:flex;align-items:center}
.comBanner .bread2{position:absolute;right:2.6rem;bottom:.2rem;padding:0}
.comBanner .bread2 .main{width:fit-content}
.comBanner .breadR a{color:#FFFFFF}
.ud5{transform:translateY(100%);opacity:0;transition:all .5s}
.ud10{transform:translateY(100%);opacity:0;transition:all .5s 1s}
.ud15{transform:translateY(100%);opacity:0;transition:all .5s 1.5s}
.ud20{transform:translateY(100%);opacity:0;transition:all .5s 2s}
.ud5.active{transform:translateY(0%);opacity:1}
.ud10.active{transform:translateY(0%);opacity:1}
.ud15.active{transform:translateY(0%);opacity:1}
.ud20.active{transform:translateY(0%);opacity:1}
@media only screen and (max-width:768px){.main{width:100%;height:auto;overflow:hidden}
.alert{display:none}
.comBanner{width:100%;overflow:hidden}
.bannerTit{font-size:0.48rem;left:50%;top:40%;width:100%;height:auto;overflow:hidden;text-align:center}
.bannerTit::after{left:46%}
.bread .main{display:block;width:100% !important}
.breadR{display:flex;align-items:center;width:100%;line-height:0.65rem;padding-left:5%;box-sizing:border-box}
.breadR a{font-size:0.24rem}
.bread{width:100%;height:auto;line-height:.65rem}
.breadL{height:auto;overflow:hidden;background:#fff;padding:0.05rem 0;border-bottom:1px solid #f5f5f5;display:block}
.breadL a{font-size:0.24rem;color:#333333;margin-right:0;width:33.3%;float:left}
.breadR a:nth-child(3){display:none}
.page a{width:0.6rem;height:0.6rem;font-size:0.24rem}
input[type="num"]{width:0.6rem;height:0.6rem}
}