.cprow{overflow: hidden;/* display: flex; */}
.cpbb{font-size: 48px;font-weight: bold;color: #fff;border-bottom: 4px solid #fff;width: auto;display: inline-block;margin-bottom: 110px;}
.cpnr{width: calc((100% - 700px)/1);height: auto;float: left;position: relative;}
.cpimg{background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022110817233606026/cms/image/c35578cd-ece0-43ab-b033-182d0ccd4a29.jpg) no-repeat;background-size: cover!important;width: 700px;height: 520px;float: left;transition: all .5s ease;}
.cpjs{display:none;width: 100%;/* background: rgba(66,74,82,.8); */padding: 60px 30px 100px;margin: 0;/* position: absolute; */bottom: 0;text-align: center;/* height: 200px; */}
.cpnrbt{font-size: 32px;line-height: 60px;font-weight: bold;color: #fff;margin-bottom: 0;}
.cpnrtxt{font-size: 18px;color: #fff;line-height: 30px;}
.cpnrbut{overflow: hidden;margin-top: 20px;border: 1px solid #999;display: inline-block;padding: 5px 30px;color: #fff;border-radius: 20px;}
.cpnrbut span{padding: 5px 25px;border: 1px solid rgba(255,255,255,0.6);margin: 0px 15px 15px 0;color: #fff;border-radius: 8px;float: left;font-size: 16px;}
.cpnrbut span:hover{background:#008cd6;color:#fff;border-color:#008cd6;}
.cplist {
	width: 70%;
	margin: 0 auto;
	height: 300px;
	position: relative;
}
.cplist:before{
   content:'';
   width:80%;
	height:4px;
	background:#ffe6cc;
	position:absolute;
	left:10%;
	top:-2px;
}
.cpbt {
	width: calc((100% - 0px)/5);
	float: left;
	font-size: 16px;
	align-items: center;
	color: #fff;
	border-radius: 10px;position:relative;
}
.cpbt:after{
  content:'';
	width:18px;
	height:18px;
	position:absolute;
	border:3px solid #ffe6cc;background:#dc8b8c;
	border-radius:50%;
	top:-9px;
	left:50%;
	margin-left:-9px;
}
.cpbt.on:after{background:#c01522;}
.cpbtimg{width:80px;height: 80px;margin: 40px auto 20px;transition: all .5s ease;}
.cpbt span{
    width: 100%;
    padding: 0 20px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    min-height: 55px;
}
.yk1 .cpbtimg{background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022110817233606026/cms/image/83800a9e-232e-4cd2-86db-dfe446f3d5a3.png);}
.yk2 .cpbtimg{background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022110817233606026/cms/image/0c75f252-be6a-423c-a1f0-3d01b5cc77f5.png)}
.yk3 .cpbtimg{background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022110817233606026/cms/image/34505d91-834e-49ce-8999-a07a875ed7c9.png)}
.yk4 .cpbtimg{background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022110817233606026/cms/image/e8848351-46d4-4375-8a50-23e7600e9573.png)}
.yk5 .cpbtimg{background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022110817233606026/cms/image/ffab421c-1e79-4911-816d-f6c6a14c6572.png)}


.cpbt.on{background-color: #ffe6cc;color: #c01522;}
.cpbt.on .cpbtimg{
    background-position: bottom;
}
.cpjs.zs{display:block;}

@media only screen and (max-width: 1400px) and (min-width: 1024px){
  .cpnrtxt{height:60px;}
  .cpimg{width:50%}
  .cpnr{width:50%}
  .cplist{width:90%;}
  .cpjs{padding:60px 30px}
}

@media only screen and (max-width: 1023px){
  #c_static_001_P_10917-1672797498080{    background-size: cover;}
	.cpbt span{
    padding: 0 10px;
    font-size: 13px;
}
.cpbtimg{
    width: 60px;
    height: 60px;
    background-size: 60px;
    margin: 20px auto 10px;
}
.cprow{width:94%;margin:0 auto;}
.cpbb{font-size: 48px;font-weight: bold;color: #fff;border-bottom: 4px solid #fff;width: auto;display: inline-block;margin-bottom: 110px;}
.cpnr{width: 100%;height: auto;float: left;}
.cpimg{background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022110817233606026/cms/image/ba3cfc9a-2e92-4c04-b919-1be1ec52fda5.jpg) no-repeat;background-size: cover;width: 100%;height: 0;padding-bottom: 74.28%;}
.cpjs{display:none;width: 100%;/* background: rgba(66,74,82,.8); */padding: 15px;margin: 0;height: 120px;}
.cpnrbt{font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 5px;}
.cpnrtxt{font-size: 14px;color: #fff;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cpnrbut{overflow: hidden;margin-top: 15px;border: 1px solid #999;display: inline-block;padding: 0px 20px;color: #fff;border-radius: 20px;}
.cpnrbut span{padding: 5px 25px;border: 1px solid rgba(255,255,255,0.6);margin: 0px 15px 15px 0;color: #fff;border-radius: 8px;float: left;font-size: 16px;}
.cpnrbut span:hover{background:#008cd6;color:#fff;border-color:#008cd6;}
.cplist {
	width: 100%;
	float: left;
	height: auto;
}
  .cpbt {
	height: auto;
	text-align: left;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: 30px center;
	align-items: center;
	float: left;
}
}