@keyframes humshow{from{opacity:0}to{opacity:1}}.scene-container{padding-top:0;padding-bottom:0}.scene-nav{display:flex;justify-content:space-between;padding:40px}@media screen and (max-width: 768px){.scene-nav{flex-wrap:wrap;margin-left:0;margin-right:0;padding-top:20px;padding-bottom:20px;padding-left:calc(50vw - 160px);padding-right:calc(50vw - 160px)}}.scene-nav>.item{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;flex-direction:column;width:200px;height:200px;background-color:#fff;border-radius:50%}@media screen and (min-width: 769px){.scene-nav>.item{border:3px solid transparent}.scene-nav>.item:hover{border-color:#33b4f6}}@media screen and (max-width: 768px){.scene-nav>.item{width:150px;height:150px;margin-bottom:20px}.scene-nav>.item:nth-of-type(3),.scene-nav>.item:nth-of-type(4){margin-bottom:0}}.scene-nav>.item::before{position:absolute;content:"";left:50%;bottom:20px;margin-left:-13px;border-style:solid;height:0;width:0;border-color:#33b4f6 transparent transparent;border-width:12px 13px 0}@media screen and (max-width: 768px){.scene-nav>.item::before{bottom:10px;margin-left:-9.1px;border-width:8.4px 9.1px 0}}.scene-nav>.item>.icon{display:flex;align-items:center;justify-content:center;width:100%;height:107px;margin-bottom:15px}@media screen and (max-width: 768px){.scene-nav>.item>.icon{height:80px;margin-bottom:10px}}.scene-nav>.item>.icon>.icon1{width:67px;height:100px}@media screen and (max-width: 768px){.scene-nav>.item>.icon>.icon1{width:53.6px;height:80px}}.scene-nav>.item>.icon>.icon2{width:90px;height:88px}@media screen and (max-width: 768px){.scene-nav>.item>.icon>.icon2{width:72px;height:70.4px}}.scene-nav>.item>.icon>.icon3{width:67px;height:107px}@media screen and (max-width: 768px){.scene-nav>.item>.icon>.icon3{width:53.6px;height:85.6px}}.scene-nav>.item>.icon>.icon4{width:94px;height:73px}@media screen and (max-width: 768px){.scene-nav>.item>.icon>.icon4{width:75.2px;height:58.4px}}.scene-nav>.item>.label{padding-bottom:25px;font-weight:bold;text-align:center;line-height:1}@media screen and (max-width: 768px){.scene-nav>.item>.label{padding-bottom:15px}}.case-content{position:relative;width:800px}@media screen and (max-width: 768px){.case-content{width:auto}}.case-head{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:28px}@media screen and (max-width: 768px){.case-head{display:block}}.case-head.-right .case-circle{margin-left:45px}.case-head.-left .case-circle{margin-right:45px}.case-heading{flex:1}.case-heading>.number{margin-bottom:5px;color:#33b4f6;font-size:24px;font-family:'Raleway', sans-serif;font-weight:700;letter-spacing:0.1em;line-height:1}@media screen and (max-width: 768px){.case-heading>.number{font-size:20px}}.case-heading>.number>.count{padding-left:0.2em;font-size:52px;font-weight:500}@media screen and (max-width: 768px){.case-heading>.number>.count{font-size:44px}}.case-heading>.label{width:100%;margin-bottom:15px;padding-bottom:5px;font-size:24px;font-weight:bold;border-bottom:2px dotted #33b4f6}@media screen and (max-width: 768px){.case-heading>.label{font-size:22px}}.case-heading>.lead{line-height:2}.case-circle{position:relative;width:295px}@media screen and (max-width: 768px){.case-circle{display:none}}.case-circle>.circles.-case1>.circle1{top:85px;right:15px}.case-circle>.circles.-case1>.circle2{top:153px;right:54px}.case-circle>.circles.-case1>.circle3{top:182px;right:17px}.case-circle>.circles.-case2>.circle1{top:165px;right:55px}.case-circle>.circles.-case2>.circle2{top:138px;right:0}.case-movie{position:relative;width:100%;height:450px;border-radius:8px;overflow:hidden}@media screen and (max-width: 768px){.case-movie{z-index:1;height:calc(100vw - 40px);height:50.4vw}}.case-movie>iframe{width:100%;height:100%}.case-movie>.cm{position:absolute;bottom:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:center;width:90px;height:30px;background-color:#fff}@media screen and (max-width: 768px){.case-movie>.cm{bottom:8px;right:8px;width:70px;height:20px}}.case-movie>.cm>.icon{width:20px;height:15px;margin-right:5px}@media screen and (max-width: 768px){.case-movie>.cm>.icon{width:12px;height:9px}}.case-movie>.cm>.label{color:#777;font-size:12px;font-family:'Raleway', sans-serif;font-weight:700;line-height:1}@media screen and (max-width: 768px){.case-movie>.cm>.label{font-size:10px}}.case-movie>.video{width:100%;height:100%;outline:none}.banner-container{padding-top:40px;padding-bottom:40px;background:url(../../common/img/scene/banner-bg_dot.png) repeat left top}.banner-content>.banner{display:block;width:100%;height:200px;background-color:#fff}

/*# sourceMappingURL=../css/scene.css.map */