@charset "UTF-8";
/* CSS Document */

.shuping .space{width:100%; min-height:300px;}

.shuping .carousel-inner {
  width: 100%;
  height: 100%;
  min-height: 500px;
  position: relative; }
/*.carousel-inner .item{
	background-size:auto 100%!important;
	width: 100%;
	height: 100%;
	background-attachment: scroll;
	background-repeat: no-repea;
	background-position: center bottom!important;
}*/
.shuping .carousel-inner .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    z-index: 0; }
.shuping .carousel-inner .container span {
    display: block;
    position: absolute;
}
.shuping .carousel-inner .container span.p-1 {
    left: 15%;
    text-align: left;
    top: 40%;
}
.shuping .carousel-inner .container span.p-2 {
    left: 10%;
    text-align: right;
    top: 25%;
}
.shuping .carousel-inner .container span.p-3 {
    right: 2%;
    top: 15%;
}
.shuping .carousel-inner .container span.p-4 {
    bottom: 10%;
    left: 15%;
    right: 0;
    top: auto;
}
.shuping .carousel-inner .container span.p-5 {
    left: 40%;
	text-align: right;
    top: 70%;
}

.shuping .carousel-inner .container span h3 {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 350;
    margin-bottom: 10px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 1);
}
.shuping .carousel-inner .container span p {
    color: #fff;
    font-size: 2rem;
    font-weight: 320;
    margin: 0;
    text-shadow: 0 0 15px rgba(0, 0, 0, 1);
}
.shuping .carousel-inner .container h3 {
/*	-webkit-animation:slidetop 3s infinite;
	animation:slidetop 3s infinite;
		-webkit-animation:slidetop 3s;
	animation:slidetop 3s;
	animation-direction:alternate;
-webkit-animation-direction:alternate;*/
}

/*lunbotupian*/
.shuping .carousel-inner .item{
	background-size:100% auto!important;
	width: 100%;
	height: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center!important;
}
.shuping .lbpic1{background:url(../images/wind-s.jpg);}
.shuping .lbpic2{background:url(../images/power-s.jpg);}
.shuping .lbpic3{background:url(../images/chemical-s.jpg);}
.shuping .lbpic4{background:url(../images/tunnel-s.jpg);}



.shuping .carousel-inner .container p {
	/*-webkit-animation:slidebottom 5s infinite;
	animation:slidebottom 5s infinite;
	-webkit-animation:slidebottom 5s;
	animation:slidebottom 5s;
	animation-direction:alternate;
-webkit-animation-direction:alternate;*/
}
@-webkit-keyframes slidetop {
	0% {
		-webkit-transform:translateY(-50px);
		opacity:0
	}
	50% {
		-webkit-transform:translateY(-10);
		opacity:1
	}
	100% {
		-webkit-transform:translateY(0);
		opacity:1
	}
}
@keyframes slidetop {
	0% {
		transform:translateY(-50px);
		opacity:0
	}
	50% {
		transform:translateY(-10);
		opacity:1
	}
	100% {
		transform:translateY(0);
		opacity:1
	}
}
@-webkit-keyframes slidebottom {
	0% {
		-webkit-transform:translateY(50px);
		opacity:0
	}
	100% {
		-webkit-transform:translateY(0);
		opacity:1
	}
}
@keyframes slidebottom {
	0% {
		transform:translateY(50px);
		opacity:0
	}
	100% {
		transform:translateY(0);
		opacity:1
	}
}

#myCarousel{ height:100%;}
/*.carousel-inner .item .active,.carousel-inner .item{ width:100%; height:100%; position:relative; background-size:cover!important;}*/
/*.carousel-inner .container {
    height: 100%;
    position: relative;
    text-align: center;
}*/