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

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

body {
    margin: 0;
    padding: 0;
}

.banner {
    width: 100%;
    height: 700px;
    background: url(../img/banner2.png)  center center;
    background-size: cover;
    position: relative;
    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;
}

.all_area {
    width: 100%;
    height: 1991px;
    background: url(../img/event_bg.png) no-repeat 100% 100%;
    position: relative;
}

.part1 {
    width: 100%;
    height: 1991px;
    background: url(../img/event_bg.png) no-repeat 100% 100%;
    background-color: #3f4dc8;
    position: relative;
}

.bg_text {
    font-size: 200px;
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
    font-weight: 700;
    text-align: justifyLeft;
    /*color: #3b33c7;*/
    line-height: 120px;
    letter-spacing: 20px;
}

.text1 {
    position: absolute;
    left: 320px;
    top: 137px;
    color: #4955CA;
}

.text2 {
    position: absolute;
    left: 320px;
    top: 679px;
    color: #4040C8;
}

.text3 {
    position: absolute;
    /* left: 795px; */
    left: 50%;
    bottom: 160px;
    /* background: url(../img/text_area8.png); */
    width: 493px;
    height: 168px;
    color: #4955CA;
    margin-left: -157px;
}

.text3 span {
    z-index: 1；
}

.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) no-repeat 100% 100%;
    background-size: cover;
}

.btn_left:hover {
    background: url(../img/btn_link1_hover.png) no-repeat 100% 100%;
    background-size: cover;
}

.btn_right {
    width: 370px;
    height: 105px;
    background: url(../img/btn_link3.png) no-repeat 100% 100%;
    background-size: cover;
}

.btn_right:hover {
    background: url(../img/btn_link3_hover.png) no-repeat 100% 100%;
    background-size: cover;
}

.clear_fix {
    clear: both;
}

.line_way {
    width: 948px;
    height: 1447px;
    background: url(../img/line_way.png) no-repeat 100% 100%;
    margin: 0 auto;
    margin-top: 169px;
    position: relative;
    z-index: 100；
}

.m_area7 {
    display: none;
}

.icon_click {
    width: 144px;
    height: 48px;
    background: url(../img/icon_click_small.png) no-repeat 100% 100%;
    position: absolute;
    top: -24px;
    left: -72px;
}

.move {
    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;
    /*动画的速度曲线*/
}

.icon_place {
    width: 322px;
    height: 134px;
    background: url(../img/icon_place.png) no-repeat 100% 100%;
    position: absolute;
    left: 748px;
    top: 553px;
}

.icon_box {
    width: 98px;
    height: 109px;
    background: url(../img/box_close1.png) no-repeat 100% 100%;
    z-index: 999;
    cursor: pointer;
}

.icon_box_close{
    width: 98px;
    height: 109px;
    background: url(../img/box_close.png) no-repeat 100% 100%;
    z-index: 999;
}

.box_title{
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    opacity: 0.3;
}

.box_title_open{
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 195px;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    opacity: 0.3;
}

.shake {
    -webkit-animation: shake 1.2s linear;
    -webkit-animation-fill-mode: forwards;
}

.box1 {
    position: absolute;
    left: 100px;
    top: -54px;
    /*-webkit-animation:shake 1.2s linear;-webkit-animation-fill-mode:forwards;*/
}

.box2 {
    position: absolute;
    /* left: 358px;
    top: -54px; */
    left: 478px;
    top: -38px;
}

.box3 {
    position: absolute;
    left: 626px;
    top: 2px;
}

.box4 {
    position: absolute;
    /* left: 854px;
    top: 124px; */
    left: 804px;
    top: 64px;
}

.box5 {
    position: absolute;
    left: 675px;
    top: 316px;
}

.box6 {
    position: absolute;
    left: 171px;
    top: 499px;
}

.box7 {
    position: absolute;
    left: -15px;
    top: 746px;
}

.box8 {
    position: absolute;
    left: 256px;
    top: 849px;
}

.box9 {
    position: absolute;
    left: 580px;
    top: 864px;
}

.box10 {
    position: absolute;
    left: 904px;
    top: 896px;
}

.box11 {
    position: absolute;
    left: 696px;
    top: 1166px;
}

.box12 {
    position: absolute;
    left: 397px;
    top: 1327px;
}

.box13 {
    position: absolute;
    left: 38px;
    top: 1372px;
}

.box_open {
    width: 207px;
    height: 192px;
    background: url(../img/box_open1.png) no-repeat 100% 100%;
    cursor: pointer;
}

.box_pos1 {
    position: absolute;
    left: 50px;
    top: -140px;
}

.box_pos2 {
    position: absolute;
    /* left: 308px;
    top: -134px; */
    left: 432px;
    top: -124px;
}

.box_pos3 {
    position: absolute;
    left: 574px;
    top: -80px;
}

.box_pos4 {
    position: absolute;
    /* left: 800px;
    top: 44px; */
    left: 758px;
    top: -20px;
}

.box_pos5 {
    position: absolute;
    left: 630px;
    top: 235px;
}

.box_pos6 {
    position: absolute;
    left: 120px;
    top: 410px;
}

.box_pos7 {
    position: absolute;
    left: -60px;
    top: 666px;
}

.box_pos8 {
    position: absolute;
    left: 210px;
    top: 760px;
}

.box_pos9 {
    position: absolute;
    left: 535px;
    top: 784px;
}

.box_pos10 {
    position: absolute;
    left: 855px;
    top: 815px;
}

.box_pos11 {
    position: absolute;
    left: 646px;
    top: 1086px;
}

.box_pos12 {
    position: absolute;
    left: 347px;
    top: 1246px;
}

.box_pos13 {
    position: absolute;
    left: -10px;
    top: 1290px;
}

.comp_icon {
    position: relative;
}

.logo_box1 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo01.png) no-repeat 100% 100%;
    
}

.logo_box2 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo02.png?20210922) no-repeat;
    background-size: contain;
    
}

.logo_box3 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo03.png) no-repeat 100% 100%;
    
}

.logo_box4 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo04.png) no-repeat 100% 100%;
    
}

.logo_box5 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo05.png?20210924) no-repeat 100% 100%;
    
}

.logo_box6 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo06.png) no-repeat 100% 100%;
    
}

.logo_box7 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo07.png?20210913) no-repeat 100% 100%;
    
}

.logo_box8 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo08.png) no-repeat 100% 100%;
    
}

.logo_box9 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo09.png) no-repeat 100% 100%;
    
}

.logo_box10 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo10.png) no-repeat 100% 100%;
    
}

.logo_box11 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo11.png?20210913) no-repeat 100% 100%;
}

.logo_box12 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo12.png) no-repeat 100% 100%;
}

.logo_box13 {
    width: 170px;
    height: 60px;
    position: absolute;
    top: -40px;
    left: 20px;
    background: url(../img/box_logo13.png) no-repeat 100% 100%;
}

.rotate{
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotateY(0deg);
        /*从0度开始*/
    }

    100% {
        transform: rotateY(360deg);
        /*360度结束*/
    }
}



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

    25% {
        transform: scale(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 靠左波浪线 */
.line_left {
    width: 183px;
    height: 61px;
    position: absolute;
    left: 0;
    top: 264px;
    background: url(../img/line_left.png) no-repeat 100% 100%;
}

/* par1 靠右波浪线 */
.line_right {
    width: 190px;
    height: 62px;
    position: absolute;
    top: 865px;
    right: 0;
    background: url(../img/line_right.png) no-repeat 100% 100%;
}

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

/* par1 星形icon */
.icon_star_right {
    width: 97px;
    height: 125px;
    position: absolute;
    top: 201px;
    right: 10%;
    background: url(../img/star_big.png) no-repeat 100% 100%;
}
.point_left {
    position: absolute;
    top: 1437px;
    left: 0;
    width: 129px;
    height: 125px;
    background: url(../img/point_left.png) no-repeat 100% 100%;
}

/* 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;
}


/* 7区部分 */
.part2 {
    width: 100%;
    height: 603px;
    background: url(../img/bg_area_7.png) no-repeat 100% 100%;
    position: relative;
}

.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%;
}

.popup {
    width: 592px;
    height: 592px;
    border: 4px solid #000000;
    border-radius: 20px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -350px;
    z-index: 9999;
    padding: 50px;
    display: none;
}

.btn_close {
    width: 59px;
    height: 59px;
    background: url(../img/btn_close1.png) no-repeat 100% 100%;
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer;
}

.hr {
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    margin: 20px 0;
}

.logo_head {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    /* width: 450px; */
    /* margin:50px 50px 0 50px; */
}

.logo {
    width: 133px;
    height: 130px;
    /* background: url(../img/logo01.png) no-repeat 100% 100%; */
}

.logo_view {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    width: 450px;
}

.logo_title {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    line-height: 27px;
    margin-top: -10px;
}

.logo_point {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    text-align: justify;
    line-height: 27px;
    margin-top: 20px;
}

.logo_point_desc {
    font-size: 14px;
    color: #999999;
    text-align: justify;
    line-height: 20px;
}

.logo_desc {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    /* margin:50px 50px 0 50px; */
}

#desc {
    height: 110px;
    overflow-y: auto;
}

.desc_title {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 27px;
}

.logo_footer {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    height: 240px;
}

.video_footer{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    height: 250px;
}

.video_pic{
    width: 540px;
    height: 250px;
    background: url(../img/zhantai1.jpg) no-repeat;
    background-size: contain !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

#box_left {
    margin-left: 33px;
    position: relative;
}

#box_right {
    margin-left: 33px;
    position: relative;
}

.prod_left {
    width: 170px;
    height: 120px;
    /* background: url(../img/prod_left1.png); */
    position: absolute;
    top: -20px;
    left: 20px;
}

.prod_right {
    width: 170px;
    height: 120px;
    /* background: url(../img/prod_right1.png); */
    position: absolute;
    top: -20px;
    left: 20px;
}

.show_none{
    display: none;
    justify-content: flex-end !important;
    align-items: center !important;
}

.popup_none {
    width: 500px;
    height: 300px;
    border: 4px solid #000000;
    border-radius: 20px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -150px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.none_box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



@-webkit-keyframes shake {
    0% {
        transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);

    }

    6% {
        -webkit-transform: scale(.9) rotate(-8deg);
        -webkit-transform: scale3d(1, 1, 1) rotate(0, 0, 1, -8deg);
    }

    18%,
    30%,
    42% {
        -webkit-transform: scale(1.1) rotate(8deg);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 8deg);

    }

    12%,
    24%,
    36%,
    48% {
        -webkit-transform: scale(1.1) rotate(-8deg);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -8deg);

    }

    54% {
        -webkit-transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);
    }

    60% {
        -webkit-transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);
    }

    80% {
        -webkit-transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);
        /*-webkit-transform: scale(1) translate(0px,150px);*/
        /*-webkit-transform: scale3d(1, 1, 1) translate3d(0px,150px,0);*/
    }

    90% {
        -webkit-transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);
        /*-webkit-transform: scale(1) translate(0px,130px);*/
        /*-webkit-transform: scale3d(1, 1, 1) translate3d(0px,130px,0);*/
    }

    100% {
        -webkit-transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);
        /*-webkit-transform: scale(1) translate(0px,150px);*/
        /*-webkit-transform: scale3d(1, 1, 1) translate3d(0px,150px,0);*/
    }

}


.fade_in {
    display: block;
    animation: fade-in;
    animation-duration: 4s;
    -webkit-animation: fade-in 1.5s;
}

.fade_out {
    display: none;
    animation: fade-out;
    animation-duration: 4s;
    -webkit-animation: fade-out 1.5s;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    /*初始状态 透明度为0*/
    40% {
        opacity: 0;
    }

    /*过渡状态 透明度为0*/
    100% {
        opacity: 1;
    }

    /*结束状态 透明度为1*/
}

@-webkit-keyframes fade-in {

    /*针对webkit内核*/
    0% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    /*初始状态 透明度为1*/
    40% {
        opacity: 0;
    }

    /*过渡状态 透明度为0*/
    100% {
        opacity: 0;
    }

    /*结束状态 透明度为0*/
}

@-webkit-keyframes fade-out {

    /*针对webkit内核*/
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* par1 右边文字浮窗 */

.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;
}

.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;
}

.contact_list {
    display: none;
}


.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;
}
.detail {
    display: none;
}

.back_bg {
    display: none;
}

.popup .detail_point_box {
    display: none;
}

#hr {
    display: none;
}



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
#desc::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
#desc::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
#desc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
}




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

    #top,
    .icon_star_left,
    .point_left,
    .icon_star_right,
    .pie_left,
    .pie_right,
    .link_box {
        display: none;
    }

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

    .banner_text {
        font-size: 0.08rem;
        /*width: 4.5rem;*/
        /*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.42rem;
        background: #3f4dc8;
    }

    .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) 100% 100%;
        background-size: cover;
    }

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

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

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

    .line_left {
        width: 1.33rem;
        height: 0.47rem;
        background: url(../img/mobile/line_left.png);
        background-size: cover;
        left: 0;
        top: 5rem;
    }

    .line_right {
        width: 1.39rem;
        height: 0.49rem;
        background: url(../img/mobile/line_right.png);
        background-size: cover;
        right: : 0;
        top: 8rem;

    }

    .line_way {
        background: url(../img/mobile/line_way.png);
        background-size: cover;
        width: calc(100% - 0.6rem);
        height: 16.12rem;
        margin: 0 auto;
        top: 1.3rem;
    }

    .bg_text {
        font-size: 2rem;
        line-height: 1.2rem;
        text-align: justify;
    }

    .text1 {
        height: 1.68rem;
        left: 1.92rem;
        top: 1.2rem;
        letter-spacing: 0.2rem;
    }

    .text2 {
        height: 1.68rem;
        left: 1.92rem;
        top: 7.8rem;
        letter-spacing: 0.2rem;
    }

    .text3 {
        left: 2.4rem;
        bottom: 1.7rem;
        width: calc(100% - 2.5rem);
        height: 1.68rem;
        background-size: cover;
        margin-left: -0.2rem;
    }

    .m_area7 {
        display: block;
        background: url(../img/mobile/event2_bg.png);
        background-size: cover;
        width: 100%;
        height: 7.13rem;
        position: absolute;
        top: 8.22rem;
    }

    .icon_box {
        width: 0.98rem;
        height: 1.09rem;
        background: url(../img/box_close1.png);
        background-size: cover;
    }

    .icon_box_close {
        width: 0.98rem;
        height: 1.09rem;
        background: url(../img/box_close.png);
        background-size: cover;
    }

    .box_title{
        font-size: 0.08rem;
        top: 1.1rem;
        width: 100%;
        left: 0;
    }

    .box_title_open{
        font-size: 0.12rem;
        position: absolute;
        top: 1.95rem;
        left: 0;
    }

    .icon_click {
        width: 1.47rem;
        height: 0.48rem;
        background: url(../img/mobile/icon_click_event2.png);
        background-size: cover;
        left: 1.1rem;
        top: -0.7rem;
    }

    .icon_place {
        width: 2.57rem;
        height: 1.08rem;
        background: url(../img/mobile/icon_place.png);
        background-size: cover;
        left: 0;
        top: 7.5rem;
    }

    .box1 {
        position: absolute;
        left: 0.1rem;
        top: -0.54rem;
    }

    .box2 {
        position: absolute;
        /* left: 3.0rem;
        top: -0.54rem; */
        left: 4rem;
        top: -0.3rem;
    }

    .box3 {
        position: absolute;
        left: 5.53rem;
        top: 0.1rem;
    }

    .box4 {
        position: absolute;
        left: 4.24rem;
        top: 2.54rem;
    }

    .box5 {
        position: absolute;
        left: 1.25rem;
        top: 3.3rem;
    }

    .box6 {
        position: absolute;
        left: 0.3rem;
        top: 5.99rem;
    }

    .box7 {
        position: absolute;
        left: 3.4rem;
        top: 6.4rem;
    }

    .box8 {
        position: absolute;
        left: 5.60rem;
        top: 8.24rem;
    }

    .box9 {
        position: absolute;
        left: 3.0rem;
        top: 9.84rem;
    }

    .box10 {
        position: absolute;
        left: 0.3rem;
        top: 10.4rem;
    }


    .box11 {
        position: absolute;
        left: 0.6rem;
        top: 13rem;
    }

    .box12 {
        position: absolute;
        left: 2.97rem;
        top: 14.87rem;
    }

    .box13 {
        position: absolute;
        left: 5.8rem;
        top: 15.47rem;
    }

    .box_open {
        width: 2.07rem;
        height: 1.92rem;
        background-size: cover;
    }

    .box_pos1 {
        position: absolute;
        left: -0.30rem;
        top: -1.4rem;
    }

    .box_pos2 {
        position: absolute;
        /* left: 2.5rem;
        top: -1.40rem; */
        left: 3.5rem;
        top: -1.10rem;
    }

    .box_pos3 {
        position: absolute;
        left: 5.1rem;
        top: -0.7rem;
    }

    .box_pos4 {
        position: absolute;
        left: 3.84rem;
        top: 1.74rem;
    }

    .box_pos5 {
        position: absolute;
        left: 0.8rem;
        top: 2.5rem;
    }

    .box_pos6 {
        position: absolute;
        left: -0.15rem;
        top: 5.15rem;
    }

    .box_pos7 {
        position: absolute;
        left: 2.95rem;
        top: 5.6rem;
    }

    .box_pos8 {
        position: absolute;
        left: 5.15rem;
        top: 7.44rem;
    }

    .box_pos9 {
        position: absolute;
        left: 2.55rem;
        top: 9rem;
    }

    .box_pos10 {
        position: absolute;
        left: -0.15rem;
        top: 9.6rem;
    }

    .box_pos11 {
        position: absolute;
        left: 0.15rem;
        top: 12.2rem;
    }

    .box_pos12 {
        position: absolute;
        left: 2.5rem;
        top: 14.05rem;
    }

    .box_pos13 {
        position: absolute;
        left: 5.15rem;
        top: 14.67rem;
    }

    .comp_icon {
        position: relative;
    }

    .logo_box1 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box2 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: contain;
    }

    .logo_box3 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box4 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box5 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box6 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box7 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box8 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box9 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box10 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box11 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box12 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .logo_box13 {
        width: 1.7rem;
        height: 0.60rem;
        position: absolute;
        top: -0.40rem;
        left: 0.20rem;
        background-size: cover;
    }

    .popup {
        width: 6.8rem;
        height: auto;
        min-height: 7.2rem;
        border: 4px solid #000000;
        border-radius: 20px;
        background: #fff;
        position: fixed;
        left: 48%;
        top: 35%;
        margin-left: -3.25rem;
        margin-top: -3.4rem;
        padding: 0.3rem;
        box-sizing: border-box;
    }

    .btn_close {
        width: 0.59rem;
        height: 0.59rem;
        background: url(../img/btn_close1.png) no-repeat 100% 100%;
        position: absolute;
        right: -0.30rem;
        top: -0.30rem;
        cursor: pointer;
    }

    .hr {
        width: 100%;
        height: 0.01rem;
        background-color: #e6e6e6;
        margin: 0.20rem 0;
    }

    .logo_head {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        /* width: 450px; */
        /* margin:50px 50px 0 50px; */
    }

    .logo {
        width: 1.34rem;
        height: 1.33rem;
        background-size: cover !important;
        /* background: url(../img/logo01.png) no-repeat 100% 100%; */
    }

    .logo_view {
        display: flex;
        flex-direction: column;
        margin-left: 0.20rem;
        width: 4.50rem;
    }

    .logo_title {
        color: #333333;
        font-size: 0.30rem;
        font-weight: 700;
        text-align: left;
        line-height: 0.27rem;
        margin-top: -0.10rem;
    }

    .logo_point {
        color: #333333;
        font-size: 0.16rem;
        font-weight: 700;
        text-align: left;
        line-height: 0.27rem;
        margin-top: 0.20rem;
        display: none;
    }

    #point {
        display: none;
    }

    .logo_point_desc {
        /*font-size: 0.14rem;*/
        color: #999999;
        text-align: left;
        /*line-height: 0.36rem;*/
        font-size: 0.24rem;
        line-height: 0.4rem;
    }


    .logo_desc {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        /* margin:50px 50px 0 50px; */
    }

    #point {
        height: 0.75rem;
        overflow-y: auto;
    }

    #desc {
        height: 3.1rem;
        overflow-y: auto;
    }

    .desc_title {
        color: #333333;
        /*font-size: 0.16rem;*/
        font-size: 0.24rem;
        font-weight: 700;
        text-align: left;
        line-height: 0.36rem;
    }

    .logo_footer {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: space-around;
        height: 2.40rem;
    }

    .video_footer{
        height: 2.5rem;
    }

    .video_pic{
        width: 5.4rem;
        height: 2.5rem;
        /* background: url(../img/zhantai1.jpg) no-repeat; */
        background-size: contain;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #box_left {
        margin-left: 0;
        position: relative;
    }

    #box_right {
        margin-left: 0;
        position: relative;
    }

    .prod_left {
        width: 1.70rem;
        height: 1.20rem;
        /* background: url(../img/prod_left1.png); */
        background-size: cover !important;
        position: absolute;
        top: -0.20rem;
        left: 0.20rem;
    }

    .prod_right {
        width: 1.70rem;
        height: 1.20rem;
        /* background: url(../img/prod_right1.png); */
        background-size: cover !important;
        position: absolute;
        top: -0.20rem;
        left: 0.20rem;
    }

    .popup_none {
        width: 6.5rem;
        height: 3.87rem;
        border: 4px solid #000000;
        border-radius: 20px;
        background: #fff;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -3.325rem;
        margin-top: -1.43rem;
    }

    .none_box {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .btn_close {
        width: 0.75rem;
        height: 0.75rem;
        background: url(../img/mobile/btn_close1.png);
        background-size: cover;
        right: -0.4rem;
        top: -0.4rem;
    }

    .back_bg {
        width: 100%;
        height: calc(20.42rem + 25.39rem);
        position: absolute;
        left: 0;
        top: 0;
        background: grey;
        opacity: 0.9;
        display: none;
        z-index: 999;
    }

    .detail {
        display: none;
        width: 100%;
        min-height: 100vh;
        z-index: 999;
        position: absolute;
        top: 0;
        left: 0;
        background: #4040C8;
    }

    .detail_head {
        height: 0.87rem;
        width: 100%;
        background: #3B33C7;
    }

    .back_box {
        width: 0.87rem;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .icon_back {
        width: 0.18rem;
        height: 0.32rem;
        background: url(../img/mobile/icon_back.png) 100% 100%;
        background-size: cover;
        margin-left: 0.3rem;
    }

    .detail_body {
        width: calc(100% - 0.6rem);
        margin: 0 auto;
        color: #FFFFFF;
    }

    .detail_logo_box {
        width: 100%;
        height: 2rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0.5rem;
    }

    .detail_logo {
        width: 2rem;
        height: 2rem;
        /* background: url(../img/logo01.png) 100% 100%; */
        background-size: cover !important;
    }

    .detail_name {
        font-size: 0.36rem;
        font-weight: 700;
        line-height: 0.27rem;
        margin-left: 0.2rem;
        color: #fff;
    }

    .detail_hr {
        width: 100%;
        height: 1px;
        border-top: 1px solid #FFFFFF;
        opacity: 0.15;
        margin: 0.5rem 0;
    }

    .detail_title {
        font-size: 0.32rem;
        font-weight: 700;
        line-height: 0.27rem;
        width: 100%;
    }

    .detail_desc {
        width: 100%;
        font-size: 0.28rem;
        font-weight: 400;
        line-height: 0.48rem;
        margin-top: 0.28rem;
        text-align: justify;
    }

    #hr {
        display: block;
    }

    .popup .detail_point_box {
        display: flex;
    }

    .detail_point_box {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .detail_desc_box {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .prod_list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 0.71rem;
        margin-bottom: 0.48rem;
    }

    .prod_list .box_open {
        width: 3.2rem;
        height: 2.95rem;
        background-size: cover;
    }

    .prod_list .prod_left {
        width: 2.63rem;
        height: 1.86rem;
        /* background: url(../img/prod_left1.png) 100% 100%; */
        background-size: cover !important;
        top: -0.3rem;
    }

    .prod_list .prod_right {
        width: 2.63rem;
        height: 1.86rem;
        /* background: url(../img/prod_right1.png) 100% 100%; */
        background-size: cover !important;
        top: -0.3rem;
    }


    .part3 {
        height: 18.79rem;
        display: none;
    }

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

    .contact_body {
        padding: 0.5rem 0.61rem 0.82rem 0.28rem;
    }

    .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: center;
        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-top: 0.5rem;
    }

    .icon_row {
        width: 6.9rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

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

    .icon_row .contact_info {
        width: calc(6.9rem - 0.8rem) !important;
    }

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

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

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