#top{position:relative}#top img{width:100%}#top .text{position:absolute;top:48%;left:50%;text-align:center;color:#fff;width:80%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#top .text h1{margin-bottom:15px;white-space:nowrap;font-size:46px}#top .text span{display:inline-block;margin:0 5px;font-size:24px;font-weight:200;line-height:24px}#top .text .contact-button{display:block;width:145px;height:40px;margin:30px auto;border:0;font-size:18px;font-weight:200;line-height:40px;text-decoration:none;color:#fff;-webkit-border-radius:100px;border-radius:100px;background:#0085ff}#ability{margin-bottom:75px;text-align:center}#ability h1{margin:77px auto 60px;font-weight:200;color:#333}#ability .content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;max-width:1080px;margin:0 auto;border-top:1px solid #fff;border-left:1px solid #fff;text-align:left;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#ability .content .item{position:relative;min-width:33.3%;max-width:33.4%;height:auto;padding:20px 40px;text-align:center;-webkit-box-flex:1;-webkit-flex:1 200px;-moz-box-flex:1;-ms-flex:1 200px;flex:1 200px}#ability .content .item:before{content:"";position:absolute;top:50%;right:-1px;width:1px;height:60%;background:#ececec;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#ability .content .item:after{content:"";position:absolute;bottom:-1px;left:50%;width:76%;height:1px;background:#ececec;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#ability .content .item .icon{width:50px;height:50px;margin:0 auto}#ability .content .item .subtitle{font-size:16px;line-height:36px;color:#333}#ability .content .item .subcontent{font-size:14px;line-height:20px;text-align:justify;color:#999}#ability .content .hide-when-lg,#ability .content .hide-when-lg-h{display:none}#ability .content .hide-when-sm{display:inline-block}#case{overflow:hidden}#case ul.slick-dots{position:relative;bottom:0;margin-bottom:0}#case .slick-dots li{width:auto;height:auto;margin:0 10px}#case .slick-dots li button{display:block;width:40px;height:4px}#case .slick-dots li button:before{content:"";width:40px;height:4px;background:rgba(0,0,0,.7)}#case .slick-dots li.slick-active button:before{opacity:.75;background:#0085ff}#case .carousel{position:relative;height:100%;padding-top:50px;text-align:center;color:#333;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease}#case .carousel img{width:100%}#case .carousel .title{width:70%;margin:10px auto 50px;text-align:left}#case .carousel .title h1{display:inline-block;margin-left:20px;font-weight:200}#case .carousel .title p.subtitle{display:none;margin-left:20px;font-size:20px;font-weight:200;line-height:16px;vertical-align:baseline}#case .carousel .title p.subtitle.active{display:inline-block}#case .carousel .explain{width:70%;min-width:340px;margin:0 auto;text-align:left}#case .carousel .explain .case-row{position:relative;width:500px;height:20px;margin-bottom:30px;margin-left:20px}#case .carousel .explain .case-row .line{position:relative;display:inline-block;width:26px;height:2px;vertical-align:middle;background:#cdcdcd;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease}#case .carousel .explain .case-row p{position:relative;left:8px;display:inline-block;font-size:14px;line-height:16px;color:#999;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;cursor:pointer}#case .carousel .explain .case-row p:hover{font-size:16px;color:#333}#case .carousel .explain .case-row.active .line{width:60px;background:#0085ff}#case .carousel .explain .case-row.active p{font-size:16px;color:#333}#case .carousel .explain .case-row p:nth-last-of-type(1){margin-bottom:30px}#case .carousel .real-case{position:absolute;bottom:18px;left:50%;display:none;width:70%;min-width:768px;color:#fff;-webkit-border-radius:5px;border-radius:5px;background:rgba(0,0,0,.45);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#case .carousel .real-case .person-information{display:inline-block;width:16%;height:100%;margin:0 9px 5px;font-size:14px;text-align:center;vertical-align:top}#case .carousel .real-case .person-information img{width:50px;height:50px;margin:4px auto 0}#case .carousel .real-case .separate-vertical{position:absolute;width:1px;height:100%;padding-top:20px;padding-bottom:20px;background:rgba(255,255,255,.3);-webkit-background-clip:content-box;background-clip:content-box}#case .carousel .real-case .person-word{position:relative;display:inline-block;width:72%;margin:20px 30px 16px 20px;text-align:justify;vertical-align:top}#case .carousel .real-case .person-word span{font-size:12px;line-height:24px}#case .carousel .real-case .person-word:before{content:"";position:absolute;left:-20px;width:1px;height:100%;min-height:64px;background:rgba(255,255,255,.3)}#case .carousel .real-case.active{display:block}#case .pc-case{height:502px;background:#f5f5f7}#case .pc-case .carousel .title .switch{display:none}#case .pc-case .carousel .title .switch-active{display:inline-block}#case .pc-case .carousel .switch{display:none}#case .pc-case .carousel .switch-active{display:inline-block}#case .carousel-case{display:none}#partner{position:relative;z-index:1;margin:100px auto;text-align:center}#partner .title{margin-bottom:40px}#partner .title h1{font-weight:200}#partner .content{display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:auto;max-width:1075px;height:auto;margin:0 auto;border:2px solid #fff}#partner .content .border_hidden{position:absolute;width:100%;height:100%;border:3px solid #fff}#partner .content .partner_logo{font-size:0;text-align:left;vertical-align:middle}#partner .content .partner_logo .logo{position:relative;z-index:-1;display:inline-block;width:215px;height:70px}#partner .content .partner_logo .logo:before{content:"";position:absolute;right:-1px;width:1px;height:100%;background:#ececec}#partner .content .partner_logo .logo:after{content:"";position:absolute;bottom:-1px;width:100%;height:1px;background:#ececec}#partner .mobile-content{display:none}#precedure{overflow:hidden;width:100%;height:auto;padding-bottom:90px;text-align:center;background:#f9fcff}#precedure .title{margin:60px auto 50px}#precedure .title h1{font-weight:200}#precedure .content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}#precedure .content .line{width:15%;max-width:200px;height:3px;margin-right:25px;margin-left:15px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,133,255,0)),to(#0085ff));background:-webkit-linear-gradient(left,rgba(0,133,255,0),#0085ff);background:-moz- oldlinear-gradient(left,rgba(0,133,255,0),#0085ff);background:linear-gradient(to right,rgba(0,133,255,0),#0085ff)}#precedure .content .pcd{position:relative;width:46px;height:46px}#precedure .content .pcd .pcd-intro{position:absolute;top:52px;left:50%;font-size:16px;white-space:nowrap;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#precedure .content .pcd1{background-repeat: no-repeat;}#precedure .content .pcd2{background-repeat: no-repeat;}#precedure .content .pcd3{background-repeat: no-repeat;}#precedure .content .pcd4{background-repeat: no-repeat;}#other-solution{position:relative;width:100%;margin-bottom:80px;text-align:center}#other-solution .title{margin:80px auto 50px}#other-solution .title h1{font-weight:200}#other-solution .content{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;max-width:800px;margin:0 auto;font-size:0;line-height:0}#other-solution .content a{position:relative;display:inline-block;-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto}#other-solution .content a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#other-solution .content a img{width:100%;height:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#other-solution .content a p{position:absolute;z-index:1;top:50%;left:50%;font-size:18px;line-height:14px;color:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#other-solution .content a .cover{position:absolute;top:0;width:100%;height:100%;opacity:.4;background:#000}#other-solution .content a .cover2{position:absolute;top:0;width:100%;height:206px;opacity:.4;background:#000}#other-solution .content a .cover.active{display:none}#other-solution .content a:hover .cover{display:none}#other-solution .content .clip1{-webkit-clip-path:polygon(0 0,100% 0,70% 100%,0 100%);clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}#other-solution .content .clip2{-webkit-clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}#other-solution .content .clip3{-webkit-clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}#other-solution .content .solution{height:100%}#other-solution .content .solution1{margin:0 -32px 0 0}#other-solution .content .solution2{margin:0 -32px}#other-solution .content .solution3{margin:0 -32px}#other-solution .content .solution4{margin:0 -32px}#other-solution .content .solution5{margin:0 -32px}#other-solution .content .solution6{margin:0 0 0 -32px}#other-solution .content-mobile{display:none}@media screen and (max-width:1094px){#partner .content{width:100%;max-width:860px}}@media screen and (max-width:914px){#partner .content{width:100%;max-width:645px}}@media screen and (max-width:863px){#ability .content{max-width:565px}#ability .content .content{width:100%}}@media screen and (max-width:827px){#ability .content .separate-vertical{margin:20px}}@media screen and (max-width:768px){#top{height:auto;-webkit-background-size:cover;background-size:cover}#top .text{top:45%}#top .text h1{margin-bottom:6px;font-size:20px}#top .text span{font-size:16px;line-height:16px}#top .text .contact-button{width:80px;height:20px;margin:10px auto;font-size:12px;line-height:20px}#ability h1{margin:40px auto 30px;font-size:20px}#ability .content{min-width:auto}#ability .content .item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:50%;padding:20px;-webkit-box-flex:1;-webkit-flex:1 50%;-moz-box-flex:1;-ms-flex:1 50%;flex:1 50%}#case .pc-case{display:none}#case .carousel-case{display:block}#case .carousel-case button{display:none}#case .carousel{padding-top:30px}#case .carousel h1{font-size:24px;font-weight:200;line-height:24px}#case .carousel .subtitle{margin-top:10px;margin-bottom:10px}#case .carousel .explain{position:relative;width:auto}#case .carousel .explain .case-row{width:auto;height:auto;margin-bottom:10px;margin-left:0;text-align:center}#case .carousel .explain .case-row p{left:0;margin:10px}#case .carousel .explain .case-row p:nth-last-of-type(1){margin-bottom:0}#partner{margin:40px auto}#partner .title{margin-bottom:20px}#partner .title h1{font-size:24px;line-height:24px}#precedure{padding-bottom:60px}#precedure .title{margin:30px auto 20px}#precedure .title h1{font-size:24px;line-height:24px}#precedure .content .line{width:120px;margin-right:10px;margin-left:8px}#other-solution .title h1{font-size:24px;line-height:24px}}@media screen and (max-width:767px){#top img{height:240px}#top .text .contact-button{display:none}#ability h1{font-size:16px}#ability .content .item{padding:17px}#ability .content .item .icon{width:30px;height:30px}#ability .content .item .subtitle{font-size:14px}#ability .content .item .subcontent{line-height:18px}#case .carousel-case .carousel .explain{width:71%;margin:auto}#case .carousel-case .carousel .explain .case-row.active .line{width:40px}#case .carousel-case .carousel .explain .case-row .line{width:18px}#case .carousel-case .carousel .explain .case-row p{left:0}#partner .content{display:none}#partner .mobile-content{display:block}#partner .mobile-content .partner_logo{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:320px;margin:0 auto;border:2px solid #fff;font-size:0;text-align:justify}#partner .mobile-content .partner_logo .logo{position:relative;z-index:-1;display:inline-block;width:106px;height:50px}#partner .mobile-content .partner_logo .logo:before{content:"";position:absolute;left:-1px;width:1px;height:100%;background:#ececec}#partner .mobile-content .partner_logo .logo:after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:#ececec}#precedure .content{width:90%}#precedure .content .line{width:50px;margin-right:1px;margin-left:0}#precedure .content .pcd{-webkit-transform:scale(0.66);-moz-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}#precedure .content .pcd .pcd-intro{font-size:18px}#other-solution .content{display:none}#other-solution .content-mobile{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:90%;margin:0 auto}#other-solution .content-mobile a{position:relative}#other-solution .content-mobile a img{width:100%;height:100%}#other-solution .content-mobile a p{position:absolute;z-index:1;top:50%;width:100%;font-size:12px;text-align:center;line-height:14px;color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#other-solution .content-mobile a .cover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;transition:all 300ms linear;background:#000}#other-solution .content-mobile a:hover .cover{opacity:0}#other-solution .content-mobile a:not(:last-child){margin-right:-20px}#other-solution .content-mobile .clip1{-webkit-clip-path:polygon(0 0,100% 0,70% 100%,0 100%);clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}#other-solution .content-mobile .clip2{-webkit-clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}#other-solution .content-mobile .clip3{-webkit-clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}}#precedure .content .pcd1{background-position:0px 0px}#precedure .content .pcd2{background-position:-96px 0px}#precedure .content .pcd3{background-position:0px -96px}#precedure .content .pcd4{background-position:-96px -96px}#precedure .content .pcd1,#precedure .content .pcd2,#precedure .content .pcd3,#precedure .content .pcd4{background-size: 192px 142px;background-image: url(/static/hyhome/page/solution/default_0.5_z_5d9b797.png)}