﻿
.main{width: 541px; auto;height:290px;}
.hentry{text-align: center; max-width: 700px; margin: 0 auto 30px; font-size: 28px;}
.feature-btn{max-width: 600px; margin: 0 auto; overflow: hidden; zoom:1;}
.feature-btn li{width: 50%; *width:49.8%; float: left; display: inline; text-align: center; margin-bottom: 40px;}
.feature-btn a{width: 14em; display: block; margin: 0 auto; color: #fff; background:-webkit-linear-gradient(top, #38A2CC, #1781AB); background:linear-gradient(to bottom, #38A2CC, #1781AB); font-weight: bold; border: 1px solid #38A2CC; line-height: 40px;
border-radius: 4px;
}
.article{  background: #fff;}
.feature{overflow: hidden;height:100%;}
.feature-list{overflow: hidden; zoom: 1;}

.feature-list li{
    float: left;
    margin-right: 30px;
	width:202px;
	height:285px;
	margin-bottom: 25px;

}
.feature-list li p{
	font-size: 16px;
	font-weight: bold;
	color:#333;
	margin-top:36px;
	margin-bottom: 22px;
}
.feature-list li a{width:100%;background: #f5f5f5;text-align: center;height:41px;line-height: 41px;display: inline-block;border-radius: 5px;}
.feature-list li img{width:100%;
	height:281px;
	margin:0 auto;
	display: block;
	transition: 0.5s;
	overflow: hidden;
}
.feature-list h2{width:100%;font-weight:bold;color:#333;margin-top:32px;margin-bottom:12px;}
.feature-list .config h4{background-position: -232px 0;}
.feature-list .code h4{background-position: -458px 0;}
.feature-list li:hover img{
     transform:scale(1.1);//设置缩放比例
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
.feature-list li:hover a{
	background: #0089e1;
	color:#fff;
}