* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    font-family: "PingFang SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"
}
li {
    list-style: none;
}
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/* swiper */
:root {
    --swiper-theme-color: #000 !important;
}
.line, .right_line {
    background: #d2d2d2 !important;
}

/* header */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 14.13vw;
    background: #fff;
    display: flex;
    align-items: center;
    z-index: 10000;
    box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.46);
}
header .icon {
    position: absolute;
    margin-left: 4vw;
    width: 6.4vw;
    display: block;
}
header .logo {
    width: 26.13vw;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
header .head-title{
    position: relative;
    margin: 0 auto;
    font-size: 4.533vw;
}
footer {
    position: relative;
}
footer img{
    display: block;
    width: 100vw;
}
footer .text {
    position: absolute;
    bottom: 13.87vw;
    right: 11.2vw;
    color: #ccc;
    font-size: 2.67vw;
    font-weight: 300;
    line-height: 4.53vw;
    text-align: right;
}
footer .text a {
    color: #ccc;
}

/* 侧面折叠 */
.collapse {
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 0;
    left: -100vw;
    z-index: 10000;
}
.show {
    left: 0;
    -webkit-animation: 'fadeInLeft' linear .3s;
    animation: 'fadeInLeft' linear .3s;
}
.hide {
    left: -100vw;
    -webkit-animation: 'fadeOutLeft' linear .3s;
    animation: 'fadeOutLeft' linear .3s;
}
.collapse-head{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 14.4vw;
    box-shadow: -5px 0 12px -2px rgba(0, 0, 0, 0.46);
}
.collapse .close {
    width: 9.33vw;
    display: block;
    top: 5.33vw;
    margin-right: 4.266vw;
    transform: rotate(0deg);
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.collapse ul {
    margin-top: 19.6vw;
    padding-left: 5.6vw;
    padding-right: 5.6vw;
    width: 100%;
}
.collapse ul li {
    padding-top: 4.8vw;
    padding-bottom: 4.27vw;
    border-bottom: 1px solid #E5E5E5;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .collapse ul li {
        border-bottom: .5px solid #E5E5E5;
    }
}

.collapse ul li a{
    text-decoration: none;
    font-size: 4.27vw;
    font-weight: 400;
    color:rgba(0,0,0,1);
    line-height: 5.87vw;
    color: #000;
    width: 100%;
    display: block;
}

.foooter{
    width: 100vw;
    padding-top: 5.866vw;
    padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
    background-color: #000;
}
.footer-logo{
    display: block;
    width: 26.133vw;
    margin: 0 auto;
}
.footer-content{
    display: flex;
    justify-content: center;
    margin-top: 5.6vw;
}
.footer-content-item{
    position: relative;
    width: 50%;
}
.footer-content-item-img{
    display: block;
    width: 12.8vw;
    margin: 0 auto;
}
.footer-content-item-text1{
    font-size: 3.2vw;
    margin-top: 2.4vw;
    color: #fff;
    text-align: center;
    zoom: 0.9166;
}
.footer-content-item-text2{
    font-size: 3.2vw;
    margin-top: 2.4vw;
    color: #fff;
    text-align: center;
    font-weight: 300;
    zoom: 0.75;
}
.footer-copyright{
    color: #fff;
    text-align: center;
    font-weight: 300;
    zoom: 0.75;
    margin-top: 8vw;
    font-size: 3.2vw;
}
.footer-copyright a{
    color: #fff;
}
.footer-filing{
    color: #fff;
    text-align: center;
    font-weight: 300;
    zoom: 0.75;
    font-size: 3.2vw;
    padding-bottom: 6.4vw;
}
.footer-filing a{
    color: #fff;
    text-decoration: none;
}

@keyframes fadeInLeft {
    0% {
        left: -100vw;
    }
    100% {
        left: 0;
    }
}
@keyframes fadeOutLeft {
    0% {
        left: 0;
    }
    100% {
        left: -100vw;
    }
}