.content-shili {
    text-align: center;
}
.content-shili-line {
    width: 1200px;
    margin: auto;
    overflow: auto;
}
.content-shili-tilte {
    color: #157FD7;
    font-size: 32px;
    margin-top: 60px;
}
.content-shili-desc {
    margin-top: 60px;
    font-size: 24px;
}
.carousel{
    position: relative;
    height: 200px;
}
.carousel li{
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.8s ease;
}

.carousel1 {
    transform: translate3d(-300px,0,0) scale(1);
    transform-origin: 0 50%;
    display: none;
}
.carousel2 {
    transform: translate3d(-300px,0,0) scale(1);
    transform-origin: 0 50%;
}
.carousel3 {
    transform: translate3d(0px,0,0) scale(1);
    transform-origin: 0 50%;
}
.carousel4 {
    transform: translate3d(300px,0,0) scale(1);
    transform-origin: 0 50%;
}
.carousel5 {
    transform: translate3d(600px,0,0) scale(1);
    transform-origin: 0 50%;
}
.carousel6 {
    transform: translate3d(900px,0,0) scale(1);
    transform-origin: 0 50%;
}
.carousel7 {
    transform: translate3d(1200px,0,0) scale(1);
    transform-origin: 0 50%;
}
@media screen and (max-width: 768px) {
	.content-shili-line{width: 100% !important;}
	.content-shili-tilte{font-size: 22px;}
	.carousel li{width: 100% !important;left: auto;top: auto;margin:0 auto;}
	.carousel img{width: 100% !important;}
	.carousel1 {transform: translate3d(-100%,0,0) scale(1);}
	.carousel2 {transform: translate3d(-100%,0,0) scale(1);}
	.carousel3 {transform: translate3d(0px,0,0) scale(1);}
	.carousel4 {transform: translate3d(100%,0,0) scale(1);}
	.carousel5 {transform: translate3d(100%,0,0) scale(1);}
	.carousel6 {transform: translate3d(100%,0,0) scale(1);}
	.carousel7 {transform: translate3d(100%,0,0) scale(1);}
	.content-shili-desc{font-size: 20px;}
	.content-shili-desc img{max-width: 100% !important;width: 100%;height: auto;}
	.content-shili-desc div{width: 100% !important;}
}