.demo{
width:1200px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
.col-md-4{
float:left;
width:23%;/*公司添加减少改这里，6个20%，5个23%*/
}
.rm{
margin-right:-48px;
}
.bot{
margin-top:180px;
}
.box{
position: relative; 
}
.box .box-img{
-ms-transform: rotateY(0);
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
/*filter:progid:DXImageTransform.Microsoft.Matrix(M11=-0.707,M12=-0.707,M21=0.707,M22=-0.707,SizingMethod='auto expand');*/
-ms-transition: all 0.50s ease-in-out 0s;
-webkit-transition: all 0.50s ease-in-out 0s;
-moz-transition: all 0.50s ease-in-out 0s;
-o-transition: all 0.50s ease-in-out 0s;
transition: all 0.50s ease-in-out 0s;
}
.page_right span{
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.box:hover .box-img{
-ms-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.box .box-img img,.box-content{
width:100%;
height:100%;
}
.box .box-img img{
height:auto;
}
.box .box-content{
position: absolute;
top: 0;
left: 0;
background:url(../images/pb.png);
/*cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://192.168.1.61/templets/default/images/pb.png',sizingMethod='scale');*/
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://192.168.1.61/templets/default/images/pb.png',sizingMethod='scale');*/
-ms-transform:rotateY(90deg);
-webkit-transform:rotateY(90deg);
-moz-transform:rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-ms-transition:all 0.50s ease-in-out 0s;
-webkit-transition:all 0.50s ease-in-out 0s;
-moz-transition: all 0.50s ease-in-out 0s;
-o-transition: all 0.50s ease-in-out 0s;
transition: all 0.50s ease-in-out 0s;
}
.box:hover .box-content{
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.title{
width:100%;
display:block;
margin:34px auto 15px auto;
font-size:20px;
color:#fff;
text-align:center;
}
.pbg{
display:block;
width:95%;
height:18px;
background:url(../images/fbor.png);
}
.box .box-content,.pbg{
-ms-background-size:100% 100%;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
.description,.description0,.description1,.description2{
width:80%;
list-style:url(../images/li0.png);
font-size: 14px;
line-height: 24px;
color: #fff;
}
.description{
margin:15px auto 45px auto;
}
.description0{
margin:15px auto;
}
.description1{
margin:0 auto;
}
.description2{
margin:0 auto;
}
.social-links li{
display: inline-block;
margin: 0 10px;
}
.bdmar{
margin-top:120px;
}
.linkbg{
width: 100%;
display: block;
margin: 15px auto;
}
.linkbg a{
margin:0 auto;
padding:0 0;
display:block;
width:90px;
background:#FFA200;
font-size:14px;
color:#FFFFFF;
line-height:30px;
text-align:center;
text-decoration:none;
}