.page .paging-top{background-image: url('../image/case_logo.jpg')}
.page_one_content .paging-content-box ul{width: 100%;}
.page_one_content .paging-content-box ul li{width: 48%;display: inline-block;margin-bottom: 40px;position: relative;cursor:url('../image/big.png'),pointer;}
.page_one_content .paging-content-box ul li:nth-of-type(odd){margin-right: 3%}
.page_one_content .paging-content-box ul li img{width: 100%;height: auto}
.page_one_content .paging-content-box ul li>div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;height: 80%;transition: all 0.5s}
.page_one_content .paging-content-box ul li div span{display: inline-block; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 16px;width: 100%;text-align: center}
.page_one_content .paging-content-box ul li:hover>div{border:1px solid #fff;}
.page_one_content .paging-content-box ul li div span div{margin: 0 auto;width: 35px ;height: 20px;background-image: url('../image/case_2_03.png');background-size: 100% 100%;margin-bottom: 30px;display: none}
.bigp{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1010;display: none;}
.bigp img{width: auto;height: auto}
.bigp .close{position: absolute;top: 20px ;right: 20px;color: #fff;font-size: 35px;font-weight: 100}
.mongolia{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.9)}
.page_one_content .paging-content-box ul li .tr-bg{width: 100%;height: 100%;top: 0; left: 0;transform: translate(0,0);border: none !important}
.page_one_content .paging-content-box ul li:hover .tr-bg{background-color: rgba(0,0,0,0.5)}
@media ( max-width : 700px ){
    .page_one_content .paging-content-box ul li{width: 100%}
    .page_one_content .paging-content-box ul li div span{font-size: 12px}
    .bigp{width: 90%}
    .bigp .close{top: 0px;right: 10px;font-size: 25px;}
}

@media ( max-width : 800px ){
    .bigp{width: 90%}
    .bigp img{width: 100%;}
}