﻿

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_center{text-align:center;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hidden{overflow:hidden;}
.nor{font-weight:normal;}

.homeTitle {
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
    line-height: 40px;
}
.homeTitle h2 {
    font-size: 36px;
    color: #FF0000;
    font-weight: normal;
}
.strength{padding-top:30px;}
.strengthMain{height:;overflow:hidden;}
.strengthMain li{float:left;width:263px;height:150px;overflow:hidden;background:#000;position:relative;border-radius:8px;}
.strengthMain li img{width:263px;height:150px;transition:all .5s;opacity:0.5;filter:alpha(opacity=50);}
.strengthMain li .font{width:263px;height:122px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:30px;}
.strengthMain li .font h3{font-size:32px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:16px;}
.strengthMain li:hover img{transform: scale(1.65, 1.65);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

