@charset "UTF-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    font-family: PingFang SC, '微软雅黑', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
}
*:focus {outline: none;}
html {
    -webkit-text-size-adjust: none;
    font-size: -webkit-calc(100vw / 19.20);
    font-size: calc(100vw / 19.20);
}
img {border: 0 none; max-width: 100%;}
ul, li {
    display: block;
    list-style: none;
}
input,
button,
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    resize: none;
    background: none;
    border: 0 none;
}
a {text-decoration: none; cursor: pointer;}
html,body {background: #eedbe2;}
body {font-size: 0.16rem;}


.logo {font-size: 0; position: fixed; z-index: 999; left: 0.78rem; top: 0.86rem; cursor: pointer;}
.logo img {width: 0.68rem;}
.logo.hide {visibility: hidden;}


.menu {width: 6.5rem; height: 1rem; position: fixed; left: 50%; margin-left: -3.25rem; top: 0.2rem; z-index: 999; display: -ms-flex; display: flex; justify-content: space-evenly; align-items: center;}
.menu:after {content: ''; display: block; width: 100%; height: 0.6rem; background: url("../images/menu.png") no-repeat center / 100% 100%; position: absolute; left: 0; bottom: 0;}
.menu .item {position: relative; z-index: 20; font-size: 0.22rem; color: #7d7d7d; cursor: pointer; transition: color 0.3s;}
.menu .item.on {color: #000; font-weight: bold;}
.menu.hide {visibility: hidden;}
.menu.dark:after {background: url("../images/menu_dark.png") no-repeat center / 100% 100%;}
.menu.dark .item {color: #3e3a39;}
.menu.dark .item.on {color: #7d7d7d;}



.swiper-container {width: 100vw; height: 100vh;}
.swiper-container .swiper-pagination {right: 0.56rem;}
.swiper-container .swiper-pagination .swiper-pagination-bullet {width: 0.1rem; height: 0.1rem; border: 1px solid #000; border-radius: 50%; box-sizing: border-box; background: none; opacity: 1; margin: 0.18rem 0;}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #000;}
.swiper-slide {width: 100vw; height: 100vh;}



.pages.hide .swiper-container .swiper-pagination {visibility: hidden;}

.page-group {width: 100vw; height: 100vh; box-sizing: border-box; padding-top: 1.2rem; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 0;}


.page-index {font-size: 0;}
.page-index img {width: 6rem; cursor: pointer;}

.page-about {font-size: 0;}
.page-about img {width: 5.5rem;}

.page-development {font-size: 0;}
.page-development img {width: 12.7rem;}

.page-product {font-size: 0;}
.page-product img {width: 16.6rem;}


.page-contact {background: #000; -ms-flex-direction: column; flex-direction: column;}
.page-contact .img {font-size: 0;}
.page-contact .img img {width: 3.25rem;}
.page-contact .txt {font-size: 0.18rem; color: #9e9e9f; text-align: center; padding-top: 0.9rem;}
.page-contact .txt2 {font-size: 0.18rem; color: #9e9e9f; text-align: center; padding-top: 0.1rem;}