ul,li{
	list-style: none;
}
.rvc{			
	max-width: 1000px;
	position: relative;
	margin: auto;
	margin-top: 50px;
    height:500px;
}
.rvc .rvc-wrapper{
	margin: auto;
	overflow: hidden;
}
.rvc .rvc-wrapper ul{
	overflow: hidden;
	position: relative;
}
.rvc .rvc-wrapper ul li{
	float: left;
    width:280px;
    height:372px;
    position:relative;
}

}
/*.rvc .rvc-wrapper ul li a{
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none;
}*/

.img-wrapper .img {
    position: absolute;
    top: 110px;
    width: 298px;
    transition: all 1s;
}
/*.rvc .rvc-wrapper ul li a h2 {
    margin-top: 10px;
    text-align: center;
    color: #fff;
}
.rvc .rvc-wrapper ul li a p{
	padding: 10px;
	height: 80px;
	color: #fff;
	font-size: 14px;
}*/
.rvc-prv,.rvc-next{
	position: absolute;
	height: 100%;
	top: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc-prv{						
	left: -30px;			
}
.rvc-next{			
	right: -30px;
	
}
/*.fugai {
    width: 298px;
    height: 473px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 473px;
    left: 0;
    transition: all 1s;
    padding: 40px 40px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}
   
.li1:hover .fugai {
        top: 0;
    }
.li1:hover .img-wrapper img {
    top: -473px;
}
.li2:hover .fugai {
    top: 0;
}

.li2:hover .img-wrapper img {
    top: -473px;
}
.li3:hover .fugai {
    top: 0;
}

.li3:hover .img-wrapper img {
    top: -473px;
}
.li4:hover .fugai {
    top: 0;
}

.li4:hover .img-wrapper img {
    top: -473px;
}
.li5:hover .fugai {
    top: 0;
}

.li5:hover .img-wrapper img {
    top: -473px;
}
.li6:hover .fugai {
    top: 0;
}

.li6:hover .img-wrapper img {
    top: -473px;
}
.fugai p{
    display:block;
    font-size:16px;
    text-align:left;
    margin-bottom:20px;
}
.fugai img{
    padding-bottom:30px;
}
.fugai span {
    display: block;
    text-align: left;
    margin-bottom:20px;
}*/
/*环境*/
#environment .environmentnav-box {
   position:relative;
   height:600px;
}
.environmentnav-box .img1{
    position:absolute;
    top:40%;
    left:20%;
}
.environmentnav-box .img2 {
    position: absolute;
    top:45%;
    left:37%;
}
.environmentnav-box .img3 {
    position: absolute;
    top: 5%;
    left:65%;
}
.environmentnav-box .img4 {
    position: absolute;
    top: 70%;
    left:27%;
}
.environmentnav-box .img5 {
    position: absolute;
    top: 65%;
    left:49%;
}
.environmentnav-box .img6{
    position: absolute;
    top:50%;
    left:63%;
}
.environmentnav-box .img7{
    position: absolute;
    top: 27%;
    left: 50%;
}
.environmentnav-box .img8 {
    position: absolute;
    top:0px;
    left:30%;
}
@keyframes change {
    from {
        bottom: 3%;
        opacity: 1;
    }

    to {
        bottom: 7%;
        opacity: 0.2;
    }
}

@-webkit-keyframes op {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes qn {
    0% {
        -webkit-transform: rotateZ(0deg)
    }

    50% {
        -webkit-transform: rotateZ(70deg)
    }

    100% {
        -webkit-transform: rotateZ(0deg)
    }
}

@-webkit-keyframes qw {
    0% {
        -webkit-transform: rotateZ(0deg)
    }

    100% {
        -webkit-transform: rotateZ(-360deg)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg)
    }

    100% {
        -webkit-transform: rotateZ(360deg)
    }
}

@-webkit-keyframes py {
    0% {
        -webkit-transform: translate(0,-10px)
    }

    50% {
        -webkit-transform: translate(0,10px)
    }

    100% {
        -webkit-transform: translate(0,-10px)
    }
}

@-webkit-keyframes down {
    0% {
        -webkit-transform: translate(0,0px);
        opacity: 0.8;
    }

    70% {
        -webkit-transform: translate(0,50px);
        opacity: 0;
    }

    99% {
        -webkit-transform: translate(0,50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0px);
        opacity: 0.8;
    }
}

@keyframes change1 {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}
@-webkit-keyframes go {
    0% {
        -webkit-transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(0,-10px)
    }

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

.img8 {
    -webkit-animation: rotate 20s linear 0s infinite;
}
.img8:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.img5 {
    -webkit-animation: py 3s linear 0s infinite;
}

.img6 img{
    -webkit-animation: change1 10s linear 0s infinite;
}

.img5:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.img6 img:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}