.web{display:flex;align-items:center;width:100%;height:100vh}.nav{position:relative;display:flex;align-items:center;flex-direction:column;width:10%;line-height:80px}.nav>a{height:80px;font-size:18px;font-weight:100;cursor:pointer}.nav-sel{display:flex;justify-content:space-between;align-items:center;position:absolute;width:80px;height:81px;transition:.5s;pointer-events:none}.nav-sel .iconfont{position:absolute;right:1px;line-height:80px;font-size:10px;color:#fff}.nav-sel::before{content:"";width:14px;height:4px;border-radius:2px;background-color:#6c63ff}.nav-sel::after{content:"";width:14px;height:14px;border-radius:4px;background-color:#6c63ff}.main{width:86%;height:87%;border-radius:40px;box-shadow:0 0 100px rgba(220,230,255,.8);overflow:hidden}.main>section{box-sizing:border-box;width:100%;height:100%;transition:.5s}.main-home{display:flex;flex-direction:column;justify-content:space-between;background-image:url(/image/bg_home.png);background-repeat:no-repeat;background-position:center right;background-size:contain}.main-home>img{display:block;width:160px;margin:30px 50px}.main-home-text{margin-left:50px;font-size:42px;font-weight:100}.main-home-text h1{margin:0}.main-home-spray{width:33%;height:24%;background-image:url(/image/spray.png);background-repeat:no-repeat;background-size:contain}.main-home .wa{position:absolute;right:0;top:0;width:240px;margin:0;border-radius:0 0 0 40px;box-shadow:0 0 10px rgba(0,0,0,.2)}.main-intro{display:flex;align-items:center;padding:80px;background-image:url(/image/bg_intro.png);background-repeat:no-repeat;background-position:bottom right;background-size:60%}.main-intro>div{width:50%;height:100%}.main-intro>div:first-child{display:flex;justify-content:space-between;flex-wrap:wrap;height:auto}.main-intro-img{width:30%;height:200px;border-radius:20px;box-shadow:0 0 50px rgba(0,0,0,.1);background-color:#eee;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}.main-intro-img:nth-child(1){background-image:url(/image/intro_a.png)}.main-intro-img:nth-child(2){background-image:url(/image/intro_b.png)}.main-intro-img:nth-child(3){background-image:url(/image/intro_c.png)}.main-intro-text{width:100%;margin-top:50px;padding-top:50px;border-top:1px solid #333;font-weight:200}.main-intro-text h2{margin:0;font-size:1.2em}.main-intro-text p{line-height:1.8}.main-intro-company{margin:-20px 0 0;padding-left:50px;line-height:1.2;font-size:44px;letter-spacing:2px}.main-intro-year{display:flex;align-items:center;margin-top:15px;padding-left:50px}.main-intro-year .year-style{padding:4px 8px;background-color:#c93756;color:#fff}.main-intro-year .year-num{margin-left:5px;font-family:Impact;font-size:24px;color:#c93756}.main-work{padding:80px}.main-work-img{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;text-align:center;font-weight:200;font-size:18px}.main-work-img>div{width:22%;height:180px;margin-bottom:20px;cursor:pointer;transition:.5s}.main-work-img>div:hover{border-radius:20px;box-shadow:0 0 50px rgba(0,0,0,.1)}.main-work-img img{display:block;height:60%;margin:8% auto 0}.main-work-img p{margin:5px 0}.main-work-text{width:100%}.main-work-text h3{margin:0}.main-work-text p{line-height:1.8;font-weight:200}.main-case{display:flex}.main-case-web{position:relative;height:100%;background-image:url(/image/case-web.png);background-repeat:no-repeat;background-position:-50px 0;background-size:100%}.main-case-web img{display:block;width:100%;height:100%}.main-case-web-img{display:flex;width:768px;height:440px;border-radius:0 0 10px 10px;transform:translate3d(82px,119px,0);overflow:hidden}.main-case-web-img img{flex-shrink:0;transition:.5s}.main-case-web-tab{position:absolute;right:50px;bottom:50px;display:flex;max-width:640px}.main-case-web-tab>div{flex-shrink:0;width:140px;height:100px;margin:0 10px;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);background-color:#fff;overflow:hidden;cursor:pointer;transition:.5s}.main-case-web-tab .case-btn{position:absolute;top:-50px;right:-30px}.main-case-web-tab .case-btn button{margin:0 5px;cursor:pointer}.main-case-phone{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.main-case-phone-bg{position:absolute;z-index:1;width:100%;height:100%;background-image:url(/image/case-phone.png);background-repeat:no-repeat;background-position:center;background-size:36%;pointer-events:none}.main-case-phone-img{position:relative;display:flex;width:655px;height:1421px;margin-top:-20px;margin-left:3px;border-radius:60px;transform:scale(.36)}.main-case-phone-img img{display:block;width:100%;height:100%;margin-right:200px;transition:.5s;cursor:pointer}.main-case-panel{flex-shrink:0;position:relative;z-index:10;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.1);width:260px;padding:0 20px;border-radius:40px}.main-case-panel-cell{box-sizing:border-box;width:100%;height:80px;margin:20px 0;padding:15px;border-radius:20px;background-color:#f9f9f9;cursor:pointer;overflow:hidden;transition:.5s}.main-case-panel-cell.active{height:125px}.main-case-panel-cell h4{margin:0}.main-case-panel-cell p{font-size:12px;color:#666}.main-case-panel-cell .case-btn{display:flex;justify-content:space-between;align-items:center;width:100%;height:30px;margin-top:18px}.main-case-panel-cell .case-btn button{flex:1;height:100%;margin:0 3px;border:none;border-radius:6px;background-color:#6c63ff;color:#fff;cursor:pointer}.main-case-panel-cell .case-btn button:focus{outline:0}.main-contact{display:flex;justify-content:center;align-items:center;height:100%}.main-contact ul{list-style:none;height:75%;margin-right:60px;padding:0;line-height:1.8}.main-contact iframe{width:60%;height:75%;border:none}.sign{display:flex;flex-direction:column;align-items:center;list-style:none;width:4%;padding:0}.sign li{width:6px;height:6px;margin:10px;border-radius:50%;background-color:rgba(0,0,0,.5);transition:.5s;cursor:pointer}.sign li.active{border:6px solid #fff;background-color:#333;box-shadow:0 0 0 1px #333}.copyright{position:fixed;bottom:16px;width:100%;text-align:center;font-size:12px}@media screen and (max-width:750px){.main-home .wa{width:140px;border-radius:0 20px}.web{flex-direction:column-reverse}.nav{position:relative;z-index:99;box-sizing:border-box;flex-direction:row;justify-content:space-between;width:100%;border-radius:20px 20px 0 0;background-color:#fff;box-shadow:0 -5px 20px rgba(220,230,255,.8);line-height:60px;text-align:center}.nav>a{position:relative;z-index:1;width:20%;height:60px;font-size:14px}.nav .active{color:#fff}.nav-sel{width:20%;height:60px;border-radius:20px 20px 0 0;background-color:#6c63ff}.nav-sel .iconfont,.nav-sel::after,.nav-sel::before{display:none}.main{flex:1;display:flex;width:100%;border-radius:0}.main>section{flex-shrink:0}.main>section.main-home{width:90%;height:94%;margin:5%;border-radius:20px;box-shadow:0 0 10px rgba(220,230,255,.8)}.main-home{background-position:center 60%}.main-home>img{width:120px;margin:20px}.main-home-text{flex:1;margin:30px;font-size:20px}.main-home-spray{width:auto;height:16%}.main-intro{flex-direction:column-reverse;justify-content:center;background:0 0}.main-intro>div{width:100%;height:auto}.main-intro>div:first-child{box-sizing:border-box;padding:20px}.main-intro-img{height:100px;border-radius:10px}.main-intro-text{margin-top:30px;padding-top:30px;font-size:14px}.main-intro-company{display:flex;flex-wrap:wrap;margin:0;padding:20px 20px 0;font-size:28px}.main-intro-year{margin-top:10px;margin-bottom:20px;padding-left:20px;font-size:12px}.main-intro-year .year-style{padding:2px 6px}.main-intro-year .year-num{font-size:20px}.main-intro,.main-work{padding:0;overflow-y:auto}.main-work-img{font-size:14px;margin:20px}.main-work-img>div{width:48%;height:100px}.main-work-text{box-sizing:border-box;padding:20px 40px}.main-case{overflow:hidden}.main-case-panel{box-sizing:border-box;width:100%;border-radius:0;overflow-y:auto}.main-case-panel-cell{height:125px}.main-contact{flex-direction:column-reverse;padding:20px}.main-contact iframe{flex:1;width:100%;height:50%;border-radius:10px}.main-contact ul{width:100%;height:150px;margin:0;font-size:14px}.copyright,.sign{display:none}}.nav-bar{position:fixed;z-index:99;width:100%;height:44px;background-color:#f9f9f9}.nav-bar-back{position:absolute;top:9px;left:9px;width:26px;height:26px;background-image:url(/image/back.png);background-size:contain;background-repeat:no-repeat;background-position:center}.nav-bar-title{margin:0 44px;line-height:44px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo{display:flex;flex-wrap:wrap;justify-content:space-between;padding:64px 20px}.photo-img{width:30%;margin-bottom:15px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.photo-img.web-list{width:48%}.photo:after{content:"";width:30%}.see{position:fixed;z-index:999;top:0;left:0;display:flex;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)}.see-img{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:100%;transition:.5s}.see-img img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}body{margin:0;font-family:'微软雅黑',sans-serif}a{text-decoration:none;color:inherit}@font-face{font-family:iconfont;src:url(/font/iconfont.ttf) format('truetype')}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow:before{content:'\e662'}