.nyone_ba.proxx:after{ height:450px;}
.Proxx_Head{ margin-top:32px; position:relative; z-index:2;}
.Proxx_Head .nyProShowHead_img { width:36.857%; float:left;}
.nyProShow_big { width:100%;height:516px;border: 1px solid #9c9e9f; border-radius:4px;  overflow: hidden; position: relative;}
.nyProShow_big .swiper-container, .nyProShow_small .swiper-container { height: 100%;}
.nyProShow_big .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.nyProShow_small { width:100%; height:120px; margin-top:12px; padding:0 1px;}
.nyProShow_small .swiper-container{ overflow:visible;}
.nyProShow_small .swiper-slide { overflow: hidden; border: 1px solid #9c9e9f; border-radius: 4px; position: relative; cursor: pointer;}
.nyProShow_small .swiper-slide.swiper-slide-thumb-active { border: 1px solid #e20613;}
/* 放大镜按钮样式 */
.nyProShow_big { position: relative;}
.img-zoom-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.img-zoom-btn svg {
  fill: #666;
  transition: fill 0.2s;
}
.img-zoom-btn:hover svg {
  fill: #e20613;
}

/* 全屏放大遮罩 */
.img-zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.img-zoom-img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.img-zoom-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

.Proxx_Head .nyProShowHead_text{ width:55.43%; float:right;}
.nyProShowHead_text .xh{ font-size:48px; color:#555; line-height:50px;}
.nyProShowHead_text .name{ padding:10px 0 25px; margin-bottom:25px; position:relative;display:flex; display: -webkit-flex;  justify-content:space-between;align-items: center;}
.nyProShowHead_text .name:after{ content:''; display:block; width:86px; height:3px; background:#1b1919; position:absolute; bottom:0; left:0;}
.nyProShowHead_text .name p{ width:70%;font-size:30px; font-family:'Microsoft Yahei', '微软雅黑';}
.nyProShowHead_text .name a{font-size:18px; color:#fff; border-radius:4px;display: inline-block;background: #e20613; border:1px solid #e20613; padding:11px; min-width:150px; text-align:center;max-width:25%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-family:'Microsoft Yahei', '微软雅黑';}
.nyProShowHead_text .name a svg{ width:24px; height:24px; fill:#fff; margin-right:5px;vertical-align: middle;}
.nyProShowHead_text h1{ font-size:22px; margin-bottom:48px; line-height:34px; max-height:102px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.nyProShowHead_text .data a{font-size:18px; color:#fff; border-radius:4px;display: inline-block;background: #e20613; border:1px solid #e20613; padding:11px; min-width:150px; margin-right:20px; text-align:center; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-family:'Microsoft Yahei', '微软雅黑';}
.nyProShowHead_text .data a:hover{background: #fff; color:#e20613;}
.nyProShowHead_text .data a svg{width:24px; height:24px; fill:#fff; margin-right:5px;vertical-align: middle;transition: fill 0s linear !important;-webkit-transition: fill 0s linear !important;}
.nyProShowHead_text .data a:hover svg{fill:#e20613;}
.nyProShowHead_text .product_tdbox{ margin-top:80px;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.nyProShowHead_text ul{ margin-top:80px;display: -webkit-flex;display: flex;flex-wrap: wrap; justify-content:space-between;}
.nyProShowHead_text ul li{ width:47%; max-height:120px; min-height:44px;font-size:18px; line-height:30px; padding-left:60px; margin-bottom:18px;float:left;position:relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.nyProShowHead_text ul li:nth-child(2n){ float:right;}
.nyProShowHead_text ul li svg{ width:44px; height:44px; position:absolute; left:0; top:0;}
@media (max-width:1680px) {
	.Proxx_Head .nyProShowHead_img { width:39%;}
	.nyProShow_big {height:480px;}
	
	.Proxx_Head .nyProShowHead_text{ width:55%;}
}
@media (max-width:1440px) {
	.nyone_ba.proxx:after{ height:400px;}
	.Proxx_Head .nyProShowHead_img { width:40%;}
	.nyProShow_big{ height:430px;}
	.nyProShow_small{ height:100px;}
	
	.nyProShowHead_text .xh{ font-size:40px; line-height:42px;}
	.nyProShowHead_text .name{padding: 10px 0 20px;margin-bottom: 20px;}
	.nyProShowHead_text .name p{ font-size:28px;}
	.nyProShowHead_text .name a{ font-size:16px; min-width:100px;}
	.nyProShowHead_text .name a svg{ width:20px; height:20px; margin-right:0;}
	.nyProShowHead_text h1{ font-size:20px; margin-bottom:30px;}
	.nyProShowHead_text .data a{ font-size:16px;}
	.nyProShowHead_text .data a svg{ width:20px; height:20px;}
	.nyProShowHead_text ul li{ font-size:16px;}
}
@media (max-width:1200px) {
	.nyone_ba.proxx{padding: 30px 0 40px;}
	.nyone_ba.proxx:after{ height:100%;}
	.Proxx_Head{ margin-top:22px;}
	.Proxx_Head .nyProShowHead_img{ width:45%;}
	.nyProShow_small{ height:80px;}
	
	.Proxx_Head .nyProShowHead_text{ width:50%;}
	.nyProShowHead_text .xh{ font-size:34px;}
	.nyProShowHead_text .name{padding: 10px 0 15px; margin-bottom: 15px;}
	.nyProShowHead_text .name p{ font-size:24px;}
	.nyProShowHead_text .name a{ padding:9px 11px;}
	.nyProShowHead_text h1{ font-size:18px; line-height:30px; max-height:90px;margin-bottom: 20px;}
	.nyProShowHead_text .data a{padding:9px 11px; margin-right:10px;}
	.nyProShowHead_text .product_tdbox{margin-top:20px;}
	.nyProShowHead_text ul{ margin-top:20px;}
	.nyProShowHead_text ul li{ padding-left:50px; margin-bottom:15px;line-height: 28px;max-height: 84px; min-height:36px;}
	.nyProShowHead_text ul li svg{ width:36px; height:36px;}
}
@media (max-width:1080px) {
	.nyone_ba.proxx{padding: 30px 0 20px;}
	.Proxx_Head .nyProShowHead_img{ width:100%;}
	
	.Proxx_Head .nyProShowHead_text{ width:100%; margin-top:20px;}
}
@media (max-width:767px) {
	.nyone_ba.proxx {padding:25px 0 15px;}
}
@media (max-width:550px) {
	.nyone_ba.proxx {padding:20px 0 10px;}
	.Proxx_Head{ margin-top:15px;}
	.nyProShow_big{ height:330px;}
	
	.nyProShowHead_text .xh{ font-size:28px;line-height: 30px;}
	.nyProShowHead_text .name{ margin-top:0;}
	.nyProShowHead_text .name::after{ width:100%; height:2px;}
	.nyProShowHead_text .name p{ font-size:22px;}
	.nyProShowHead_text h1{ font-size:16px; line-height:28px; max-height:84px; margin-bottom:15px;}
	.nyProShowHead_text .product_tdbox{margin-top:15px;}
	.nyProShowHead_text ul{ margin-top:15px;}
	.nyProShowHead_text ul li{ width:100%;padding-left:45px; min-height:30px; margin-bottom:10px;}
	.nyProShowHead_text ul li svg{width:30px; height:30px;}
}


/*lffNyProDetail_con*/
.lffNyProDetail_con { margin:65px 0 75px;}
.lffNyProDetail_con .proxxnav{ border-bottom:3px solid #000; overflow:hidden;}
.lffNyProDetail_con .proxxnav p{ font-size:18px; height:50px; line-height:50px; background:#dedfdf; margin-right:8px; padding:0 20px; border-radius:25px 25px 0 0; float:left; cursor: pointer;}
.lffNyProDetail_con .proxxnav p.on,.lffNyProDetail_con .proxxnav p:hover{background:#000; color:#fff;}
.lffNyProDetail_con .tong{ display:none;}
.lffNyProDetail_con .tong.on{ display:block;}
.lffNyProDetail_con .detail_wrap{ padding-top:40px; min-height:150px;}
.lffNyProDetail_con .detail_wrap,.lffNyProDetail_con .detail_wrap div,.lffNyProDetail_con .detail_wrap p,.lffNyProDetail_con .detail_wrap span,.lffNyProDetail_con .detail_wrap video,.lffNyProDetail_con .detail_wrap img,.lffNyProDetail_con .detail_wrap table,.lffNyProDetail_con .detail_wrap tr,.lffNyProDetail_con .detail_wrap td,.lffNyProDetail_con .detail_wrap em,.lffNyProDetail_con .detail_wrap i,.lffNyProDetail_con .detail_wrap ul,.lffNyProDetail_con .detail_wrap li{ max-width:100%; max-height:100%; font-size:18px; line-height:32px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal;word-break: break-all;   text-wrap: wrap;text-align: justify;}
.lffNyProDetail_con .detail_wrap li{list-style-type: disc;list-style-position: inside;}

.lffNyProDetail_con .cpxxtwo{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.lffNyProDetail_con .cpxxtwo .list{ display:block; width:32%; margin:0 2% 20px 0; padding:20px; border-radius: 4px;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);float:left;display:flex; display: -webkit-flex;  justify-content:space-between;align-items:center;}
.lffNyProDetail_con .cpxxtwo .list:nth-child(3n){ margin-right:0;}
.lffNyProDetail_con .cpxxtwo .list .pic{ width:80px; height:80px; position:relative;}
.lffNyProDetail_con .cpxxtwo .list p{width: calc(100% - 100px);font-size:18px; line-height:28px;}

.lffNyProDetail_con .cpxxvideo ul li{ width:21.7%; margin:0 4.4% 40px 0; float:left;list-style-type: none;}
.lffNyProDetail_con .cpxxvideo ul li:nth-child(4n){margin-right:0;}
.lffNyProDetail_con .cpxxvideo ul li .pic{ width:100%; height:172px; border-radius:16px; overflow:hidden; position:relative;}
.lffNyProDetail_con .cpxxvideo ul li:hover .pic img{transform: scale(1.05);}
.lffNyProDetail_con .cpxxvideo ul li .pic a{ display:block; width:58px; height:58px; background:#fff; border-radius:50%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;box-shadow: 0 0 0 2px #e30613; display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.lffNyProDetail_con .cpxxvideo ul li:hover .pic a{ background:#262626;}
.lffNyProDetail_con .cpxxvideo ul li .pic a svg{ width:30px; height:30px;transition: all 0s ease;}
.lffNyProDetail_con .cpxxvideo ul li:hover .pic a svg{ fill:#fff;}

.lffNyProDetail_con .cpxxdown  a{ border-radius: 5px; padding: 8px 30px;color: #FFF; border: 1px solid transparent;background-color: #e20613; position: relative; margin-right: 20px; margin-bottom: 10px;float: left; font-size: 18px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.lffNyProDetail_con .cpxxdown a:hover{color: #e20613; border: 1px solid #e20613;background-color: #fff;}
.lffNyProDetail_con .cpxxdown a svg{fill: #FFF; height:22px;width:22px; margin-right:10px;transition: fill 0s linear !important;-webkit-transition: fill 0s linear !important;}
.lffNyProDetail_con .cpxxdown a:hover svg{fill: #e20613;}
@media (max-width:1440px) {
	.lffNyProDetail_con { margin: 30px 0 40px;}
	.lffNyProDetail_con .proxxnav p{ font-size:16px; height:40px; line-height:44px; border-radius:20px 20px 0 0;}
	
	.lffNyProDetail_con .cpxxvideo ul li{width: 23.5%; margin: 0 2% 20px 0;}
	
	.lffNyProDetail_con .cpxxdown a{ font-size:16px;}
}
@media (max-width:1280px) {
	.lffNyProDetail_con .cpxxvideo ul li .pic{ height:152px;}
	.lffNyProDetail_con .cpxxvideo ul li .pic a{ width:50px; height:50px;}
	.lffNyProDetail_con .cpxxvideo ul li .pic a svg{ width:24px; height:24px;}
}
@media (max-width:1200px) {
	.lffNyProDetail_con { margin: 40px 0;}
	
	.lffNyProDetail_con .detail_wrap{ padding-top:30px;}
	.lffNyProDetail_con .detail_wrap,.lffNyProDetail_con .detail_wrap div,.lffNyProDetail_con .detail_wrap p,.lffNyProDetail_con .detail_wrap span,.lffNyProDetail_con .detail_wrap video,.lffNyProDetail_con .detail_wrap img,.lffNyProDetail_con .detail_wrap table,.lffNyProDetail_con .detail_wrap tr,.lffNyProDetail_con .detail_wrap td,.lffNyProDetail_con .detail_wrap em,.lffNyProDetail_con .detail_wrap i,.lffNyProDetail_con .detail_wrap ul,.lffNyProDetail_con .detail_wrap li{font-size:16px; line-height:28px;}
}
@media (max-width:1080px) {
	.lffNyProDetail_con .proxxnav{ padding-bottom:14px;}
	.lffNyProDetail_con .proxxnav p{ border-radius:20px; line-height:40px; padding:0 25px; margin-bottom:6px;}
	
	.lffNyProDetail_con .detail_wrap { padding-top: 20px;}
	
	.lffNyProDetail_con .cpxxvideo ul li{width: 48.5%; margin: 0 3% 20px 0;}
	.lffNyProDetail_con .cpxxvideo ul li:nth-child(4n){margin-right:3%;}
	.lffNyProDetail_con .cpxxvideo ul li:nth-child(2n){margin-right:0;}
	.lffNyProDetail_con .cpxxvideo ul li .pic{ height:230px;}
}
@media (max-width:767px) {
	.lffNyProDetail_con { margin:35px 0 20px;}
	
	.lffNyProDetail_con .cpxxtwo .list{ width:48.5%; margin: 0 3% 20px 0;}
	.lffNyProDetail_con .cpxxtwo .list:nth-child(3n){ margin-right:3%;}	
	.lffNyProDetail_con .cpxxtwo .list:nth-child(2n){ margin-right:0;}
	
	.lffNyProDetail_con .cpxxvideo{ padding:30px 0;}
	.lffNyProDetail_con .cpxxvideo ul li{ margin-bottom:15px;}
	.lffNyProDetail_con .cpxxvideo ul li .pic{ height:180px;}
}
@media (max-width:550px) {
	.lffNyProDetail_con { margin: 30px 0 15px;}
	
	.lffNyProDetail_con .cpxxtwo .list{ width:100%; margin: 0 0 15px 0;}
	.lffNyProDetail_con .cpxxtwo .list:nth-child(3n){ margin-right:0;}	
	
	.lffNyProDetail_con .cpxxvideo ul li .pic{ height:160px;}
}
@media (max-width:414px) {
	.lffNyProDetail_con .cpxxvideo ul li .pic{ height:120px;}
	.lffNyProDetail_con .cpxxvideo ul li .pic a{ width:44px; height:44px;}
	.lffNyProDetail_con .cpxxvideo ul li .pic a svg{ width:22px; height:22px;}
}
/*相关产品*/
.proxx_xgcp{ overflow:hidden; margin-bottom:75px;}
.proxx_xgcp .nytitle{ font-size:30px; font-weight:bold; margin-bottom:30px; font-family:'Microsoft Yahei', '微软雅黑';}
.proxx_xgcp ul{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.proxx_xgcp ul li{ width:30.2%;margin:0 4.7% 45px 0; float:left;}
.proxx_xgcp ul li:nth-child(3n){ margin-right:0;}
.proxx_xgcp ul li .pic{ display:block; width:100%; height:244px; border:1px solid #9c9e9f; border-radius:4px;overflow:hidden; position:relative;}
.proxx_xgcp ul li .pic img{ max-width:90%; max-height:90%;}
.proxx_xgcp ul li:hover .pic img{transform: scale(1.05);}
.proxx_xgcp ul li .text{ padding:0 20px;}
.proxx_xgcp ul li .name{ font-size:24px; margin:15px 0;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;font-family:'Microsoft Yahei', '微软雅黑';}
.proxx_xgcp ul li .xh{ font-size:24px; color:#555;}
.proxx_xgcp ul li:hover .name{ color:#e20613;}
.proxx_xgcp ul li .ms{ font-size:18px; color:#555; line-height:30px; max-height:90px; margin-top:8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.proxx_xgcp ul li .more{ font-size:18px; color:#fff; border-radius:4px;display: inline-block;background: #e20613; border:1px solid #e20613; padding:11px; min-width:150px; text-align:center; margin-top:45px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.proxx_xgcp ul li:hover .more{background: #fff; color:#e20613;}
@media (max-width:1440px) {
	.proxx_xgcp{ margin-bottom:55px;}
	.proxx_xgcp .nytitle{ font-size:28px; margin-bottom:25px;}
	.proxx_xgcp ul li{margin: 0 2% 30px 0;}
	.proxx_xgcp ul li .text{ padding:0 10px;}
    .proxx_xgcp ul li .name{ font-size:20px;margin: 15px 0 5px;}
	.proxx_xgcp ul li .xh{ font-size:20px;}
	.proxx_xgcp ul li .ms{ font-size:16px; line-height:28px; max-height:84px;}
	.proxx_xgcp ul li .more{ margin-top:25px;}
}
@media (max-width:1280px) {
	.proxx_xgcp{ margin-bottom:45px;}
	.proxx_xgcp .nytitle{ font-size:24px;}
	.proxx_xgcp ul li .pic{ height:200px;}
    .proxx_xgcp ul li .more {font-size: 16px;min-width: 120px;}
}
@media (max-width:1080px) {
	.proxx_xgcp{ margin-bottom:30px;}
	.proxx_xgcp .nytitle{margin-bottom:20px;}
	.proxx_xgcp ul li {margin: 0 2% 20px 0;}
	.proxx_xgcp ul li .pic{ height:180px;}
	.proxx_xgcp ul li .name{ font-size:18px;margin: 10px 0 5px;}
	.proxx_xgcp ul li .xh{ font-size:18px;}
	.proxx_xgcp ul li .ms{ font-size:14px; line-height:24px; max-height:72px;}
	.proxx_xgcp ul li .more{ padding:8px 11px; margin-top:15px;}
}
@media (max-width:820px) {
	.proxx_xgcp ul li .pic{ height:150px;}
}
@media (max-width:767px) {
	.proxx_xgcp{ margin-bottom:30px;}
	.proxx_xgcp .nytitle{ font-size:22px;}
	.proxx_xgcp ul li{ width:48.5%; margin:0 3% 20px 0;}
    .proxx_xgcp ul li:nth-child(3n){ margin-right:3%;}
	.proxx_xgcp ul li:nth-child(2n){ margin-right:0;}
	.proxx_xgcp ul li .pic{ height:200px;}
}
@media (max-width:550px) {
	.proxx_xgcp ul li {margin: 0 3% 15px 0;}
	.proxx_xgcp ul li .pic{ height:150px;}
	.proxx_xgcp ul li .name{ font-size:16px;}
	.proxx_xgcp ul li .more{ font-size:14px; min-width:100px;}
}
@media (max-width:390px) {
	.proxx_xgcp ul li .pic{ height:130px;}
}