html {
     scrollbar-width: thin;
 }

 .content {
     width: 100%;
     padding: 3.6458vw 0 1.5625vw 0;
 }

 .kejian {
     width: 57.2917vw;
     margin: 0 auto;
     max-width: 95%;
 }

 .ncaseli a {
     display: block;
     width: 30%;
     margin: 1.5% 1.5% 1.5% 1.5%;
     float: left;
 }

 .ncaseli {
     display: flex;
     flex-wrap: wrap;
 }

 .ncaseli a .nccimg {
     width: 100%;
     position: relative;
 }

 .ncaseli a .nccimg img {
     position: absolute;
     width: 100%;
     height: 100%;
 }

 .ncaseli a .nccwen {
     padding: 1.5625vw 1.5625vw 2.0833vw 1.5625vw;
     background: #fff;
	 height: 4.7625vw ;
	 overflow: hidden;
 }

 .ncaseli a .nccwen .ncpic {
     width: 22.35294118%;
     position: relative;
     float: left;
     margin-top: 0.3125vw;
 }

 .ncaseli a .nccwen .ncpic .ncpic1 {
     display: block;
 }

 .ncaseli a .nccwen .ncpic .ncpic2 {
     display: none;
 }

 .vcenter {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     max-width: 100%;
     max-height: 100%;
     display: block;
     vertical-align: middle;
     margin: auto;
 }

 img {
     border: 0;
 }

 fieldset,
 img {
     border: 0;
     vertical-align: middle;
 }

 .ncaseli a .nccwen .ncpwen {
     width: 70.58823529%;
     float: right;
 }

 .ncaseli a .nccwen .ncpwen span {
     display: block;
     font-size: 0.9375vw;
     color: #333333;
 }

 .ncaseli a .nccwen .ncpwen p {
     font-size: 0.7292vw;
     color: #666666;
     line-height: 0.9375vw;
     height: 2.8125vw;
     overflow: hidden;
     margin-top: 0.4167vw;
     text-align: justify;
 }

 .ncaseli a .nccimg:after {
     content: '';
     display: block;
     width: 100%;
     padding-top: 59%;
 }

 .ncaseli a .nccwen .ncpic:after {
     content: '';
     display: block;
     width: 100%;
     padding-top: 89.47368421%;
 }





 /* .clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
} */

 a:hover .nccwen {
     background: #0046a1;
 }

 a:hover .nccwen .ncpwen span {
     color: #fff;
 }

 a:hover .nccwen .ncpwen p {
     color: #fff;
 }

 .where .text {
     max-width: 67.7083vw;
 }



 /* @media only screen and (max-width: 800px) {
    .ncaseli a {
        display: block;
        width: 48%;
        margin-bottom: 3%;
        float: left;
    }
} */

 @media only screen and (max-width: 500px) {
     .ncaseli a {
         display: block;
         width: 96%;
         float: left;
     }

     .kejian {
         width: 95%;
     }

     .ncaseli a .nccwen .ncpwen span {
         font-size: 12px;
         height: 16px;
     }

     .ncaseli a .nccwen .ncpwen p {
         font-size: 10px;
         line-height: 12px;
         height: 36px;
         margin-top: 5px;
         width: 90%;
     }
 }