@font-face{font-display:block;font-family:"SYHei";src:url("./bfonts/SourceHanSansCN-Light.otf") format("otf")}.h-bg{background:#fff url("/images/hydrogen-products/hydrogen-bicycle/y200/bgimg.png") left center no-repeat;background-size:cover;background-repeat:no-repeat;padding:30px 0}.h-bg,.hs2,.hs3,.hs4{width:100%;height:auto;background-size:cover;display:block}.hs2{background:url("/images/hydrogen-products/hydrogen-bicycle/y200/bgimg2.png") left center no-repeat}.hs4{background:#fff url("/images/hydrogen-products/hydrogen-bicycle/y200/bgimg4.png") left center no-repeat}.property-text-primary{color:rgba(11,88,193,1)}.property-text-white{color:rgba(255,255,255,1)}.property-num,.property-unit,.property-des{white-space:nowrap}.property-num{font-size:50px;font-weight:700;line-height:normal}.property-unit{line-height:normal;font-weight:700}.property-des{white-space:nowrap}.hproper-bg{display:block;background-image:url("/images/hydrogen-products/hydrogen-bicycle/y200/bgimg5.jpg");background-position:center;background-repeat:no-repeat;background-size:cover!important}.hproper-bg-item{color:#fff;font-size:30px;font-weight:400;padding-top:100px;text-align:center}@media(min-width:768px) and (max-width:991.98px){.hproper-bg-item{font-size:20px;padding-top:30px}}@media(max-width:767.98px){.hproper-bg-item{color:#fff;font-size:20px;padding-top:30px}}.bg-video{background:url("../images/video-bg.png") right top no-repeat;padding-top:3rem!important;padding-bottom:3rem!important}@media(max-width:767.98px){.bg-video{background:url("../images/video-bg.png") right top no-repeat;background-size:50%;padding-top:0!important;padding-bottom:0!important}}.video-preview{max-width:800px;height:auto;margin:0 auto;padding:0;position:relative}.preview-img{width:100%;height:auto}.preview-icon{width:4rem;position:absolute;cursor:pointer;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-container{position:fixed;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:0;left:0;right:0;bottom:0;z-index:10090;background:rgba(0,0,0,.8);text-align:center;width:100%;height:100%;opacity:1;transition:opacity .5s}.video-container .video-content{z-index:4;box-sizing:border-box;width:70%;overflow-y:hidden;transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;position:relative;background-color:transparent;margin:0 auto}.video-container .video-content>.video-size{width:80%;max-height:90%}.video-container .video-close{cursor:pointer;z-index:11;position:absolute;top:40px;right:60px;border:0}.bg-youon,.bg-youon a:link,.bg-youon a:visited{background-color:rgba(255,255,255,.9);color:rgba(255,255,255,1);width:40px;height:40px}.bg-youon a:link,.bg-youon a:visited{color:rgba(255,255,255,.9)}.color-border{border:10px #d7dff2 solid!important}.adv-img{width:250px;height:250px;overflow:hidden;cursor:pointer}.adv-img img{-webkit-transform:scale(1);transform:scale(1);transition:.3s ease-in-out}.adv-img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:767.98px){.adv-img{width:150px;height:150px}.adv-img img{-webkit-transform:scale(1);transform:scale(1);transition:.3s ease-in-out}}.yn-bg-des{background:url("../images/henergy/des-4.jpg") center bottom no-repeat}.alpha{width:200px;height:40px;border:2px #000 solid;border-radius:20px;padding:5px}.product-color{display:block}.product-color ul li{cursor:pointer}product-color ul li.on p{color:#666;text-align:center}.y600-des{max-width:1170px;margin:0 auto}.y600-des img{width:1000px}.y600-round{border-radius:30px}.bg-blue-white{background:-webkit-linear-gradient(#8ccbee,#fff);background:-o-linear-gradient(#8ccbee,#fff);background:-moz-linear-gradient(#8ccbee,#fff);background:linear-gradient(#8ccbee,#fff)}.bg-light-green{background:#b7effc}@media(max-width:767.98px){.y600-des{max-width:100%;margin:0 auto}.y600-des img{max-width:750px;width:100%}}.section-video{height:600px;margin:60px 0;background-color:#2c3e50;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.section-video .text{position:relative;top:50%;transform:translateY(-50%);text-align:center}.ridemodel{width:50%;margin:0 auto}@media(max-width:767.98px){.mask-pic-bg-ridemodel{height:400px}.ridemodel{width:100%}}.mask-pic-bg-y900-steppe{background-image:url("/images/hydrogen-products/hydrogen-bicycle/y900/steppe.jpg");height:700px}.mask-pic-bg-y900-ep{background-image:url("/images/hydrogen-products/hydrogen-bicycle/y900/environmental-protection.jpg");height:700px}.mask-pic-bg-s100{background-image:url("/images/hydrogen-products/hydrogen-bicycle/s100/s100-bg.png");height:600px}.mask-pic-bg-lifecircle{background-image:url("/images/hydrogen-products/hydrogen-bicycle/y600/lifecircle.jpg");height:700px}.mask-pic-bg-ridemodel{background-image:url("/images/hydrogen-products/hydrogen-bicycle/y600/ridemodel.jpg");height:600px}@media(max-width:767.98px){.mask-pic-bg-y900-steppe,.mask-pic-bg-y900-ep,.mask-pic-bg-lifecircle,.mask-pic-bg-ridemodel{height:400px}}.num-info .info-title,.num-info .info-num,.num-info .info-num em{font-family:SYHei;color:rgba(255,255,255,1);text-align:center}.num-info p:first-child{font-size:24px;font-weight:700}.num-info p:nth-child(2){font-weight:700;font-size:60px}.num-info p:nth-child(2) em{font-size:18px}@media(max-width:767.98px){.num-info p:first-child{font-size:16px;font-weight:normal}.num-info p:nth-child(2){font-size:30px;font-weight:normal}.num-info p:nth-child(2) em{font-size:14px}}