@charset "utf-8";
ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu{margin:0; padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a:link,a:visited{color:#000;text-decoration:none;outline:none;}
a:active,a:hover{color:#000; text-decoration:none;}
body{ margin:0;padding:0;font:14px/22px Microsoft Yahei;/* font-size:1em; line-height:1.571em;*/ min-width:320px;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
.fix{*zoom:1;}
.bg{ background:#f5f5f5;}
html,body{height:100%}
body{background:url(../images/index_bg.png) no-repeat; background-size:100% 100%; background-position: center center;background-size:cover; }
.main{width:100%; margin: auto; position: absolute;  top: 0; left: 0; bottom: 0; right: 0;}
.main .logo{background:url(../images/icobg.png);background-position:0 0; width:298px; height:222px; margin:50px auto;}
.main ul{width:90%; margin:0px auto;}
.main ul li{width:33%; float:left; text-align:center;}
.main ul li a{ display:block; width:132px;height:166px; margin:20px auto; background:url(../images/icobg.png);}
.main ul li:nth-of-type(1) a{background-position:0 -222px;}
.main ul li:nth-of-type(2) a{background-position:-132px -222px;}
.main ul li:nth-of-type(3) a{background-position:0 -390px;}
.main ul li:nth-of-type(4) a{background-position:-132px -390px;}
.main ul li:nth-of-type(5) a{background-position:0 -560px;}
.main ul li:nth-of-type(6) a{background-position:-132px -560px;}
.main .enter{width:280px; text-align:center; height:70px; line-height:70px; font-size:3em; margin:70px auto; background:url(../images/white70_bg.png);}
.main .enter a{display:block; width:100%; height:100%}
@media screen and (max-width: 639px){
	.main {height:450px;}
	.main .logo{width:149px; height:111px; background-size:250px 363px; margin:20px auto; margin-top:10px;}
	.main ul li a{width:66px;height:83px;margin:10px auto; background-size:250px 363px;}
	.main ul li:nth-of-type(1) a{background-position:0 -111px;}
	.main ul li:nth-of-type(2) a{background-position:-66px -111px;}
	.main ul li:nth-of-type(3) a{background-position:0 -195px;}
	.main ul li:nth-of-type(4) a{background-position:-66px -195px;}
	.main ul li:nth-of-type(5) a{background-position:0 -280px;}
	.main ul li:nth-of-type(6) a{background-position:-66px -280px;}
	.main .enter{height:35px; width:100px; line-height:35px; font-size:1em; margin:35px auto;}
}