@charset "utf-8";
 

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_center{text-align:center;}
.grWidth{width:100%; margin:0 auto;}
.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:60px;}
.strengthMain{height:;overflow:hidden;}
.strengthMain li{float:left;width:25%;overflow:hidden;background:#000;position:relative;}
.strengthMain li img{width:100%;transition:all .5s;opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li .font{width:100%;height:250px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:25%;}
.strengthMain li .font h3{font-size:1.8em;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.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;}


@media (max-width:1024px) 
{
	
	.strengthMain li { width:50%;}
}
@media (max-width:480px) 
{
	
	.strength {
    padding-top: 0px; padding-bottom:2em;
}
.strengthMain li .font h3 { font-size:1em;}

}
/*	
@media (max-width: 1920px) {  }
@media (max-width: 1680px) {  }
@media (max-width: 1440px) {
			 .navbar-default .navbar-nav > li > a {	color: #000000;	font-size: 16px; font-weight:normal;  	padding: 12px 20px 12px 20px;}
 }  
@media (max-width: 1366px) {  }
@media (max-width: 1280px) {  }
@media (max-width: 1100px) { } 
@media (max-width:1024px) {  }
@media  (max-width:768px) {  }
@media screen and (max-width:667px) {  }
@media screen and (max-width:480px) {  }
@media screen and (max-width:380px) and (min-width:320px){  }*/