body {
    font-family: 'Source Han Sans CN', 'Source Han Serif SC', 'Source Han Sans TC', 'Source Han Serif TC', 'Source Han Sans', 'Source Han Serif', '思源黑体', '思源宋体', 'Noto Sans CJK SC', 'Noto Serif CJK SC', 'Noto Sans CJK TC', 'Noto Serif CJK TC', 'Noto Sans CJK', 'Noto Serif CJK', sans-serif;
  }
/* page-title */
.page-title {
    position: relative;
}
.page-title:before {
    position: absolute;
    content: "";
    top:50%;
    left: 0px;
    right: 0px;
    height: 1px;
    background:#a1a1a1;
}
.page-title span {
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #000;
    padding: 0.05rem 0.22rem;
    color: #fff;
}





/* page-language */
.page-language {
    padding: 0.1rem 0px 0.07rem;
}
.page-language a {
    color: #444;
    display: inline-block;
    position: relative;
    line-height: 1.4;
}
.page-language a::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #ccc;
    transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;
}
.page-language a:hover:before {
    width: 100%;
}


/* threeCity */
.threeCity {
    background: url(../images//guide-bg01.jpg) no-repeat center top/100% auto;
}
.threeCity .page-logo {
    padding: 0.2rem 0.4rem 0.2rem 0px;
}
.threeCity .page-logo img {
    height: 3.8333em;
}
.threeCity .guide-header {
    padding: 0.38rem 0px 0.48rem;
    color: #fff;
}
.threeCity .guide-header .page-en {
    line-height: 1.3;
}

.threeCity .city-tab ul {
    margin: 0px -0.03rem;
}
.threeCity .city-tab ul li {
    width: 33.33%;
}
.threeCity .city-tab .page-con {
    margin: 0px 0.03rem;
}
.threeCity .city-tab .page-img {
    position: relative;
    padding-bottom: 111.11%;
}
.threeCity .city-tab .page-img img {
    position: absolute;
    left: 0px;
    top:0px;
    width: 100%;
    right: 0px;
    bottom: 0px;
    height: 100%;
}
.threeCity .city-tab .page-img dl {
    position: absolute;
    z-index: 3;
    left: 0px;
    width: 100%;
    right: 0px;
    color: #fff;
}
.threeCity .city-tab .page-img:before {
    position: absolute;
    content: "";
    z-index: 2;
    left: 0px;
    top:0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 60%, #01458c);
    opacity: 0;
    transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;
}
.threeCity .city-tab .page-tit {
    top:0.4rem;
}
.threeCity .city-tab .page-tit dt span {
    position: relative;
    padding: 0px 0.24rem 0.1rem;
}
.threeCity .city-tab .page-tit dt span:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 1px;
    background: #fff;
}
.threeCity .city-tab .page-txt {
    bottom:0.35rem;
    line-height: 1.4;
}

.threeCity .img-shadow {
    border-top: 2px solid #fafafa;
    height: 0.82rem;
    background: linear-gradient(to bottom, #86a6c5, #fafafa);
}
.threeCity .city-tab ul li:nth-child(2) .img-shadow {
    background: linear-gradient(to bottom, #c09292, #fafafa);
}
.threeCity .city-tab ul li:nth-child(3) .img-shadow {
    background: linear-gradient(to bottom, #ecc398, #fafafa);
}

.threeCity .city-tab ul li:nth-child(2) .page-img:before {
    background: linear-gradient(to bottom, transparent 60%, #831715);
}
.threeCity .city-tab ul li:nth-child(3) .page-img:before {
    background: linear-gradient(to bottom, transparent 60%, #d28223);
}

.threeCity .city-tab ul li.cur .page-img img {
    filter: grayscale(100%);
}
.threeCity .city-tab ul li.cur .page-img:before {
    opacity: 1;
}


@media only screen and (max-width:767px){
    .threeCity {
        background-size:auto 80%;
    }
    .threeCity .guide-header .page-en br {
        display: none;
    }
}


/* page-hotspot */
.page-hotspot {
    margin-top: -0.16rem;
}
.page-hotspot .page-list {
    overflow: hidden;
    padding:0.14rem 0px 0.5rem;
}
.page-hotspot ul li {
    width: 50%;
    padding: 0.1rem 0.8rem 0.1rem 0.5rem;
}
.page-hotspot ul li a {
    display: block;
    padding: 0px 6.8571em 0px 0.16rem;
    position: relative;
}
.page-hotspot ul li a:before {
    position: absolute;
    content: "";
    left: 0px;
    top:50%;
    width: 0.06rem;
    height: 0.06rem;
    background: #000;
    margin-top: -0.03rem;
}
.page-hotspot ul li .page-time {
    position: absolute;
    right: 0px;
    top:50%;
    transform: translateY(-50%);
    color: #000;
    font-weight: bold;
    
}
.page-hotspot ul li:nth-child(2n) {
    padding-left: 1.06rem;
}


@media only screen and (max-width:767px){

    .page-hotspot ul li {
        width: 100%;
        padding: 0.1rem 0px;
    }
    .page-hotspot ul li:nth-child(2n) {
        padding-left: 0px;
    }
    .threeCity .city-tab .page-img dl dd {
        display: none;
    }
}    


/* page-support */
.page-support {
    background:#e6e6e6;
    padding: 0.46rem 0px 0.58rem;
}
.page-support .page-list ul li {
    padding: 0.3rem 0.3rem 0px;
    position: relative;
    top:0px;
}
.page-support .page-list ul li img {
    max-height: 0.64rem;
}
.page-support .page-list ul li:hover {
    top:-5px;
}

@media only screen and (max-width:767px){
    .page-support .page-list ul li img {
        height: 0.54rem;
    }
}


/* page-footer */
.page-footer .ft-top {
    background:#000;
    color: #a2a2a2;
    padding: 0.38rem 0px;
}
.page-footer .page-unit {
    width: 28%;
}
.page-footer .page-tit {
     color: #c8c8c8;
     padding-bottom: 0.05rem;
}
.page-footer .page-contact {
    padding: 0px 0.73rem;
    border-left:1px solid #6e6e6e;
    border-right:1px solid #6e6e6e;
    width: 50%;
}
.page-footer .page-code {
    padding-left: 0.55rem;
    flex: 1;
}
.page-footer .page-code .page-con {
    padding-top: 0.3rem;
}
.page-footer .page-code ul {
    margin: 0px -0.2rem;
}
.page-footer .page-code ul li {
    padding: 0px 0.2rem;
    border-right: 1px solid #888;
}
.page-footer .page-code ul li:last-child {
    border-right:none;
}
.page-footer .page-code dl {
    position: relative;
}
.page-footer .page-code dl dt img {
    height: 0.4rem;
    cursor: pointer;
}
.page-footer .page-code .img01 {
    height: 0.4rem;
}
.page-footer .page-code dl dd {
    position: absolute;
    width: 100px;
    padding: 15px;
    background: #fff;
    border:1px solid #ddd;
    border-radius: 5px;
    bottom: 0.56rem;
    left: 50%;
    margin-left: -50px;
    display: none;
}

.page-footer .page-code dl dd:before {
    position: absolute;
    content: "";
    top:100%;
    width: 0px;
    height: 0px;
    border:0.08rem solid #fff;
    left: 50%;
    margin-left: -0.08rem;
    border-color: #fff transparent transparent transparent;
}


.page-footer .page-copy {
    text-decoration: underline;
    background: #fafafa;
    padding: 0.1rem 0px;
}



@media only screen and (max-width:900px){
    .page-footer .page-unit {
        width:100%;
        padding: 0px 0px 0.5rem;
    }
    .page-footer .page-contact {
        padding-left:0px;
        padding-right: 0.2rem;
        border-left:0px solid #6e6e6e;
        border-right:0px solid #6e6e6e;
    }
}

@media only screen and (max-width:767px){

    .page-footer .page-contact {
        width: 100%;
        padding: 0px 0px 0.5rem;
        display: block;
     }
     .page-footer .page-code {
        padding-left: 0px;
     }
}