/* Mobile */
@media (max-width:600px) {        
     /* 菜单部分 */
     .caidan {
        width: 0.32rem;
        height: 0.23rem;
        background: url("../img/Mobile/icon.png") no-repeat;
        background-size: 0.32rem 0.23rem;
        position: absolute;
        margin-right: 4%;
        top: 0.13rem;
        right: 0;
        cursor: pointer;
    }
    .p-caidan {
        /* display: none; */
        width: 100vw;
        background: rgba(0, 93, 173, 0.94);
        position: fixed;
        height: 100vh;
        z-index: 1000;
        /* display: none; */
    }
    .Menu_Top_Div{
        padding-top: 7vw;
        width: 100vw;
        height: 9.3vw;
        padding-bottom: 12.8vw;
        overflow: hidden;        
    }
    .Menu_Top_Logo{
        margin: 0 auto;
        width: 37.8vw;
        height: 9.3vw;
        overflow: hidden;
    }
    .Menu_Top_Logo img{
        margin: 0 auto;
        width: 37.8vw;
        height: 9.3vw;
        overflow: hidden;
    }
    .Menu_Top_Div .BT_Close {
        position: absolute;
        left: 4vw;
        top:7vw;
        width: 5vw;
        height: 5vw;
        z-index: 2;
    }
    .p-caidan .BT_Close img {
        width: 5vw;
        height: 5vw;
    }
    .Menu_Div{
        margin: 0 auto;
        width: 92vw;
        height: auto;
    }
    .p-caidan .logo {
        margin-bottom: 6vw;
    }

    .p-caidan .logo img {
        width: 30vw;
        height: 3.3vw;
    }

    .p-caidan .wenzi {
        font-size: 4.4vw;
        /* border-top: 1px solid #FF917C; */
        height: auto;
        font-weight: bold;
        line-height: 7vw;
        margin-bottom: 4vw;
    
    }

    .p-caidan .wenzi a {
        color: #fff;
        text-transform: uppercase;
        font-size: 4.4vw;
    }
    
}
    
/* 底部 部分 */
@media (max-width:600px) {




    .Bottom_Div {        
        padding:4vw;        
        height: auto;
        background-color: #002566;
        overflow: hidden;
    }

    .Bottom_Map_Div {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    /* 20250410 */
    .Bottom_Logo_Center{
        margin: 0 auto;
    }
    .Bottom_Logo {
        margin: 0 auto;
        width: 197px;
        height: 22px;
        margin-bottom: 20px;
    }

    .Bottom_Logo img {
        width: 197px;
        height: 22px;
    }
    .Bottom_Lang{
        width: 100%;
        height: 30px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .Bottom_Lang h4{
        display:inline-block;
        width: 76px;
        height: 30px;
        /* border: 1px solid #4D76AD; */
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        color: #003E85;
        background-color: #FFF;
        overflow: hidden;
        margin-right: 5px;
    }
    .Bottom_Lang h4 a{
        color: #003E85;        
    }
    .Bottom_Lang h5{
        display:inline-block;
        width: 76px;
        height: 30px;
        /* border: 1px solid #4D76AD; */
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        color: #FFF;
        background-color: #194781;
        overflow: hidden;
    }
    .Bottom_Lang h5 a{
        color: #FFF;        
    }


    .Bottom_Lang h6{
        float: right;
        display:inline-block;
        width: 156px;
        height: 30px;
        /* border: 1px solid #4D76AD; */
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        color: #FFF;
        background-color: #194781;
        overflow: hidden;
        text-indent: 20px;
    }

    .Bottom_Lang h6::before{
        content: "";
        position: absolute;
        left: 40px;
        top:8px;
        width: 15px;
        height: 13px;
       background: url(../img/Mobile/Icon_DeskTop.png) center center no-repeat;
       background-size: 15px 13px;
        color: #FFF;        
    }
    .Bottom_copy {
        margin-top: 5px;  
        line-height: 19px;
        font-size: 12px;
        color: #FFF;
        font-family: "Roboto";
        overflow: hidden;
    }

    



}

@media (max-width:600px) {
    .Page_Box {
        width: 100vw;        
        height: auto;
        background-image: linear-gradient(to bottom,#001C42,#00449E);        
    }
    .Top_Box {
        width: 100vw;   
        background: url(../img/Mobile/Banner_BK.png) top center no-repeat;
        background-size: 100% auto;
        height: auto;
        overflow: hidden;
    }

    .Top_Div{
        padding-top: 7vw;
        width: 100vw;
        height: 9.3vw;
        padding-bottom: 12.8vw;
        overflow: hidden;    
        z-index: 2;    
    }
    .TopBar_Div{
        margin: 0 auto;
        width: 37.8vw;
        height: 9.3vw;
        overflow: hidden;
    }
    .TopBar_Div img{
        margin: 0 auto;
        width: 37.8vw;
        height: 9.3vw;
        overflow: hidden;
    }
    .BTcaidan {
        position: absolute;
        left: 4vw;
        top:7vw;
        width: 5vw;
        height: 5vw;
        z-index: 2;
    }
    .BTcaidan img {
        width: 5vw;
        height: 5vw;
    }

    .Focus_Box {
        position: relative;
        width: 100vw; 
        height: auto;
        overflow: hidden;
        margin-bottom: 10vw;
        z-index: 2;
    }
    
    .Focus_Swiper {
        margin: 0 auto;
        width: 92vw;
        height: auto;
        padding-bottom: 8vw;
        overflow: hidden;
    }

    .Focus_Swiper .swiper-slide {
        position: relative;
        width: 44vw;
        height: 78vw;
        border-radius: 2vw;
        overflow: hidden;
    }

    .Focus_Swiper p {
        width: 44vw;
        height: 78vw;
        z-index: 1;
        overflow: hidden;
    }

    .Focus_Swiper p img {
        width: 44vw;
        height: 78vw;
    }

    .Focus_Swiper_txt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% - 4vw);
        padding: 2vw;
        min-height: 25vw;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        align-content: flex-end;
        background: url(../img/Focus_Cover_BK.png) bottom center repeat-x;
        background-size: auto 25vw;
    }

    .Focus_Swiper h5 {
        width: calc(100% - 5vw);
        padding-left: 5vw;
        height: 4vw;
        background: url(../img/Icon_Video.png) left center no-repeat;
        background-size: 4vw;
        z-index: 2;
        line-height: 4vw;
        font-size: 2.6vw;
        font-family: "Roboto Black";
        color: #FFF;
    }

    .Focus_Swiper h4 {
        width: 100%;
        height: auto;
        line-height: 4.2vw;
        font-size: 3vw;
        font-family: "Roboto Black";
        color: #FFF;
        margin-bottom: 2vw;
    }

    .Focus_Swiper h4 a {
        color: #FFF;
    }

    .Focus_pagination {
        font-size: 12px;
        bottom: 0 !important;
        height: 12px !important;
    }

    .Focus_pagination .swiper-pagination-bullet {
        border-radius: 4px;
        width: 8px;
        height: 8px;
        background-color: #FFF;
        opacity: 1;
    }

    .Focus_pagination .swiper-pagination-bullet-active {
        background-color: #0760B7;
        width: 40px;
        /* margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px) !important; */
    }

    .Focus_BTPrev {
        position: absolute;
        left: 0;
        top: calc(46% - 2.8vw);
        width: 5.6vw;
        height: 5.6vw;
        background: url(../img/Mobile/Focus_Prev.png);
        background-size: 5.6vw;
        z-index: 2;
        cursor: pointer;
    }

    .Focus_BTNext {
        position: absolute;
        right: 0;
        top: calc(46% - 2.8vw);
        width: 5.6vw;
        height: 5.6vw;
        background: url(../img/Mobile/Focus_Next.png);
        background-size: 5.6vw;
        z-index: 2;
        cursor: pointer;
    }


    .Movie_Box {
        width: 100vw; 
        height: auto;
        overflow: hidden;
        margin-bottom: 8vw;
        z-index: 2;
    }

    .Movie_Title{
        margin-left: 4vw;
        font-size: 5.2vw;
        height: 6.2vw;
        color: #FFF;
        text-transform: uppercase;
        margin-bottom: 4vw;
        font-family: "Roboto Black";
    }
    .Movie_Title a{ 
        color: #FFF;        
    }

    .Movie_Swiper{
        width: 96vw;
        margin-left: 4vw;
        height: auto;
        overflow: hidden;
    }
    .Movie_Swiper .swiper-slide{
        width: 60vw;        
        height: auto;
        overflow: hidden;
    }

    .Movie_Swiper h4 {
        width: 100%;
        font-size: 4.4vw;
        line-height: 6vw;
        font-family: "Roboto Black";
        color: #FFF;
    }

    .Movie_Swiper h4 a {
        color: #FFF;
    }

    .Movie_Video {
        position: relative;
        width: 60vw;
        height: 34vw;
        overflow: hidden;
        margin-bottom: 2vw;
    }

    .Movie_Video p{
        width: 60vw;
        height: 34vw;
        overflow: hidden;
        z-index: 1;
    }
    .Movie_Video p img{
        width: 60vw;
        height: 34vw;
    }

    .Movie_Video_Txt {
        position: absolute;
        bottom: 0;
        width: 60vw;
        height: 12.8vw;
        background: url(../img/Movie_Txt_BK.png) center center repeat-x;
        background-size: auto 12.8vw;
        overflow: hidden;
        z-index: 2;
    }

    .Movie_Video_Txt h5 {
        position: absolute;
        bottom: 2vw;
        left: 2vw;
        width: 56vw;
        height: 5.6vw;
        padding-left: 7vw;
        background: url(../img/Icon_Video3.png) left center no-repeat;
        background-size: 5.6vw;

        font-size: 3.6vw;
        line-height: 5.6vw;
        color: #FFF;
        font-family: "Roboto Black";
        overflow: hidden;
        z-index: 2;
    }

    .Movie_Video_Txt h6 {
        position: absolute;
        bottom: 2vw;
        left: 2vw;
        width: 56vw;
        height: 5.6vw;
        padding-left: 7vw;
        background: url(../img/Icon_Video2.png) left center no-repeat;
        background-size: 5.6vw;

        font-size: 3.6vw;
        line-height: 5.6vw;
        color: #FFF;
        font-family: "Roboto Black";
        overflow: hidden;
        z-index: 2;
    }
    .VN_Bottom_Box{
        width: 100%;
        height: auto;        
        overflow: hidden;
    }

    .Part1_Box {
        padding-top: 4vw;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 6vw;
    }
    .Part_Title {
        margin-left: 4vw;
        width: auto;
        height: 14vw;
        margin-bottom: 6vw;
    }

    .Part_Title img {
        height: 14vw;
    }

    .Part1_Swiper_Div {
        margin-left: 4vw;
        width: 96vw;
        height: auto;
        overflow: hidden;
        margin-bottom: 6vw;
    }

    .Part1_Swiper {
        position: relative;        
        width: 120vw;
        height: auto;
        /* padding-bottom: 56px; */
    }

    .Part1_Swiper .swiper-slide {
        scale: 0.9;
    }
    .Part1_Swiper .swiper-slide-active {
        scale: 1!important;
    }

    .Part1_Swiper p {
        width: 40vw;
        height: 53vw;
        z-index: 1;
    }
    .Part1_Swiper p img{
        width: 40vw;
        height: 53vw;    
    }

    .Part1_Swiper_Txt {
        position: absolute;
        bottom: 0;
        width: 40vw;
        height: 12vw;
        background: url(../img/Part1_Txt_BK.png) center center repeat-x;
        background-size: auto 12vw;
        z-index: 1;
    }

    .Part1_Swiper_Txt h4 {
        margin-left: 2vw;
        margin-top: 2vw;
        width: 36vw;
        padding-top: 2vw;
        border-top: 1px #FFF dashed;
        height: 4vw;
        background: url(../img/Icon_Plus.png) bottom right no-repeat;
        background-size: 4vw;
        font-size: 2.6vw;
        line-height: 4vw;
        color: #FFF;
    }

    .Part1_Swiper_Txt h4 a {
        color: #FFF;
    }
    .Part2_Box {
        width: 100%;
        height: auto;
        overflow: hidden;
        /* margin-bottom: 6vw; */
    }
    .mPart2_Swiper_Div {
        margin-left: 4vw;
        width: 96vw;
        height: auto;
        overflow: hidden;
        margin-bottom: 6vw;
    }
    
    .mPart2_Swiper {
        position: relative;        
        width: 120vw;
        height: auto;
        /* padding-bottom: 56px; */
    }
    
    .mPart2_Swiper .swiper-slide {
        scale: 0.9;
    }
    .mPart2_Swiper .swiper-slide-active {
        scale: 1!important;
    }
    
    .mPart2_Swiper p {
        width: 40vw;
        height: 53vw;
        z-index: 1;
    }
    .mPart2_Swiper p img{
        width: 40vw;
        height: 53vw;    
    }
    
    .mPart2_Swiper_Txt {
        position: absolute;
        bottom: 0;
        width: 40vw;
        height: 12vw;
        background: url(../img/mPart2_Txt_BK.png) center center repeat-x;
        background-size: auto 12vw;
        z-index: 1;
    }
    
    .mPart2_Swiper_Txt h4 {
        margin-left: 2vw;
        margin-top: 2vw;
        width: 36vw;
        padding-top: 2vw;
        border-top: 1px #FFF dashed;
        height: 4vw;
        background: url(../img/Icon_Plus.png) bottom right no-repeat;
        background-size: 4vw;
        font-size: 2.6vw;
        line-height: 4vw;
        color: #FFF;
    }
    
    .mPart2_Swiper_Txt h4 a {
        color: #FFF;
    }

    .BackTop_Div{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .BackTop{
        float: right;
        width: 19vw;
        height: 14vw;
        overflow: hidden;
    }
    .BackTop img{        
        width: 19vw;
        height: 14vw;
    }
    
    .VN_Bottom_Div{   
        
        padding: 12vw 4vw 4vw 4vw;        
        width: 92vw;
        height: auto;
        overflow: hidden;
        background: url(../img/Mobile/Bottom_BK.jpg) bottom center no-repeat;
        background-size: 100% 100%;
    }
    .Bottom_Left{
        width: 92vw;
        height: auto;
    }
    .Bottom_Left p{
        float: right;        
        width: 48vw;        
        margin-bottom: 4vw;
    }
    .Bottom_Left p img{
        width: 48vw;        
    }
    .Bottom_Left h4{
        float: right;
        width: 100%;
        font-size: 2.4vw;
        line-height: 4vw;
        font-family: "微软雅黑";
        text-align: right;
        color: #a0c7ff;
    }
    .Bottom_Left h4 a{
        color: #a0c7ff;
    }
    .Bottom_Right{
        width: 92vw;
        height: auto;
        overflow: hidden;
    }
    .Bottom_Right p{    
        margin-top: 3vw;
        width: 100%;
        /* margin-bottom: 2vw; */
        height: auto;
        overflow: hidden;
    }
    .Bottom_Right p img{
        float: right;
        width: 21vw;
        height: auto;
    }
    .Bottom_Right h4{
        float: right;
        width: 100%;
        font-size: 2.4vw;
        line-height: 3vw;
        margin-bottom: 1vw;
        color: #a0c7ff;
        text-align: right;        
    }
    .Bottom_Right h4 a{
        color: #a0c7ff;        
    }

    .newsIndex-video{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .newsIndex-video video,
    .newsIndex-video img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .newsIndex-video video{
        z-index: 100;
    }
    .newsIndex-video img{
        z-index: 10;
        display: none;
    }
}