input::-webkit-input-placeholder{
    color:#fff;}
input::-moz-placeholder{   /* mozilla firefox 19+ */
   color:#fff;}
input:-moz-placeholder{    /* mozilla firefox 4 to 18 */
   color:#fff;}
input:-ms-input-placeholder{  /* internet explorer 10-11 */ 
   color:#fff;}

.nav .nLi:hover .sub{display:block;}
.art-pic>ul{overflow:hidden;width:100%;}
.art-pic>ul>li {
    position: relative;
    float: left;
    width: 32%;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 2%;
    text-align: center;
    border: 1px solid #d5dee6;
    box-sizing: border-box;
    transition: all .3s
;}

.art-pic>ul>li:nth-child(3n-2) {
    margin-left: 0
;}

.art-pic>ul>li>a {
    position: relative;
    padding: 15px;
    padding-bottom: 0;
    display: block;
    background: #fff;
    z-index: 2
;}

.art-pic>ul>li>a .pic {
    position: relative;
    padding-top: 63%;
    overflow: hidden
;}

.art-pic>ul>li>a .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    transition: all .3s
;}

.art-pic>ul>li>a .pic:hover img {
    transform: translate(-50%, -50%) scale(1.2)
;}

.art-pic>ul>li .text p {
    line-height: 45px;
    font-size: 18px;
    color: #1f1f1f;
    min-height: 90px
;}


.art-pic>ul>li:hover {
    border: 1px solid #a4272b
;}