.header-backimg{
	background: url("/static/image/b2.png");
	background-size: 100vw auto;
	background-color: #FEF8D9;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 1220px 0 545px;
}
.shape-back{
	position:relative;
	width: 80%;
	padding: 200px 0;
}
.shape-left,.shape-right{
	position:absolute;
	background-color: #2C2A29;
	z-index: 3;
    left: 0;
    top: 0;
    right: -70px;
    bottom: 0;
    padding: 200px 0;
	border-radius: 20px;
    transform: skew(-20deg);
}
.shape-right{
	text-align: right;
}
.shape-left:before{
	position: absolute;
    content: "";
    z-index: 1;
    left: -72px;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    background-color:#2C2A29;
    width: 100%;
    transform: skew(20deg);
}
.shape-right:before {
	position: absolute;
    content: "";
    z-index: 1;
    left: 79px;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background-color:#2C2A29;
    width: 100%;
    transform: skew(20deg);
}
.shape-content{
	position:absolute;
	background-color: transparent;
	z-index: 3;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 0;
    color:#fff;
    width: 80%;
}
.shape-content h1,
.shape-content p{
	color: #fff;
}

/*轮播记事*/
.move-back{			
	overflow: hidden;
	padding: 300px 0;
	width: 100%;
}
.move-container{
	animation: scrollLeft 60s linear infinite;
	white-space: nowrap;
	animation-play-state: running;
}
.move-x{
	pointer-events: none;
}
.move-x:before{
	position: absolute;
    content: "";
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('/static/picture/2/dx.gif');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.move-card{
	display: inline-block;
	margin: 5px;
	width: 100vw;
}

.move-year{
	color: #FBDD40;
	font-family: 'Black Han Sans', sans-serif;
	font-size: 25vw;
	font-weight: 900;
	margin-top: -2vw;
}
.move-content{
	margin-top: 15vw;
}
.d-block{
	max-width: 80%;
	margin: 1vw 0;
}
.carousel-control-prev{
	left: -10vw;
}
.carousel-control-next{
	right: -10vw;
}
.carousel-control-next, .carousel-control-prev{
	opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
	width: 5rem;
	height: 5rem;
}
.testimonial-section{
	background-color: #FBDD40;
	border-radius: 3vw 3vw 0 0;
	padding:0;
}
.company-info-desc p{
	padding: 5px 0;
	margin:5px;
}
/* 鼠标悬停时停止动画 */
.move-container:hover {
  	animation-play-state: paused;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1300% - 10px));
  }
}


/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.header-backimg{
		padding: 380px 0 700px;
	}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px){
	.header-backimg{
		padding: 300px 0 555px;
	}
	.shape-back{
		width: 50%;
		padding: 200px 0;
		margin: 10px 100px;
	}
	.move-back{
		padding: 100px 0;
	}
	.move-year{
		margin-top: 6vw;
	}
	.move-content{
		margin-top: 11vw;
	}
}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.header-backimg{
		padding: 230px 0 450px;
	}
}
/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

}
/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.header-backimg{
		padding: 120px 0 270px;
	}
}