@font-face {
    font-family: DOUYUFont;
    src: url(../fonts/斗鱼追光体.82054298.ttf)
}

.swiper-containerBanner[data-v-0c9529ee] {
    width: 120rem;
    height: 67.5rem;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.swiper-containerBanner .swiper-button-prev[data-v-0c9529ee] {
    left: 2.5rem;
    width: 2.8125rem;
    height: 2.8125rem
}

.swiper-containerBanner .swiper-button-next[data-v-0c9529ee]:after,
.swiper-containerBanner .swiper-button-prev[data-v-0c9529ee]:after {
    color: #fff
}

.swiper-containerBanner .swiper-button-next[data-v-0c9529ee] {
    right: 2.5rem;
    width: 2.8125rem;
    height: 2.8125rem
}

.swiper-containerBanner .swiper-slide[data-v-0c9529ee] {
    text-align: center;
    font-size: 1.125rem;
    height: 67.5rem;
    position: relative
}

.swiper-containerBanner .swiper-slide .videoBanner[data-v-0c9529ee] {
    width: 100%;
    height: 100%
}

.swiper-containerBanner .swiper-slide .cover[data-v-0c9529ee] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3)
}

.swiper-containerBanner .swiper-slide .cover h1[data-v-0c9529ee] {
    margin: 0;
    width: 100%;
    height: 67.5rem;
    line-height: 67.5rem;
    color: #fff;
    text-align: center;
    font-size: 3.25rem;
    font-family: DOUYUFont
}

.swiper-containerBanner .swiper-slide img[data-v-0c9529ee] {
    width: 100%;
    height: 100%
}

.swiper-containerBanner .swiper-slide h1[data-v-0c9529ee] {
    font-size: 2.25rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 700;
    color: #b4363b;
    margin: 0 0 3.125rem 0;
    text-align: center
}

.swiper-containerBanner .swiper-slide p[data-v-0c9529ee] {
    width: 90.625rem;
    font-size: 1.5rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 500;
    color: #8c8c8c;
    line-height: 2.8125rem;
    margin: 0 auto;
    text-align: left
}

#progressEffect[data-v-0c9529ee] {
    position: absolute;
    z-index: 10;
    top: 1.25rem;
    left: 1.25rem
}

.swiper-containerBanner .swiper-pagination .swiper-pagination-bullet {
    width: 3.125rem !important;
    height: .25rem !important;
    border-radius: 1.25rem
}

.swiper-containerBanner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff !important
}

.btnContainer[data-v-3594f2ce] {
    width: 10rem;
    position: relative;
    display: inline-block;
    background: #276893;
    border: .0625rem solid rgba(165, 34, 42, .5);
    padding: .9375rem 0 1rem 0;
    text-align: center;
    font-size: 1.25rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 500;
    color: #fff
}

.btnContainer[data-v-3594f2ce]:after {
    content: "";
    position: absolute;
    top: 1.6875rem;
    right: 1.3125rem;
    width: .5rem;
    height: .5rem;
    border-right: .0625rem solid #fff;
    border-bottom: .0625rem solid #fff
}

#containerVideo {
    width: 100%;
    height: 100%
}

#containerVideo .video-player,
#containerVideo .video-player .video-js {
    width: 100% !important;
    height: 100% !important
}

#containerVideo .video-player .video-js .vjs-tech {
    object-fit: fill !important
}

#containerVideo .video-player .vjs-poster {
    background-size: cover !important
}

.white[data-v-63c574fd] {
    color: #fff !important
}

#home .topImg[data-v-63c574fd] {
    width: 120rem;
    height: 67.5rem
}

#home .box[data-v-63c574fd] {
    width: 119.875rem;
    /* height: 67.375rem; */
    border: .0625rem solid transparent
}

#home .box .title[data-v-63c574fd] {
    font-size: 3.75rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 700;
    color: #276893
}

#home .box .hint[data-v-63c574fd] {
    margin-left: 1.75rem;
    font-size: 2.25rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 700;
    color: #bcbcbc
}

#home .box .titleBox[data-v-63c574fd] {
    display: flex;
    align-items: center;
    margin: 9.1875rem 0 18.0625rem 12.3125rem
}

#home .bannerBox[data-v-63c574fd] {
    position: relative
}

#home .nameBox[data-v-63c574fd] {
    background: url(../a91b0030cd17b058c94792d038abdbc6.jpg) no-repeat;
    background-size: cover
}

#home .nameBox .nameTitle[data-v-63c574fd] {
    display: flex;
    justify-content: space-between;
    width: 54.4375rem;
    margin: 6.75rem auto 4.5rem;
    margin-top: 6.75rem
}

#home .nameBox .nameTitle h1[data-v-63c574fd] {
    margin: 0;
    font-size: 2.25rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 700;
    border-bottom: .3125rem solid transparent;
    padding-bottom: 1rem;
    cursor: pointer
}

#home .nameBox .nameTitle .title_active_left[data-v-63c574fd] {
    color: #276893;
    border-bottom: .3125rem solid #276893
}

#home .nameBox .nameTitle .title_active_right[data-v-63c574fd] {
    color: #1583c3;
    border-bottom: .3125rem solid #1583c3
}

#home .nameBox .nameTitle .title_default[data-v-63c574fd] {
    color: #b6b6b6;
    border-bottom: .3125rem solid transparent
}

#home .nameBox .nameLeft .nameM[data-v-63c574fd] {
    margin-bottom: 4.5rem;
    text-align: center;
    color: #276893;
    font-size: 1.125rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 400
}

#home .nameBox .nameLeft .nameContent[data-v-63c574fd] {
    display: flex;
    justify-content: space-between;
    width: 105.3125rem;
    margin: 0 auto 5.5625rem;
    border-bottom: .25rem solid #276893;
    padding-bottom: 2.5rem
}

#home .nameBox .nameLeft .nameContent .smallName[data-v-63c574fd] {
    width: 25rem;
    height: 28.125rem;
    position: relative;
    overflow: hidden
}

#home .nameBox .nameLeft .nameContent .smallName .a_Class[data-v-63c574fd] {
    width: 100%;
    height: 100%
}

#home .nameBox .nameLeft .nameContent .smallName .a_Class img[data-v-63c574fd] {
    width: 100%;
    transition: all .5s;
    height: 21.5625rem
}

#home .nameBox .nameLeft .nameContent .smallName .a_Class .contentSmall[data-v-63c574fd] {
    width: 100%;
    height: 6.5625rem;
    position: absolute;
    top: 21.5625rem;
    background-color: #276893;
    text-align: center
}

#home .nameBox .nameLeft .nameContent .smallName .a_Class .contentSmall h3[data-v-63c574fd] {
    margin: 1.25rem 0 .875rem 0;
    font-size: 1.5rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 700;
    color: #fff
}

#home .nameBox .nameLeft .nameContent .smallName .a_Class .contentSmall .info[data-v-63c574fd] {
    font-size: 1rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 500;
    color: #fff;
    opacity: .5
}

#home .nameBox .nameLeft .nameContent .smallName:hover img[data-v-63c574fd] {
    transform: scale(1.2)
}

#home .nameBox .nameLeft .nameB[data-v-63c574fd] {
    cursor: pointer;
    width: 37.5rem;
    height: 4.9375rem;
    line-height: 4.9375rem;
    text-align: center;
    font-size: 1.5rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 500;
    color: #fff;
    background-color: #276893;
    margin: 0 auto
}

#home .nameBox .nameRight .nameM[data-v-63c574fd] {
    margin-bottom: 4.5rem;
    text-align: center;
    color: #1583c3;
    font-size: 1.125rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 400
}

#home .nameBox .nameRight .nameContent[data-v-63c574fd] {
    display: flex;
    justify-content: space-between;
    width: 75rem;
    margin: 0 auto 5.5625rem;
    border-bottom: .25rem solid #1583c3;
    padding-bottom: 2.5rem
}

#home .nameBox .nameRight .nameContent .smallName[data-v-63c574fd] {
    width: 23rem;
    height: 28.125rem;
    position: relative;
    overflow: hidden
}

#home .nameBox .nameRight .nameContent .smallName .a_class[data-v-63c574fd] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#home .nameBox .nameRight .nameContent .smallName .a_class img[data-v-63c574fd] {
    transition: all .5s;
    width: 100%;
    height: 21.5625rem
}

#home .nameBox .nameRight .nameContent .smallName .a_class .contentSmall[data-v-63c574fd] {
    width: 100%;
    height: 6.5625rem;
    position: absolute;
    top: 21.5625rem;
    background-color: #1583c3;
    display: flex;
    justify-content: center;
    align-items: center
}

#home .nameBox .nameRight .nameContent .smallName .a_class .contentSmall h3[data-v-63c574fd] {
    margin: 0 2.375rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5625rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 700;
    color: #fff
}

#home .nameBox .nameRight .nameContent .smallName:hover img[data-v-63c574fd] {
    transform: scale(1.2)
}

#home .nameBox .nameRight .nameB[data-v-63c574fd] {
    cursor: pointer;
    width: 37.5rem;
    height: 4.9375rem;
    line-height: 4.9375rem;
    text-align: center;
    font-size: 1.5rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 500;
    color: #fff;
    background-color: #1583c3;
    margin: 0 auto
}

#home .introduceBox[data-v-63c574fd] {
    height: 54.875rem;
    background: url(../static/67192adc6faa7d16da5edee3480d1846.jpg) no-repeat;
    background-size: cover;
    display: flex
}

#home .introduceBox .left img[data-v-63c574fd] {
    width: 35.5625rem;
    height: 33.1875rem;
    margin: 10.8125rem 19.5rem 3rem 15.5rem
}

#home .introduceBox .right[data-v-63c574fd] {
    margin: 11.375rem 0 0 0
}

#home .introduceBox .right .detailInfo[data-v-63c574fd] {
    width: 34.5625rem;
    height: 7.125rem;
    margin: 4.5rem 0 10rem 0;
    font-size: 1.125rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    color: #272727;
    line-height: 2rem;
    text-align: justify
}

#home .introduceBox .right .title[data-v-63c574fd] {
    margin-left: 0.25rem
}

#home .introduceBox .right .btn[data-v-63c574fd] {
    margin-left: 24.5625rem
}

#home .DODRBox[data-v-63c574fd] {
    display: flex;
    background: url(../f026f2ef127faf6a4aafa84ec568d0bc.jpg) no-repeat;
    background-size: cover
}

#home .DODRBox .leftDODR[data-v-63c574fd] {
    margin: 10.75rem 9.25rem 0 12.5625rem
}

#home .DODRBox .leftDODR img[data-v-63c574fd] {
    width: 15.375rem;
    height: 5.25rem
}

#home .DODRBox .leftDODR .titleTop[data-v-63c574fd] {
    margin: 4.375rem 0 1.5rem 0
}

#home .DODRBox .leftDODR .titleBottom[data-v-63c574fd] {
    margin: 0 0 1.875rem 0
}

#home .DODRBox .leftDODR .line[data-v-63c574fd] {
    width: 6.25rem;
    height: .375rem;
    background-color: #fff
}

#home .DODRBox .leftDODR .detailsInfo[data-v-63c574fd] {
    width: 30.8125rem;
    margin: 3.0625rem 0 3.5625rem 0;
    font-size: 1rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    color: #fff;
    line-height: 1.9375rem;
    text-align: justify
}

#home .DODRBox .leftDODR .btn[data-v-63c574fd] {
    background-color: #fff;
    color: #2b4a7e;
    border: none
}

#home .DODRBox .leftDODR .btn[data-v-63c574fd]:after {
    border-right: .0625rem solid #2b4a7e;
    border-bottom: .0625rem solid #2b4a7e
}

#home .DODRBox .rightDODR[data-v-63c574fd] {
    width: 56.25rem;
    height: 45.9375rem;
    margin-top: 18rem
}

#home .layoutBox[data-v-63c574fd] {
    display: flex
}

#home .layoutBox .left[data-v-63c574fd] {
    margin: 9rem 0 0 12.25rem
}

#home .layoutBox .left .title[data-v-63c574fd] {
    width: 25rem;
    margin-top: 5rem
}

#home .layoutBox .left .center[data-v-63c574fd] {
    padding: 16.25rem 0 2.5rem;
    width: 100%;
    display: flex;
    justify-content: space-around
}

#home .layoutBox .left .center .smallLeft[data-v-63c574fd] {
    text-align: center;
    cursor: pointer
}

#home .layoutBox .left .center .smallLeft img[data-v-63c574fd] {
    margin-bottom: 1.125rem;
    width: 2.9375rem;
    height: 2.9375rem
}

#home .layoutBox .left .center .smallRight[data-v-63c574fd] {
    text-align: center;
    cursor: pointer
}

#home .layoutBox .left .center .smallRight img[data-v-63c574fd] {
    margin-bottom: 1.125rem;
    width: 2.9375rem;
    height: 2.9375rem
}

#home .layoutBox .left .center .smallTitle[data-v-63c574fd] {
    opacity: .3
}

#home .layoutBox .left .center .smallTitle[data-v-63c574fd],
#home .layoutBox .left .center .smallTitleMark[data-v-63c574fd] {
    font-size: 1rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 500;
    color: #a71f24
}

#home .layoutBox .left .bottom .bottomOne[data-v-63c574fd] {
    width: 25rem
}

#home .layoutBox .left .bottom .bottomOne .node[data-v-63c574fd] {
    padding-left: 1.25rem;
    margin-bottom: .9375rem;
    box-sizing: border-box;
    width: 25rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    border-radius: .625rem;
    background-color: #a71f24;
    font-size: 1.375rem;
    color: #fff
}

#home .layoutBox .left .bottom .bottomOne .little[data-v-63c574fd] {
    width: 100%;
    font-size: .875rem;
    display: flex;
    justify-content: space-between
}

#home .layoutBox .left .bottom .bottomOne .little .smallLittleTop[data-v-63c574fd] {
    margin-bottom: .625rem
}

#home .layoutBox .left .bottom .bottomOne .little .smallLittleBottom[data-v-63c574fd] {
    margin-bottom: 1.25rem
}

#home .layoutBox .left .bottom .lineColor[data-v-63c574fd] {
    background-color: #a71f24 !important;
    width: 25rem;
    height: .375rem
}

#home .layoutBox .left .bottom .bottomTwo .bottomLine[data-v-63c574fd] {
    background-color: #a71f24 !important;
    width: 25rem;
    height: .0625rem
}

#home .layoutBox .left .bottom .bottomTwo p[data-v-63c574fd] {
    width: 25rem;
    word-break: break-all;
    white-space: pre-line;
    font-size: 1.125rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    color: #171717;
    line-height: 2rem
}

#home .layoutBox .right[data-v-63c574fd] {
    position: relative;
    margin: 20rem 0 0 7.3125rem
}

#home .layoutBox .right .leftImg[data-v-63c574fd] {
    width: 65.25rem;
    height: 41.8125rem;
    background: url(../1dada0b4cbb77b8a48890609ac7b490c.jpg) no-repeat;
    background-size: cover;
    border: .0625rem solid transparent
}

#home .layoutBox .right .leftImg img[data-v-63c574fd] {
    width: 33.25rem;
    height: 13.5625rem;
    margin: 12.875rem 0 0 29.3125rem
}

#home .layoutBox .right .rightImg[data-v-63c574fd] {
    width: 65.25rem;
    height: 41.8125rem;
    border: .0625rem solid transparent;
    overflow: hidden !important
}

#home .layoutBox .right .taiwan[data-v-63c574fd] {
    left: 15.625rem
}

#home .layoutBox .right .nanhai[data-v-63c574fd],
#home .layoutBox .right .taiwan[data-v-63c574fd] {
    position: absolute;
    width: 25rem;
    height: 30.8125rem;
    background-color: red;
    top: 18.75rem;
    z-index: 10;
    background: url(../1641c74b277cd622a2951d851d6c46ba.png) no-repeat;
    background-size: cover
}

#home .layoutBox .right .nanhai[data-v-63c574fd] {
    left: 18.75rem
}

#home .businessBox .title[data-v-63c574fd] {
    margin: 6.25rem 0 4.4375rem 12.9375rem
}

#home .businessBox .smallBusiness[data-v-63c574fd] {
    width: 94.75rem;
    margin-left: 12.875rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.75rem
}

#home .businessBox .smallBusiness .smallBox[data-v-63c574fd] {
    width: 21.25rem;
    height: 21.25rem;
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden
}

#home .businessBox .smallBusiness .smallBox:hover img[data-v-63c574fd] {
    transform: scale(1.4)
}

#home .businessBox .smallBusiness .smallBox img[data-v-63c574fd] {
    width: 21.25rem;
    height: 21.25rem;
    transition: all 1s
}

#home .businessBox .smallBusiness .smallBox .detialImg[data-v-63c574fd] {
    position: absolute;
    width: 21.25rem;
    height: 5.9375rem;
    line-height: 5.9375rem;
    background: rgba(0, 0, 0, .2);
    font-size: 1.875rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 500;
    color: #fff;
    text-align: center
}

#home .videoBox[data-v-63c574fd] {
    align-items: center;
    position: relative
}

#home .videoBox .titleBox[data-v-63c574fd] {
    margin-bottom: 3.75rem
}

#home .videoBox .triangleBtn[data-v-63c574fd] {
    width: 0;
    height: 0;
    border-left: 2.25rem solid transparent;
    border-top: 1.375rem solid transparent;
    border-right: 2.25rem solid #bc4c53;
    border-bottom: 1.375rem solid transparent;
    display: inline-block;
    cursor: pointer
}

#home .videoBox .left[data-v-63c574fd] {
    position: absolute;
    left: 92.125rem;
    width: 3.125rem;
    height: 3.125rem
}

#home .videoBox .triangleBtnRight[data-v-63c574fd] {
    border-right: 2.25rem solid transparent;
    border-left: 2.25rem solid #bc4c53;
    margin-left: .625rem
}

#home .videoBox .right[data-v-63c574fd] {
    position: absolute;
    left: 96.5625rem;
    width: 3.125rem;
    height: 3.125rem
}

#home .videoBox .greyLeft[data-v-63c574fd] {
    border-right: 2.25rem solid #bbb
}

#home .videoBox .greyRight[data-v-63c574fd] {
    border-left: 2.25rem solid #bbb
}

#home .videoBox #videoCenter[data-v-63c574fd] {
    width: 100rem;
    overflow: hidden;
    margin: 0 12.5rem 0  12.5rem
}

#home .videoBox #videoCenter .videoAllBox[data-v-63c574fd] {
    display: flex;
    transition: all 1s
}

#home .videoBox #videoCenter .videoAllBox .videoChangeBox[data-v-63c574fd] {
    margin-right: 2.125rem
}

#home .videoBox #videoCenter .videoAllBox .videoChangeBox .videoChange[data-v-63c574fd] {
    width: 35.4375rem;
    height: 25.0625rem;
    overflow: hidden
}

#home .videoBox #videoCenter .videoAllBox .videoChangeBox .videoChange:hover img[data-v-63c574fd] {
    transform: scale(1.05)
}

#home .videoBox #videoCenter .videoAllBox .videoChangeBox .videoChange img[data-v-63c574fd] {
    width: 35.4375rem;
    height: 25.0625rem;
    transition: all .5s
}

#home .videoBox #videoCenter .videoAllBox .videoChangeBox:hover .videoDetials a[data-v-63c574fd] {
    color: #a71f24
}

#home .videoBox #videoCenter .videoAllBox .videoChangeBox .videoDetials[data-v-63c574fd] {
    width: 35.5625rem;
    font-size: 1.5rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 300;
    color: #1a1a1a;
    margin-top: 3.625rem;
    white-space: wrap
}

#home .linkBox[data-v-63c574fd] {
    padding-top: 6.0625rem;
    height: 44.5rem !important;
    background: url(../static/318350231a2dbc538790c75c74a5cc1c.jpg) no-repeat;
    background-size: cover
}

#home .linkBox .titleBox{
    margin: 0 12.5rem 0 12.5rem
}

#home .imgBox[data-v-63c574fd] {
    width: 79.3125rem;
    height: 8.125rem;
    margin: 12.5rem auto 18.0625rem;
    display: flex;
    justify-content: space-between;
    background: url(../3a5f1807062238fa2517b9caf673c4ec.png) no-repeat;
    background-size: cover
}

#home .imgBox .imgPath[data-v-63c574fd] {
    width: 50rem;
    height: 8.125rem;
    cursor: pointer;
    font-size: 3rem;
}

#home .imgBox .imgPath a[data-v-63c574fd] {
    display: block;
    width: 100%;
    height: 100%
}

#home .imgBox .imgPathCenter[data-v-63c574fd] {
    width: 43.125rem;
    height: 8.125rem;
    cursor: pointer
}

#home .imgBox .imgPathCenter a[data-v-63c574fd] {
    display: block;
    width: 100%;
    height: 100%
}

#home .el-carousel__indicators--horizontal {
    bottom: 3.75rem !important
}

#home .el-carousel__container {
    height: 67.5rem !important
}

#home .el-carousel__arrow {
    background-color: transparent
}

#home .el-icon-arrow-left:before,
#home .el-icon-arrow-right:before {
    font-size: 1.875rem
}