@import url('../IconFont/SourceHanSansCN-Regular/SourceHanSansCN-Regular.css');

body, ul, li, p, h1, h2, h3, h4, h5, h6, form, figure, fieldset, table, td, img, div, dl, dt, dd, input {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../IconFont/SourceHanSansCN-Regular/SourceHanSansCN-Regular.woff2") format("woff2"), url("../IconFont/SourceHanSansCN-Regular/SourceHanSansCN-Regular.woff") format("woff"), url("../IconFont/SourceHanSansCN-Regular/SourceHanSansCN-Regular.ttf") format("truetype"), url("../IconFont/SourceHanSansCN-Regular/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../IconFont/SourceHanSansCN-Regular/SourceHanSansCN-Regular.svg") format("svg");
}

body {
    font-size: 12px;
    /*font-family: "Microsoft YaHei UI" !important;*/
    font-family: 'SourceHanSansCN-Regular' !important;
    color: rgb(63, 65, 70);
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333333;
}

    a:link {
        text-decoration: none;
    }

img {
    max-width: 100%;
}

html {
    font-size: 625%;
}

.none {
    display: none;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-bottom {
    margin-bottom: 0 !important;
}

.content-tips {
    text-align: center;
    margin: .2rem 0;
    font-size: 16px;
}
/*  mheader start */
.header {
    position: fixed;
    left: 0;
    right: 0;
    height: .5rem;
    background: #ffffff;
    z-index: 999;
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    height: .5rem;
    align-items: center;
    padding: 0 0.15rem;
    border-bottom: 1px solid #eee;
}

.header-wrap-img img {
    max-width: 120px;
    max-height: 50px;
}

.header-wrap-menu {
    width: .21rem;
    height: .15rem;
    border-top: .09rem double;
    border-bottom: .03rem solid;
}

.swiper-banner {
    height: 1.8rem;
}

.swiper-slide .banner {
    height: 100%;
}

.menu-open {
    border-top: 9px double #3285ff;
    border-bottom: 3px solid #3285ff;
}

.header-wrap-img {
    display: flex;
    align-items: center;
}

.header-wrap-text {
    font-size: .2rem;
    padding-left: 0.35rem;
    color: #000000;
}

.header-wrap-menu-list {
    display: none;
    position: absolute;
    right: 0;
    top: .5rem;
    background: rgba(243,243,243,.9);
    z-index: 999;
    /*box-shadow: 0 0 0.2rem 0.01rem rgba(0,0,0,0.2);*/
}

    .header-wrap-menu-list ul {
        padding-left: .1rem;
    }

        .header-wrap-menu-list ul li {
            display: flex;
            align-items: center;
        }

            .header-wrap-menu-list ul li:first-child {
                padding-top: .1rem;
            }

            .header-wrap-menu-list ul li:last-child {
                padding-bottom: .1rem;
            }

            .header-wrap-menu-list ul li i {
                width: .2rem;
                height: .2rem;
                display: inline-block;
                margin: 0 .1rem;
            }

            .header-wrap-menu-list ul li a {
                font-size: .18rem;
                margin-left: 0.05rem;
                margin-right: .1rem;
                border-bottom: 1px solid rgba(0,0,0,0.2);
                width: 1rem;
                box-sizing: content-box;
                padding: 0.08rem 0.1rem;
            }

            .header-wrap-menu-list ul li:last-child a {
                border-bottom: none;
            }
/*  mheader end */
/* mfooter start */
.footer {
    margin-bottom: .2rem;
}

.f-box {
    display: flex;
    justify-content: space-between;
}

.f-title {
    font-size: 16px;
    color: #666666;
    margin-bottom: 0.07rem;
    font-weight: bold;
}

.f-b-company {
    width: 40%;
}

.f-b-contact {
    display: flex;
}

    .f-b-contact img {
        width: 0.18rem;
        height: 0.18rem;
        margin: .08rem .06rem 0 0;
    }

.f-b-contact-info-tel {
    word-break: break-all;
    font-weight: bold;
    color: #666666;
}

/* mfooter end */
/* mfunction start */
.function-wrap {
    height: .7rem;
    background: #ffffff;
    border-top: 1px solid #eee;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    z-index: 999;
}

#nb_icon_wrap {
    display: none !important;
}

.f-address, .case-wrap {
    position: fixed;
    top: 20%;
    left: 5%;
    right: 5%;
    margin: 0 auto;
    max-height: 3.2rem;
    background-image: url('../img/mimgs/case_overlays_img.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    z-index: 999;
    border-radius: .05rem;
    overflow: hidden;
    padding: 30px .2rem .2rem;
    display: none;
    z-index: 1001;
}

.f-address-img img {
    padding: .1rem;
}

.f-address-title {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    padding: 0 0.1rem 0.1rem;
}

.case-box {
    display: flex;
    align-items: center;
}

.case-close {
    color: #ffffff;
    position: absolute;
    top: .04rem;
    right: .05rem;
}

.case-box .title {
    color: #fefefe;
    font-size: 16px;
}

.form-control {
    width: 68% !important;
    border: none !important;
}

#applyBtn {
    width: 1.3rem;
    height: .4rem;
    line-height: .4rem;
    color: #4d80e8;
    outline: none;
    border: none;
    background: #fff;
    border-radius: .24rem;
    letter-spacing: .04rem;
    font-size: 16px;
}

.case-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.2);
    z-index: 1000;
    display: none;
}

.function-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .function-box a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #666666;
        font-size: 16px;
    }

    .function-box img {
        width: .23rem;
        padding-bottom: .04rem;
    }

/* mfunction end */
.body-wrap {
    /*position: absolute;
    top: .5rem;
    bottom: .7rem;
    left: 0;
    right: 0;
    overflow: auto;
    box-sizing: border-box;*/
    max-width: 5.6rem;
    margin: 0 auto;
    padding: .5rem 0 .7rem;
    overflow-x: hidden;
}

.i-wrap {
    border-bottom: 1px solid rgb(216,216,216);
    margin-bottom: .1rem;
}

.i-box {
    padding: .19rem .15rem;
    padding-bottom: 0;
    overflow: hidden;
}

.i-wrap-title {
    font-size: .18rem;
    color: #3285ff;
    text-align: center;
}

    .i-wrap-title img {
        position: absolute;
        margin-left: .1rem;
        width: 20px;
        height: 20px;
        margin-top: .03rem;
    }

.i-wrap-stitle {
    font-size: .13rem;
    color: #666666;
    text-align: center;
}

.i-wrap-describe {
    margin-bottom: .1rem;
    font-size: .075rem;
    color: #e2e2e2;
    text-align: center;
}

.i-wrap-content {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    position: relative;
    margin-bottom: .2rem;
}

.h120 {
    height: 1.2rem;
}

.i-product-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .i-product-wrap li {
        display: block;
        width: 1.09rem;
        background: #eee;
        margin-bottom: .1rem;
    }

        .i-product-wrap li a {
            display: block;
            width: 100%;
            height: 100%;
        }

.team-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #eeeeee;
    min-height: 2rem;
}

.team-item-img {
    width: 100%;
    overflow: hidden;
}

.team-item img {
    width: 100%;
    min-height: 1.3rem;
}

.team-item-title {
    font-size: 16px;
    padding: .08rem .06rem;
    color: #1a1a1a;
    text-align: center;
}

.i-news-wrap li a {
    display: flex;
    padding: .15rem 0;
    min-height: .76rem;
    max-height:1.1rem;
    border-bottom: 1px solid #e8e8e8;
}

.i-news-l {
    width: 65%;
    margin-right: .1rem;
}

.news-l-title {
    font-size: 16px;
    word-break: break-all;
    color: rgb(63, 65, 70);
    min-height: .52rem;
    overflow: hidden;
}

.news-l-time {
    color: #666666;
    font-size: 12px;
    text-align: right;
}

.i-news-r {
    width: 35%;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.i-more {
    width: 100%;
    height: .28rem;
    margin-bottom: .1rem;
    background: url('../img/mimgs/double-arrow-bottom.png') no-repeat center;
}

.more-mask {
    background: linear-gradient(-180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.60) 49%,#FFFFFF 85%);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 70px;
    z-index: 5;
    border: none;
}
/* mindex end */
/* mproduct start */
.p-box {
    margin-bottom: .19rem;
    padding-bottom: .1rem;
    border-bottom: 1px solid #eee;
}

.p-box-nav {
    font-size: 18px;
    color: #3285ff;
    padding-left: .20rem;
    position: relative;
}

    .p-box-nav:after {
        content: '';
        position: absolute;
        width: .13rem;
        height: .13rem;
        background: rgb(50,133,255);
        left: 0;
        margin-top: 0.06rem;
    }

.p-box-wrap {
    display: flex;
    margin: .1rem 0;
    flex-wrap: wrap;
}

.p-box-wrap-list {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-bottom: .1rem;
    padding: .05rem;
}

.p-box-wrap-list-t {
    text-align: center;
}

    .p-box-wrap-list-t img {
        width: 140px;
        height: 100px;
    }

.p-box-wrap-list-b {
    text-align: center;
    padding-top: .13rem;
    font-size: 14px;
    color: #666666;
}

.back-top {
    display: none;
    position: fixed;
    width: 46px;
    height: 46px;
    background: rgba(235,235,235,.8);
    border-radius: 50%;
    z-index: 999;
    right: 20px;
    bottom: 20%;
}

.back-top-img {
    width: 100%;
    height: 100%;
    background-image: url('../img/mimgs/top.png');
    background-repeat: no-repeat;
    background-position: center;
}
/* mproduct end */
/* mnewsinfo start */
.back-home {
    margin: .1rem 0;
}

.news-title {
    padding: .1rem 0;
    margin-bottom: .1rem;
    font-size: 20px;
}

.news-time {
    color: #9B9EA3;
}

.news-content {
    font-size: 16px;
    margin: .3rem 0;
    word-wrap: break-word;
    word-break: break-all;
    color: rgb(63, 65, 70);
    letter-spacing: 0.3px;
    line-height: .24rem;
}

/* mnewsinfo end */
/* mnews start*/

.minh380 {
    min-height: 3.8rem;
}

.n-wrap li {
    padding: .18rem 0;
    border-bottom: 1px solid #eee;
}

    .n-wrap li a {
        display: flex;
        justify-content: space-between;
        font-size: .18rem;
        align-items: center;
        color: #666666;
    }

.page-list {
    display: flex;
    justify-content: center;
    padding: .19rem 0 1.18rem;
    font-size: 22px;
}

.pre, .next {
    padding: 0 .1rem;
    margin: 0 .22rem;
    background: #3285ff;
    color: #ffffff;
    border-radius: 2px;
}

a:link, a:hover, a:visited, a:active {
    text-decoration: none;
}

.page-list .disabled {
    background: #eee;
}
/* mnews end */

/* mabout strat */
.a-box-wrap {
    display: flex;
    flex-direction: column;
    margin: .1rem 0;
    min-height: 3.6rem;
}

.a-items {
    font-size: 16px;
    margin: .05rem 0;
    color: #666666;
    word-break: break-all;
}

.tel-link {
    color: #3285ff;
}

    .tel-link:hover, .tel-link:focus {
        color: #3285ff;
    }
/* mabout end */