/**×é¼þ**/
.kstd-list { font-size: 0; margin: 0 -20px 60px;}
.kstd-list li { display: inline-block; vertical-align: top; width: 20%; padding: 0 20px; margin: 0 0 20px;}
.kstd-list li a { display: block; padding: 0 8px 0 68px; font-size: 18px; line-height: 65px; color: #000; text-align: center; background: #f2f2f2; position: relative; transition: all .3s; -ms-transition: all .3s;}
.kstd-list li .icon { position: absolute; top: 0; left: 0; width: 65px; height: 65px; background: url(/dzb/images/kstd3.png) no-repeat 50% 50% #bbb; transition: all .3s; -ms-transition: all .3s;}
.kstd-list li .icon.i1 { background-image: url(/dzb/images/kstd1.png);}
.kstd-list li .icon.i2 { background-image: url(/dzb/images/kstd2.png);}
.kstd-list li .icon.i4 { background-image: url(/dzb/images/kstd4.png);}
.kstd-list li .icon.i5 { background-image: url(/dzb/images/kstd5.png);}
.kstd-list li a:hover { color: #ae0a29; transform: translateY(-4px); -ms-transform: translateY(-4px);}
.kstd-list li a:hover .icon { background-color: #ae0a29;}
@media screen and (max-width: 1460px) {
.kstd-list { margin: 20px 0 40px;}
.kstd-list li { padding: 0 10px;}
}
@media screen and (max-width: 1024px) {
.sec3 { margin-top: 20px;}
.kstd-list li { width: 33.33%;}
}
@media screen and (max-width: 768px) {
.kstd-list { margin: 10px 0 10px;}
.kstd-list li { width: 50%;}
.kstd-list li a { line-height: 50px; font-size: 15px; padding: 0 5px 0 55px;} 
.kstd-list li .icon { width: 50px; height: 50px; background-size: 32px;}
}