.pagem .servicenav{width: 100%;background-color: #1c1514;	display: flex;margin-bottom: 145px;}
.pagem .mains{width: 100%;border:none;}
.pagem .servicenav .nav{width: 50%; transition: all 0.6s; cursor: pointer;border-bottom: 2px solid #838384;}
.pagem .servicenav .nav:first-child{text-align: right; padding-right: 13%;border-right: #838384 2px solid;}
.pagem .servicenav .nav:first-child .name{justify-content: flex-end;}
.pagem .servicenav .nav:last-child{text-align: left; padding-left: 13%;}
.pagem .servicenav .nav .name{padding: 20px 0;display: flex; align-items: flex-end;color: #838384;flex-wrap: wrap;}
.pagem .servicenav .nav .name b{font-size: 46px;line-height:40px;padding: 0 10px;font-family: 'ff_MM_Bold';letter-spacing: -2px;}
.pagem .servicenav .nav .name span{ font-size: 28px;}
.pagem .servicenav .on{ background-color:#de5823;}
.pagem .servicenav .on .name{color: #1c1514;}
.pagem .servicenav .nav:hover{ background-color:#de5823; color: #1c1514;  }
.pagem .servicenav .nav:hover .name{ color: #1c1514; }


.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%;}
.videos{ display:none; position:fixed; left:10%; top:10%; z-index:100; width:80vw;height:80vh; text-align: center;}/* margin-left:-320px; margin-top:-210px;*/
.vclose { position:absolute;right:1%; top:1%; cursor: pointer; }
.videobg{display:none; width:100%; height:100%; position: fixed; z-index:99; opacity: 0.95; background-color: #1c1514;left: 0px; top: 0px;transition:all 0.5s; }


.cplist{ overflow: hidden; width: 75%; margin: 0 auto; }
.cplist .item{ float: left; width: 32.2%; margin-bottom:45px; cursor: pointer; }
.cplist .item:nth-child(3n+2){ margin: 0 1.7%; }
.cplist .item .imga{ display: block; width: 100%; position: relative; overflow: hidden; }
.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/img38.png); background-size: 80px auto; background-repeat: no-repeat; background-position: center center; opacity: 0; transition: all 0.6s; }
.cplist .item:hover .imga img{ transform: scale(1.1); }
.cplist .item:hover .imga i{ opacity: 1; }

.cplist .item .info{ padding: 10px 0; }
.cplist .item .namea{ display: block; font-size: 16px; color: #838384; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px;text-transform: uppercase; }
.cplist .item .nameb{ display: block; font-size: 16px; color: #838384; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; }
.cplist .item p{ font-size: 14px; color: #838384; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; margin-top: 20px; }


@media (max-width: 1440px) {
	.cplist .item .imga i{ background-size: 70px auto; }
}
@media (max-width: 1023px) {
.pagem .mains {padding: 0px 7%;}
.pagem .servicenav{flex-wrap: wrap; margin-bottom: 0.55rem;}
.pagem .servicenav .nav{width: 100%;border-bottom: 1px solid #838384;}
.pagem .servicenav .nav .name{padding: 10px 5%; display: flex; align-items: baseline; flex-wrap: nowrap;}
.pagem .servicenav .nav .name b{font-size: 0.64rem; line-height:1; padding: 0 10px; font-family: 'ff_MM_Light'; letter-spacing: -2px;}
.pagem .servicenav .nav .name span{font-size: 0.32rem;}
.pagem .servicenav .nav:first-child{padding-right: 0%;border-right: none;}
.pagem .servicenav .nav:first-child .name{justify-content:left;}
.pagem .servicenav .nav:last-child{padding-left: 0%;}

.cplist{width: 100%;}
.cplist .item{ float: left; width: 48%; 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; }
.cplist .item .nameb{ font-size: 0.23rem; line-height: 0.3rem; }
.cplist .item p{ font-size: 0.22rem; line-height: 0.23rem; margin-top: 0.15rem; }

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


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

.videos{ left:1%; top:10%;  z-index:100; width:98vw;height:80vh; margin: 0 auto;}

}