.CX{width: 100%;padding-bottom: 10px;border-bottom: 1px #f5f5f5 solid;display: flex;justify-content: space-between;align-items: flex-end;height: 70px;padding: 0 60px 10px 50px;}
.CX .share{margin-right: 0;}
.CX .logo2{display: block;width: 120px;height: auto;}
.CXtitle{font-size: 18px;color: #d00b17;display: flex;justify-content: center;align-items: center;font-weight: 600;display: block;padding-bottom: 5px;}
.ul-newspp-list{width: 100%;display: flex;justify-content:flex-start;align-items: flex-start;flex-wrap: wrap;padding: 0 50px 0 40px;margin-bottom: 15px;}
.ul-newspp-list li{width: calc(16.6% - 30px);margin: 10px 15px 0 15px;}
.ul-newspp-list li .pic{width: 100%;height: auto;overflow: hidden;}
.ul-newspp-list li .pic img{width: 100%;height: 100%;transition: all .8s;-webkit-transition: all .8s;}
.ul-newspp-list li .pic:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.ul-newspp-list li h3{text-align: center;font-size: 14px;color: #333;line-height: 20px;margin: 8px 0;}
.ul-newspp-list li h3:hover{color: #12669d;}
.wqcxmain .m-bkxb-z2 {
    background: url(../images/bknewspp/bg.jpg) no-repeat;
    -o-background-size: cover;
    background-size: 100% 100%;
    padding-bottom: 50px;
height:auto;
min-height:100%;
   
}
.wqcxmain .mid-h-z2{top: 5%;transform:translateY(5%);-webkit-transform:translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);}
.wqcx{width: calc(100% - 100px);}
.wqcx .m-newspp-con{width: 100%;height: 100%;padding-bottom: 30px;}
@media screen  and (max-width:1600px){
    .wqcxmain .m-bkxb-z2 {height: 100%;}
    .wqcxmain .mid-h-z2{top: 8%;transform:translateY(8%) ;-webkit-transform:translateY(8%);
        -moz-transform: translateY(8%);
        -ms-transform: translateY(8%);
        -o-transform: translateY(8%);margin-bottom: 5%;}
    /* .mid-w-z2{transform: translateX(0) !important ;-webkit-transform: translateX(0) !important;} */
    .ul-newspp-list li{width: calc(16.6% - 20px);margin: 10px 10px 0 10px;}
    
}
@media screen  and (max-width:1200px){

    .ul-newspp-list li{width: calc(25% - 20px);margin: 10px 10px 0 10px;}
}
@media screen  and (max-width:1079px){.wqcx{width: 100%;}.m-bkxb-z2{height: auto;/*overflow: auto;*/}/*.m-bkxb-z2 .cur+.htover-z2{padding: 50px;}.m-bkxb-z2 .cur+.htover-z2{padding: 0;}*/}
@media screen  and (max-width:1024px){
    .CX{width: calc(100% - 300px);}
    .CXtitle{padding-right: 20%;}
    .m-newspp-con .search {
        position: absolute;
        overflow: hidden;
        padding: 10px 10px 0 0;
        margin-bottom: 10px;
        width: 300px;
        right: 0;
        top: 0;
    }
    .ul-newspp-list li{width: calc(25% - 20px);margin: 10px 10px 0 10px;}
}
@media screen  and (max-width:768px){
    /* .ul-newspp-list li{width: calc(20% - 20px);}    */
    .ul-newspp-list li .pic{width: 100%;height: auto;overflow: hidden;max-height: 500px;}
    .m-bkxb-z2{height: 100%;} 
    .m-bkxb-z2 .logo {
        position: static;
        width: 212px;
        margin:0 auto 40px;
        display: block;
 
     transform: translateX(0);
    }
    .CXtitle{padding-right: 0;}
}
@media screen  and (max-width:640px){
    .CX{width:100%;}
    .ul-newspp-list li{width: calc(33.3% - 20px);} 
    .CXtitle{padding-right: 0%;}
    .m-newspp-con .search {
        position: static;
        overflow: hidden;
        padding: 10px 10px 0 0;
        margin:0 auto 10px;
        width: auto;
        right: 0;
        top: 0;
    }
    .wqcxmain .mid-h-z2{top: 2%;transform:translateY(2%);-webkit-transform:translateY(2%);
        -moz-transform: translateY(2%);
        -ms-transform: translateY(2%);
        -o-transform: translateY(2%);}
}
@media screen  and (max-width:480px){
    .ul-newspp-list{padding: 0 15px;}
    .ul-newspp-list li{width:calc(50% - 20px);} 
    .ul-newspp-list li .pic{width: 100%;height: auto;overflow: hidden;max-height: 500px;}  
}