@media screen and (min-width: 1px){
        /* and (min-width: 769px)*/
        .xq-safeplace {
            width: 75vw;
            margin: 0 auto
        }
    
        .pc {
            display: block
        }
    
        .xq-sec-title {
            height: 6.35417vw;
            padding: 3.125vw 7.13542vw 0 0;
            display: inline-block;
            background-size: auto 100%;
            background-position: right;
            background-repeat: no-repeat;
            position: relative;
            z-index: 5
        }
    
    .xq-sec-title .main-title {
        color: #333333;
        font-size: 2.08333vw;
        font-weight: bold
    }
    
    .xq-sec-title .sec-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .52083vw;
        position: absolute;
        top: 2.08333vw;
        right: 3.85417vw
    }
    
    .xq-sec-title .sec-title .line {
        width: 2.08333vw;
        height: 1px;
        background: #999999
    }
    
    .xq-sec-title .sec-title span {
        color: #999999;
        font-size: 1.04167vw;
        text-transform: uppercase
    }
    
    .xq-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }
    
    .xq-content a {
        color: inherit
    }
    
    .xq-content .header {
        width: 100%;
        padding: 0 12.5vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        position: fixed;
        top: 0;
        z-index: 100
    }
    
    .xq-content .header .logo {
        width: 7.65625vw;
        height: 1.66667vw;
        display: block;
        object-fit: cover
    }
    
    .xq-content .header .logo-over {
        display: none
    }
    
    .xq-content .header .tabbar-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2.08333vw
    }
    
    .xq-content .header .tabbar-list .tabbar-item {
        padding: 1.04167vw 0;
        box-sizing: border-box;
        position: relative
    }
    
    .xq-content .header .tabbar-list .tabbar-item span {
        color: #ffffff;
        font-size: .72917vw;
        font-weight: 400
    }
    
    .xq-content .header .tabbar-list .tabbar-item:hover::after {
        content: '';
        width: 100%;
        height: 2px;
        background: #ffffff;
        position: absolute;
        left: 0;
        bottom: 0
    }
    
    .xq-content .header .tabbar-list .tabbar-item:hover span {
        font-weight: bold
    }
    
    .xq-content .header.header-over {
        background: #ffffff;
        border-bottom: none
    }
    
    .xq-content .header.header-over .logo-over {
        width: 7.65625vw;
        height: 1.66667vw;
        display: block;
        object-fit: cover
    }
    
    .xq-content .header.header-over .logo {
        display: none
    }
    
    .xq-content .header.header-over .tabbar-item span {
        color: #666666
    }
    
    .xq-content .header.header-over .tabbar-item:hover::after {
        background: #666666
    }
    
    .xq-content .banner {
        width: 100%;
        height: 50vw
    }
    
    .xq-content .banner img,
    .xq-content .banner video {
        width: 100%;
        height: auto
    }
    
    .xq-content .introduct {
        width: 100%;
        height: 31.25vw;
        background: #ececec;
        position: relative
    }
    
    .xq-content .introduct .introduct-video {
        width: 68.48958vw;
        height: 100%;
        position: relative
    }
    
    .xq-content .introduct .introduct-video .video-poster {
        width: 60%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0
    }
    
    .xq-content .introduct .introduct-video .xq-sec-title {
        position: absolute;
        top: 5.20833vw;
        left: 45.03125vw;
    }
    
    .xq-content .introduct .introduct-video .play-btn {
        width: 3.85417vw;
        height: 3.85417vw;
        object-fit: cover;
        position: absolute;
        top: 17.34375vw;
        left: 19.53125vw;
        z-index: 2;
        cursor: pointer
    }
    
    .xq-content .introduct .introduct-intro {
        width: 57.08333vw;
        height: 23.95833vw;
        padding: 5.64583vw 3.125vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.04167vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2
    }
    .xq-content .introduct .introduct-intro span {
        color: #666666;
        font-size: .9375vw;
        font-weight: 400;
        line-height: 1.45833vw
    }
    
    .xq-content .profile {
        width: 100%;
        padding: 5.20833vw 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        overflow: hidden;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }
    .xq-content .profile .xq-safeplace {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3.125vw
    }
    
    .xq-content .profile .xq-safeplace .xq-sec-title {
        margin: 0 auto
    }
    
    .xq-content .profile .xq-safeplace .profile-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative
    }
    
    .xq-content .profile .xq-safeplace .profile-item .sp-row {
        width: 100%;
        height: 33.125vw;
        align-items: flex-start;
        justify-content: space-between
    }
    
    .xq-content .profile .xq-safeplace .profile-item .sp-row .profile-message {
        margin-top: 3.125vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .left {
        width: 39.0625vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
    
    .xq-content .profile .xq-safeplace .profile-item .right {
        width: 41.875vw;
        height: 100%;
        margin: 0;
        margin-right: -12.5vw;
        padding-right: 12.5vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .right .swiper-slide {
        width: 100%;
        height: 100%
    }
    
    .xq-content .profile .xq-safeplace .profile-item .right .swiper-slide img {
        width: 50%;
        height: 100%;
        object-fit: cover
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-group {
        width: 28%;
        display: -webkit-box;;
        flex-direction: column;
        align-items: flex-start
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-title {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: .52083vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-title img {
        width: 2.1875vw;
        height: 2.1875vw;
        object-fit: cover
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-title span {
        color: #c7000b;
        font-size: 2.08333vw;
        font-weight: bold;
        line-height: 1
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message {
        width: 100%;
        margin-top: 2.08333vw;
        display: none;
        flex-direction: column;
        align-items: flex-start
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message.active {
        display: flex
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .profile-stitle {
        color: #999999;
        font-size: .72917vw;
        font-weight: 400
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .profile-title {
        margin-top: .52083vw;
        color: #333333;
        font-size: 1.5625vw;
        font-weight: bold;
        line-height: 1.875vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .profile-content {
        margin-top: 1.04167vw;
        color: #666666;
        font-size: .9375vw;
        font-weight: 400;
        line-height: 1.40625vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .row {
        margin-top: 2.70833vw;
        align-items: flex-end;
        gap: 2.08333vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .row .profile-time {
        color: #333333;
        font-size: 1.04167vw;
        font-weight: 400;
        line-height: 2.08333vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .row .profile-time .num {
        font-size: 2.60417vw;
        font-weight: 700;
        line-height: 1
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .row .profile-address {
        color: #333333;
        font-size: 1.97917vw;
        font-weight: 700;
        line-height: 3.125vw
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .row .link-btn {
        width: 7.08333vw;
        height: 2.39583vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #333333;
        border-radius: 1.19792vw;
        transform: translateY(-.26042vw);
        cursor: pointer;
        text-decoration: none
    }
    
    .xq-content .profile .xq-safeplace .profile-item .profile-message .row .link-btn span {
        color: #333333 !important;
        font-size: .72917vw;
        font-weight: 400
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline {
        width: 100%;
        height: 10.41667vw;
        margin-top: 3.125vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline.swiper {
        overflow: visible !important
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item {
        width: 10.41667vw;
        height: 10.41667vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        cursor: pointer
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item .timeline-dot {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item .timeline-dot .dot {
        width: .98958vw;
        height: .98958vw;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 1
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item .timeline-dot .address-img {
        width: .98958vw;
        height: .98958vw;
        border: 2px solid #c7000b;
        border-radius: 50%;
        object-fit: cover;
        opacity: 0;
        transition: all 0.3s
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item .timeline-dot::after {
        content: var(--text);
        color: #999999;
        font-size: 1.25vw;
        font-weight: 400;
        position: absolute;
        left: 50%;
        bottom: -1.82292vw;
        transform: translateX(-50%);
        white-space: noxq-content
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item.active .timeline-dot .dot {
        opacity: 0;
        transition: opacity 0.3s;
        transition-duration: 0ms
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item.active .timeline-dot .address-img {
        width: 1.26042vw;
        height: 1.26042vw;
        opacity: 1;
        transition: all 0.3s
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline .timeline-item.active .timeline-dot::after {
        color: #333333;
        font-weight: bold
    }
    
    .xq-content .profile .xq-safeplace .profile-item .timeline::after {
        content: '';
        width: 100vw;
        height: 2px;
        border: 1px dashed rgba(199, 0, 11, 0.1);
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-12.5vw, -50%)
    }
    
    .xq-content .profile .xq-safeplace .profile-item .arrow-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.04167vw;
        position: absolute;
        left: 36.25vw;
        bottom: 0
    }
    
    .xq-content .profile .xq-safeplace .profile-item .arrow-group .swiper-arrow {
        width: 3.125vw;
        height: 3.125vw;
        cursor: pointer
    }
    
    
    .xq-content .viewpoint {
        width: 100%;
        padding: 2.20833vw 0;
        box-sizing: border-box;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }
    
    .xq-content .viewpoint .xq-safeplace {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative
    }
    
    
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-arrow-prev {
        position: absolute;
        top: 18.75vw;
        left: 0;
        transform: translateX(-100%)
    }
    
   
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-arrow-next {
        position: absolute;
        top: 18.75vw;
        right: 0;
        transform: translateX(100%) rotate(180deg)
    }
    
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list {
        width: 100%;
        padding-top: 3.125vw;
        overflow: hidden
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item {
        width: 26.35417vw;
        padding: 0 2.08333vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-right: 1px solid rgba(0, 0, 0, 0.05)
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-avatar {
        /*width: 13.02083vw;
        height: 13.02083vw;*/
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        position: relative;
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-name {
        margin-top: 2.08333vw;
        color: #333333;
        font-size: 1.25vw;
        font-weight: bold
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-job {
        margin-top: .52083vw;
        display: flex;
        flex-direction: column;
        align-items: center
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-job span {
        color: #666666;
        font-size: .72917vw;
        font-weight: 400;
        line-height: 1.04167vw
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-message {
        width: 100%;
        margin-top: .52083vw;
        display: flex;
        flex-direction: column;
        align-items: center
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-message .front,
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-message .back {
        width: 1.04167vw;
        height: .78125vw;
        object-fit: cover
    }
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-message .front {
        margin-right: auto;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-message .back {
        margin-left: auto;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item .viewpoint-message span {
        width: 19.0625vw;
        display: inline-block;
        margin: .52083vw 0;
        color: #666666;
        font-size: .9375vw;
        font-weight: 400;
        line-height: 1.45833vw;
        text-align: center
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item:hover .viewpoint-name {
        color: #c7000b
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item:hover .viewpoint-message .front {
        margin-right: auto;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }
    
    .xq-content .viewpoint .xq-safeplace .viewpoint-list .viewpoint-item:hover .viewpoint-message .back {
        margin-left: auto;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }
  
    
    .xq-content .review {
        width: 100%;
        padding: 5.20833vw 0 0;
        box-sizing: border-box;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden
    }
    
    .xq-content .review .xq-safeplace {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    
    .xq-content .review .xq-safeplace .review-list {
        width: 100%;
        margin-top: 3.125vw
    }
    
    .xq-content .review .xq-safeplace .review-list .swiper-xq-contentper {
        width: 100%;
        transition-timing-function: linear
    }
    
    .xq-content .review .xq-safeplace .review-list .review-item {
        width: 36.71875vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center
    }
    
    .xq-content .review .xq-safeplace .review-list .review-item .left {
        width: 36.71875vw;
        height: 34.32292vw
    }
    
    .xq-content .review .xq-safeplace .review-list .review-item .left img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    
    .xq-content .review .xq-safeplace .review-list .review-item .right {
        width: 36.71875vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .26042vw
    }
    
    .xq-content .review .xq-safeplace .review-list .review-item .right .row {
        width: 100%;
        height: 17.03125vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .26042vw
    }
    
    .xq-content .review .xq-safeplace .review-list .review-item .right .row img {
        width: 18.22917vw;
        height: 100%;
        object-fit: cover
    }
    
    .xq-content .review .xq-safeplace .review-list .review-item .right .long img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    
    
}