#wrap_body { width: 100%; min-width: 1100px;}
.main_part { width: 33.333333%; height: auto; padding: 35px; min-width: 320px; height: 400px; }
.main_icon { width: 100%; height: 50px; text-align: center;}
.fa-stack {position: relative;
display: inline-block;
width: 105px;
height: 105px;
line-height: 105px;
vertical-align: middle;
border: 2px solid #c0c0c0;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-backface-visibility: hidden;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
-o-border-radius: 53.5px;
-moz-border-radius: 53.5px;
-webkit-border-radius: 53.5px;
-ms-border-radius: 53.5px;
border-radius: 53.5px;
color: #fff !important;
background-color: #303133 !important;
border-color: #303133 !important;
}

.fa-stack > i { font-size: 5em; line-height: 105px;}
.main_part p { font-size: 14px; padding: 5px; color: #888;}




.main_card { height: 350px; position: relative; width: 100%; padding: 20px;}
.main_card .img_circle { width: 105px; height: 105px; -o-border-radius: 53.5px;
    -moz-border-radius: 53.5px;
    -webkit-border-radius: 53.5px;
    -ms-border-radius: 53.5px;
    border-radius: 53.5px;}
.main_card .img_circle i { color:#fff; font-size: 45px;}
.main_card h3 {position: relative; width: 100%; height: 30px;line-height: 30px; margin-top: 10px; margin-bottom: 15px;}

.main_card_img { position: relative; width: 100%; height: 110px; }
.main_card_bg { background-size: cover; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.main_card_bg.bg_img1 { background: url(/skin/image/img_about.png) center center;}
.main_card_bg.bg_img2 { background: url(/skin/image/img_mac.png) center center;}
.main_card_bg.bg_img3 { background: url(/skin/image/img_dev.png) center center;}
.main_card_bg.bg_img4 { background: url(/skin/image/img_project.png) center center;}