/* PC */
@media (min-width:600px) {
    body{
        background: url(../images/BK.jpg) top center no-repeat;
        height: auto;  
        background-color: #FFF;        
    }
    .TopBar_Box{
        margin: 0 auto;
        width: 1906px;
        margin-left: calc(50% - 953px);
        height: auto;
        background-color: #F9F4E0;
        overflow: hidden;
    }
    .TopBar_Div{
        height: 660px;        
    }

    .TopBar_Div img{        
        padding-top: 80px;
        width: 1186px;
        height: 474px;
    }
    
    .mCaidan {
        display: none;
    }
    .caidan {
        display: none;
    }
}


@media (min-width:600px) {

    .Menu_Box{
        width: 1920px;
        margin-left: calc(50% - 960px);
        height: 88px;
        background: url(../images/Menu_BK.png) center center no-repeat;
        margin-bottom: 70px;
    }
    .Menu_Box ul{
        margin: 0 auto;
        width: 850px;
        height: 88px;
        line-height: 88px;
        display: flex;
        justify-content: space-between;
    }
    .Menu_Box li{
        width:fit-content;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        height: 88px;
        font-size: 28px;
        line-height: 88px;
        font-weight: bold;        
        color: #FFF;
    }
    .Menu_Box li a{        
        color: #FFF;
    }

    .Focus_Div{
        height: auto;
        margin-bottom: 20px;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
    .Focus_Left{
        width: 612px;
    }
    .Focus_Swiper{
        width: 612px;
        height: auto;
        overflow: hidden;
    }
    .Focus_Swiper p{
        width: 612px;
        height: 406px;
        z-index: 1;
        overflow: hidden;
    }
    .Focus_Swiper p img{
        width: 612px;
        height: 406px;        
    }
    .Focus_Swiper h4{
        position: absolute;
        bottom: 0;
        width: 566px;
        padding: 23px;        
        z-index: 2;
        background-color: rgba(0,0,0,0.5);
        overflow: hidden;
    }
    .Focus_Swiper h4 a{
        display: block;
        font-size: 20px;
        line-height: 24px;
        max-height: 48px;
        color: #FFF;

        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

        overflow: hidden;
    }
    .Focus_Mid{
        width: 262px;
    }
    .Focus_Mid p{
        width: 262px;
        height: 170px;
        margin-bottom: 20px;
    }
    .Focus_Mid p img{
        width: 262px;
        height: 170px;        
    }
    .Focus_Mid h4{
        font-size: 28px;
        line-height: 32px;
        color: #FFF;
        height: 192px;        
        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .Focus_Mid h4 a{
        color: #FFF;
    }
    .Focus_Right{
        width: 262px;
    }
    .Focus_Right ul{
        height: auto;
    }
    .Focus_Right li{
        padding: 20px 0;
        border-bottom: 1px solid #FFF;        
        font-size: 24px;
        line-height: 30px;
        height: 90px;
        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .Focus_Right li a{
        color: #FFF;
    }
    .Focus_Right li:first-child{
        padding-top: 0;
    }
    .Focus_Right li:last-child{
        padding-bottom: 0;
        border-bottom: 0;
    }
    .Focus_List{
        height: auto;
        margin-bottom: 60px;
        overflow: hidden;
    }
    .Focus_List ul{
        width: 1200px;
        height: 108px;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
    }
    .Focus_List li{
        width: 400px;
        height: 108px;
        display: flex;        
        overflow: hidden;
    }
    .Focus_List li p{
        width: 168px;
        height: 108px;
        overflow: hidden;
    }
    .Focus_List li p img{
        width: 168px;
        height: 108px;        
    }
    .Focus_List li h4{
        padding: 16px;
        width: 200px;
        height: 76px;
        background-color: #096BD8;
        overflow: hidden;
    }
    .Focus_List li h4 a{
        display: flex;
        width: 200px;
        height: 75px;
        font-size: 20px;
        line-height: 25px;
        color: #FFF;
        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;        
    }
    .HightLight_Div{
        height: auto;
        margin-bottom: 50px;
    }
    .Title_Div{
        font-size: 40px;
        line-height: 44px;
        height: 68px;
        font-weight: bold;
        color: #000;
    }
    .Title_Div a{
        color: #fff;
    }
    .HL_Div{
        height: auto;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
    }
    .HL_Left{
        width: 240px;
        height: auto;        
    }
    .HL_Left p{
        width: 240px;
        height: 160px;        
        overflow: hidden;
    }
    .HL_Left p img{
        width: 240px;
        height: 160px;                
    }
    .HL_Left h4{
        padding: 20px;
        width: 200px;
        height: 216px;
        font-size:22px;
        background-color: #FFF;
        overflow: hidden;
    }
    .HL_Left h4 a{
        font-size:22px;
        line-height: 28px;
        color: #000;
        height: 196px;

        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;

    }
    .HL_Mid{
        width: 465px;
        height: auto;        
    }
    .HL_Mid_Top{
        width: 456px;
        height: 154px;
        overflow: hidden;
        display: flex;        
        margin-bottom: 15px;
    }
    .HL_Mid_Top p{
        width: 240px;
        height: 154px;
        overflow: hidden;
    }
    .HL_Mid_Top p img{
        width: 240px;
        height: 154px;        
    }
    .HL_Mid_Top h4{
        padding: 16px;
        width: 184px;
        height: 122px;
        background-color: #FFDCA5;
        overflow: hidden;
    }
    .HL_Mid_Top h4 a{
        display: block;
        width: 184px;
        height: 112px;
        font-size: 22px;
        line-height: 28px;
        color: #000;

        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        
        overflow: hidden;
    }
    .HL_Item{
        padding: 16px;
        width: 424px;
        height: 84px;
        background-color: #AF62C5;
        margin-bottom: 15px;
    }
    .HL_Item a{
        width: 424px;
        height: 84px;
        font-size:22px;
        line-height: 28px;
        color: #FFF;

        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .HL_Item2 {
        background-color: #096BD8!important;
    }
    .HL_Right{        
        width: 460px;
        height: auto;        
    }
    .HL_Right p{
        width: 460px;
        height: 307px;
        overflow: hidden;        
    }
    .HL_Right p img{
        width: 460px;
        height: 307px;        
    }
    .HL_Right h4{
        padding: 16px;
        width: 428px;
        height: 78px;
        color: #000;
        background-color: #FFF;
        overflow: hidden;        

        font-size: 22px;
        line-height: 26px;

        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .HL_Right h4 a{
        color: #000;
    }

    .VP_Div{
        height: auto;
        overflow: hidden;
        margin-bottom: 80px;
    }

    .VP_Block{
        height: 428px;
        display: flex;
        overflow: hidden;
    }
    .VP_Big{
        width: 510px;
        height: auto; 
        overflow: hidden;
    }
    .VP_Big p{
        width: 510px;
        height: 315px; 
        overflow: hidden;
    }
    .VP_Big p img{
        width: 510px;
        height: 315px;         
    }
    .VP_Big h4{
        padding: 16px;
        width: 478px;
        height: 81px; 
        overflow: hidden;
        background-color: #AF62C5;
    }
    .VP_Big h4 a{
        display: block;        
        font-size: 24px;
        line-height: 27px;
        color: #FFF;
        height: 81px; 
        overflow: hidden;
        
        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .VP_Small{
        width: 342px;
        height: auto;
    }
    .VP_Small p{
        width: 342px;
        height: 214px;
        overflow: hidden;
    }
    .VP_Small p img{
        width: 342px;
        height: 214px;        
    }
    .VP_Small h4{
        padding: 16px;
        width: 310px;
        height: 183px; 
        overflow: hidden;
        background-color: #096BD8;
    }
    .VP_Small h4 a{
        font-size: 24px;
        line-height: 30px;
        height: 180px;
        color: #FFF;

        /* Text overflow */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;        
    }
    .VP_Small2 h4{
        background-color: #0942A7;
    }

    .BackTop_Div{
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background-color: #C0DBF9;
    }
    .BackTop_Div h4{
        margin: 0 auto;
        width:fit-content;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        text-align: center;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        color: #000;
        cursor: pointer;
    }
    .Bottom_Box{
        padding:45px 0;
        width: 100%;
        height: 22px;
        line-height: 22px;  
        background-color: #0C176D;
    }
    .Bottom_Div{
        margin: 0 auto;
        width: 660px;
        height: 22px;
        display: flex;
        justify-content: space-between;
    }
    .Bottom_Div h4{
        width:fit-content;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        height: 22px;
        font-family: "Arial";
        font-size: 16px;
        line-height: 22px;
        color: #FFF;
    }
    .Bottom_Div h5{
        width:fit-content;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        height: 22px;
        font-family: "微软雅黑";
        font-size: 16px;
        line-height: 22px;
        color: #FFF;
    }
}