/*大部分图片展示区域=======九宫格图片区域*/

.index .product div{

    width: 93.75%;

    margin: 0 auto;

    text-align: center;

}

.index .product.case,.index .product.case div{

    background: #f3f3f3;

}

.index .product.case{

    border: 1px solid #f3f3f3;

}

.index .product div h1{

    font-size: 0.54rem;

    color: #000000;

}

.index .product div h1.bg_black{

    font-size: 0.3rem;

    height: 1.07rem;

    line-height: 1.07rem;

    color: #fff;

    background: #3f3f3f;

    font-weight: normal;

    margin-bottom: 0.66rem;

}

.index .product div p:nth-child(2){

    color: #454545;

    font-size: 0.16rem;

    line-height: 0.20rem;

    margin-bottom: 0.3rem;

}

.index .product div ul{

    /*width: 100%;*/

}

.index .product div li{

 width: 32%; position:relative; margin-right: 0.6%; padding-bottom: 10px; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow:hidden;

}

.index .product div li:first-child,.index .product div li:nth-child(4n+1){

    margin-left: 0;

}


.index .product div li img{

    width: 100%;

    height: 100%;
	transition: all 0.5s;

}

.index .product div li h6{

    font-size: 0.2rem;

    margin-top: 0.05rem;

    line-height: 0.3rem;

    color: #000;

}

.index .product div li p{

    color: #454545;

    font-size: 0.16rem;

    line-height: 0.25rem;

    margin-bottom: 0.10rem;
    height: 0.5rem;

}

.index .product li a{

    text-decoration: none;

}

.index .product li a:hover:before{

    content: '';


    width: 100%;

    height:100%;

    position: absolute;

    background: rgba(0,0,0,0.7) url('../images/arrow.png') no-repeat center center;

    background-size: 1.00rem 1.00rem;

    animation:mymove 0.5s 1;

    -webkit-animation:mymove 0.5s 1; /* Safari 和 Chrome */

    /*-webkit-animation-iteration-count: 1;*/

    /*animation-iteration-count:1;*/



}

@keyframes mymove {

    0% {



        opacity:0.35;

        transform-origin:0 0;

        transform:scale(0,0);

    }

    100% {



        transform-origin:0 0;

        opacity: 1;

        transform:scale(1,1);

    }

}

@-webkit-keyframes mymove {

    0% {



        opacity:0.35;

        transform-origin:0 0;

        transform:scale(0,0);

    }

    100% {



        transform-origin:0 0;

        opacity: 1;

        transform:scale(1,1);

    }

}

.index .product li a:hover:after{

    content: '';



}

.index .product li a:hover .readNum{

    display: block;

}

.index .product li .readNum{

    display: none;

    position: absolute;

    top: 4.2rem;

    color: #fff;

    right: 0.10rem;

}

.index .product li .readNum img{

    width: 0.24rem;

    height: 0.14rem;

    margin-right: 0.06rem;

    vertical-align: middle;

}

.index .product fieldset{

    border: none;

    margin: 0.75rem auto 0.2rem;

    width: 6.58rem;

    /*border-top:2px solid #b3b3b3;*/

}

.index .product legend{

    text-align: center;

    font-size: 0.4rem;

    margin:0 auto;

}