@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 12px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
html{
	font-size:calc(100vw / 750 * 100);
}
* { touch-action: pan-y; }
.page {
        max-width: 750px;
        margin: auto;
}
.page-center {
        padding-top: 1.45rem;
}
.page-content {
        position: relative;
        padding-bottom: 2.3rem;
}
.g-se{ display:none;}
/* S 头部 */
.header {
        width: 100%;
        background-color: #2d3037;
        max-height: 1.45rem;
        overflow: hidden;
        transition: all .35s ease;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
}
.header-hd {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .25rem .52rem .25rem .42rem;
}
.header-logo {
}
.header-logo-pic {
        width: 3.81rem;
        height: .92rem;
}
.header-menu-icon {
        width: .55rem;
        height: .55rem;
        background: url(../Images/Common/icon-menu.png) no-repeat center center;
        background-size: contain;
        transition: all .2s ease;
}
.header-bd {
        padding: .32rem .96rem 1.35rem;
}
.header-menu-list {

}
.header-menu-item {
        margin-bottom: .22rem;
}
.header-menu-item:last-child {
        margin-bottom: 0;
}
.header-menu-item a {
        display: block;
        font-size: .24rem;
        color: #fff;
        line-height: 2.2;
        border-bottom: .02rem solid #fff;
}
.header.active .header-menu-icon {
        transform: rotate(90deg);
}
.header.active {
        max-height: 7.6rem;
}

/* E 头部 */

/* S 尾部 */
.footer {
        width: 100%;
        background-color: #2e3138;
        padding-bottom: 1.2rem;
}
.footer-share {
        position: relative;
}
.footer-share:before {
        content: "";
        width: 100%;
        height: 5.14rem;
        background: url(../Images/Common/footer-share-bg.png) no-repeat center top;
        background-size: 100% auto;
        position: absolute;
        top: -1.12rem;
        left: 0;
        z-index: 1;
}
.footer-share-content {
        padding: .78rem .14rem 0;
        position: relative;
        z-index: 2;
        text-align: center;
}
.footer-share-title {
        font-size: .32rem;
        color: #fff;
        font-weight: bold;
}
.footer-share-subtitle {
        font-size: .24rem;
        color: #fff;
        line-height: 1.3;
        margin: .1rem auto 0.16rem;
}
.footer-share-des {
        text-align: left;
        font-size: .2rem;
        color: #fff;
        line-height: 1.5;
        padding: 0 .6rem;
}
.footer-btn-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .28rem auto 1.1rem;
        position: relative;
        z-index: 2;
}
.footer-btn-box:before {
        content: "";
        width: 6.52rem;
        height: .02rem;
        background-color: #fff;
        position: absolute;
        bottom: -.56rem;
        left: 50%;
        transform: translate(-50%,0);
}
.footer-btn {
        padding: 0 .08rem 0 .18rem;
        height: .5rem;
        line-height: .5rem;
        font-size:.32rem;
        color: #000;
        font-weight: bold;
        background-color: #fff;
}
.footer-btn-row {
        display: inline-block;
        width: .29rem;
        height: .27rem;
        background: url(../Images/Common/icon-row.png) no-repeat center top;
        background-size: 100% 100%;
}
.footer-logo-box {
        position: relative;
        z-index: 2;
        text-align: center;
}
.footer-media {    
        margin: .32rem auto .36rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
}
.footer-media-item {
        text-align: center;
}
.footer-media-pic {
        display: block;
        width: 1.38rem;
}
.footer-media-des {
        font-size: .22rem;
        color: #fff;
        font-weight: bold;
        margin-top: .12rem;
}
.footer-logo {
        width: 3.9rem;
        height: 1.26rem;        
        display: block;
        margin:.3rem  auto .18rem;
}
.footer-logo-title {
        font-size: .3rem;
        color: #000;
        font-weight: bold;
}
.footer-logo-des {
        font-size: .24rem;
        color: #000;
        margin: .04rem auto .46rem;
}
.footer-contact {
        text-align: center;
        position: relative;
}
.footer-contact:before {
        content: "";
        width: 6.52rem;
        height: .02rem;
        background-color: #fff;
        position: absolute;
        bottom: -.6rem;
        left: 50%;
        transform: translate(-50%,0);
}
.footer-contact p {
        color: #fff;
        font-size:.2rem;
        line-height: 1.5;
}
.footer-filings {
        margin: 1.2rem auto .36rem;
}
.footer-filings-list {
        display: flex;
        justify-content: center;
        align-items: center;
}
.footer-filings-link {
        margin-right: .86rem;
}
.footer-filings-link img {
        display: block;
        width: 2.16rem;
        height: 1.31rem;
        object-fit: contain;
}
.footer-filings-des {
        margin: .3rem auto 0;
        font-size: .2rem;
        color: #fff;
        text-align: center;
}
.footer-nav {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
        background-color: #4c515c;
}
.footer-nav-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: .06rem solid #686f7e;
        box-sizing: content-box;
}
.footer-nav-item {
        height: 1.12rem;
        flex:1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.footer-nav-item.active {
        background-color: #2e3036;
}
.footer-nav-icon {
        display: block;
        width: .44rem;
        height: .44rem;
        margin: 0 auto .08rem;
        background-repeat: no-repeat;
        background-position: center top;
}
.footer-nav-icon.icon-home {
        background-image: url(../Images/Common/icon-home.png);
        background-size: 100% 100%;
}
.footer-nav-icon.icon-product {
        background-image: url(../Images/Common/icon-product.png);
        background-size: 100% 100%;
}
.footer-nav-icon.icon-case {
        background-image: url(../Images/Common/icon-case.png);
        background-size: 100% 100%;
}
.footer-nav-icon.icon-contact {
        background-image: url(../Images/Common/icon-contact.png);
        background-size: 100% 100%;
}
.footer-nav-item span {
        display: block;
        font-size: .24rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
}

/* E 尾部 */

.navs {
        position: sticky;
        position: -webkit-sticky;
        top: 1.45rem;
        z-index: 9;
}