﻿@media screen and (max-width: 800px) {
  body{
    margin: 0;
    padding: 0;
	background:url(/img/ver1/bg1.jpg) no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
	}
}
@media screen and (min-width: 800px) {
  body{
    margin: 0;
    padding: 0;
	background:url(/img/ver1/bg1.jpg) no-repeat;
	-webkit-background-size:contain;
	background-size:contain;
	}
}

.divlistarea{
	margin-top:8%;
    width:100%;
	z-index:99999999;
	position: absolute;
	}
.div-list{
	padding:0;
	margin:0 8% 0 0;
	color:#000;
	font-size:14px;
	float:right;
	}
.div-list li{
	display:block;
	margin:0 0 10px 0;
    list-style-type:none;
	height:45px;
	line-height:45px;
	width:120px;
	position:relative;
	left:8%;
	}
.background-opacity{
	width:100%;
	height:100%;
	background:#FFF;
	box-shadow:0 0 10px #999;
	border-radius:5px;
	position:absolute;
	top:0;
	opacity:0.3;
	}
.list-img{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:5px;
	top:6px;
	}
.list-tit{
    color:#FFF;
	position:absolute;
	left:45px;
	
	}
.icon1{
    background:url(/img/ver1/index-icon.png) no-repeat scroll 0 2px; 
	background-size:110px 150px;
	}
.icon2{
    background:url(/img/ver1/index-icon.png) no-repeat scroll 0 -33px; 
	background-size:110px 157px;
	}
.icon3{
    background:url(/img/ver1/index-icon.png) no-repeat scroll -35px 2px; 
	background-size:110px 150px;
	}
.icon4{
    background:url(/img/ver1/index-icon.png) no-repeat scroll -42px -38px; 
	background-size:125px 169px;
	}
.icon5{
    background:url(/img/ver1/index-icon.png) no-repeat scroll -68px -33px; 
	background-size:110px 150px;
	}
.icon6{
    background:url(/img/ver1/index-icon.png) no-repeat scroll -70px 2px; 
	background-size:110px 150px;
	}
.icon7{
    background:url(/img/ver1/index-icon.png) no-repeat scroll -38px -78px; 
	background-size:120px 174px;
	}	

/*.div-list li:nth-child(1){
	width:45%;
	
	}
.div-list li:nth-child(2){
	width:40%;
	
	}
.div-list li:nth-child(3){
	width:35%;
	
	}
.div-list li:nth-child(4){
	width:50%;
	
	}
.div-list li:nth-child(5){
	width:45%;
	
	}
.div-list li:nth-child(6){
	width:55%;
	
	}
.div-list li:nth-child(7){
	width:45%;
	
	}*/
#IconImg{
   -webkit-animation: Swing 1s infinite;
	position:fixed;
	bottom:0;
	left:49%;
	opacity: 0.5;
	}
.ClickStyle{
	background-color:red;
	border-radius:5px;
	}
