﻿body 
{
	background-image:url(../img/bg.jpg) ;	
	font:微软雅黑,normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	text-align :center ;
	margin :0px;
	padding :0px;
}
.banner{
    width :100%; 
    height :auto;
}
.banner img {
    width:100%;
    height:auto;
    margin :0px;
    padding :0px;
}
.picmove {
    position:absolute;
    bottom:50px;
    overflow:hidden;
    height:200px;
    width:100%;      
}
.picmove img {
    width:auto;
    height:200px;
    margin-right :10px;
    margin-left :10px;
    border-radius:8px;
    -webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;   
}
.picmove img:hover {
	-webkit-transform: scale(1.20) rotate(-1deg);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.20);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.open {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-45px;
    margin-top:-45px;
    overflow:hidden;
    height:90px;
    width:90px;    
}
.footer {
	position: absolute;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	right: 0px;
	z-index:100;
}
ul{    
    font-size:medium;
}
a {
    color:white ;
}
a:hover {
	color: Chocolate;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
ul.navig li a:hover ul.navig li a:after{
	display: block;
}
ul.navig li a:after{
	width:15px;
	height:15px;
	background:red;
	display: none;
	content:"";
	position:absolute;
	top:0;	
}
.box {
    margin-bottom: 20px;
    float: left;
    width: 212px;
    }
.box img{
    max-width: 100%;
    border-radius:5px;
    box-shadow: 5px 5px 5px #808080;
    -webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms; 
       
}
.box img:hover {
	-webkit-transform: scale(1.20) rotate(-1deg);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.20);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.pic{
    width:100%;
    height:250px;
    margin :auto ;
    padding :0px;
    background-color :white ;
    margin-bottom :20px;
    overflow:hidden;
    text-align:center ;
    border: 2px solid #ccc;
    border-radius:8px;    
}
.pic img {
    border-radius:5px;
    width:80%;
    height:auto;
    margin :auto;          	
	box-shadow: 5px 5px 5px #ccc;
    -webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;    
}
.pic img:hover {
	-webkit-transform: scale(1.20) rotate(-1deg);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.20);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.info{
    width:100%;    
    margin :auto ;
    padding :0px;
    margin-bottom :20px;    
}
.info img {
    border-radius:8px;
    width:100%;
    height:auto;
    margin :0px;
    padding :0px;    
    border-radius:8px;
    -webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;    
}
.info img:hover {
	-webkit-transform: scale(1.10) rotate(-1deg);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.10);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
nav{        
    margin-top :-15%;  
}
.auto-style1 {
    width: 100%;
    border: 1px solid #808080;
}
th {
    text-align:center;
}
@media (max-width:1024px) {
	.footer {
		display: none;
	}
}
