/*产品详情start*/


	.detaila {
		width: 100%;
      padding-top:15%;
      padding-bottom:15%;
	}

.dccenter ul {
width:100%;
}
	.detailb {
		display: flex;
		margin: 0px auto;
		padding-top: 3rem ;
		padding-bottom: 3rem ;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.detailc {
		display: flex;
		margin: 0px auto;
		padding-top: 3rem;
		padding-bottom: 3rem;
		width: 94%;
		max-width: 1300px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.detailb video {
		margin: 3%;
		max-width: 500px;
		border: #eb6100 5px solid;
	}

	.dctit {
		position: relative;
		margin: 0px auto;
		width: 90%;
	}

	.dctit h2 {
		color: #000000;
		text-align: left;
		font-weight: 500 !important;
		font-size: 32px;
		line-height: 200%;
	}

	.dctit h2:after {
		position: absolute;
		top: 60px;
		left: 0%;
		width: 80px;
		height: 5px;
		background: #eb6100;
		content: "";
      display:none;
	}

	.dctitc {
		position: relative;
		margin: 0px auto;
		width: 90%;
	}

	.dctitc h2 {
		color: #000000;
		text-align: center;
		font-weight: 500 !important;
		font-size: 30px;
		line-height: 200%;
	}

	.dctitc h2:after {
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: -40px;
		width: 80px;
		height: 5px;
		background: #eb6100;
		content: "";
      display:none;
	}

	.margin6 {
		padding-top: 6rem;
		padding-bottom: 6rem !important;
	}
.pt10pb10 {
padding-top:10%;
padding-bottom:10%;
}
.pt05pb05 {
padding-top:5%;
padding-bottom:5%;
}
	.dctit p,.dctit div,.dctit span {
		margin-top: 10px;
      margin-bottom:10px;
		color: #000000;
		font-size: 17px !important;
		line-height: 180%;
		font-weight: 300;
      text-align:left;
	}

	.dcleft {
		float: left;
		margin-left: 0;
		width: 50%;
		animation-name: fadeInLeft;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: both;
        display:flex;
  flex-direction:column;
  justify-content:center;
  align-items : center;
	}

	.dcright {
        display:flex;
  flex-direction:column;
  justify-content:center;
  align-items : center;
		float: left;
		margin-left: 0;
		width: 50%;
      padding-right:5%;
		animation-name: fadeInRight;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: both;
	}
.dcright img {
float:right;
}
	.dccenter {
		float: none;
		display: flex;
		margin-left: 0;
		width: 100%;
		text-align: center;
		animation-name: fadeInUp;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: both;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.dccenter ul li {
		width: calc((100% - 120px)/3);
		margin: 20px;
		list-style: none;
		min-height: auto;
		padding: 0px;
		background-color: transparent;
		text-align: center;
		color: #333333;
		font-size: 15px;
		float: left;
        font-weight: 300 !important;
	}

	.dccenter ul li h2 {
		font-size: 24px;
		font-weight: 500 !important;
		color: #000000;
		margin-bottom: 20px;
	}
.dccenter ul li p {
    font-size: 15px !important;
  font-weight: 500 !important;
    line-height: 220%  !important;
    padding-bottom: 5px;
  text-align:left;
    word-break: break-all !important;
}
	.w1300 {
		width: 94%;
		max-width: 1300px;
		margin: 0px auto;
	}
.wb90 {
width:90%;		margin: 0px auto;

}

	.dccenter img {
		width: 80% ;
		height: auto;
	}

	.col4 img {
		width: calc(100%/4) !important;
	}

	.back1 {
	}

	.back2 {
		background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011418094975055/cms/image/9494403b-e861-4f95-94e4-ef66291093be.jpg) center center no-repeat;
      
		background-size: cover;
	}

	.back3 {
	}

	.back4 {
		background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011418094975055/cms/image/486b349a-8ed5-470f-8873-4992ef21da30.jpg) center center no-repeat;
		background-size: cover;
	}

	.back5 {
		background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011418094975055/cms/image/b9b06bd5-9418-4698-b12f-46fc5a11afd8.jpg) center center no-repeat;
		background-size: cover;
	}

	.back6 {
		background: #ffffff;
		background-size: cover;
	}

	.back7 {
		background: #eeeeee;
	}

	.bgk1 {
		background: #e2e2e2;
	}

	.bgk2 {
		background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011418094975055/cms/image/5f111d16-a9d4-4d43-8509-ab96c8146232.jpg) center center no-repeat;
		background-size: cover !important;
	}

	.bgk3 {
		background: #e2e2e2;
	}

	.bgk4 {
		background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011418094975055/cms/image/5f111d16-a9d4-4d43-8509-ab96c8146232.jpg) center center no-repeat;
		background-size: cover !important;
	}

	.bgk5 {
		background: #e2e2e2;
	}

	.bgk6 {
		background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011418094975055/cms/image/5f111d16-a9d4-4d43-8509-ab96c8146232.jpg) center center no-repeat;
		background-size: cover !important;
	}

	.bgk7 {
		background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011418094975055/cms/image/4ea7653c-450c-475c-8460-3c9593ee1418.jpg) center center no-repeat;
		background-size: cover !important;
	}

	.detaila div {
		background: none;
	}  
  
  /*产品详情end*/
  
  
  
  
@media screen and (max-width: 768px) {
 /* #w_grid-1573788873389,#w_grid-1580877497342,#w_grid-1583782889775,#w_grid-1586392837190,#w_grid-1586392837250 {
  position:relative !important; */
 /* z-index:990 !important; */
  	.margin6 {
		padding-top: 1rem;
		padding-bottom: 1rem !important;
	}
  .dccenter {
		float: none;
		display: flex;
		margin-left: 0;
		width: 100%;
		text-align: center;
		animation-name: fadeInUp;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: both;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.dccenter ul li {
		width: calc((100% - 40px)/1);
		margin: 20px;
		list-style: none;
		min-height: 240px;
		padding: 0px;
		background-color: rgba(0,0,0,0);
		text-align: center;
		color: #333333;
		font-size: 17px;
		float: left;
	}

	.detailb {
		display: flex;
		margin: 0px auto;
		padding-top: 1rem;
		padding-bottom: 1rem;
		width: 94%;
		max-width: 1300px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	
	.dcleft {
		float: left;
		margin-left: 0;
		width: 100%;
		animation-name: fadeInLeft;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: both;
	}

	.dcright {
		float: left;
		margin-left: 0;
		width: 100%;
		animation-name: fadeInRight;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: both;
	}
.ablack {
      background-size: 100% !important;
    background-position: top center !important;
    background-color: #333333 !important;
}
  .ablank {
      background-size: 100% !important;
    background-position: top center !important;
    background-color: #ffffff !important;
}
 .ablank .dctit h2 {
    color: #000000;
    text-align: left;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 120%;
    margin-bottom: 50%;
       white-space: nowrap;
   }
   .ablack .dctit h2 {
    color: #ffffff;
    text-align: left;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 120%;
    margin-bottom: 50%;

}
 .aleft {
text-align:left !important;
}
 .aright {
text-align:right !important;
}
  .pl50 {
  padding-left:50%;
  }
   .pr50 {
  padding-right:50%;
  }
  .mt20p {
margin-top:-20px !important;
  }
    .mt50p {
  margin-top:50px !important;
  }
  
  .bgsize120 {
background-size:120% !important;
}
.bgsize140 {
background-size:140% !important;
}
.bgsize160 {
background-size:160% !important;
}
.bgsize180 {
background-size:180% !important;
}
.bgsize200 {
background-size:200% !important;
}
.bgsize220 {
background-size:220% !important;
}
.padbot80 {
  padding-bottom:80% !important;
  
  }
  .dctit p, .dctit div, .dctit span {
  font-size:13px !important;
  } 
  .dctit h2 {
  font-size:22px;
  }
  
}




@media only screen and (min-width: 769px) {

   .ablank .dctit h2 {
    color: #000000;
   
   }
   .ablack .dctit h2 {
    color: #ffffff;
   

}
  .mt20mb20 {
  margin-top:-20%;
  margin-bottom:20%;
  }


}