.menu{ width: 52px; height: auto;position: absolute;right: 40px; top: 24px ;display: none}


/* 小屏导航弹窗 */

.xpt-bj{ width: 100%; height: calc(100vh - 88px); background: rgba(53, 0, 42, 0.8); position: fixed; left: 0; top: 88px; z-index: 999; display: none ; overflow-y: auto}
.dh-box{ width: 100%; height: 100%;}
.dh-box ul{ width: 100%; }
.dh-box ul li{ width: 100%; border-bottom: 1px solid #4f2242;}
.dh-box ul li .tit h3{ width: 64%; padding: 20px 0; margin: 0 auto; text-align: center; font-size: 28px; color: #a97fae; background: url(../images/xia.png) no-repeat right center; background-size: 40px auto}
.dh-box ul li .cj-box{ width: 100%; text-align: center ; display: none; padding: 0 0 10px 0}
.dh-box ul li .cj-box a{ width: 100%; display: block; font-size: 24px; color: #fff ; padding: 15px 0}
.dh-box ul li.on{background: rgba(233, 0, 0, 0.52)}
.dh-box ul li.on h3{background: url(../images/shang.png) no-repeat right center; background-size: 40px auto;font-weight: bold;color: #fff}

@media screen and (max-width:1280px){
    .news-c{ width: 1180px}
}

@media screen and (max-width:1220px){
    .nav{width: calc(100% - 24%);}
}

@media screen and (max-width:1200px){
    /* 第一屏 */
    .nav{display: none}
    .menu{display: block}
    .wz-box h3{ font-size: 26px;}
    .wz-box h4{ font-size: 16px}
    .wz-box h5{ font-size: 80px;}

    /* 第二屏 */
    .yw-l{ width: 100%; height: 25%; text-align: center ; background: url(../images/a1-1.jpg)}
    .yw-l .bus1{ display: none}
    .yw-l .bus2{ width: 52.7%; display: block; margin: 0 auto}
    .yw-r{ width: 100% ; height: 75%;}
    .yw-txt{margin-top: 5vh;}
    .slideBox2{ width: 700px ;  margin: 0; margin: 0 auto;margin-top: 3vh;}
    .slideBox2 .bd li .ys-box .ys{ margin-bottom: 37px;}
        /* 第三屏 */
    .cp-l{display: block}
    .cp-r{ height: 77%; background: url(../images/a3-1.jpg) no-repeat;}
    .cp-r .cp-c .ttb{ display: none}
    .cp-r .cp-c{ padding-top: 7vh}
    .cp-c{ width: 68% ;width: 700px; }
    .yw-txt{ width: 68% ; margin: 0 auto ; margin-top: 5vh}
    .cp-l .ttb{width: 68% ; margin: 0 auto}
    /* 第四屏 */
    .titel{padding: 12vh 0 0 0;}
    .nws{ padding-top: 4vh}
    .news-c{ width: 650px;}
    .news-c ul li{ width: calc(50% - 25px)}
    .news-box{ width: 100% ; height: 100%; background: url(../images/a4-1.jpg) no-repeat; background-size: 100% 100%;object-fit:cover}
    /* 第五屏 */
    .copy-c{ width: 890px;}
    .foot-c{ width: 890px;}
    .lx-box{display: none}
    .lx-box2{display: block}

    .copy-c h3{ width: calc(100% - 200px)}
}

@media  screen  and (max-width: 960px) {
    .cp-l .ttb{ width: 68%}
    .copy-c{ width: 700px;}
    .foot-c{ width: 700px;}
}

@media  screen  and (max-width: 768px) {
    /* 小屏导航弹窗 */
    .xpt-bj{ width: 100%; height: calc(100vh - 52px);  position: fixed; left: 0; top: 52px; z-index: 9999;}
    .dh-box ul li .tit h3{ width: 64%; padding: 20px 0; margin: 0 auto; text-align: center; font-size: 16px; color: #a97fae; background: url(../images/xia.png) no-repeat right center; background-size: 20px auto ; padding: 14px 0}
    .dh-box ul li .cj-box a{font-size: 14px; }
    .dh-box ul li.on h3{background: url(../images/shang.png) no-repeat right center; background-size: 16px auto;font-weight: bold;color: #fff; padding: 8px 0;}


 /* 第一屏 */
    .nav-box .lg{ width: 119px}
    .nav-bj{ height: 52px;}
    .menu{ width: 30px; top: 15px;}
    .wz-box{ position: absolute; left: 10%; top: 60vh ; margin: 0}
    .wz-box h3{ font-size: 16px;}
    .wz-box h4{ font-size: 12px}
    .wz-box h5{ font-size: 22px;}
    .shu-box img{ width: 20px}
    .shu-box h4{font-size: 12px;}
    .shu-box{ margin-left: -36px}
    .slideBox .bd li .ba1{display: none}
    .slideBox .bd li .ba2{display: block}

     /* 第二屏 */
     .yw-l{ height: 20%;}
     .yw-r{ height: 80%}
    .yw-txt{ width: 86%}
    .slideBox2{ width: 86%}
    .slideBox2 .hd li{ width: 12px; height: 5px; border-radius: 5px;}
    .slideBox2 .hd li.on{ width: 22px;}
    .slideBox2 .bd li .ys-box .ys h3{ height: 26px; line-height: 26px; font-size: 12px;}
    .yw-txt p{ font-size: 12px;}
    .yw-txt h3{ height: 20px; line-height: 20px; font-size: 16px;}
    .slideBox2 .bd li .ys-box .ys .zhe{display: none}
    .shu-box{ display: none}
    .yw-txt{ margin-top: 5vh}
     /* 第三屏 */
    .cp-c{ width: 86%}
    .cp-l .ttb{ width: 86%}
    .cp-l .ttb h3{ font-size: 16px;}
    .cp-l .ttb p{ font-size: 14px;}
    /* .slideBox3 .bd li .ys-box .ys:nth-child(5){display: none}
    .slideBox3 .bd li .ys-box .ys:nth-child(6){display: none} */
    .slideBox3 .bd li .ys-box .ys:nth-child(1){ margin: 0;}
    .slideBox3 .bd li .ys-box .ys:nth-child(2){ margin: 0;float: right}
    .slideBox3 .bd li .ys-box .ys:nth-child(3){ margin: 0;float: left;}
    .slideBox3 .bd li .ys-box .ys:nth-child(4){ margin: 0;float: right;}
    .slideBox3 .bd li .ys-box .ys{ width: calc(50% - 2.6%) ; margin-bottom: 15px !important}
    .slideBox3 .hd li{ width: 12px; height: 5px; border-radius: 5px;}
    .slideBox3 .hd li.on{ width: 22px;}
    .slideBox3 .bd li .ys-box .ys h3{display: block ; height: 26px; line-height: 26px; font-size: 12px;}
    .slideBox3 .bd li .ys-box .ys:hover img{transform: scale(1.0);}
     /* 第四屏 */
     .titel h3{font-size: 16px; }
     .titel span{font-size: 14px; }
     .titel{padding: 9vh 0 0 0;}
     .news-c{ width: 86%;}
     .nws ul li{ margin-bottom: 10px;}
     .nws ul li a h3{height: 18px; line-height: 18px; font-size: 14px; margin-bottom: 5px; margin-top: 4px;}
     .nws ul li a h4{ margin-bottom: 6px; font-weight: normal; font-size: 14px; height:36px ; line-height: 18px;}
     .titel{  width: 100% ; padding: 0; margin: 9vh 0 0 0}  
     .news-c ul li{ margin-right: 0; width: calc(50% - 4px)}  
     .news-c ul li:nth-child(even){float: right}


     /* 第五屏 */
     .copy-c{ width: 86%;}
     .foot-c{ width: 86%; text-align: center}
     .foot-c .fg{ width: 75%;display:inline-block;margin: 14vh 0 0 0;}
    .pho-box{ width: 100%; text-align: center ; padding-bottom: 12px;}
    .pho-box h3{ font-size: 18px;}
    .foot-c .fhx{padding: 4vh 0 3vh 0;}
    .dw-box2{ height: 16px; line-height: 16px; background-size: 11px auto;display: inline-block; padding-left: 16px;}
    .dw-box2 h3{ font-size: 12px; line-height: 16px;}
    .lx-box2 h4{ font-size: 12px;}
    .lx-box2{ padding-top: 1vh}
    .copy-c{display: none}
    .copy-box{ height: 50px; line-height: 50px; text-align: center;}
    .ewm-box{ float: initial;display: inline-block;}
    .bottom-box{display: block ;position: fixed; left: 0; bottom: 0 ;height: 50px;}

    .fd-bj{display: none}
    .swiper-pagination{display: none}

    .nav-box .lg{left: 15px;}
    .menu{right: 15px;}
}





@media screen and (width: 1024px)  { 
    .yw-txt p{ height: 40px;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;}
        .slideBox2 .bd li .ys-box .ys{
            margin-bottom: 20px;
        }   
        .nws{ padding-top: 2vh}
        .nws ul li a h4{ margin-bottom: 9px;}
}