/**
 * 移动端
 */
@media screen and (max-width: 850px) {

    html {
        height: auto;
        overflow: auto;
    }

    body {
        height: auto;
        overflow: auto;
    }

    .home-1 {
        height: auto;
    }

    .home-1 .header .d1 {
        display: none;
    }

    .home-1 .header .d2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100rem;
        padding-left: 30rem;
        padding-right: 30rem;
    }

    .home-1 .header.mobile .d2 {
        background: #0263B2;
    }

    .home-1 .header .d2 .hk-logo {
        width: 280rem;
        height: 48rem;
    }

    .home-1 .header .d2 .nav-list {
        display: none;
    }


    .home-1 .banner {
        height: 52vw;
    }

    .home-1 .banner .banner-text {
        left: 30rem;
        font-size: 28rem;
    }

    .home-2 {
        width: auto;
        height: auto;
        position: static;
        opacity: 1;
        transform: none;
        overflow: hidden;
        padding: 0;
    }

    .home-2 .header-2{
        display: none;
    }

    .home-2 .home-2-title {
        margin-top: 20rem;
    }

    .home-2 .hk-news {
        padding: 0 18rem;
        margin-top: 20rem;
    }

    .home-2 .hk-news .news-box {
        width: 100%;
    }

    .home-2 .hk-news .news-box .news-img-title{
        font-size: 26rem;
    }

    .hk-news .news-box .news-item .news-date .news-date-month{
        font-size: 22rem;
    }

    .hk-news .news-box .news-item .news-date .news-date-year{
        font-size: 24rem;
    }

    .home-2 .hk-news .news-box .news-item .news-desc{
        margin-top: 70rem;
        font-size: 24rem;
    }

    .home-2 .news-type {
        margin-top: 20rem;
        justify-content: space-around;
    }

    .home-2 .news-type .news-type-item .news-type-title{
        font-size: 24rem;
    }

    .home-2 .news-type .news-type-item img{
        width: 60rem;
        height: 60rem;
    }

    .home-2 .news-type .news-type-item:first-child{
        margin: 0;
    }

    .home-2 .fast-nav {
        padding: 20rem 18rem 20rem 18rem;
    }

    .home-2 .fast-nav .fast-nav-item {
        transform: translateX(0) !important;
        opacity: 1;
        flex-basis: calc(50% - 2.5rem);
    }

    .home-2 .fast-nav .fast-nav-item:first-child{
        flex-basis: 100%;
    }

    .home-2 .fast-nav .fast-nav-item .fast-nav-title{
        margin-left: 20rem;
    }

    .home-2 .keyan-notice-jw{
        margin-top: 20rem;
        padding: 26rem;
    }

    .home-2 .keyan-notice-jw .jw-not-item{
        opacity: 1;

    }

    .home-2 .keyan-notice-jw .jw-not-item:nth-child(odd){
        transform: none;
        margin-right: 0;
    }

    .home-2 .keyan-notice-jw .jw-not-item:nth-child(even){
        transform: none;
        margin-left: 0;
    }

    .home-2 .keyan-notice-jw .jw-not-item .jw-not-title{

    }

    .home-2 .keyan-notice-jw .jw-not-item .jw-not-desc{
        font-size: 22rem;
    }

    .home-2 .keyan-notice-jw .jw-not-item .jw-not-date{
        width: 110rem;
        height: 110rem;
    }

    .home-2 .keyan-notice-jw .jw-not-item .jw-not-date .jw-not-date-dd{
        font-size: 32rem;
    }

    .home-2 .keyan-notice-jw .jw-not-item .jw-not-date .jw-not-date-yyyymm{
        font-size: 20rem;
    }

    .home-2 .keyan-notice{
        margin-top: 20rem;
        padding: 0 18rem;
    }

    .home-2 .keyan-notice .keyan-first{
        height: 400rem;
    }

    .home-2 .keyan-notice .keyan-first .first-bg{
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    .home-2 .keyan-notice .keyan-first .first-desc{
        width: 500rem;
        transform: none;
        opacity: 1;
    }

    .home-2 .keyan-notice .keyan-first .first-desc .first-desc-title{
        font-size: 26rem;
    }

    .home-2 .keyan-notice .keyan-first .first-desc .first-desc-info{
        font-size: 22rem;
        margin-top: 20rem;

        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .home-2 .keyan-notice .keyan-list{
        /*overflow-y: scroll;*/
    }

    .home-2 .keyan-notice .keyan-list .keyan-item{
        opacity: 1;
        transform: none;
        width: 50%;
    }

    .home-2 .keyan-notice .keyan-list .keyan-item:nth-child(3){
        display: none;
    }

    .home-2 .keyan-notice .keyan-list .keyan-item .keyan-title{
        font-size: 24rem;
    }

    .home-2 .keyan-notice .keyan-list .keyan-item .keyan-date{
        font-size: 20rem;
        margin-top: 8rem;
    }

    .home-2 .keyan-notice .keyan-list .keyan-item .keyan-desc{
        font-size: 20rem;
        overflow: hidden;
        margin-top: 8rem;
    }


    .home-2 .media-speak-box{
        margin-top: 20rem;
        padding: 0 18rem;
        display: flex;
        flex-direction: column;
    }


    .home-2 .media-speak-box .ms-item{
        width: 100%;
        opacity: 1;
        transform: none;
    }

    .home-2 .media-speak-box .news-item{
        opacity: 1;
        transform: none;
        padding: 20rem 18rem 3rem 160rem;
        margin-top: 10rem;
    }

    .home-2 .media-speak-box .ms-item .ms-header-box .more-text{
        margin-right: 60rem;
        font-size: 20rem;
    }

    .home-2 .media-speak-box .news-item .news-date{
        font-size: 22rem;
    }

    .home-2 .media-speak-box .news-item .news-title{
        font-size: 24rem;
        line-height: normal;
    }

    .home-2 .media-speak-box .news-item .news-desc{
        font-size: 22rem;
    }

    .home-2 .media-speak-box .ms-item .ms-header-box .more:before{
        width: 55rem;
    }

    .home-2 .tour-guide-box{
        margin-top: 30rem;
        height: 320rem;
    }

    .home-2 .tour-guide-box .tour-guide-title-box{
        padding-top: 20rem;
    }

    .home-2 .tour-guide-box .tour-guide-nav{
        padding: 0 18rem;
        margin-top: 20rem;
    }

}