body,ul,li,h2,h3,div{margin:0;padding:0;border:0;}

body{font-size:12px; font-family:"Microsoft YaHei";}

ul{list-style-type:none;}

a{text-decoration:none;}



body{background-color:#292929;}

@font-face {

	font-family: 'WebSymbolsRegular';

    src:url('/images/1ddd29f07e22ac88b8cfbe16776b38b1.woff');

    src:url('/images/1ddd29f07e22ac88b8cfbe16776b38b1.woff') format('woff'),

        url('/images/78d7117a756f236cff887630cdefeb8a.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

.list{

	text-align: center;

	width:310px;

	height:auto;

	margin:0 auto;

}

.list li{

	display:inline-block;

	margin:5px;

	height:80px;

	background:#FFF;

	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);

	-webkit-transition:0.3s all ease;

	-moz-transition:0.3s all ease;

	-ms-transition:0.3s all ease;

	-o-transition:0.3s all ease;

	transition:0.3s all ease;

	overflow:hidden;

	position:relative;

}

.shoujiqudiao{
	display:block;
	
}

@media screen and (max-width: 1222px) { .shoujiqudiao{display:none; }
}

.list li:hover{

	background:#4B0082;

	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);

}

.text h2,.text a{

	font-family:"Microsoft YaHei";

	color:#333;

	text-shadow:1px 2px 4px #999;

	font-size:28px;

	font-weight:normal;

	-webkit-transition:0.3s all ease;

	-moz-transition:0.3s all ease;

	-ms-transition:0.3s all ease;

	-o-transition:0.3s all ease;

}

.text h3{

	font-family:Verdana;

	font-size:14px;

	color:#666;

	font-weight:normal;

	-webkit-transition:0.3s all ease;

	-moz-transition:0.3s all ease;

	-ms-transition:0.3s all ease;

	-o-transition:0.3s all ease;

}

.list li:hover h2,.list li:hover  a{

	color:#FFF;

	font-size:18px;

	text-shadow:1px 2px 4px #333;

}

.list li:hover .text h3{

	color:#F60;

	font-size:18px;

	margin-top:10px;

}

.list li .icon{

	/*font-family:'WebSymbolsRegular'*/;

	width:60px;

	height:50px;

	margin-left:20px;

	margin-top:15px;

	float:left;

	font-size:30px;

	line-height:75px;

	text-align:center;

	-webkit-transition:0.3s all ease;

	-moz-transition:0.3s all ease;

	-ms-transition:0.3s all ease;

	-o-transition:0.3s all ease;

	text-shadow:0 0 3px #CCCCCC;

}

.icon1{

background:url(../image/732af86b8aab12f390f0b7eafb15dcf5.png)repeat-y center

}

.icon2{

background:url(../image/517f8c3494b3ff30ab01af2fb2b82461.png)repeat-y center

}

.icon3{

background:url(../image/24f5cb286a4c86a086da4ae5b8ea5357.png)repeat-y center

}

.icon4{

background:url(../image/6c474055946ba5bc3d4cea2c0520c067.png)repeat-y center

}

.icon5{

background:url(../image/0f0e7f99529e1ef9dbe518d517d8c425.png)repeat-y center

}

.icon6{

background:url(../image/a217dffe1022b1b98d3c6e6e54a117e8.ico)repeat-y center

}

.icon7{

background:url(../image/70cf3ef6d78e0f49ab5c47f6e2b51c23.jpg)repeat-y center

}

.icon8{

background:url(../image/ad42af17222a24013ca91027ad59333f.png)repeat-y center

}
.icon9{

background:url(../image/6c474055946ba5bc3d4cea2c0520c067.jpg)repeat-y center

}

.icon10{

background:url(../image/5845d86a03bbdbda74e2eca854eb2c6c.png)repeat-y center

}

.icon11{

background:url(../image/dd7adf5654a244dfa4f959b832d5fcec.png)repeat-y center

}
.icon12{

background:url(../image/e58773312294ad99a67ad19016afe6e6.png)repeat-y center

}
.icon13{

background:url(../image/d3d401272c65af9bf338c90f6998e957.png)repeat-y center

}
.icon14{

background:url(../image/bca8963933b126af0c8d13b5a8a6db0c.png)repeat-y center

}
.icon15{

background:url(../image/cdc47388a2c3246e71a3c105da7d09fa.png)repeat-y center

}
.icon16{

background:url(../image/3226802efca7fdc9a52e92e88a38dd71.png)repeat-y center

}
.icon17{

background:url(../image/54482978f3ec3347acc47c6b09961e2d.png)repeat-y center

}
.icon18{

background:url(../image/3226802efca7fdc9a52e92e88a38dd71.png)repeat-y center

}
.icon19{

background:url(../image/934e1df46aecf074d089d6d1c5e6db98.png)repeat-y center

}
.icon20{

background:url(../image/6c474055946ba5bc3d4cea2c0520c067.png)repeat-y center

}
.icon21{

background:url(../image/de0fb6b3a4d675de5646b9c17f452d0d.png)repeat-y center

}

.list li:hover .icon{

	color:#F90;

	font-size:50px;

}



.text{

	float:left;

	margin-top:11px;

	height:70px;

	width:200px;

	-webkit-animation:.5s .2s ease both;

-moz-animation:1s .2s ease both;

}



@-webkit-keyframes shake{

0%,100%{-webkit-transform:translateX(0);}

20%,60%{-webkit-transform:translateX(-10px);}

40%,80%{-webkit-transform:translateX(10px);}

}

@-moz-keyframes shake{

0%,100%{-moz-transform:translateX(0);}

20%,60%{-moz-transform:translateX(-10px);}

40%,80%{-moz-transform:translateX(10px);}

}



.footer {

	font-size: 16px;

	width: 280px;

	margin: 30px auto;

	text-align: center;

}