.switchColor {
  width: 80%;
  margin: 50px auto 15px;
  display: flex;
  justify-content: space-between;
}
.switchColor span {
	position: relative;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      box-shadow: -0.5px 1.5px 0 rgb(204 201 196 / 80%);
}
.switchColor span::before {
  	 position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #000;
      margin: 0;
      cursor: pointer;
      box-sizing: border-box;
}
.switchColor span.active {
      border: 1px solid #000;
}
.switchColor span.active::before {
      border: 2px solid #fff;
}
.switchColor span:nth-child(2)::before {
  background-color: #f3f3f3;
}
.switchColor span:nth-child(3)::before {
  background-color: #f9dbc7;
}
.switchColor span:nth-child(4)::before{
  background-color: #dde3b3;
}
.switchColor span:nth-child(5)::before {
  background-color: #b7bee1;
}
.pro1-11item .larkm1_color {
	font-size: 18px;
	padding-left: 35px
}

.pro1-11item em {
	width: 80%;
	text-align: left;
	margin: 50px auto 0;	
	padding-left: 35px
}

.pro1-11item p {
	padding-left: 35px;
	margin-top: 10px;
}
.larkm1video {
	width: 1200px; margin: 0 auto;padding-bottom: 90px;	
}
.larkm1video video {
	width: 100%;
     vertical-align: middle;
}
@media screen and (max-width: 1440px){
	.larkm1video{
		width: 84%;	
	}
}
@media screen and (max-width: 1280px){
		.larkm1video{
			width: 84%;
			padding-bottom: 50px;	
		}
}
@media screen and (max-width: 1000px){
		.larkm1video{
			padding-bottom: 40px;
			width: 92%;	
		}
}
@media screen and (max-width: 768px){
		.larkm1video{
			padding-bottom: 20px;	
		}
}