@charset "utf-8";
*{ border:0; padding:0; margin:0;}
body{ font-size: 12px; background:#fff; color:#545454; font-family:"微软雅黑"; background:#303030;}
li{ list-style:none; }
/*全局链接*/
A:link   {font-family:"微软雅黑";font-size:12px;color: #545454;text-decoration: none;}
A:visited{font-family:"微软雅黑";font-size:12px;color: #545454;text-decoration: none;}
A:hover  {font-family:"微软雅黑";font-size:12px;color: #ff0000;text-decoration: none;}
A:active {font-family:"微软雅黑";font-size:12px;color: #ff0000;text-decoration: none;}

#mainWrapper {width:100%; height:1080px; margin: 0 auto; background:url(in.jpg) center no-repeat;}
#mainWrapper2 {width:100%;margin:auto;}
#mainWrapper3 {width:100%;margin:auto; background:#282828;}
#mainWrapper_head{ width:100%; height:30px; margin:auto; background:#fafafa; border-bottom:#cccccc 1px dashed; line-height:30px;}
.top{width:100%;  margin: 0 auto; height:300px;background:url(top_bg.png) center no-repeat;}
.end {width:100%;  margin: 0 auto; height:290px;background:url(end_bg.png) center no-repeat;position:fixed; left:0; bottom:0; }


.inMenu{ padding-left:30%; padding-top:6%;}
/*
.inMenu li{ float:left; width:199px; height:177px;padding-left:8%;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;transition:transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;}
.inMenu li:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);} */


.inMenu li{  float:left; width:199px; height:177px;padding-left:8%;}

li#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
li#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}