@media screen and (min-width: 1440px) {
    .content{
        width: 100%;
        margin-top: 50px;
    }

    .product_content{
        width: 1300px;
        margin: 0 auto;
    }

    .detail{
        overflow: hidden;
    }
    .catalog{
        width: 243px;
        border: #AEAEAE 1px solid;
        float: left;
        text-align: center;
    }

    .catalog_title{
        font-family: "Microsoft YaHeiLight";
        font-weight: bold;
        font-size: 24px;
        color: #222;
        background-color: rgb(238,238,238);
        height: 62px;
        line-height: 62px;
    }

    .catalog_content{
        font-size: 16px;
        color: #4D4D4D;
        font-family: "Microsoft YaHeiLight";
        font-weight: bold;
        height: 62px;
        line-height: 62px;
        border-top: #AEAEAE 1px solid;
    }

    .content_detail{
        font-size: 16px;
        color: #4D4D4D;
        font-family: "Microsoft YaHeiLight";
        font-weight: bold;
        line-height: 62px;
        list-style:none;
    }

    .content_detail li:first-child{
        border-top: #AEAEAE 1px solid;
    }


    .product_list{
        margin-left: 47px;
        float: left;
        overflow: hidden;
        width: 975px;
    }

    .product{
        border: #AEAEAE 1px solid;
        width: 312px;
        height: 302px;
        text-align: center;
        float: left;
        margin-right: 13px;
        margin-bottom: 20px;
    }

    .product_img{
        height: 250px;
        width: 100%;
    }

    .product_img img {
        width: 310px;
        height: 250px;
    }

    .product_name{
        font-size: 16px;
        color: #4D4D4D;
        font-family: "Microsoft YaHei";
        background-color: #F5F5F5;
        height: 50px;
        width: 100%;
        line-height: 50px;
    }
}

@media screen and (max-width: 1440px) {
    .content{
        width: 100%;
        margin-top: 50px;
    }

    .product_content{
        width: 80%;
        margin: 0 auto;
    }

    .detail{
        overflow: hidden;
    }
    .catalog{
        width: 19%;
        border: #AEAEAE 1px solid;
        float: left;
        text-align: center;
    }

    .catalog_title{
        font-family: "Microsoft YaHeiLight";
        font-weight: bold;
        font-size: 24px;
        color: #222;
        background-color: rgb(238,238,238);
        height: 62px;
        line-height: 62px;
    }

    .catalog_content{
        font-size: 16px;
        color: #4D4D4D;
        font-family: "Microsoft YaHeiLight";
        font-weight: bold;
        height: 62px;
        line-height: 62px;
        border-top: #AEAEAE 1px solid;
    }

    .content_detail{
        font-size: 16px;
        color: #4D4D4D;
        font-family: "Microsoft YaHeiLight";
        font-weight: bold;
        line-height: 62px;
        list-style:none;
    }

    .content_detail li:first-child{
        border-top: #AEAEAE 1px solid;
    }


    .product_list{
        margin-left: 2%;
        float: left;
        overflow: hidden;
        width: 75%;
    }

    .product{
        border: #AEAEAE 1px solid;
        width: 29%;
        height: 25.5vh;
        text-align: center;
        float: left;
        margin-right: 3.3%;
        margin-bottom: 20px;
    }

    .product_img{
        height: 19.5vh;
        width: 100%;
    }

    .product_img img{
        width: 100%;
        height: 19.5vh;
    }
    .product_name{
        font-size: 14px;
        color: #4D4D4D;
        font-family: "Microsoft YaHei";
        background-color: #F5F5F5;
        height: 5.5vh;
        line-height: 5.5vh;
        width: 100%;
    }
}