.block03_T36 { margin-bottom: 3.64583%; }
.block03_T36 .title { font-size: 30px; font-weight: bold; color: #111; }
.block03_T36 .description { color: #444; font-size: 15px; line-height: 30px; }
.block03_T36 ul { margin-top: 4.2735%; }
    .block03_T36 ul li {
        width: 30.76923%;
        margin-bottom: 9.5641%;
    }

/*    .block03_T36 .item_img {
        width: 112px;
        height: 112px;
    }

        .block03_T36 .item_img:before {
            width: 120px;
            height: 120px;
        }
        .block03_T36 .item_img img {
            height: 80px;
        }

        .block03_T36 .item_img:after {
            width: 120px;
            height: 120px;
        }*/



.block03_T36 .num { width: 18.61111%; padding-top: 18.61111%; border-radius: 50%; background: #105697; font-size: 26px; font-weight: bold; position: relative; border: 1px solid #105697; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }
.block03_T36 .num span { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); color: #fff; }
.block03_T36 .num:hover { background: #fff; }
.block03_T36 .num:hover span { color: #105697; }

.block03_T36 .textWrap { width: 69.44444%; }
.block03_T36 .tit { font-size: 18px; color: #111; font-weight: bold; }
.block03_T36 .tit:hover { color: #105697; }
.block03_T36 .des { color: #444; line-height: 24px; max-height: 48px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; }

@media screen and (max-width: 875px) { 
    .block03_T36 { margin-bottom: 40px; }
    .block03_T36 ul li { width: 47%; }
    .block03_T36 .tit { font-size: 18px; }

/*    .block03_T36 .item_img {
        width: 132px;
        height: 132px;
    }*/

    .block03_T36 .num { width: 12%; padding-top: 12%; font-size: 18px; }

    .block03_T36 .textWrap { width: 84%; } 

}

@media screen and (max-width: 600px) { 
    .block03_T36 ul li { width: 100%; } 

}


@media only screen and (max-width: 1200px) {
   
}

 

@media only screen and (max-width: 480px) {

    .block03_T36 .item_img {
        width: 112px;
        height: 112px;

    }
    
    .block03_T36 .item_img img {
        height: 80px;
    }
    .block03_T36 .item_img:before {
        height: 100px;
    }


    .block03_T36 .item_img:after {
        width: 100px;
        height: 100px;
    }
}