.pagem .projectmains{width: 100%;border:none; margin: 0 auto; padding: 0px 8.5%; margin-bottom: 3%;}
.pagem .servicenav{width: 100%;background-color: #000;  display: flex;margin-bottom: 128px;}
.pagem .servicenav .nav { width: 50%; transition: all 0.6s; cursor: pointer; border-bottom: 2px solid gray; border-top: 2px solid gray; height: 133px; align-items: center; display: flex; font-weight: 300; }
.pagem .servicenav .nav:first-child { text-align: right; padding-right: 11%; border-right: 2px solid gray; justify-content: flex-end; }
.pagem .servicenav .nav:first-child .name { justify-content: flex-end; }
.pagem .servicenav .nav:last-child { text-align: left; padding-left: 12.3%; justify-content: flex-start; }
.pagem .servicenav .nav .name { padding: 20px 0; display: flex; color: #b0b0b0; flex-wrap: wrap; }
.pagem .servicenav .nav .name p { font-size: 38px; padding: 0 0 0 22px;  position:relative; display: inline-block;transform: scaleY(0.9);}
.pagem .servicenav .nav .name span { font-size: 20px; }
.pagem .servicenav .on { background-image: url('/img/submenuover.jpg'); background-repeat: repeat-x; font-weight: 400; }
.pagem .servicenav .on .name { color: #fff; }
.pagem .servicenav .nav:hover { background-image: url('/img/submenuover.jpg'); background-repeat: repeat-x; color: #fff; }
.pagem .servicenav .nav:hover .name { color: #fff; }
.servicenav .on .name p::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid #fff; /* 设定三角形颜色 */
    position: absolute;
    left: -20px; /* 根据需要调整位置 */
    top: 50%;
    transform: translateY(-50%);
}
.cplist { overflow: hidden; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.cplist .item{ width: 30%; margin-bottom:60px; cursor: pointer; }
.cplist .item:nth-child(3n+2){ margin: 0 5%; }
.cplist .item .imga { display: block; width: 100%; position: relative; aspect-ratio: 1 / 1; overflow: hidden; align-items: center; display: flex; }
.cplist .item .imga img{ display: block; width: 100%; transition: all 0.6s; }
.cplist .item .imga i{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,0.1); background-image: url(../img/play.png); background-size: 37px auto; background-repeat: no-repeat; background-position: center center; opacity: 0; transition: all 0.6s; }
.cplist .item:hover .imga img{ transform: scale(1.1);filter:brightness(0.5); }
.cplist .item:hover .imga i{ opacity: 1; }

.cplist .item .info{ padding: 10px 0; text-align:center; }
.cplist .item .namea{ display: block; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; text-decoration: underline;margin-top: 33px;}
.cplist .item .nameb{ display: block; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 32px; transform: scaleY(0.9); }
.cplist .item p{ font-size: 18px; font-weight: 400; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; margin-top: 2px;transform: scaleY(0.9);  }


@media (max-width: 1440px) {
	.cplist .item .imga i{ background-size: 70px auto; }
}
@media (max-width: 1023px) {
.pagem .servicemains {padding: 0px 7%;}
.pagem .servicenav{flex-wrap: wrap; margin-bottom: 0.8rem;}
.pagem .servicenav .nav{width: 50%;border-bottom: 1px solid gray;border-top: 1px solid gray;height: 1.1rem;}
.pagem .servicenav .nav .name{padding: 10px 5%; display: flex;flex-wrap: nowrap;}
.pagem .servicenav .nav .name p{font-size: 0.26rem; line-height:2;padding: 0px 0 0 5px;}
.pagem .servicenav .nav .name span{font-size: 0.18rem;}
.pagem .servicenav .nav:first-child{padding-right: 0%;justify-content: center;border-right: gray 1px solid;}
.pagem .servicenav .nav:first-child .name{justify-content: center;}
.pagem .servicenav .nav:last-child{padding-left: 0%;justify-content: center;}
.servicenav .on .name p::before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff; /* 设定三角形颜色 */
    left: -5px; /* 根据需要调整位置 */
}
.pagem .servicenav .on { background-image: url('/img/submenuover.jpg'); background-repeat: repeat-x; background-size: 100% 1.1rem; }
.pagem .servicenav .nav:hover { background-image: url('/img/submenuover.jpg'); background-repeat: repeat-x; color: #fff; background-size: 100% 1.1rem;}

.cplist{width: 100%; justify-content: space-between;}
.cplist .item{ float: left; width: 47%; margin-bottom:0.55rem; }
.cplist .item:nth-child(3n+2){ margin: 0; margin-bottom:0.55rem; }
.cplist .item:nth-child(2n+2){ float: right; }

.cplist .item .info{ padding: 0.16rem 0; }
.cplist .item .namea{ font-size: 0.25rem; line-height: 0.3rem; margin-top: 0.24rem; }
.cplist .item .nameb{ font-size: 0.23rem; line-height: 0.3rem; margin-top: 0.24rem;}
.cplist .item p{ font-size: 0.22rem; line-height: 0.23rem; }

.cplist .item .imga i{ background-size: 0.6rem auto; }
.cplist .item .imga{width: 100%;}
.cplist .item .imga img { height: 100%; object-fit: cover; object-position: 50% 50%;}


.pagem .snav .sone:hover{ border-bottom: 2px solid gray; background-color:none;  }
.pagem .snav .sone:hover .name{ color: #000; }
}