.body-pagination {
    margin: .4rem auto .7rem;
    list-style: none;
    padding: 0;
    display: block;
    text-align: center
}

.body-pagination a {
    display: inline-block;
    color: #333;
    width: .42rem;
    height: .42rem;
    text-align: center;
    line-height: .42rem;
    border: 1px solid #333;
    background: #fff
}

.body-pagination li {
    margin: 0 .1rem;
    display: inline-block;
    vertical-align: top;
    font-size: .24rem
}

.body-pagination li.is-active a {
    color: #fff;
    background: #00aad2;
    border-color: #00aad2
}

@media (min-width:1025px) {
    .page-body {
        width: 100%
    }

    .page-header {
        height: 2.9rem;
        width: 100%;
        color: #666;
        overflow: hidden;
        background: url(../../imgs/page-common/page-top-bg.jpg) 50% 50% no-repeat
    }

    .page-header .page-header__breadcrumb {
        width: 11.2rem;
        height: .6rem;
        line-height: .6rem;
        margin: auto
    }

    .page-header .page-header__breadcrumb a {
        color: #666
    }

    .page-header .page-header__breadcrumb a.is-active {
        color: #00aad2
    }

    .page-header .page-header__title {
        height: 2.3rem;
        width: 93.75%;
        margin: auto;
        background: hsla(0, 0%, 100%, .7);
        text-align: center;
        display: table
    }

    .page-header .page-header__title span {
        display: table-cell;
        vertical-align: middle
    }

    .page-header .page-header__title h1 {
        margin: 0;
        font-size: .4rem;
        font-weight: 400;
        line-height: 1.4;
        font-family: "HyundaiSansHeadCN-Medium", serif
    }

    .page-header .page-header__title p {
        font-size: .24rem;
        line-height: 1.4;
        font-family: HyundaiSansTextCN
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .page-body {
        width: 100%
    }

    .page-header {
        height: 3.6rem;
        width: 100%;
        color: #666;
        overflow: hidden;
        background: url(../../imgs/page-common/page-top-bg.jpg) 50% 50% no-repeat
    }

    .page-header .page-header__breadcrumb {
        width: 14.36rem;
        height: 1rem;
        line-height: 1rem;
        margin: auto
    }

    .page-header .page-header__breadcrumb a {
        color: #666
    }

    .page-header .page-header__breadcrumb a.is-active {
        color: #00aad2
    }

    .page-header .page-header__title {
        height: 2.6rem;
        width: 14.36rem;
        margin: auto;
        background: hsla(0, 0%, 100%, .7);
        text-align: center;
        display: table
    }

    .page-header .page-header__title span {
        display: table-cell;
        vertical-align: middle
    }

    .page-header .page-header__title h1 {
        margin: 0;
        font-size: .48rem;
        font-weight: 400;
        line-height: 1.4;
        font-family: "HyundaiSansHeadCN-Medium", serif
    }

    .page-header .page-header__title p {
        font-size: .3rem;
        line-height: 1.4;
        font-family: HyundaiSansTextCN
    }
}

@media (max-width:767px) {
    .page-body {
        width: 100%
    }

    .page-header {
        height: 2.2rem;
        width: 100%;
        padding-top: .3rem;
        color: #666;
        overflow: hidden;
        background: url(../../imgs/page-common/page-top-mob-bg.jpg) 50% 50% no-repeat
    }

    .page-header .page-header__breadcrumb {
        display: none !important
    }

    .page-header .page-header__title {
        height: 1.9rem;
        width: 6.9rem;
        margin: auto;
        background: hsla(0, 0%, 100%, .7);
        text-align: center;
        display: table
    }

    .page-header .page-header__title span {
        display: table-cell;
        vertical-align: middle
    }

    .page-header .page-header__title h1 {
        margin: 0;
        font-size: .4rem;
        font-weight: 400;
        line-height: 1.4;
        font-family: "HyundaiSansHeadCN-Medium", serif
    }

    .page-header .page-header__title p {
        font-size: .28rem;
        line-height: 1.4;
        font-family: HyundaiSansTextCN
    }
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1573108390724);
    src: url(iconfont.eot?t=1573108390724#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOcAAsAAAAACDwAAANPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDdAqCWIIwATYCJAMgCxIABCAFhG0Hdhs4B8iemjxpM1Ww2TUW83jLZyZEQDw87fft3Jl5soKJRJMsImkTNNLfiGhp8ENnSybqe0gm6f/O5T+gsZB5JwHlkNUBqsJPmiukSzNgNeEAhQMyeucmQbhNf+7fTSDBGyUKdDge2IAmOm2Nih+2TMd8uP5e01SgD5K29ixEMWu1UCkFKBOhTIBqv4LXSZrQzYniDbqLmBR18WECo5bLCR1b3a5DUgHWBWKCMw2SFZ+iBMlWqDuOlhyvVNr0OH0BXvKfj5/YSJJUGdh68v6KCfNdvm/y4P/AVYrD386CYDYZW4HC9vxO2xNZxraKGM3+ZnEdmGlChI7ofk7X9HS/+9Q3//836oEsFtXAf/FAkhWVWiOImpM+Du468YaOwIhEtyMy3YUodA+ionsRNT0EGnrBzaa3YKZMOQE8ABT7+FAS8FVLM6uOj4+MXBiP6Q+H8ngavXd88/TtYK55+WR+83py+HRegzWnkc2yOtqO0/Z0oz7Tasw1W7P149BtqjZRT++F7jTn0JxtfWfON9xrzp8w3JwBlTfai9O4YU8xz21dG84003HBP+17CM8DOaH/hyWA7Rw4gL8r3z+QTcR/belA4gbToBz6/C80TUCCfKr81IJImP+pSgrPTIUfbb3OtectmWO3wpOs42kadjg8xGamT/yu3wgE7x+vfuTa96sdK+DDmlvW0iJDKzGZ/9fGlXmAEgqBvi1pA9wzT5cJtGZt9omEUaP4V67Z/rZUzbvZRGjN05A0lkHWWosv5K1QGbMXaq2DMGqLtdNj5pAiooxgswsLwkxvkEw3BdlMA3wh/0Jlvn+ozYwIjDofc64csz740FGJmkKT6IeEG8KjyKiGRGYV2a6jSVPIKU2UAQ+SMknXk2voodxiR7DHKkpRQqVwyar1OHQcQXwp+miogqWUP1mk1K4PKhjChSFHSUijIBOhO0RwBsFD6WhlqPH9VYjZ5dDIgYYZcxOSAnxyoqygNAG/JvMmNbzKUwJ7mApFoQhKElzEqmVBDowJhN+9qA8ZlAJrQcQ3qegMolNlheMV7gPkBi2A92wjRY4SVdTRRBsj2rti33OEZiYfWeixnV0cuiWl2M93yZNq8a4fu+OIAFMTSFU9PnSaM8vWAgAA") format("woff2"), url(iconfont.woff?t=1573108390724) format("woff"), url(iconfont.ttf?t=1573108390724) format("truetype"), url(iconfont.svg?t=1573108390724#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-download:before {
    content: "\e707"
}

.icon-zhengque:before {
    content: "\e62d"
}

.icon-arrow-down:before {
    content: "\e6eb"
}

.icon-arrow-up:before {
    content: "\e6ee"
}

.icon-close:before {
    content: "\e6f0"
}

.icon-leftarrow:before {
    content: "\e6fb"
}

.icon-Rightarrow:before {
    content: "\e702"
}

@media (min-width:1025px) {
    .type-change {
        width: 100%;
        background: #002c5f;
        height: .6rem
    }

    .type-change .change-nav {
        display: flex;
        width: 11.2rem;
        margin: auto;
        font-size: 0;
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }

    .type-change .change-nav li {
        flex: 1;
        display: inline-block;
        line-height: .6rem;
        height: .6rem;
        min-width: 1rem
    }

    .type-change .change-nav li.is-active,
    .type-change .change-nav li:hover {
        background: #00aad2
    }

    .type-change .change-nav a {
        display: inline-block;
        color: #fff;
        font-size: .24rem;
        width: 100%;
        height: 100%;
        text-align: center;
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }

    .type-list {
        width: 11.2rem;
        margin: .4rem auto 1rem;
        font-size: 0
    }

    .type-list .type-item__wrapper {
        width: 2.8rem;
        height: 2.4rem;
        padding: .2rem 0;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .type-list .type-item {
        position: relative;
        display: inline-block;
        width: 2rem;
        height: 2rem
    }

    .type-list .type-item:hover {
        box-shadow: 0 0 13px 0 #ddd
    }

    .type-list .type-item img {
        position: absolute;
        width: 96%;
        left: 2%;
        top: .3rem
    }

    .type-list .type-item .type-item__desc {
        position: relative;
        z-index: 10;
        display: inline-block;
        font-size: .2rem;
        width: 100%;
        height: 100%;
        color: #333;
        padding-top: 1.2rem;
        font-family: HyundaiSansTextCN;
        line-height: .4rem
    }
    .type-list .type-item .type-item__desc p{
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }
    .type-list .type-item .type-item__desc a {
        font-size: .16rem;
        color: #333
    }

    .type-list .type-item .type-item__desc a .iconfont {
        color: #00aad2;
        font-size: .2rem;
        display: inline-block;
        vertical-align: middle
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .type-change {
        position: relative;
        z-index: 6;
        width: 100%;
        background: #002c5f;
        height: 1rem
    }

    .type-change .change-nav__wrapper {
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        margin: auto;
        position: relative;
        z-index: 10
    }

    .type-change .change-nav__show {
        font-size: .32rem;
        padding: 0 .5rem;
        color: #fff;
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }

    .type-change .change-nav__show:after {
        content: "";
        clear: both
    }

    .type-change .change-nav__show .iconfont {
        float: right;
        font-size: .42rem
    }

    .type-change .change-nav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        margin: auto;
        font-size: 0;
        background: #002c5f;
        box-shadow: 0 0 13px 0 #002c5f;
        border-top: 1px solid #fff;
        display: none
    }

    .type-change .change-nav li {
        display: block;
        line-height: 1rem;
        height: 1rem
    }

    .type-change .change-nav li.is-active {
        background: #00aad2
    }

    .type-change .change-nav a {
        display: inline-block;
        color: #fff;
        font-size: .32rem;
        width: 100%;
        height: 100%;
        text-align: center;
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }

    .type-list {
        width: 14.36rem;
        margin: .4rem auto 1rem;
        font-size: 0
    }

    .type-list .type-item__wrapper {
        width: 4.7866666667rem;
        height: 4rem;
        padding: .2rem 0;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .type-list .type-item {
        position: relative;
        display: inline-block;
        width: 3.6rem;
        height: 3.6rem;
        border: 1px solid #ddd
    }

    .type-list .type-item img {
        position: absolute;
        width: 96%;
        left: 2%;
        top: .5rem
    }

    .type-list .type-item .type-item__desc {
        position: relative;
        z-index: 5;
        display: inline-block;
        font-size: .32rem;
        width: 100%;
        height: 100%;
        color: #333;
        padding-top: 2.2rem;
        line-height: .6rem
    }
    .type-list .type-item .type-item__desc p{
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }
    .type-list .type-item .type-item__desc a {
        font-size: .28rem;
        color: #333
    }

    .type-list .type-item .type-item__desc a .iconfont {
        color: #00aad2;
        font-size: .42rem;
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width:767px) {
    .type-change {
        position: relative;
        z-index: 6;
        width: 100%;
        background: #002c5f;
        height: .8rem
    }

    .type-change .change-nav__wrapper {
        width: 100%;
        height: .8rem;
        line-height: .8rem;
        margin: auto;
        position: relative;
        z-index: 10
    }

    .type-change .change-nav__show {
        font-size: .28rem;
        padding: 0 .3rem;
        color: #fff;
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }

    .type-change .change-nav__show:after {
        content: "";
        clear: both
    }

    .type-change .change-nav__show .iconfont {
        float: right;
        font-size: .32rem
    }

    .type-change .change-nav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        margin: auto;
        font-size: 0;
        background: #002c5f;
        box-shadow: 0 0 13px 0 #002c5f;
        border-top: 1px solid #fff;
        display: none
    }

    .type-change .change-nav li {
        display: block;
        line-height: .8rem;
        height: .8rem
    }

    .type-change .change-nav li.is-active {
        background: #00aad2
    }

    .type-change .change-nav a {
        display: inline-block;
        color: #fff;
        font-size: .24rem;
        width: 100%;
        height: 100%;
        text-align: center;
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }

    .type-list {
        width: 6.9rem;
        margin: .2rem auto .5rem;
        font-size: 0
    }

    .type-list .type-item__wrapper {
        width: 50%;
        height: 3.4rem;
        padding: .2rem 0;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .type-list .type-item {
        position: relative;
        display: inline-block;
        width: 3rem;
        height: 3rem;
        border: 1px solid #ddd
    }

    .type-list .type-item img {
        position: absolute;
        width: 96%;
        left: 2%;
        top: .4rem
    }

    .type-list .type-item .type-item__desc {
        position: relative;
        z-index: 5;
        display: inline-block;
        font-size: .28rem;
        width: 100%;
        height: 100%;
        color: #333;
        padding-top: 1.8rem;
        line-height: .5rem
    }
    .type-list .type-item .type-item__desc p{
        font-family: "HyundaiSansHeadCN-Medium", serif;
    }
    .type-list .type-item .type-item__desc a {
        font-size: .24rem;
        color: #333
    }

    .type-list .type-item .type-item__desc a .iconfont {
        color: #00aad2;
        font-size: .24rem;
        display: inline-block;
        vertical-align: middle
    }
}