.box3 {
    background: #f0f2f5;
    overflow: hidden;
}

    .box3 .wrap {
        width: 1200px;
        padding: 80px 96px;
        box-sizing: border-box;
        margin: 66px auto 66px auto;
        background: #fff;
        overflow: hidden;
    }

        .box3 .wrap .title {
            background: url(../images/use-06.png) no-repeat;
            background-position: left center;
            font-size: 40px;
            color: #333;
            line-height: 1.5;
            text-align: center;
            margin: 77px 0 30px 0;
        }

        .box3 .wrap .content {
            padding: 60px 53px;
            line-height: 2;
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            color:#000;
        }

            .box3 .wrap .content .tl {
                color: #f3352e;
                font-size: 16px;
            }

                .box3 .wrap .content .tl span {
                    color: #666;
                    font-size: 14px;
                }

            .box3 .wrap .content .txt {
                color: #666;
            }

        .box3 .wrap .pagewrap2 {
            margin: 68px 0 68px 0;
        }

            .box3 .wrap .pagewrap2 .left {
                float: left;
                width: 858px;
                color: #4D4D4D;
            }

        .box3 .wrap .title {
            background: none;
            line-height: 1.5;
            text-align: center;
            margin: 77px 0 30px 0;
        }

        .box3 .wrap .data {
            font-size: 14px;
            color: #aaa;
            text-align: center;
            margin-bottom: 26px;
        }

            .box3 .wrap .data span {
                margin: 0 30px;
            }
                .box3 .wrap .data span a {
                    color: #005B34;
                }


        .box3 .wrap .note {
            margin-top: 10px;
            padding: 15px 20px;
            background: #f5f5f5;
            line-height: 22px;
            color: #757575;
            font-size: 16px;
            font-weight: 600;
        }



        .box3 .wrap .pagewrap2 .left a {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            font-size: 14px;
            line-height: 14px;
            margin-bottom: 22px;
            color: #005B34;
        }

            .box3 .wrap .pagewrap2 .left a:last-child {
                margin-bottom: 0;
            }

        .box3 .wrap .pagewrap2 .right {
            float: right;
            width: 150px;
            height: 50px;
            display: block;
            text-align: center;
            line-height: 50px;
            background: #c1ab5b;
            color: #fff;
        }

            .box3 .wrap .pagewrap2 .right:hover {
                opacity: .8;
            }

@media screen and (min-width: 100px) and (max-width: 1024px) {
    .box3 {
        background: #f0f2f5;
        overflow: hidden;
    }

        .box3 .wrap {
            width: 90%;
            padding: 44px 3%;
            margin: 44px auto;
        }

            .box3 .wrap .content {
                padding: 1.4rem 10px;
            }

                .box3 .wrap .content .txt {
                    font-size: 14px;
                    line-height: 24px;
                }

            .box3 .wrap .title {
                margin: 0 0 22px 0;
                background: none;
                background-size: auto 20px;
                background-position: left center;
                font-size: 24px;
                line-height: 26px;
                padding-left: 0;
            }

            .box3 .wrap .data span {
                margin: 0 10px;
            }



            .box3 .wrap .pagewrap2 {
                margin: 22px 0 44px 0;
            }

                .box3 .wrap .pagewrap2 .left {
                    width: 70%;
                }

                .box3 .wrap .pagewrap2 .right {
                    width: 30%;
                    max-width: 150px;
                }

                .box3 .wrap .pagewrap2 .left a {
                    margin-bottom: 16px;
                }

                .box3 .wrap .pagewrap2 .right {
                    height: 44px;
                    line-height: 44px;
                }

            .box3 .wrap .content img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
                height: auto !important;
            }


    img {
        width: 100%;
        height: auto;
    }

    .loadmore {
        margin-bottom: 44px;
    }

   
}