body{background-color: #f4f4f4}

.productsList{margin: 200px auto 100px auto;}
.productsList .series{margin-top: 60px;}
.productsList .title{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; height: 40px;}
.productsList .title p{font-size: 22px;}
.productsList .title a{color: #000000; display: flex; display: -webkit-flex; align-items: center; font-size: 18px;}
.productsList .title a span:nth-of-type(2){display: block; background: #ffffff url("../image/arrowDown.png") no-repeat 100% 100%; width: 22px; height: 22px; margin-left: 10px;}
.productsList .content{margin-top: 30px; height: auto; display: flex; display: -webkit-flex; justify-content: flex-start; align-items:flex-start; flex-wrap: wrap;}
.productsList .content .item{width: 31%; background-color: #ffffff; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;text-align: center; box-sizing: border-box;
    transition: transform 0.3s linear, box-shadow 2s;
    -webkit-transition: transform 0.3s linear ,box-shadow 2s;
    -moz-transition:transform 0.3s linear ,box-shadow 2s;
    -o-transition: transform 0.3s linear ,box-shadow 2s;
    color: #000000;
    margin: 0 1% 30px 1%;
}
/*.productsList .content .item:nth-of-type(2){margin: 0 2%;}*/
.productsList .content .item>div{width: 80%; margin: 40px auto;}
.productsList .content .item>img{width:60%;}
.productsList .content .item>div:nth-of-type(2) p{text-align: center; font-size: 14px;text-transform: uppercase; }
.productsList .content .item>div:nth-of-type(2)>p:last-child{color: #0f7cc6; display: block; height: 25px; line-height: 25px; font-size: 12px;}
.more{display: block; background-color: #0074c2; color: #ffffff !important; width: 100px; height: 25px; line-height: 25px; border-radius: 5px; margin: auto;}
.productsList .content .item:hover{
    box-shadow: 1px 1px 20px #000000;
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
}

.productsList .content2{display: none; width: 100%; margin-top: 20px; }
.productsList .content2 .item{width: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color: #ffffff;padding-top: 30px; padding-bottom: 30px;}
.productsList .content2 .item>div{width: 80%; text-align: center;}
.productsList .content2 .item>div img{width:30%;}
.productsList .content2 .item>div:nth-of-type(2){margin-top: 30px;}
.productsList .content2 .item>div:nth-of-type(2) p{text-align: center; font-size: 14px; color: #000000;}
.productsList .content2 .item>  div:nth-of-type(2) p:last-child{color: #0f7cc6;}

.searchMore{display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #333333; box-sizing: border-box; border-radius: 15px; text-align: center; color: #333333; margin: 60px auto;}

@media screen and (max-width: 750px) {
    .productsList{margin: 70px auto 60px auto;}
    .productsList .content .item>div{
        margin: 20px auto;
    }
    .productsList .content .item>div:nth-of-type(2) div{
        overflow: hidden;
        height: 65px;
    }
}

@media screen and (max-width: 415px) {
    .productsList .series{margin-top: 40px;}
    .productsList .content .item{
        width: 48%;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        justify-content:space-between;
        margin: 0 1% 10px 1%;
    }
    .productsList .content .item:nth-of-type(2){
        margin: 0;
    }
    .productsList .content .item:hover{
        box-shadow: none;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
    }
    .productsList .content .item > div:nth-of-type(2) p{
        font-size: 12px;
    }

    /*.productsList .content{display: none;}*/
    /*.productsList .content2{display: block;}*/
}