#page-title2{
	background-image: url(../../uploads/image/softwareMake/software-logo.png);
	background-size: 100%;
	padding: 230px 0px;
}
.margin-40{
	margin-top: 40px;
}
.img_div1 {
    position: relative;
    width: 100%;
	height: 240px;
	background-color: gray;
}
.img_div1 .imgs{
	width: 100%;
	height: 240px;
}
.mask1{
   width: 100%;
	height: 240px;
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #0b111b;   
    opacity: 0.8;
}
.img_div1:hover .mask1 {
     background: rgba(101, 101, 101, 0.6);       
}
.mask1 img{
	width: 40px;
	height: 40px;
	position: relative;
	margin-left: 10px;
   	z-index: 10; 	
   	-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}
.mask1 img:hover{
	 -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.mask1 .mask-one{
	margin-top: 10px;
}
.mask1 .mask-a{
   	position: relative;
   	z-index: 10;
   	margin-left: 10px;
	color: white;
	font-size: 26px;
}
.mask1 .mask-two{
	/*margin-top: 10px;*/
}
.mask1 .mask-two span{
	color: white;
	font-size: 12px;
	display: inline-block;
	width: 100%;
	padding-left: 65px;
}
.mask1 .mask-three{
	margin-top: 10px;
}
.mask1 .mask-three span{
	color: white;
	font-size: 16px;
	display: inline-block;
	width: 100%;
	padding-left: 20px;
}
.mask1 .mask-four{
	margin-top: 30px;
}
.mask1 .mask-four span{
	color: white;
	font-size: 16px;
	display: inline-block;
	width: 100%;
	padding-left: 20px;
}
.text-center span{
	border: 1px solid black;
	color: black;
	padding: 10px 20px;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
}
#page-title3{
	background: url(../../uploads/image/softwareMake/big.jpg) no-repeat;
	background-size: 100%;
	padding: 420px 0;
}
.softwareMake{
	display: none;
}