body {background:#fff}
.banner {
    height: 100vh;
    background: url('../../Images/activity/warming/banner.jpg')no-repeat center;
    background-size:cover;
    position:relative;
}
.banner p{    
    width: 100%;
    color: #fff;
    bottom: 5%;
    position: absolute;
    text-align: center;
    letter-spacing: 15px;
    font-size:1.5rem
}
.section{position:relative;background:#fff;}
.section .section-title {
    font-size: 3rem;
    color: #e70310;
}
.desc > p {
    margin-bottom: 2rem;
    line-height: 2;
}
.part1{padding:10rem 0}
.slogan {
    position: absolute;
    width: 42%;
}
.slogan .section-title{    
    margin-bottom: 5rem;
    margin-left: 25vw;
}
.slogan img{width:100%;}
.part1>.desc{margin-left:50%;}
.tour{margin-top: 25rem;}
.tour >.start {
    width: 83.3333%;
    margin: auto;
}
.start>img{width:100%;}
.tour .map{    
    margin-top: -10rem;
    color: #fff;
    padding-top: 20rem;
   
}
.map h2{    
    margin-left: 25%;
    font-size: 3rem;
}
.map .desc{
    margin-left: 25%;
    margin-top:3rem;
}
.map .place img{width:100%}
.place{position:relative}
.point{position:absolute;width:1.3%;line-height:1.7;padding-top:1.3%}
.point .cursor{    
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 100;
    transition: all .4s cubic-bezier(.175,.885,.32,1.275);
}
.point .cursor span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    text-indent: -9999px;
    transition: all .4s;
    position:relative;
        box-shadow: rgba(255,255,255,.5) 0 0 10px 4px;
}
.point.active .cursor span,.point:hover .cursor span{
    background: #ffde8f;
    box-shadow: rgba(255,221,140,.3) 0 0 10px 8px;
}
.point.active .cursor,.point:hover .cursor{
    transform:scale(1.5)
}
.point-bj {
    left: 64%;
    top: 39%;
}
.point-tj {
    top: 41%;
    left: 64.5%;
}
.point-sc {
    top: 59%;
    left: 49%;
}
.point-gd {
    top: 74.5%;
    left: 60.5%;
}
.point-fj {
    top: 67.5%;
    left: 68%;
}
.point-hb {
    top: 60%;
    left: 62%;
}
.point-sx {
    top: 51.5%;
    left: 55.5%;
}
.point-sh {
    top: 57%;
    left: 70%;
}
.point-ah {
    top: 56%;
    left: 65.5%;
}
.point-shanx {
    top: 44%;
    left: 60%;
}
.point-gs {
    top: 47%;
    left: 49%;
}
.point-nmg {
    left: 58%;
    top: 39%;
}
.point-jx {
    top: 63%;
    left: 64.5%;
}
.point-gx {
    top: 75.5%;
    left: 55%;
}
.point-hlj {
    left: 74%;
    top: 25.5%;
}
.point-hn {
    top: 50.5%;
    left: 61%;
}
.point-hebei {
    top: 43%;
    left: 61.5%;
}
.point-js {
    top: 55%;
    left: 67%;
}
.point-zj {
    top: 59.5%;
    left: 69%;
}
.point-sd {
    top: 46%;
    left: 65%;
}
.point-hain {
    top: 82%;
    left: 57%;
}
.point-xj {
    left: 33.5%;
    top: 27.5%;
}
.point-nx {
    left: 52.5%;
    top: 42%;
}
.point-jl {
    top: 29%;
    left: 72%;
}
.point-cq {
    top: 63%;
    left: 51.5%;
}
.point-ln {
    left: 71%;
    top: 34%;
}
.point-am{
    left:61%;
    top:77.5%;
}
.part2 .section-title, .nav .section-title {
    padding: 10rem 25% 5rem;
}
.nav-wrap{display:flex;justify-content:space-around;padding:0 10% 10rem;align-items:center}
.nav-item{position:relative}
.nav-hover{position:absolute;top:0;left:0;opacity:0}
.nav-item:hover .nav-hover{opacity:1}
.container-wrap {
    position: absolute;
    width: 24%;
    top: 27%;
    left: 19%;
    height: calc(24vw + 5rem);
}
.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 101;
    display: none;
    padding-bottom: 5rem;
}
.closeBtn{position:absolute;width:2rem;top:0;right:0;z-index:111;display:none}
.swiper-container .swiper-slide{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}
.point > p {
    position: absolute;
    font-size: .75rem;
    color: #ffde8f;
    visibility: hidden;
    width: max-content;
}
.point.active >p,.point:hover>p{visibility:visible}
.news-list{width:75%;display:flex;justify-content:space-between;margin:auto}
.news-list .picture{background-size:cover;background-repeat:no-repeat;background-position:center;height:13vw}
.news-list .news{width:32%}
.news-content{background:#f6f6f6;padding:2rem;}
.news-content h2{
    font-size:1.25rem;
    font-weight:bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom:2rem;
    color:#000;
}
.news>a{position:relative;display:block;}
.cover {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
}
.news:hover h2{text-decoration:underline}
.news:hover .cover{opacity:.5}
.news-More>span{vertical-align:middle;color:#ff2f47;font-weight:bold}
.news-More:hover .arrow-line{width:20px}
.arrow-line {
    height: 2px;
    width: 0;
    display: inline-block;
    background: #ff2f47;
    margin-right: -13px;
    margin-left: 3px;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}
.arrow-right {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.fade{opacity:0}
.place-name {
    position: absolute;
    bottom: 30px;
    color: #ffde8f;
    width: 100%;
    text-align: center;
    z-index: 1;
}
.swiper-pagination{color:#ffde8f}
.warm-tour{position:absolute;left:15%;bottom:10%;width:15rem}
.point .cursor span::after {
    content: "";
    display:block;
    position: absolute;
    box-shadow: rgba(255,255,255,.5) 0 0 10px 4px;
    width: 100%;
    height: 100%;
    border-radius:50%;
    animation:flicker 1s linear infinite;
    top:0;
}
@keyframes flicker{
    0%{
        opacity:1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}