﻿.module{margin-bottom:75px;overflow:hidden}.module .hd{padding:0 20px;line-height:48px;text-align:center}.module .hd h3{font-weight:bold;font-size:28px}.module .bd{padding:20px 0}.container{padding-top:0}.container>div:first-child{padding-top:120px}.mod-head{left:0;right:0;top:20px;width:1200px;margin:0 auto;border-radius:40px}.mod-poster{margin-bottom:75px;background:linear-gradient(to right, #deedfa, #edf6f7)}.mod-poster .bd{display:flex;gap:20px}.mod-poster .bd .panel-left{width:600px;padding:100px 0}.mod-poster .bd .panel-right{flex:1;min-width:0;text-align:center}.mod-poster p{line-height:24px;font-size:16px;color:#666}.mod-poster .summary{margin-bottom:25px}.mod-poster .summary h3{line-height:48px;font-size:32px;font-weight:bold}.mod-poster .slogan{margin-bottom:25px}.mod-poster .slogan h3{line-height:32px;font-size:18px;font-weight:bold}.mod-poster .link-wrapper{display:flex;gap:20px;padding:10px 0}.mod-poster .link-wrapper .link-content{flex:1;min-width:0;padding:10px 20px;border:2px solid #009688;border-top-left-radius:24px;border-bottom-left-radius:24px;border-top-right-radius:6px;border-bottom-right-radius:6px;line-height:24px}.mod-poster .link-wrapper .link-content input[type=text]{width:100%;background:none;border:medium none;outline:none}.mod-poster .link-wrapper .btn{width:160px;height:48px;padding:0;background:#009688;border:none;border-top-right-radius:24px;border-bottom-right-radius:24px;border-top-left-radius:6px;border-bottom-left-radius:6px;font-size:18px;color:#fff;cursor:pointer}.mod-poster .link-wrapper .btn::after{position:relative;top:-1px;display:inline-block;content:"";width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.mod-poster .link-wrapper .btn:hover{background:#008d7f}.mod-poster .view{padding:40px 0}.mod-feature .list{display:grid;gap:30px;grid-template-columns:repeat(2, 1fr)}.mod-feature .item{padding:20px;background:linear-gradient(to right, #edf2fa, rgba(237, 242, 250, 0.1333333333));border-radius:8px}.mod-feature .item .c-hd{line-height:32px;font-size:20px;font-weight:bold;color:#009688}.mod-feature .item .c-bd p{line-height:24px;font-size:16px}.mod-sample .bd{display:flex;gap:20px}.mod-sample .bd .panel-left{width:600px}.mod-sample .bd .panel-right{flex:1;min-width:0}.mod-sample .swiper-container{width:480px;margin:0 auto;overflow:hidden}.mod-sample .swiper-container .swiper-content{display:flex}.mod-sample .swiper-container .swiper-item{width:480px}.mod-sample .swiper-container .swiper-nav{padding:20px 0;text-align:center}.mod-sample .swiper-container .swiper-nav li{display:inline-block;width:16px;height:16px;margin:0 4px;border-radius:8px;background:#eee;text-indent:33em;overflow:hidden;transition:all .1s ease-in}.mod-sample .swiper-container .swiper-nav li.active{width:32px;background-color:#fc9000}.mod-sample .summary{padding-top:100px;margin-bottom:25px}.mod-sample .summary h3{line-height:48px;font-size:32px;font-weight:bold}.mod-sample .item{margin-bottom:20px}.mod-sample .item h4{line-height:36px;font-size:24px;font-weight:bold}.mod-sample .item p{line-height:24px;font-size:16px}.mod-sample .btn-large{min-width:90px;height:48px;padding:0 25px;border-radius:24px;line-height:48px;font-size:18px;font-weight:bold}.mod-user .swiper-container .swiper-content{display:flex;padding:15px 0}.mod-user .swiper-container .swiper-item{width:12.5vw;flex:1 0 auto;text-align:center}.mod-user .swiper-container .swiper-item .avatar,.mod-user .swiper-container .swiper-item .name{margin:0 10px}.mod-user .swiper-container .swiper-item .avatar img{border-radius:50%}.mod-user .swiper-container .swiper-item .name{line-height:36px;font-size:18px;font-weight:bold;color:#293847}.mod-comment .swiper-container{position:relative}.mod-comment .swiper-container .swiper-content{display:flex}.mod-comment .swiper-container .swiper-item{width:100%;flex:1 0 auto;box-sizing:border-box}.mod-comment .swiper-container .swiper-item .comment{position:relative;padding:20px 100px;margin:0 100px 30px}.mod-comment .swiper-container .swiper-item .comment p{height:96px;line-height:32px;text-indent:2em;font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3}.mod-comment .swiper-container .swiper-item .comment::before{position:absolute;top:0;left:0;content:"“";line-height:90px;font-size:90px}.mod-comment .swiper-container .swiper-item .comment::after{position:absolute;bottom:-30px;right:0;content:"”";line-height:90px;font-size:90px}.mod-comment .swiper-container .swiper-item .user{padding:20px 200px;text-align:center}.mod-comment .swiper-container .swiper-item .user .avatar,.mod-comment .swiper-container .swiper-item .user .name{margin:0 10px}.mod-comment .swiper-container .swiper-item .user .avatar img{border-radius:50%}.mod-comment .swiper-container .swiper-item .user .name{line-height:36px;font-size:18px;font-weight:bold;color:#293847}.mod-comment .swiper-container .swiper-prev,.mod-comment .swiper-container .swiper-next{position:absolute;top:66%;width:90px;height:90px;margin-top:-45px;background:#fafafa;border-radius:50%;text-indent:-33em;overflow:hidden;cursor:pointer}.mod-comment .swiper-container .swiper-prev{left:10px;background:#fafafa url("/static/www/image/index/icon-prev.png") center center/48px 48px no-repeat}.mod-comment .swiper-container .swiper-prev:hover{background-color:#f5f5f5}.mod-comment .swiper-container .swiper-next{right:10px;background:#fafafa url("/static/www/image/index/icon-next.png") center center/48px 48px no-repeat}.mod-comment .swiper-container .swiper-next:hover{background-color:#f5f5f5}.mod-comment .ft{padding:20px 0;text-align:center}.mod-comment .ft .btn-large{min-width:120px;height:60px;padding:0 25px;border-radius:30px;line-height:60px;font-size:20px;font-weight:bold}.mod-comment .ft .btn-large::after{position:relative;top:-1px;display:inline-block;content:"";width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}@media screen and (max-width: 799px){.module{margin-bottom:40px}.module .hd{line-height:32px}.module .hd h3{font-size:20px}.module .bd{padding:15px 0}.container>div:first-child{padding-top:100px}.mod-head{top:0;width:auto;border-radius:0}.mod-poster{margin-bottom:40px}.mod-poster .bd{flex-direction:column;gap:0}.mod-poster .bd .panel-left{width:auto;padding:25px 0}.mod-poster p{line-height:20px;font-size:14px}.mod-poster .summary{margin-bottom:15px}.mod-poster .summary h3{line-height:32px;font-size:20px}.mod-poster .slogan{margin-bottom:15px}.mod-poster .link-wrapper{padding:5px 0;gap:10px}.mod-poster .link-wrapper .link-content{padding:8px 16px;line-height:20px}.mod-poster .link-wrapper .btn{width:120px;height:40px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:16px}.mod-poster .link-wrapper .btn::after{width:6px;height:6px}.mod-poster .view{padding:25px 0}.mod-poster .view img{width:240px;height:240px}.mod-feature .bd .list{grid-template-columns:1fr;gap:10px}.mod-feature .bd .item{padding:10px}.mod-feature .bd .item .c-hd{line-height:30px;font-size:16px}.mod-feature .bd .item .c-bd p{line-height:20px;font-size:14px}.mod-sample .bd{flex-direction:column}.mod-sample .bd .panel-left{width:auto}.mod-sample .swiper-container{width:320px}.mod-sample .swiper-container .swiper-item{flex:1 0 auto;width:320px;min-width:0}.mod-sample .swiper-container .swiper-item img{max-width:100%;height:auto}.mod-sample .swiper-container .swiper-nav li{width:12px;height:12px}.mod-sample .swiper-container .swiper-nav li.active{width:24px}.mod-sample .summary{padding-top:25px;margin-bottom:15px}.mod-sample .summary h3{line-height:36px;font-size:24px}.mod-sample .item{margin-bottom:15px}.mod-sample .item h4{line-height:30px;font-size:18px}.mod-sample .item p{line-height:20px;font-size:14px}.mod-sample .btn-large{display:block;margin:0 auto;min-width:80px;height:40px;line-height:40px;font-size:16px}.mod-user .swiper-container .swiper-content{padding:10px 0}.mod-user .swiper-container .swiper-item{width:25vw}.mod-user .swiper-container .swiper-item .avatar,.mod-user .swiper-container .swiper-item .name{margin:0 8px}.mod-user .swiper-container .swiper-item .avatar img{width:64px;height:64px}.mod-user .swiper-container .swiper-item .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:32px;font-size:16px}.mod-comment .swiper-container .swiper-item .comment{margin:0 0 20px;padding:15px 30px}.mod-comment .swiper-container .swiper-item .comment p{height:75px;line-height:25px;font-size:16px}.mod-comment .swiper-container .swiper-item .comment::before{line-height:36px;font-size:36px}.mod-comment .swiper-container .swiper-item .comment::after{bottom:-15px;line-height:36px;font-size:36px}.mod-comment .swiper-container .swiper-item .user{padding:15px 50px}.mod-comment .swiper-container .swiper-item .user .avatar,.mod-comment .swiper-container .swiper-item .user .name{margin:0 8px}.mod-comment .swiper-container .swiper-item .user .avatar img{width:96px;height:96px}.mod-comment .swiper-container .swiper-item .user .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:32px;font-size:16px}.mod-comment .swiper-container .swiper-prev,.mod-comment .swiper-container .swiper-next{width:48px;height:48px;background-size:24px 24px;margin-top:-24px}.mod-comment .ft .btn-large{min-width:90px;height:40px;padding:0 20px;line-height:40px;font-size:16px}}