.introduce .fr {
    margin-left: 56px;
}

.live_room li {
    background: none !important;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    /*font-family: Source Han Sans CN, Source Han Sans CN-Regular;*/
}

.banner {
    /* width: 100%; */
    height: 700px;
    position: relative;
    background: url(../img/banner.png) center;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.banner_text{
    font-size: 20px;
    /* margin: 0 auto; */
    /*width: 370px;*/
    /*text-shadow: 2px 2px 1px #000;*/
    filter:
    drop-shadow(-1px 0px 2px #000)
    drop-shadow(0px 1px 2px #000)
    drop-shadow(0px -1px 2px #000)
    drop-shadow(1px 0px 2px #000);
    color: #FFFFFF;
    margin-bottom: 65px;
    /*position: absolute;
    bottom: 65px;
    left: 50%;
    margin-left: -180px;*/
}

.continer {
    margin: 0 auto;
    width: 1200px;
}

.part1 {
    width: 100%;
    height: 1273px;
    background-color: #3F4DC8;
    position: relative;
}

.btn-area {
    width: 100%;
    height: 265px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

/* 按钮分隔div */
.btn_split {
    width: 100px;
    height: 105px;
}

.btn_left {
    width: 370px;
    height: 105px;
    background: url(../img/btn_link1.png);
}

.btn_left:hover {
    background: url(../img/btn_link1_hover.png);
}

.btn_right {
    width: 370px;
    height: 105px;
    background: url(../img/btn_link2.png);
}

.btn_right:hover {
    background: url(../img/btn_link2_hover.png);
}

.clear_fix {
    clear: both;
}

/* 活动简介框 bgn */
.desc_box {
    width: calc(100% - 8px);
    height: 330px;
    background-image: linear-gradient(to right, #3B33C7, #3D4BC6);
    border: 4px solid #000000;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.desc_icon {
    width: 300px;
    height: 220px;
    background: url(../img/icon_desc.png) no-repeat 100% 100%;
    margin-right: 49px;
    /* float: left;
        margin: 54px 49px; */
}

.desc_text {
    width: 737px;
    height: 220px;
    font-size: 14px;
    line-height: 28px;
    color: #FFFFFF;
}

/* 活动简介框 end */

/* 人物介绍框 bgn */
.people_box {
    width: 100%;
    height: 510px;
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
}

.people_desc {
    width: 621px;
    height: 510px;
    color: #FFFFFF;
    margin-top: 154px;
}

.people_desc_top {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.icon_box {
    width: 144px;
    height: 90px;
    background: url(../img/icon_box.png) no-repeat 100% 100%;
}

.people_title {
    font-size: 28px;
    font-weight: bold;
    margin-left: 25px;
}

.people_text {
    font-size: 14px;
    line-height: 28px;
    margin-top: 26px;
}

.people_img {
    width: 510px;
    height: 518px;
    background: url(../img/people.png) no-repeat 100% 100%;
    margin-left: 69px;
    position: relative;
}

.light_left {
    width: 48px;
    height: 60px;
    position: absolute;
    top: 37px;
    left: 73px;
    background: url(../img/light_small.png) no-repeat 100% 100%;
    ;
    animation: mymove 0.5s infinite;
    -webkit-animation: mymove 0.5s infinite;
    /*Safari and Chrome*/
    animation-direction: alternate;
    /*轮流反向播放动画。*/
    animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation: mymove 0.5s infinite;
    -webkit-animation-direction: alternate;
    /*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
}

.light_right {
    width: 64px;
    height: 78px;
    position: absolute;
    top: 8px;
    right: 120px;
    background: url(../img/light_big.png) no-repeat 100% 100%;
    ;
    animation: mymove 0.5s infinite;
    -webkit-animation: mymove 0.5s infinite;
    /*Safari and Chrome*/
    animation-direction: alternate;
    /*轮流反向播放动画。*/
    animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation: mymove 0.5s infinite;
    -webkit-animation-direction: alternate;
    /*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
}

/* 放大缩小动画效果 */
@keyframes mymove {
    0% {
        transform: scale(1);
        /*开始为原始大小*/
    }

    25% {
        transform: scale(1.1);
        /*放大1.1倍*/
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.1);
    }

}

@-webkit-keyframes mymove

/*Safari and Chrome*/
    {
    0% {
        transform: scale(1);
        /*开始为原始大小*/
    }

    25% {
        transform: scale(1.1);
        /*放大1.1倍*/
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.1);
    }
}

/* par1 靠左波浪线 */
.link_box {
    position: fixed;
    top: 50%;
    right: 20px;
    margin-top: -305px;
    width: 260px;
    height: 448px;
    background: url(../img/link_box.png) no-repeat left top;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.link-content{
    position: absolute;
    top: 213px;
    left: 0px;
    width: 100%;
    height: 668px;
    text-align: center;
    padding: 0 19px;
    box-sizing: border-box;
    z-index: 10
}
.link_text{
    border-bottom:1px solid #f49d16;
}
.link_text4{
    border: none;
}
.link-content a{
    display: block;
    font-size: 20px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: bold;
    color: #F49D16;
    line-height: 82px;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
}

.link-bottom{
    position: absolute;
    left: 0px;
    bottom:-120px;
    height: 170px;
    width: 100%;
    background: #fff;
    border: 4px solid #000;
    border-top: 0px;
    box-sizing: border-box;
}
/* par1 靠右波浪线 */
.line_right {
    width: 190px;
    height: 62px;
    position: absolute;
    top: 530px;
    right: 0;
    background: url(../img/line_right.png) no-repeat 100% 100%;
}

/* par1 星形icon */
.icon_star {
    width: 75px;
    height: 95px;
    position: absolute;
    top: 790px;
    left: 149px;
    background: url(../img/star.png) no-repeat 100% 100%;
}

/*图片跳动效果*/
.xl-box::before {
    content: '';
    background-image: url(../img/light_big.png);
    opacity: .2;
    border-radius: 50%;
    /*放上自己图片路径即可*/
    position: absolute;
    top: 67px;
    left: 0;
    animation: shadow .9s linear infinite;
}

.xl-box::after {
    border-radius: 5px;
    background-image: url(../img/light_big.png);
    /*同上，也可跳动前后图片不同，看个人需求*/
    animation: rotate .9s linear infinite;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 350px;
}

@keyframes shadow {

    0%,
    100% {
        transform: scaleX(1);
    }

    50% {
        transform: scaleX(1.2);
    }
}

@keyframes rotate {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(20px) scale(1.1, 0.9);

    }

    75% {
        ransform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

/* 采访直播部分 */
.part2 {
    width: 100%;
    height: 723px;
    background: url(../img/index_part2_bg.png) no-repeat 100% 100%;
    position: relative;
}

.video_top {
    width: 100%;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.video_title {
    width: 420px;
    height: 90px;
    background: url(../img/video_title.png) no-repeat 100% 100%;
    margin-bottom: 40px;
}

.video_box {
    width: 100%;
    height: 433px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video_content {
    width: 572px;
    min-height: 425px;
    border: 4px solid #000000;
    background-color: #B5D7FF;
    position: relative;
}

.live_box{
    width: 540px;
    padding-bottom: 20px;
    /* box-sizing: border-box; */
    /* padding: 20px; */
}

.video_src {
    width: 540px;
    /* height: 303px; */
    /* background-color: #0AC8A6; */
    /* margin: 20px; */
    margin: 0 auto;
    margin-top: 20px;
}

.video_desc{
    font-size: 14px;
    line-height: 28px;
    color: #303030;
    text-align: justify;
    width: 540px;
    margin: 0 auto;
    margin-top: 20px;
    display: inline-flex;
}

.desc_qrcode{
    width: 112px;
    height: 112px;
    object-fit: contain;
}

.desc_text_box{
    width: 418px;
    height: 112px;
    margin-left: 10px;
}

.desc_link{
    font-size: 24px;
    color: #000;
}

.desc_link:hover{
    cursor: pointer;
}

.desc_text1{
    width: 100%;
    height: 85px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 28px;
    color: #303030;
    text-align: justify;
}

.desc_text1::-webkit-scrollbar { 
    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
    height:0px;
}
.desc_text1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.desc_text1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

/* 滚动的内容 */
.showPc{
    width: 540px;
    height: 303px;
    object-fit: cover;
    margin-top: 20px;
}

.video_pos{
    position: relative;
}

.playBtn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(../img/play.png) center;
    background-size: 100% 100%;
    position: absolute;
    cursor: pointer;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
}

.pagination_box{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -10px;
}
/* 点 */
.live_pagination{
    width: 100%;
    text-align: center;
    display: flex;
    width: 13%;
    justify-content: space-around;
}

.live_pagination .swiper-pagination-bullet-active{
    background-color: white !important;
}


.btn_chg {
    width: 92px;
    height: 80px;
}

.video_btn_left {
    margin-right: 100px;
    background: url(../img/btn_left.png) no-repeat 100% 100%;
    cursor: pointer;
}

.video_btn_right {
    margin-left: 100px;
    background: url(../img/btn_right.png) no-repeat 100% 100%;
    cursor: pointer;
}

.video_btn_left:hover {
    margin-right: 100px;
    background: url(../img/btn_left_hover.png) no-repeat 100% 100%;
}

.video_btn_right:hover {
    margin-left: 100px;
    background: url(../img/btn_right_hover.png) no-repeat 100% 100%;
}

.video_btn_area{
    display: none;
}

.point_left {
    position: absolute;
    top: 50px;
    left: 0;
    width: 129px;
    height: 125px;
    background: url(../img/point_left.png) no-repeat 100% 100%;
}

.point_right {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 128px;
    height: 125px;
    background: url(../img/point_right.png) no-repeat 100% 100%;
}

.pie_left {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 71px;
    height: 139px;
    background: url(../img/pie_left.png) no-repeat 100% 100%;
}

.pie_right {
    position: absolute;
    top: -70px;
    right: 0;
    width: 68px;
    height: 140px;
    background: url(../img/pie_right.png) no-repeat 100% 100%;
}

.part3 {
    width: 100%;
    height: 831px;
    background-color: #3F4DC8;
}

.contact_box {
    width: 100%;
    height: 671px;
    background: url(../img/part3_box.png) no-repeat 100% 100%;
    padding-top: 80px;
    color: #FFFFFF;
    position: relative;
}

.icon_map {
    width: 322px;
    height: 134px;
    background: url(../img/icon_place.png) no-repeat 100% 100%;
    position: absolute;
    right: 150px;
    top: 353px;
    cursor: pointer;
    animation: mymove 1.5s infinite;
    -webkit-animation: mymove 1.5s infinite;
    /*Safari and Chrome*/
    animation-direction: alternate;
    /*轮流反向播放动画。*/
    animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation: mymove 1.5s infinite;
    -webkit-animation-direction: alternate;
    /*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
}

.map_box{
    width: 1267px;
    height: 713px;
    background: url(../img/map.jpg?20210913);
    background-size: cover;
}

.contact_body {
    padding: 50px 83px 83px 54px;
}

.contact_title {
    font-size: 20px;
    font-weight: bold;
    /* line-height: 46px; */
}

.contact_text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 10px;
}

.contact_info {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    float: left;
    line-height: 39px;
}

.contact_mid {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.contact_icon_box {
    margin-left: 28px;
    width: calc(100% - 188px);
    ;
    height: 38px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.contact_icon_box1 .flex{
    display: flex;
}
.contact_icon_box1 .flex .icon_row1{
    display: flex;
    flex-direction: column;
    margin:0 28px;
}
.contact_icon_box1 .flex h3{
    font-size:16px;
    font-weight: 700;
    margin-bottom:  10px;
    margin-top:  15px;
}
.contact_icon_box1 .flex span{
    margin-bottom:  10px;
}
.contact_icon_box1 .flex .icon_row2{
    display: flex;
    flex-direction: column;
    margin:0 28px;
}
.contact_list{
    display: none;
}

.qr_code_box {
    width: 140px;
    height: 140px;
    text-align: center;
}

.icon_contact {
    width: 38px;
    height: 39px;
    float: left;
}

.icon_row1 {
    margin: 28px;
}

.icon_row2 {
    margin: 6px 0 0 28px;
}

.m-l-8 {
    margin-left: 8px;
}

.m-l-18 {
    margin-left: 18px;
}

.contact_bottom {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.mobile{
    display: none;
}


/* 手机版样式 */
@media (max-width: 1200px) {
    html {
        font-size: 13.333333vw;
    }

    #top,
    .line_left,
    .line_right,
    .icon_star,
    .point_left,
    .point_right,
    .pie_left,
    .pie_right,
    .link_box
    {
        display: none;
    }

    .banner {
        height: 3.75rem;;
        /*width: 100%;*/
        background: url("../img/mobile/banner.png?v=20200816");
        background-size: cover;
        margin-top: 0;
    }

    .banner_text{
        font-size: 0.08rem;
        /*width: 70%;*/
        /*text-shadow: 2px 2px 1px #000;*/
        filter:
        drop-shadow(-1px 0px 1px #000)
        drop-shadow(0px 1px 1px #000)
        drop-shadow(0px -1px 1px #000)
        drop-shadow(1px 0px 1px #000);
        color: #FFFFFF;
       /* position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -2.3rem;*/
        margin-bottom: 0.2rem;
    }

    .part1{
      height: 20.13rem;
    }

    .continer{
      width: 100%;
    }

    .btn-area{
      height: 2.13rem;
    }

    /* 按钮分隔div */
    .btn_split {
        width: 0.31rem;
        height: 0.94rem;
    }

    .btn_left {
        width: 3.29rem;
        height: 0.94rem;
        background: url(../img/mobile/btn_link1.png);
        background-size: cover;
    }

    .btn_left:hover {
        background: url(../img/mobile/btn_link1_hover.png);
        background-size: cover;
    }

    .btn_right {
        width: 3.29rem;
        height: 0.94rem;
        background: url(../img/mobile/btn_link2.png);
        background-size: cover;
    }

    .btn_right:hover {
        background: url(../img/mobile/btn_link2_hover.png);
        background-size: cover;
    }

    .desc_box{
      width: calc(6.9rem - 4px);
      height: calc(7.74rem - 4px);
      margin:0 auto;
      flex-direction: column;
      border:2px solid #000;
    }

    .desc_icon{
      width: 1.51rem;
      height: 0.42rem;
      background: url(../img/mobile/iocn_desc.png);
      background-size: cover;
      margin: 0;
      margin-bottom: 0.28rem;
    }

    .desc_text{
      width: 6.28rem;
      height: 6.03rem;
      font-size: 0.28rem;
      line-height: 0.48rem;
    }

    .people_box{
      height: 10.26rem;
      width: 100%;
      margin: 0;
      flex-direction: column;
      box-sizing: border-box;
      padding: 0 0.3rem;
    }

    .people_desc{
      margin: 0;
      margin-top: 0.62rem;
      width: 100%;
      height: calc(2.19rem + 0.9rem + 0.4rem)
    }

    .icon_box{
      width: 1.44rem;
      height: 0.9rem;
      background-size: cover;
    }

    .people_title{
      font-size: 0.32rem;
      height: 0.9rem;
      line-height: 0.9rem;
      margin: 0;
      margin-left: 0.21rem;
    }

    .people_text{
      font-size: 0.28rem;
      line-height: 0.48rem;
      margin-top: 0.4rem;
      text-align: justify;
    }

    .people_img{
      height: 5.18rem;
      width: 5.10rem;
      background: url(../img/people.png);
      background-size: cover;
      margin: 0 auto;
      margin-top: 0.4rem;
    }

    .light_left {
      width: 0.48rem;
      height: 0.60rem;
      top: 0.37rem;
      left: 0.73rem;
      background-size: cover;
    }

    .light_right{
      width: 0.64rem;
      height: 0.78rem;
      right: 1.2rem;
      top: 0.08rem;
      background-size: cover;
    }

    .part2{
      height: auto;
      min-height: 11rem;/*8.54rem*/
      background-size: cover;
    }

    .video_top{
      height: 1.9rem;
    }

    .video_title{
      width: 4.2rem;
      height: 0.9rem;
      background-size: cover;
      margin-bottom: 0.6rem;
    }

    .video_box{
      width: 6.82rem;
      height: auto;
      min-height: 4.86rem;
      margin-left: 0.3rem;
      position: relative;
      display: block;
    }

    .video_content{
      width: 100%;
      min-height:3.6rem;
      border: 2px solid #000;
    }

    .live_box{
        width: 6.42rem;
        padding-bottom: 0.2rem;
    }

    .video_src{
      width: 6.42rem;
      margin-top: 0.24rem;
    }

    .showPc {
      width: 100%;
      height: 3.6rem;
      margin-top: 0.2rem;
    }

    /* .playBtn{
      width: 0.6rem;
      height: 0.6rem;
      left: 0.2rem;
      bottom: 0.2rem;
    } */

    .video_desc{
      font-size: 0.28rem;
      line-height: 0.4rem;
      text-align: justify;
      width: 100%;
      margin-top: 0.2rem;
      height: 2.78rem;
    }

    .desc_qrcode{
       margin-top: 0.2rem;
    }
    
    .desc_text_box{
        width: 100%;
        height: 2.78rem;
        margin-left: 0.1rem;
        margin-top: 0.15rem;
    }
    
    .desc_link{
        font-size: 0.28rem;
        font-weight: 400;
        color: #000;
    }
    
    .desc_link:hover{
        cursor: pointer;
    }
    
    .desc_text1{
        width: 100%;
        height: 2rem;
        overflow-y: auto;
        font-size: 0.28rem;
        line-height: 0.4rem;
        text-align: justify;
    }

    .btn_chg{
      width: 0.92rem;
      height: 0.8rem;
    }

    .video_btn_left{
      position: absolute;
      background-size: cover;
      bottom: -1.35rem;
      left: calc(50% - 1.2rem);
    }

    .video_btn_right{
      position: absolute;
      background-size: cover;
      bottom: -1.35rem;
      left: calc(50% + 0.41rem);
      margin: 0;
    }

    .video_btn_left:hover {
      margin-right: 0;
      background-size: cover;
    }

    .video_btn_right:hover {
      margin-left: 0;
      background-size: cover;
    }

    .part3{
      /*height: 18.75rem;*/
      height: 15.4rem;
      padding-top: 0.6rem;
    }

    .contact_box{
       width: calc(100% - 0.6rem); 
      /* height: 17.59rem; */
      height: 14.78rem;
      margin:0 auto;
      background:url(../img/mobile/part3_box1.png);
      background-size: cover;
      padding: 0;
    }

    .icon_map{
        display: none;
    }

    .contact_body{
      padding: 0.5rem 0.61rem 0.82rem 0.28rem;
      /*padding: 0.82rem 0.81rem 0.82rem 0.58rem;*/
    }

    .contact_title{
      font-size: 0.28rem;
      line-height: 0.46rem;
      text-align: left;
    }

    .contact_text{
      font-size: 0.28rem;
      line-height: 0.48rem;
      text-align: justify;
    }

    .contact_mid {
      margin-top: 0.5rem;
      display: flex;
      /*flex-direction: column;*/
      justify-content: flex-start;
      align-items: center;
    }

    .qr_code_box{
      width: 1.8rem;
      height: auto;
    }

    .contact_mid .qr_code_box {
      /*margin-left: -0.9rem;*/
    }

    .qr_code_box img{
      width: 100%;
    }

    .contact_info{
      width: 2.2rem;
      font-size: 0.2rem;
      line-height: 0.2rem;
      font-weight: 400;
      text-align: left;
      margin-left: -0.1rem !important;
      margin-top: 0.1rem;
    }

    .contact_icon_box1 .icon_row1,
    .contact_icon_box1 .icon_row2{
      display: none;
    }

    .contact_list{
      min-height: 2.4rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 0.4rem;
    }

    .icon_row{
      /*width: 6.9rem;*/
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 0.2rem;
    }
    /*.icon_row_flex{
        flex-direction: column;
    }*/

    .icon_contact{
      width: 0.48rem;
      height: 0.48rem;
      object-fit: cover;
      margin-right: 0.28rem;
    }

    .icon_row .contact_info{
        width: auto !important;
        white-space: nowrap;
      /*width: calc(6.9rem - 0.8rem) !important;*/
    }

    .level2{
      margin-top: 0.68rem !important;
      display: none;
    }

    .contact_bottom{
      margin-top: 0.3rem;
      justify-content: center;
    }

    .pc{
        display: none;
    }

    .mobile{
        display: block;
       /* justify-content: flex-start;
        align-items: center;*/
    }
    .qr_box{
        display: flex;
        justify-content:space-between;
    }
    .next_contact_flex{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin-left:    0px;
        width: calc(100% + 0.4rem);
    }
    .icon_row_flex{
        display: block;
    }
    .icon_row_flex h3{
        font-style: 0.3rem;
        margin-bottom:  0.2rem;
        margin-top: 0.2rem;
    }
    .icon_row_flex span{
        font-size: 0.2rem;
        margin-bottom:  0.1rem;
        display: block;
    }
    .level3{
        margin: 0.38rem 0 !important;
        display: block;
      }

    .next_contact{
      /*margin-left: 0.96rem;*/
    }
}