.produce-list {

    display: flex;

    flex-wrap: wrap;

    width: calc(100% + 20px);

    margin-left: -10px

}



.produce-list .produce-item {

    width: 33.3%;

    padding: 0 10px;

    margin-bottom: 30px

}



.produce-list .produce-item .item-body {

    width: 100%;

    padding-bottom: 30px;

    border: 1px solid rgba(0,0,0,.1);

    background: #fff

}



.produce-list .produce-item .item-body:hover {

    border-color: #1750ae

}



.produce-list .produce-item .item-body:hover .line {

    background: #fff

}



.produce-list .produce-item .item-body:hover .link-button {

    background: #1750ae;

    color: #fff

}



.produce-list .produce-item .item-body:hover .img-con>img {

    transform: scale(1.2)

}



.produce-list .img-con {

    width: 100%;

    overflow: hidden

}



.produce-list .img-con>img {

    width: 100%;

    transition: transform .5s

}



.produce-list .describe {

    font-size: 16px;

    margin-top: 30px;

    text-align: center

}



.produce-list .line-con {

    position: relative;

    width: 100%;

    height: 1px;

    margin-top: 20px;

    padding: 0 10px

}



.produce-list .line {

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.1)

}



.produce-list .link-button {

    display: block;

    width: 90px;

    height: 26px;

    margin: 20px auto 0 auto;

    text-align: center;

    line-height: 24px;

    background: #fff;

    color: rgba(0,0,0,.1);

    font-size: 14px;

    border: 1px solid rgba(0,0,0,.1);

    border-radius: 4px

}



.page-num-con {

    display: flex;

    justify-content: center

}



.page-num-con .num-ul {

    display: flex

}



.page-num-con .num-ul>a {

    display: block;

    height: 30px;

    padding: 0 20px;

    margin: 0 10px;

    text-align: center;

    line-height: 28px;

    background: #fff;

    color: #000;

    font-size: 14px;

    border: 1px solid rgba(0,0,0,.1);

    border-radius: 4px

}



.page-num-con .num-ul>a:hover {

    color: #fff;

    border-color: #1750ae;

    background: #1750ae

}



.page-num-con .num-ul .num {

    padding: 0 10px

}



.history-con {

    width: 100%;

    padding: 15px 30px;

    margin-top: 80px;

    border: 1px solid #1750ae

}



.history-con .history-item {

    margin-top: 14px

}



.history-con .history-item:first-child {

    margin-top: 0

}



.history-con .history-item>a {

    font-size: 16px;

    color: #000

}



.history-con .history-item>a:hover {

    color: #1750ae

}



.padding {

    height: 0px

}



@media (max-width: 700px) {

    .produce-list {

        width:calc(var(--main-width) + 10px);

        margin-left: -5px

    }



    .produce-list .produce-item .item-body {

        padding-bottom: 20px

    }



    .produce-list .describe {

        font-size: 14px;

        margin-top: 10px

    }



    .produce-list .line-con {

        margin-top: 10px

    }



    .history-con {

        width: calc(100% - 40px);

        padding: 10px;

        margin: 40px auto 0 auto

    }



    .history-con .history-item {

        margin-top: 10px

    }



    .page-num-con .num-ul>a {

        height: 30px;

        padding: 0 10px;

        margin: 0 5px;

        line-height: 28px;

        font-size: 12px

    }



    .padding {

        height: 40px

    }

}



@media (min-width: 700px) and (max-width:1000px) {

    .produce-list {

        width:calc(100% + 10px);

        margin-left: -5px

    }



    .produce-list .produce-item {

        padding: 0 5px

    }



    .produce-list .produce-item .item-body {

        padding-bottom: 20px

    }



    .produce-list .describe {

        font-size: 14px;

        margin-top: 15px

    }



    .produce-list .line-con {

        margin-top: 15px

    }



    .history-con {

        width: calc(100% - 40px);

        padding: 10px;

        margin: 40px auto 0 auto

    }



    .history-con .history-item {

        margin-top: 10px

    }



    .padding {

        height: 50px

    }

}



@media (min-width: 1000px) and (max-width:1400px) {

    .produce-list {

        width:calc(100% + 10px);

        margin-left: -5px

    }



    .produce-list .produce-item {

        padding: 0 5px

    }



    .produce-list .produce-item .item-body {

        padding-bottom: 20px

    }



    .produce-list .describe {

        font-size: 14px;

        margin-top: 15px

    }



    .produce-list .line-con {

        margin-top: 15px

    }



    .history-con {

        width: calc(100% - 40px);

        padding: 10px;

        margin: 40px auto 0 auto

    }



    .history-con .history-item {

        margin-top: 10px

    }



    .padding {

        height: 60px

    }

}



.content-body .text {

    line-height: 200%;

}

.content-body .text img{

    float: none !important;

    margin: 0 auto;

}

.content-body .text p {

    padding: 10px 0;

}