body,html{height:100%}body{margin:0;background-color:#fff;color:#000;font-family:Arial,Helvetica,sans-serif}#app{min-height:100vh}.app--about{background-color:#f0f2f5}a{color:inherit;text-decoration:none}img{max-width:100%;display:inline-block;vertical-align:middle}.header{width:100%;height:60px;line-height:60px;background-color:#001529;color:#fff;font-size:25px}.headerUl{width:80%;margin:0 auto;padding:0}.headerUl li{display:inline-block;width:120px;text-align:center;list-style:none}.headerUl li a{display:inline-block;width:100%;color:hsla(0,0%,100%,.65)}.headerUl li.is-active,.headerUl li:hover{background-color:#1890ff}.headerUl li.is-active a,.headerUl li:hover a{color:#fff}.content{width:80%;margin:0 auto;font-size:25px;text-align:center;color:#545456;line-height:50px}.content--contact{margin:20px auto}.swiper-container{width:918px;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.swiper-wrapper{position:relative;width:100%;height:auto}.swiper-slide{display:none;width:100%}.swiper-slide.is-active{display:block}.swiper-slide img{width:100%}.swiper-pagination{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:2}.swiper-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:100%;background:hsla(0,0%,100%,.6);cursor:pointer}.swiper-pagination-bullet-active{background:#fff}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:3;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-prev{left:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='44'%3E%3Cpath fill='%23fff' d='M0 22 22 0l3 3L6 22l19 19-3 3L0 22z'/%3E%3C/svg%3E")}.swiper-button-next{right:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='44'%3E%3Cpath fill='%23fff' d='M27 22 5 44l-3-3 19-19L2 3l3-3 22 22z'/%3E%3C/svg%3E")}.homeIntro{width:60%;margin:0 auto;text-align:center}.aboutContent{width:70%;background-color:#fff;margin:20px auto;color:#333;padding:40px 40px 100px 40px}.contactContent{text-align:left}.contactContent h3,.contactContent p{margin:0}.contactContent h3{padding-top:10px;font-size:28px;font-weight:700;color:#333}.contactContent p{font-size:25px;color:#545456;line-height:50px}.footer{width:80%;margin:0 auto;text-align:center}.footer p{margin:0;line-height:40px}.footer a:hover{text-decoration-line:underline}.footer--home{margin-top:200px}.footer--about{margin-top:240px}.footer--contact{margin-top:160px}@media (max-width:768px){.header{height:50px;line-height:50px;font-size:16px}.headerUl{width:100%;text-align:center}.headerUl li{width:90px}.content{width:94%;font-size:16px;line-height:30px}.swiper-container{width:100%}.swiper-button-next,.swiper-button-prev{width:22px;height:36px;margin-top:-18px;background-size:22px 36px}.swiper-pagination{bottom:6px}.swiper-pagination-bullet{width:6px;height:6px}.homeIntro{width:100%;text-align:left}.aboutContent{padding:20px 16px 50px 16px}.aboutContent,.contactContent{text-align:left}.contactContent h3{font-size:20px}.contactContent p{font-size:16px;line-height:28px}.footer{width:94%;font-size:12px}.footer--home{margin-top:60px}.footer--about,.footer--contact{margin-top:80px}}