.title-centered{
	text-align: center;
}
.title-centered .headline-translation{
	left: 12px;
}
.headline-translation{
	color: #2961fb;
	text-transform: capitalize;
	font-weight: bold;
	letter-spacing: 0px;
	position: relative;
	left: 25px;
	display: inline-block;
}
.headline-translation:before{
	position: absolute;
	content: "";
	top: 0;
	left: -25px;
	height: 15px;
	width: 15px;
	background: url(../limo/image/titles-icon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.headline{
	font-size: 50px;
	font-weight: bold;
	margin: 0 0 40px 0;
}

.clum-product{
	margin: 50px 0;
}
.clum-product .picture img{
	margin-left:-70px;
	
}
.clum-product .caption{
	margin-top: 30px;
}
.clum-product p:nth-of-type(2){
	padding-top: 20px;
}
.clum-product .range{
	margin-top: 40px;
}
.clum-product .range li{
	position: relative;
}
.clum-product .range li::after{
	position: absolute;
	content: "";
	top: calc(50% - 12px);
	right: 24px;
	height: 24px;
	width: 24px;
	background: url(../limo/image/icon-2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.clum-product .range li:nth-of-type(1)::after{
	right: 28px;
}
.clum-product .range li:nth-of-type(3)::after{
	background: none;
}
.clum-product .range li span{
	font-size: 25px;
	color: #000;
	font-weight: bold;
	display: block;
}
.clum-product .range li span i{
	font-size: 18px;
	font-style: inherit;
}
.clum-product .range li strong{
	font-size: 16px;
	position: relative;
}
.clum-product .range li strong:after{
	position: absolute;
	content: "";
	bottom: -12px;
	left: 0;
	width: 22px;
	height: 6px;
	background-color: #1157ed;
}
.clum-product .btn{
	margin-top: 50px;
	font-size: 20px;
	color: #fff;
	width: 260px;
	height: 56px;
	line-height: 50px;
	background:linear-gradient(to left, #2372f9, #122cbb 100%);
	border:0px;
	border-radius: 8px;
	padding: 0;
}
.clum-product .btn img{
	padding: 0 6px 2px 0;
}


.clum-advantage{
	background: #f7f8ff;
	padding: 50px 0 20px 0;
}
.clum-advantage .card{
	margin-bottom: 46px;
}
.clum-advantage .card-icon{
	position: absolute;
	left: 0;
	padding: 20px 38px 20px 26px;
	top: 50%;
	transform: translateY(-50%);
	filter: drop-shadow(0 0 35px rgba(0,0,0,.06));
	z-index: 1;
}
.clum-advantage .card-icon::before{
	content: '';
	position: absolute;
	background: #fff;
	height: 100%;
	width: 100%;
	left: 15px;
	top: 0;
	clip-path: polygon(0 1%,85% 0,100% 100%,0 100%);
	border-radius: 10px 26px 10px 10px;
	transition: .5s;
	z-index: 1;
}
.clum-advantage .iconfont{
	font-size: 40px;
	color: #1537c5;
	position: relative;
	z-index: 2;
}
.clum-advantage .card-body{
	filter: drop-shadow(0 0 35px rgba(0,0,0,.06));
	padding: 50px 23px 36px 100px;
	transition: .5s;
	margin-left: 25px;
}
.clum-advantage .card-body::before{
	content: '';
	position: absolute;
	background: #fff url(../limo/image/icon-3.png) no-repeat top right;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	clip-path: polygon(0 0,100% 0,100% 100%,15% 100%);
	border-radius: 10px 10px 10px 26px;
	transition: .5s;
	z-index: -1;
}
.clum-advantage h4{
	font-size: 26px;
	font-weight: bold;
}


.clum-composition{
	background: #fff url(../limo/image/composition-2.png) no-repeat top left;
	margin-top: 0;
	padding-top: 70px;
}
.clum-composition .headline{
	margin-bottom: 30px;
}
.clum-composition .picture img{
	margin-left: 20px;
}
.clum-composition .card-group{
	margin: 50px 0 0 0;
}
.clum-composition .card{
	margin-bottom: 46px;
}
.clum-composition .card-number{
	height: 52px;
	width: 52px;
	line-height: 45px;
	border-radius: 100%;
	background:linear-gradient(to left, #2372f9, #122cbb 100%);
	padding: 2px;
	position: relative;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	border: 3px solid#fff;
}
.clum-composition .card-number::after{
	position: absolute;
	content: "";
	top: -10px;
	left: -9px;
	height: 30px;
	width: 30px;
	border-radius: 100%;
	z-index: -1;
	background: #8fadff;
}
.clum-composition .card-body{
	width: calc(100% - 76px);
	margin: -14px 0 0 16px;
}
.clum-composition .card-body h4{
	font-size: 22px;
	color:#000;
	font-weight: bold;
	margin-bottom: 8px;
}


.clum-principle{
	background: url(../limo/image/principle-1.jpg) no-repeat;
	width: 100%;
	height: 700px;
}
.clum-principle .container{
	padding-top: 140px;
	text-align: center;
}
.clum-principle .headline{
	color: #fff;
}
.clum-principle .describe{
	color: #fff;
	width: 69%;
	margin: 0px auto;
}
.clum-principle .player{
	width: 75px;
	height: 75px;
	line-height: 75px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	position: relative;
	color: #fff;
	-webkit-animation: ripple-white 1s linear infinite;
	animation: ripple-blue 1s linear infinite;
	-webkit-transition: .5s;
	background: #285ef3;
	font-size: 28px;
	z-index: 44;
	margin-top:60px;
}
.clum-principle .iconfont{
	font-size: 30px;
}
.clum-principle .video{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.95);
	z-index: -1000;
	opacity:0;
	transition: opacity .3s;
    -moz-transition: opacity .3s; /* Firefox 4 */
    -webkit-transition: opacity .3s; /* Safari and Chrome */
    -o-transition: opacity .3s; /* Opera */
}
.clum-principle .videos-nr{
	width: 800px;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.clum-principle .icon-guanbi{
	color: #fff;
	position: absolute;
	right: 20px;
	top: 20px;
}
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(40,94,243, 0.3), 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3);
        box-shadow: 0 0 0 0 rgba(40,94,243, 0.3), 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3), 0 0 0 30px rgba(40,94,243, 0);
        box-shadow: 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3), 0 0 0 30px rgba(40,94,243, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(40,94,243, 0.3), 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3);
        box-shadow: 0 0 0 0 rgba(40,94,243, 0.3), 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3), 0 0 0 30px rgba(40,94,243, 0);
        box-shadow: 0 0 0 10px rgba(40,94,243, 0.3), 0 0 0 20px rgba(40,94,243, 0.3), 0 0 0 30px rgba(40,94,243, 0)
    }
}


.clum-material{
	margin: 50px 0;
	background: url(../limo/image/material-5.png) no-repeat bottom left;
	width: 100%;
}
.clum-material .card {
	margin-bottom: 40px;
}
.clum-material .card-box{
	background: #f7f8ff;
	padding:20px;
	border-radius:170px;
}
.clum-material .card-body{
	width: calc(100% - 150px);
	padding-left: 24px;
}
.clum-material h4{
	font-size: 20px;
	color: #000;
	font-weight: bold;
	margin-top: 30px;
}
.clum-material .clum-btn{
	margin-top: 50px;
	font-size: 20px;
	color: #fff;
	width: 280px;
	height: 56px;
	line-height: 56px;
	background: linear-gradient(to left, #2372f9, #122cbb 100%);
	border: 0px;
	border-radius: 8px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 80px;
}

.clum-application{
	margin-bottom: 50px;
}
.clum-application .card{
	position: relative;
}
.clum-application .card-thumbnail{
	border-radius: 8px;
	overflow: hidden;
}
.clum-application .card-body{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.clum-application .icon{
	width: 52px;
	height: 42px;
	line-height: 42px;
	background: linear-gradient(to left, #2372f9, #122cbb 100%);
	border: 0px;
	border-radius: 8px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	right: 26px;
	top: 10px;
	
}
.clum-application .iconfont{
	font-size: 26px;
	color: #fff;
}
.clum-application span{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 26px;
	bottom: 10px;
}


.clum-customer{
	background: #f7f8ff;
	padding: 50px 0;
	margin-bottom: 50px;
}
.clum-customer .card{
	margin-right: 24px;
}
.clum-customer .card:nth-child(3){
	margin-right: 0;
}
.clum-customer .card img{
	width: 100%;
}


.clum-parameter{
	margin-bottom: 50px
}
.clum-parameter .canshu-nr>div{
	border: 0;
}

.clum-solution{
	background: #f7f8ff;
	padding: 50px 0;
	margin-bottom: 50px	;
}
.clum-solution .form-box{
	text-align: center;
}
.clum-solution .form-group{
	position: relative;
	margin-bottom: 30px;
}
.clum-solution label{
	color: #f00;
	position: absolute;
	left: 36px;
	top: 22px;
}
.clum-solution .form-control{
	font-size: 16px;
	padding-left: 36px;
	height: 56px;
	border: 0;
	box-shadow: 0 0 10px 10px rgba(0,0,0,.01);
	border-radius: 8px;
}
.clum-solution .form-group:nth-child(4) .form-control{
	padding-left: 20px;
}
.clum-solution .form-group:nth-child(5) .form-control{
	height: 200px;
	padding-left:20px;
	padding-top: 18px;
}
.clum-solution .btn-default{
	font-size: 20px;
	color: #fff;
	width: 280px;
	height: 56px;
	line-height: 56px;
	background: linear-gradient(to left, #2372f9, #122cbb 100%);
	border: 0px;
	border-radius: 8px;
	text-align: center;
	padding: 0;
	margin-top: 20px;
}

@media (max-width:1300px) {
	.clum-product .picture img{
		width: 100%;
		margin-left: -10px;
	}
}

@media (max-width:1200px) {
	.clum-product .range li span{
		font-size: 22px;
	}
	
	.clum-customer .card{
		width: 29.6%;
	}
	.clum-customer .card:nth-child(3){
		width: calc(100% - (59.2% + 48px));
	}
}
@media (max-width:992px) {
	.clum-product .range li span{
		font-size: 20px;
	}
	.clum-product .range li::after, .clum-product .range li:nth-of-type(1)::after{
		right: 10px;
	}
	
	.clum-advantage .card-body{
		padding: 40px 23px 40px 100px;
	}
	.clum-principle .videos-nr{
		width: 420px;
	}
	.clum-application .card-thumbnail img{
		width: 100%;
	}
	.clum-customer .card{
		width: 29.3%;
	}
	.clum-customer .card:nth-child(3) {
	    width: calc(100% - (58.6% + 48px));
	}
}
@media (max-width:768px) {
	.clum-product, .clum-material{
		margin: 30px 0;
	}
	.clum-advantage{
		padding-top: 30px;
		padding-bottom: 0;
	}
	.clum-composition{
		padding-top: 0;
	}
	.clum-principle{
		height: 600px;
	}
	.clum-application{
		margin-bottom: 10px;
	}
	.clum-customer, .clum-solution{
		padding: 30px 0;
		margin-bottom: 30px;
	}
	.clum-parameter{
		margin-bottom: 30px;
	}
	.clum-principle .container{
		padding-top: 80px;
	}
	.clum-principle .describe{
		width: 100%;
	}
	.clum-application .card{
		margin-bottom: 24px;
	}
	.clum-customer .card{
		width: 29.5%;
		margin-right: 15px;
	}
	.clum-customer .card:nth-child(3) {
	    width: calc(100% - (59% + 30px));
	}
}
@media (max-width:500px) {
	.clum-customer .card{
		width: 100%;
		margin-right: 0;
		margin-bottom: 24px;
	}
	.clum-customer .card:nth-child(3) {
	    width: 100%;
	}
}

@media (max-width:460px) {
	.clum-product .range li span{
		font-size: 18px;
	}
	.clum-product .range li::after{
		width: 18px;
		height: 18px;
	}
	.clum-principle .videos-nr{
		width: 380px;
	}
	
	.clum-material h4{
		font-size: 18px;
		margin-top: 20px;
	}
	.clum-principle .container{
		padding-top: 50px;
	}
}
@media (max-width:400px) {
	.clum-product .range li:nth-child(3), .clum-product .range li:nth-child(2){
		padding-left: 0px;
	}
	 .clum-product .range li:nth-of-type(2)::after{
		 right: 20px;
	 }
	 .clum-material .card-body{
			width: calc(100% - 140px);
			padding-left: 15px;
	 }
	 .clum-material h4{
	 	margin-top: 10px;
	 }
	 .clum-application .card{
		 width: 100%;
	 }
}