body {
    color:#333;
    background:#fff;
    font-family:"Microsoft YaHei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif;
}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container,.container-layout {margin:0 auto;padding:0 10px}

/*首页顶部轮播*/
.home_banner{
    position:relative;
}

.home_banner > .point {
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    bottom:55px;
    left:50%;
    transform: translateX(-50%);
}

.home_banner > .point > li{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    margin-right:10px;
}

.home_banner > .point > .current {
    background:#F4D5AF!important;
}

.home_banner > #banner > img {
    width:100%;
    height:100%;
    object-fit: cover;
}

/* 移动端（默认，宽度 < 768px） */
@media (max-width: 767px) {
    html {
        font-size: 14px;
    }
    
    body{
        width: 100%;
        padding: 82px 0 0px!important;
    }
    
    .middle{
        width:100vw;
        left:auto;
        overflow-x:hidden;
        margin-left:0;
    }
    
    .header{
        width:100vw;
    }
    
    .pc-head{
        display:none;
    }
    
    .phone-head{
        width:100vw;
        height:5.8rem;
        background:url(/static/image/phone_header_bg.png) no-repeat center;
        background-size: cover;
        background-color:#943023;
        overflow:hidden;
        position:fixed;
        top:0;
        left:0;
        display:flex;
        align-items:center;
    }
    
    .phone-head__menu{
        height:2.57rem;
        width:2.57rem;
        position:absolute;
        right:1rem;
    }
    
    .phone-head__menu>img{
        height:2.57rem;
        width:2.57rem;
    }
    
    /* 移动端弹出层样式 */
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        /*background: rgba(0, 0, 0, 0.5);*/
        z-index: 999;
        display: none;
    }
    
    .menu-sidebar {
        position: fixed;
        top: 5.8rem;
        right: -15rem;
        width: 15rem;
        height: 100%;
        background: #fff;
        z-index: 1000;
        transition: right 0.3s ease;
        overflow-y: auto;
        background: #943023CC;
        padding: 26px 20px 20px;
    }
    
    .menu-sidebar.open {
        right: 0;
    }
    
    .menu-sidebar-content {
        height: 520px;
        background:url(/static/image/phone_menu.png) no-repeat center;
        background-size:contain;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .menu-sidebar-content > a {
        width: 130px;
        height: 57px;
        margin-bottom: 20px;
        min-height: 57px;
    }
    
    .menu-sidebar-content > .current{
        background:url(/static/image/phone_current.png) no-repeat center;
        background-size:cover;
        width: 170px;
        position: relative;
        top: -8px;
    }
    
    .home_banner , #banner {
        width:100%;
        max-height:800px;
    }
    
    /*.home_banner > #banner > .img1{*/
    /*    background:url(/static/image/home_banner_phone_1.png) no-repeat center;*/
    /*    background-size:cover;*/
    /*}*/
    
    .lbq {
        position:relative;
        background:url(/static/image/home_lbq_phone_bg.png) no-repeat;
        padding-top:0px!important;
        background-size:cover;
    }
    
    .lbq_top{
        width:355px;
        height:100px;
        position:absolute;
        top:80px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .lbq > .point{
        margin-top:224px;
        padding:0;
        display:flex;
        justify-content:center;
    }
    
    .lbq > .point > li {
        width: 50px;
        height: 22px;
        border-radius: 15px;
        background:#CFB399;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    
    .lbq > .point > .current{
        background:#9A3023!important;
    }
    
    .lbq > .lb_box {
        width: 355px;
        height: 188px;
        margin:20px auto 0;
        padding:20px;
        display:flex;
        justify-content:center;
        align-items:center;
        position:relative;
        overflow: hidden;
    }
    
    .lbq > .lb_box > .wow {
        width:338px;
        height:170px;
        justify-content:center;
        align-items:center;
        display:flex;
    }
    
    .lbq > .lb_box > .wow > img{
        width:100%;
        height:100%;
    }
    
    .lbq > .lb_box > .bk {
        display:block!important;
        position:absolute;
        inset: 0;
        object-fit: cover;
        max-width: 100%;
        max-height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .p1{
        padding-bottom:0!important;
    }
    
    .lbq > .play {
        margin-top:20px;
        margin-bottom:50px;
        width:166px;
        height:197px;
        float:none!important;
    }
    
    .whcc_phone,.ppzc_phone{
        width:100%;
        height:720px;
    }
    
    .whcc_pc,.ppzc_phone{
        display:none;
    }
    
    .p4{
        height:380px;
        background:url("/static/image/p4_bg_phone.png") no-repeat top!important;
    }
    
    .p4_title{
        width:335px;
        /*height:106px;*/
    }
    
    .p4 > p{
        width:166px;
        height:294px;
        top:206px;
        left:4%;
    }

    .p4 > .b{
        right:4%;
        left:auto;
    }
    
    .p4 > .c{
        top:520px;
        left:4%;
    }
    
    .p4 > .d{
        top:520px;
        right:4%;
        left:auto;
    }

    .p4 > p > img{
        margin:0;
        width:166px;
        height:294px;
    }
    
   .p5 {
       margin-top:516px!important;
   }
   
   .p5 > .p5_pic_phone{
       width:100%;
       display:block;
       height:730px;
   }
   
   .p5 > .p5_pic,.p5 > .title {
       display:none!important;
   }
   
   .ppzc_phone{
       display:block;
       width:100%;
       height:auto!important;
   }
   
   .ppzc_pc{
       display:none;
   }
   
   .p6{
       height:1280px!important;
       background-image: url("/static/image/ppzx_phone_bg.png")!important; 
       background-size: cover;
   }
   
   .container{
       padding-top:276px;
   }
   
   .line{
       display:flex;
       flex-direction:column;
       align-items:center;
   }
   
   .home-news-l{
       margin-right:0;
   }
   
   .x6{
       float:none;
       width:78%;
       display:flex;
       justify-content:center;
   }
   
   .media-img > img {
       min-height:auto!important;
   }
   
   .home-news-c{
       display:flex;
       position:relative;
       padding-top:154px;
       margin-top:30px;
       background:#F7F7F7;
       flex-flow: row;
       justify-content: center;
   }
   
   .home-news-c > .x3 {
       width:254px;
       height:144px;
       position:absolute;
       top:4px;
   }
   
   .home-news-c > .x3 > a > img{
       width:100%;
   }
   
   .img-new-w{
       max-height:144px!important;
   }
   
   .home-news-c > .x2 , .home-news-c > .x7 {
      float:none;
   }
   
   .home-news-c > .x7{
       flex:1;
       width:auto;
       overflow: hidden;    /* 必须：超出隐藏 */
       white-space: nowrap;
       text-overflow: ellipsis;
   }

   .news-time {
       height:67px;
       margin:0!important;
       padding-top:4px;
   }
   
   .home-news-r{
       width:100%;
   }
   
   .home-news-r > .line:nth-of-type(n+3){
       display:none;
   }
   
   .home-news-c .news-title{
       margin-top:0!important;
   }
   
   .post-title{
       display:none;
   }
   
   .more_phone{
       width:110px;
       height:36px;
       margin-top:30px;
   }
   
   .footer{
       display:none;
   }
   
   .footer_phone{
       background: url("/static/image/footer_phone_bg.png") center/cover no-repeat!important; 
       min-height:922px;
       height:auto;
       padding-top:218px;
       display: flex;
       flex-direction: column;
       align-items: center;
   }
   
   .w-footer{
       width:92.5%;
   }
   
   .w-foot-content{
       padding-top:0;
   }
    
   .w-form-submit .w-buttom .btn-default-w{
       width:100%;
   }    
}

/* PC 端（宽度 ≥ 768px） */
@media (min-width: 768px) {
    html {
        font-size: 16px; /* PC 端字体 */
    }
    
    body {
        max-width: 1920px; /* PC 端限制最大宽度 */
        margin: 0 auto; /* 居中 */
        padding: 150px 0 0px!important;
        min-width: 1920px;
        overflow-x: auto;
    }
    
    .header{
        max-width: 1920px; /* PC 端限制最大宽度 */
        width:1920px;
        display: flex;
        justify-content: center;
        left:auto;
    }
    
    .footer_phone{
        display:none;
    }
    
    .middle{
        flex-shrink: 0;
        overflow-x:hidden;
        width:100%!important;
    }
    
    .phone-head{
        display:none;
    }
    
    .pc-head{
        height:150px;
        background:url(/static/image/1773989894309075.png) no-repeat center top;
        background-size: cover;
        background-color:#943023;
        padding-left:710px;
        width:1920px;
        overflow:hidden;
    }
    
    .home_banner , #banner{
        width:100%;
        height:640px;
    }
    
    /*.home_banner > #banner > .img1{*/
    /*    background:url(/static/image/home_banner_pc_1.png) no-repeat center;*/
    /*    background-size:cover;*/
    /*}*/
    
    .lbq {
        position:relative;
        background:url(/static/image/home_lbq_pc_bg.png) no-repeat center!important;
        padding-top:0px!important;
    }
    
    .lbq_top{
        width:836px;
        height:252px;
        position:absolute;
        top:93px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .lbq > .point{
        margin-top:371px;
        display:flex;
        padding-left:268px;
    }
    
    .lbq > .point > li {
        width: 60px;
        height: 26px;
        border-radius: 15px;
        background:#CFB399;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    
    .lbq > .point > .current{
        background:#9A3023!important;
    }
    
    .lbq > .lb_box {
        width: 864px;
        height: 456px;
        margin-left:248px;
        margin-top:20px;
        padding:20px;
        display:flex;
        justify-content:center;
        align-items:center;
        position:relative;
    }
    
    .lbq > .lb_box > .wow {
        width:824px;
        height:100%;
        justify-content:center;
        align-items:center;
        display:flex;
    }
    
    .lbq > .lb_box > .bk {
        display:block!important;
        position:absolute;
        inset: 0;
    }
    
    .lbq > .play {
        right:260px;
        bottom:160px;
        position:absolute;
    }
    
    .whcc_phone,.ppzc_phone{
        display:none;
    }
    
    .whcc_pc,.ppzc_pc{
        width:100%;
        height:1000px;
    }
    
    .p4_title{
        height:280px;
        width:914px;
        margin-bottom:62px;
    }
    
    .p4_size{
        width:344px!important;
        height:526px;
        margin-right:60px;
    }
    
    .p4_size > img {
        width:344px;
        height:526px;
    }
    
    .p5 > .p5_pic_phone{
       display:none;
   }
   
   .p6{
       height: 906px;
       background-image:url("/static/image/ppzx_pc_bg.png")!important; 
       background-size: cover;
   }
   
   .container{
       margin-top:334px!important;
   }
   
   .home-news-r{
       height:393px!important;
       overflow-y:scroll;
   }
    
   .more_phone{
       display:none;
   }

}

@media(min-width:760px) {.container {width:750px}
}
@media(min-width:1000px) {.container {width:1000px}
}
@media(min-width:1200px) {.container {width:1130px;}
}