.pro_categories {
    margin: 30px 0
}

.pro_categories .home_boxtit {
    margin-bottom: 0
}

.pro_categories .home_boxtit h2 a {
    font-size: 28px;
    color: #212121;
    font-family: AkzidenzGrotesk-Bold;
    text-transform: inherit
}

.pro_categories .home_boxtit h2 a:hover {
    color: #227027
}

.pro_categories .home_boxtit h1 {
    font-size: 28px;
    color: #212121;
    font-family: AkzidenzGrotesk-Bold;
    text-transform: inherit
}

.pro_categories ul {
    overflow: hidden
}

.pro_categories li {
    float: left;
    position: relative;
    cursor: pointer;
    width: 32.3%;
    margin: 15px .5%;
    background: #ebebeb
}

.pro_categories li:nth-child(2),
.pro_categories li:nth-child(5) {}

.pro_categories li img {
    width: 100%;
    border: 8px solid #ebebeb
}

.pro_categories .pro_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #05da77;
    opacity: 0;
    filter: alpha(opacity=0)
}

.pro_categories .pro_wrap:before,
.pro_categories .pro_wrap:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px
}

.pro_categories .pro_wrap:before {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1)
}

.pro_categories .pro_wrap:after {
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0)
}

.pro_categories li:hover .pro_wrap {
    opacity: 1;
    filter: alpha(opacity=100)
}

.pro_categories li:hover .pro_wrap:before,
.pro_categories li:hover .pro_wrap:after,
.partner_list li:hover:before,
.partner_list li:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pro_categories dl {
    position: relative;
    z-index: 9;
    padding: 30px;
    color: #fff
}

.pro_categories dl {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.pro_categories li:hover dl {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pro_categories dt a,
.pro_categories dd a {
    color: #fff
}

.pro_categories dt {
    text-align: center;
    margin: 10px 0
}

.pro_categories dt h3 {
    font-size: 18px
}

.pro_categories h3 {
    font-size: 16px;
    text-align: center;
    padding: 5px 10px;
    margin-bottom: 10px;
    height: 66px;
    overflow: hidden
}

.pro_categories h2 {
    font-size: 16px;
    text-align: center;
    padding: 5px 10px;
    margin-bottom: 10px;
    height: 66px;
    overflow: hidden
}

.pro_categories dd p {
    padding: 10px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px
}

.pro_categories dd a {
    display: inline-block;
    padding: 10px 0;
    line-height: 20px
}

.pro_categories dd a:hover {
    background: #fff;
    color: #474747
}

.pro_categories dd {
    text-align: center
}

.pro_categories dd span {
    background: #fff;
    display: inline-block;
    padding: 5px 8px;
    color: #227027;
    border-radius: 10px
}

.allmachine {
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 300px;
    margin: 0 auto;
    width: 100%
}

.allmachine a {
    display: block;
    color: #fff;
    background: #05da77;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px
}

.allmachine a:hover {
    background: #02f70e
}

.home_boxtit h1 {
    font-size: 28px;
    line-height: 40px;
    font-family: AkzidenzGrotesk-Bold;
    text-transform: inherit;
    margin-top: 20px
}

.pro_categories .home_boxtit h1 {
    font-size: 28px;
    line-height: 40px;
    font-family: AkzidenzGrotesk-Bold;
    text-transform: inherit
}

.proleilist {
    overflow: hidden;
    margin: 15px 0;
    display: none
}

.proleilist dd {
    width: 19%;
    float: left;
    margin: 10px .5%
}

.proleilist dd a {
    display: block;
    width: 100%;
    color: #fff;
    background: #227027;
    height: 66px;
    padding: 5px;
    text-align: center
}

.proleilist dd a h2 {
    font-size: 20px
}

.proleilist dd a:hover {
    color: #01c5ff
}

@media screen and (max-width:991px) {
    .proleilist {
        display: block
    }

    .proleilist dd a h2 {
        font-size: 18px
    }

    .proleilist dd {
        width: 32.3%
    }
}

@media screen and (max-width:767px) {
    .pro_categories li {
        width: 99%
    }

    .proleilist dd {
        width: 49%
    }

    .proleilist dd a h2 {
        font-size: 18px
    }
}