/*nyProlist start*/
.nyProlist { overflow: hidden; background:url(../images/nypro_bg.png) no-repeat; background-position:100% 100px;}

.nyProHead {margin: 100px auto;display:flex; display: -webkit-flex;  justify-content:space-between;align-items:center;}
.nyProHead_left { width: calc(100% - 566px);}
.nyProHead_left .tit { line-height: 50px; color: #222; font-size: 40px; font-weight: bold; margin-bottom: 40px;}
.nyProHead_left .tit p{ font-size:18px; margin-top:10px;}
.nyProHead_left .ms, .nyProHead_left .ms p { line-height: 30px; color: #777; font-size: 16px;}
.nyProHead_left a.more {width: 210px; height: 54px; overflow: hidden; line-height: 54px; color: #fff; font-size: 16px; background-color: #83b901; border-radius:30px; margin-top: 60px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.nyProHead_left a.more i {width: 30px; height: 30px; margin-right:15px;}
.nyProHead_left a.more i svg{ fill:#fff;}
.nyProHead_left a.more:hover i{ margin-right:18px;}

.nyProHead_right { width: 480px;}
.nyProHead_right dl dd { display: flex; overflow: hidden; margin-bottom: 20px; border-radius:0!important;}
.nyProHead_right dl dd:last-child { margin-bottom: 0;}
.nyProHead_right dl dd .text { width: calc(100% - 164px); height: 164px; overflow: hidden; padding: 25px 25px; background-color: #83b901;}
.nyProHead_right dl dd .text p { line-height: 28px; max-height:56px; color: #fff; font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nyProHead_right dl dd .text a { display: inline-block; height: 30px; line-height: 30px; color: #fff; font-size: 16px; vertical-align: top; margin-top: 30px;}
.nyProHead_right dl dd .text a i { display: inline-block; width: 14px; height: 14px; overflow: hidden; vertical-align: middle; margin: -4px 0 0 8px;}
.nyProHead_right dl dd .text a:hover i { margin: -4px 0 0 18px;}
.nyProHead_right dl dd .img { width:164px; height: 164px; overflow: hidden;}
.nyProHead_right dl dd .img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProHead_right dl dd:hover .img a img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}

.nyProCategory, .nyProVideo{ margin: 80px auto 160px;}
.nyProService { margin: 90px auto 160px;}
.nyProTitle { line-height: 50px; color: #222; font-size: 40px; margin-bottom: 40px;font-weight: bold;}
.nyProTitle span { display: inline-block; color: #777; font-size: 24px; text-transform: capitalize;margin-left: 20px; font-weight:normal;}

.nyProCategory_list ul { min-height: 300px; display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -10px -20px;}
.nyProCategory_list ul li { width: 33.333333%; margin-bottom: 20px; padding: 0 10px;}
.nyProCategory_list ul li .con { height: 452px; overflow: hidden; background-color: #f3f3f3; border-radius: 8px; position: relative;}
.nyProCategory_list ul li .con a.img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProCategory_list ul li .con:hover a.img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.nyProCategory_list ul li .con a.name { display: block; width: 100%; height: 64px; overflow: hidden; line-height: 40px; color: #fff; font-size: 22px; text-align: center; white-space: nowrap; text-overflow: ellipsis; padding: 12px 20px; background-color: rgba(0, 0, 0, .5); position: absolute; left: 0; bottom: 0; z-index: 1;}
.nyProCategory_list ul li .con:hover a.name { bottom: inherit; top: 100%;}
.nyProCategory_list ul li .con .mask { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; padding: 40px; background-color: rgba(0, 152, 165, .7); position: absolute; left: 0; top: 100%; z-index: 2;}
.nyProCategory_list ul li .con:hover .mask { top: 0;}
.nyProCategory_list ul li .con .mask .text { width: 100%;}
.nyProCategory_list ul li .con .mask .text p { text-align: center; margin-bottom: 30px;}
.nyProCategory_list ul li .con .mask .text p a { display: inline-block; vertical-align: top; height: 50px; overflow: hidden; line-height: 40px; color: #fff; font-size: 30px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; padding: 0 40px 10px; border-bottom: 1px solid #fff;}
.nyProCategory_list ul li .con .mask .text dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -12px -12px;}
.nyProCategory_list ul li .con .mask .text dl dd { width: 50%; margin-bottom: 12px; padding: 0 12px;}
.nyProCategory_list ul li .con .mask .text dl dd a { display: block; width: 100%; height: 40px; overflow: hidden; text-align: center; background-color: rgba(255, 255, 255, 0); border: 1px solid #fff; border-radius: 4px;}
.nyProCategory_list ul li .con .mask .text dl dd a:hover { background-color: #fff;}
.nyProCategory_list ul li .con .mask .text dl dd a em { display: inline-block; vertical-align: top; max-width: 100%; height: 38px; overflow: hidden; line-height: 38px; color: #fff; font-size: 16px; font-style: normal; white-space: nowrap; text-overflow: ellipsis; padding-right: 20px; position: relative;}
.nyProCategory_list ul li .con .mask .text dl dd a:hover em { color: #83b901;}
.nyProCategory_list ul li .con .mask .text dl dd a em i { display: block; width: 14px; height: 14px; overflow: hidden; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProCategory_list ul li .con .mask .text dl dd a:hover em i svg path { fill: #83b901;}
.nyProCategory_list ul li .con .mask .text a.more { display: block; width: 200px; height: 40px; overflow: hidden; line-height: 38px; color: #fff; font-size: 16px; text-align: center; border: 1px solid #fff; border-radius: 20px; margin: 30px auto 0;}
.nyProCategory_list ul li .con .mask .text a.more:hover { color: #83b901; background-color: #fff;}
.nyProCategory_list ul li .con .mask .text a.more i { display: inline-block; width: 14px; height: 14px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 8px;}
.nyProCategory_list ul li .con .mask .text a.more:hover i { margin: -2px 0 0 18px;}
.nyProCategory_list ul li .con .mask .text a.more:hover i svg path { fill: #83b901;}


.nyProVideo_list ul { min-height: 300px; margin: 0 -10px;}
.nyProVideo_list ul li { width: 33.333333%; height: 320px; padding: 0 10px; float: left;}
.nyProVideo_list ul li:nth-child(1) { width: 66.666666%; height: 660px;}
.nyProVideo_list ul li:nth-child(2) { margin-bottom: 20px;}
.nyProVideo_list ul li .nyProVideo_con { width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProVideo_list ul li .nyProVideo_con video { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.nyProVideo_list ul li a { display: block; width: 100%; min-height: 100%; overflow: hidden; border-radius: 8px; position: relative;}
.nyProVideo_list ul li a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.nyProVideo_list ul li a i { display: block; width: 80px; height: 80px; overflow: hidden; padding: 24px 20px 24px 28px; background-color: rgba(0, 0, 0, .25); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.nyProVideo_list ul li a:hover i { background-color: rgba(0, 152, 165, .8);}


.nyProService_list ul { min-height: 300px; display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -10px;}
.nyProService_list ul li { width: 25%; padding: 0 10px;}
.nyProService_list ul li .con { min-height: 100%; overflow: hidden;}
.nyProService_list ul li .con .hd { display: flex; align-items: center; justify-content: center; width: 100%; height:200px; overflow: hidden; background-color: #f0f0f0;}
.nyProService_list ul li .con:hover .hd { background-color: #dbdbdb;}
.nyProService_list ul li .con .hd .text { width: 100%; height: auto; overflow: hidden; padding: 0 40px;}
.nyProService_list ul li .con .hd .text p { line-height: 40px; color: #222; font-size:24px; font-weight:bold; text-align: center; margin-bottom: 15px; position:relative;}
.nyProService_list ul li .con:hover .hd .text p{ padding-bottom:20px;}
.nyProService_list ul li .con .hd .text p:after{ content:''; display:block; width:30px; height:0; background:#83b901; position:absolute; left:50%; bottom:0; transform: translateX(-50%);transition: all .5s ease;}
.nyProService_list ul li .con:hover .hd .text p:after{ height:3px;}
.nyProService_list ul li .con .hd .text em { display: block; line-height: 24px; color: #999; font-size: 20px; text-align: center; text-transform: capitalize; opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);}
.nyProService_list ul li .con:hover .hd .text em { transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0); opacity: 0; filter: Alpha(opacity=0);}
.nyProService_list ul li .con .hd .text span { display: block; height: 0; overflow: hidden; line-height: 36px; color: #555; font-size: 18px; text-align: center; transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0); opacity: 0; filter: Alpha(opacity=0); display:none;}
.nyProService_list ul li .con:hover .hd .text span { height: auto; margin-top: -20px; opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);}
.nyProService_list ul li .con .pic { width: 100%;padding-top: 74.55%;overflow: hidden; position: relative;}
.nyProService_list ul li .con:hover .pic img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.nyProService_list ul li .con .pic::after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyProService_list ul li .con:hover .pic::after { background-color: rgba(0, 0, 0, 0);}
/*nyProlist end*/


@media (max-width:1680px) {
  .nyProHead { margin: 80px auto;}
  .nyProService { margin: 70px auto 140px;}
  .nyProHead_left { padding-right: 120px;}
  .nyProHead_left .tit { line-height: 44px; font-size: 36px; margin-bottom: 30px;}

  .nyProTitle { line-height: 44px; font-size: 36px; margin-bottom: 30px;}
  .nyProTitle span { font-size: 22px;}
  .nyProCategory_list ul li .con a.name { height: 60px; font-size: 20px; padding: 10px 20px;}
  .nyProCategory_list ul li .con .mask .text p a { height: 44px; line-height: 34px; font-size: 26px; padding: 0 30px 10px;}
  .nyProCategory_list ul li .con .mask .text dl { margin: 0 -10px -10px;}
  .nyProCategory_list ul li .con .mask .text dl dd { margin-bottom: 10px; padding: 0 10px;}

  .nyProVideo_list ul li { height: 310px;}
  .nyProVideo_list ul li:nth-child(1) { height: 640px;}

  .nyProService_list ul li .con .hd{ height: 300px;}
  .nyProService_list ul li .con .hd .text p { line-height: 40px; font-size: 32px; margin-bottom: 10px;}
  .nyProService_list ul li .con .hd .text em { font-size: 20px;}
  .nyProService_list ul li .con .hd .text span { line-height: 30px; font-size: 16px;}

}

@media (max-width:1600px) {}

@media (max-width:1560px) {
  .nyProHead_left { padding-right: 80px;}
  .nyProCategory_list ul li .con { height: 420px;}
}

@media (max-width:1440px) {
  .nyProHead, .nyProCategory, .nyProVideo{ margin: 60px auto;}
  .nyProService { margin: 50px auto 120px;}
  .nyProHead_left { width: calc(100% - 480px);}
  .nyProHead_left .tit { line-height: 40px; font-size: 30px;}
  .nyProHead_left .ms, .nyProHead_left .ms p { line-height: 32px; font-size: 16px;}
  .nyProHead_left a.more { width: 200px; height: 50px; line-height: 50px;}
  .nyProHead_right { width: 480px;}
  .nyProHead_right dl dd .text { width: calc(100% - 160px); height: 160px; padding: 20px;}
  .nyProHead_right dl dd .text p { line-height: 32px; font-size: 16px;}
  .nyProHead_right dl dd .text a { font-size: 15px; margin-top: 25px;}
  .nyProHead_right dl dd .img { width: 160px; height: 160px;}

  .nyProTitle { line-height: 40px; font-size: 30px;}
  .nyProTitle span { font-size: 20px;}
  .nyProCategory_list ul li .con { height: 380px;}
  .nyProCategory_list ul li .con a.name { height: 50px; line-height: 30px; font-size: 18px;}
  .nyProCategory_list ul li .con .mask { padding: 30px;}
  .nyProCategory_list ul li .con .mask .text p { margin-bottom: 20px;}
  .nyProCategory_list ul li .con .mask .text p a { height: 42px; line-height: 32px; font-size: 22px;}
  .nyProCategory_list ul li .con .mask .text dl dd a { height: 34px;}
  .nyProCategory_list ul li .con .mask .text dl dd a em { height: 32px; line-height: 32px; font-size: 14px; padding-right: 16px;}
  .nyProCategory_list ul li .con .mask .text dl dd a em i { width: 12px; height: 12px;}
  .nyProCategory_list ul li .con .mask .text a.more { width: 160px; height: 36px; line-height: 34px; font-size: 14px; border-radius: 18px; margin: 20px auto 0;}
  .nyProCategory_list ul li .con .mask .text a.more i { width: 12px; height: 12px;}

  .nyProVideo_list ul li { height: 270px;}
  .nyProVideo_list ul li:nth-child(1) { height: 560px;}
  .nyProVideo_list ul li a i { width: 70px; height: 70px; padding: 24px 20px 24px 24px;}

  .nyProService_list ul li .con .hd{ height: 260px;}
  .nyProService_list ul li .con .hd .text { padding: 0 30px;}
  .nyProService_list ul li .con .hd .text p { line-height: 36px; font-size: 26px; margin-bottom: 8px;}
  .nyProService_list ul li .con .hd .text em { font-size: 16px;}
  .nyProService_list ul li .con .hd .text span { font-size: 15px;}
}

@media (max-width:1366px) {
	.nyProlist {background-position:100% 0;}
	
  .nyProCategory_list ul li .con { height: 360px;}

  .nyProVideo_list ul li { height: 260px;}
  .nyProVideo_list ul li:nth-child(1) { height: 540px;}

  .nyProService_list ul li .con .hd{ height: 240px;}
}

@media (max-width:1280px) {
  .nyProHead_left { width: calc(100% - 400px); padding-right: 60px;}
  .nyProHead_left .tit { line-height: 36px; font-size: 26px; margin-bottom: 20px;}
  .nyProHead_left .tit p{ font-size:16px;}
  .nyProHead_left .ms, .nyProHead_left .ms p { line-height: 30px; font-size: 15px;}
  .nyProHead_left a.more {margin-top: 40px;}
  .nyProHead_left a.more i {padding:3px 0; margin-right: 10px;}
  .nyProHead_left a.more:hover i{margin-right: 13px;}
  .nyProHead_right { width: 400px;}
  .nyProHead_right dl dd .text { width: calc(100% - 140px); height: 140px; padding: 20px;}
  .nyProHead_right dl dd .text p { line-height: 28px; font-size: 14px;}
  .nyProHead_right dl dd .text a { font-size: 14px; margin-top: 20px;}
  .nyProHead_right dl dd .img { width: 140px; height: 140px;}

  .nyProTitle { line-height: 36px; font-size: 26px; margin-bottom: 20px;}
  .nyProTitle span { font-size: 18px;}
  .nyProCategory_list ul li .con { height: 320px;}
  .nyProCategory_list ul li .con .mask { padding: 20px;}
  .nyProCategory_list ul li .con .mask .text p a { height: 36px; line-height: 30px; font-size: 18px; padding: 0 20px 6px;}
  .nyProCategory_list ul li .con .mask .text dl dd a { height: 30px;}
  .nyProCategory_list ul li .con .mask .text dl dd a em { height: 28px; line-height: 28px;}

  .nyProVideo_list ul li { height: 240px;}
  .nyProVideo_list ul li:nth-child(1) { height: 500px;}
  .nyProVideo_list ul li a i { width: 60px; height: 60px; padding: 20px 18px 20px 22px;}

  .nyProService_list ul li .con .hd{ height: 220px;}
  .nyProService_list ul li .con .hd .text { padding: 0 20px;}
  .nyProService_list ul li .con .hd .text p { line-height: 32px; font-size: 22px;}
  .nyProService_list ul li .con .hd .text em { line-height: 20px; font-size: 14px;}
  .nyProService_list ul li .con .hd .text span { line-height: 28px; font-size: 14px;}

}

@media (max-width:1200px) {
  .nyProVideo_list ul li { height: 220px;}
  .nyProVideo_list ul li:nth-child(1) { height: 460px;}

  .nyProService_list ul li .con .hd{ height: 200px;}
}

@media (max-width:1080px) {
  .nyProHead_left { padding-right: 40px;}
  .nyProHead_left .tit { line-height: 32px; font-size: 24px;}
  .nyProHead_left .ms, .nyProHead_left .ms p { line-height: 28px; font-size: 14px;}
  .nyProHead_left a.more { width: 180px; height: 44px; line-height: 44px; font-size: 14px; margin-top: 30px;}
  .nyProHead_left a.more i { padding: 4px 0;}

  .nyProCategory_list ul li .con .mask .text dl { margin: 0 -5px -10px;}
  .nyProCategory_list ul li .con .mask .text dl dd { padding: 0 5px;}

  .nyProVideo_list ul li { height: 200px;}
  .nyProVideo_list ul li:nth-child(1) { height: 420px;}

  .nyProService_list ul { margin: 0 -6px;}
  .nyProService_list ul li { padding: 0 6px;}
  .nyProService_list ul li .con .hd{ height: 180px;}
  .nyProService_list ul li .con .hd .text span { line-height: 24px;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyProHead, .nyProCategory, .nyProVideo{ margin: 40px auto;}
  .nyProService { margin: 30px auto 80px;}
  .nyProHead { display: block;}
  .nyProHead_left { width: 100%; margin-bottom: 40px; padding-right: 0;}
  .nyProHead_left a.more { margin-top: 20px;}
  .nyProHead_right { width: 100%;}
  .nyProHead_right dl dd { width: 48.5%; margin: 0 3% 0 0; float: left;}
  .nyProHead_right dl dd:last-child { margin: 0;}
  .nyProHead_right dl::after { content: ""; display: block; overflow: hidden; clear: both; height: 0;}

  .nyProCategory_list ul li .con { height: 280px;}
  .nyProCategory_list ul li .con .mask .text dl { max-height: 120px; overflow: hidden;}

  .nyProVideo_list ul li { height: 180px;}
  .nyProVideo_list ul li:nth-child(1) { height: 380px;}
  .nyProVideo_list ul li a i { width: 52px; height: 52px; padding: 18px 16px 18px 20px;}

  .nyProService_list ul li .con .hd{ height: 160px;}
  .nyProService_list ul li .con .hd .text p { line-height: 26px; font-size: 18px;}

}

@media (max-width:820px) {
  .nyProHead_right dl dd { width: 49%; margin: 0 2% 0 0;}
  .nyProHead_right dl dd:last-child { margin: 0;}
  .nyProHead_right dl dd .text { width: calc(100% - 150px); height: 150px;}
  .nyProHead_right dl dd .img { width: 150px; height: 150px;}

  .nyProCategory_list ul li { width: 50%;}
  .nyProCategory_list ul li .con { height: 320px;}

  .nyProVideo_list ul li { height: 160px;}
  .nyProVideo_list ul li:nth-child(1) { height: 340px;}

  .nyProService_list ul li .con .hd{ height: 140px;}
  .nyProService_list ul li .con .hd .text em { line-height: 16px; font-size: 12px;}
  .nyProService_list ul li .con .hd .text span { line-height: 22px; font-size: 12px;}

}

@media (max-width:767px) {
  .nyProHead_right dl dd { width: 100%; margin: 0 0 20px; float: none;}
  .nyProHead_right dl dd:last-child { margin: 0;}

  .nyProTitle { line-height: 32px; font-size: 24px; margin-bottom: 20px;}
  .nyProTitle span { display: block; line-height: 24px; font-size: 16px; margin: 6px 0 0;}

  .nyProCategory_list ul { margin: 0 0 -20px;}
  .nyProCategory_list ul li { width: 100%; padding: 0;}
  .nyProCategory_list ul li .con .mask .text dl { max-height: 160px; overflow: hidden;}

  .nyProVideo_list ul { margin: 0 -6px;}
  .nyProVideo_list ul li { width: 50%; height: 120px; padding: 0 6px;}
  .nyProVideo_list ul li:nth-child(1) { width: 100%; height: 240px; margin-bottom: 12px;}
  .nyProVideo_list ul li:nth-child(2) { margin-bottom: 0;}
  .nyProVideo_list ul li a i { width: 44px; height: 44px; padding: 14px 14px 14px 16px;}

  .nyProService_list ul { margin: 0 -6px -12px;}
  .nyProService_list ul li { width: 50%; margin-bottom: 12px;}
  .nyProService_list ul li .con .hd{ height: 150px;}
  
}

@media (max-width:390px) {}

@media (max-width:320px) {
  .nyProHead_left .tit { line-height: 30px; font-size: 22px;}
  .nyProHead_right dl dd { display: block;}
  .nyProHead_right dl dd .text { width: 100%; height: auto;}
  .nyProHead_right dl dd .img { width: 100%; height: 160px;}

  .nyProTitle { line-height: 30px; font-size: 22px;}
  .nyProTitle span { line-height: 22px; font-size: 14px;}

  .nyProVideo_list ul li, .nyProVideo_list ul li:nth-child(1) { width: 100%; height: 180px;}
  .nyProVideo_list ul li:nth-child(2) { margin-bottom: 12px;}
  .nyProService_list ul li .con .hd{ height: 120px;}
  .nyProService_list ul li .con .hd .text { padding: 0 10px;}
  .nyProService_list ul li .con .hd .text p { line-height: 24px; font-size: 16px;}
}

/*产品展示*/
/*产品分类*/
.indProducts_menu {width: 100%; padding-right:180px;position: relative;}
.indProducts_menu:after{content: '';display: block;width:100%; height:1px;background: #e6e6e6;position: absolute;bottom:1px;}
.indProducts_menu .swiper-container{ padding-bottom:30px;}
.indProducts_menu .swiper-container .swiper-slide p::after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: #83b901;
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.indProducts_menu .swiper-container .swiper-slide:hover p::after,
.indProducts_menu .swiper-container .swiper-slide.on p::after {
  width: 100%;
}
.indProducts_menu .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

.indProducts_menu .swiper-container .swiper-slide:hover a,
.indProducts_menu .swiper-container .swiper-slide.on a {
  color: #83b901;
}

.indProducts_menu .swiper-button-prev,
.indProducts_menu .swiper-button-next {
  width: 44px; height:44px; padding:14px;border-radius: 50%; background: #fff; border:1px solid #dfdfdf;position: absolute; top:-10px; margin:0; outline:none;z-index: 2;transition: all 0s; -webkit-transition: all 0s;-moz-transition: all 0s;-o-transition: all 0s;
}

.indProducts_menu .swiper-button-prev:hover,
.indProducts_menu .swiper-button-next:hover {background: #83b901;border:1px solid #83b901;}

.indProducts_menu .swiper-button-prev {right:70px;left: auto;}
.indProducts_menu .swiper-button-next {right: 0;}

.indProducts_menu .swiper-button-prev svg,
.indProducts_menu .swiper-button-next svg {display: block; width: 100%;height: 100%;}

.indProducts_menu .swiper-button-prev svg path,
.indProducts_menu .swiper-button-next svg path {fill: #a1a1a1;}

.indProducts_menu .swiper-button-prev:hover svg path,
.indProducts_menu .swiper-button-next:hover svg path {fill: #ffffff;}

.nypro_list ul.box{ min-height:150px;margin:35px -10px;overflow: hidden;}
.nypro_list ul.box li{ padding:10px; width:25%;float:left;}
.nypro_list ul.box li .kuang{ border:1px solid #e6e6e6; padding-bottom:150px;position:relative; overflow:hidden; }
.nypro_list ul.box li .kuang:before{ content:''; display:block; width:100%; height:0; background:rgba(0,0,0,.5);position:absolute; left:0; bottom:0; z-index:22;transition: all .3s ease;}
.nypro_list ul.box li .kuang:after{ content:''; display:block; width:100%; height:0; background: linear-gradient(to top, rgba(131,185,1,.5), transparent);position:absolute; left:0; bottom:0; z-index:23;transition: all .3s ease;}
.nypro_list ul.box li .kuang .pic{ display:block;position:relative; width:100%; padding-top:85.97%; overflow:hidden;}
.nypro_list ul.box li:hover .kuang .pic img{transform: scale(1.1);}
.nypro_list ul.box li .text{ width:100%; padding:25px 30px; position:absolute; bottom:0; z-index:24;}
.nypro_list ul.box li .text .name{ font-size:18px; margin-bottom:15px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.nypro_list ul.box li .text .ms{ font-size:14px; opacity:.7; padding-left:12px; height:21px; margin-bottom:10px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; position:relative;}
.nypro_list ul.box li .text .ms:before{ content:''; display:block; width:5px; height:5px; background:#a8ce4d; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.nypro_list ul.box li a.lyMore{ font-size:16px; height:0;}
.nypro_list ul.box li a.lyMore i{ width:24px; height:23px;}

.nypro_list ul.box li:hover .kuang:before{ height:100%;}
.nypro_list ul.box li:hover .kuang:after{ height:50%;}
.nypro_list ul.box li:hover .text .name,.nypro_list ul.box li:hover .text .ms{ color:#fff;}
.nypro_list ul.box li:hover .text .ms:before{ background:#fff;}
.nypro_list ul.box li:hover a.lyMore{ height:50px; margin:25px 0;}
.nypro_list .nyPage a{ border:1px solid #ddd;}
@media (max-width:1600px) {
	.nypro_list ul.box li:hover a.lyMore{ height:44px;}
}
@media (max-width:1440px) {
	.indProducts_menu{ padding-right:150px;}
	.indProducts_menu .swiper-button-prev{right:60px;}
	
	.nypro_list ul.box li .text{ padding:20px;}
}
@media (max-width:1366px) {
	.nypro_list ul.box li:hover a.lyMore{ height:42px;}
}
@media (max-width:1280px) {
	.indProducts_menu {padding-right: 100px;}
	.indProducts_menu .swiper-container {padding-bottom: 20px;}
	.indProducts_menu .swiper-container .swiper-slide p::after { bottom:-20px;}
	.indProducts_menu .swiper-container .swiper-slide a{ font-size:16px;}
	.indProducts_menu .swiper-button-prev, .indProducts_menu .swiper-button-next{ width:36px; height:36px; padding: 12px; top: -6px;}
	.indProducts_menu .swiper-button-prev{ right:50px;}
	
	.nypro_list ul.box{margin:25px -10px;}
	.nypro_list ul.box li{ width:33.3333%;}
}
@media (max-width:1080px) {
	.nypro_list ul.box li .kuang{ padding-bottom:126px;}
	.nypro_list ul.box li .text .name{ font-size:16px;margin-bottom:10px;}
	.nypro_list ul.box li .text .ms{ margin-bottom:5px;}
	.nypro_list ul.box li:hover a.lyMore{margin:15px 0;}
}
@media (max-width:767px) {
	.nypro_list ul.box{margin:20px -10px 0 30px;}
	.nypro_list ul.box li{ width:50%;}
}
@media (max-width:550px) {
	.indProducts_menu {padding-right: 90px;}
	.indProducts_menu .swiper-button-prev, .indProducts_menu .swiper-button-next {width: 30px;height: 30px;padding: 8px; top: -2px;}
	.indProducts_menu .swiper-button-prev { right: 40px;}

	.nypro_list ul.box{margin:20px -5px;}
	.nypro_list ul.box li{ padding:5px;}
	.nypro_list ul.box li .kuang {padding-bottom: 54px;}
	.nypro_list ul.box li .text{ padding:15px;}
	.nypro_list ul.box li .text .name{margin-bottom:0;}
	.nypro_list ul.box li .text .ms{ display:none;}
	.nypro_list ul.box li a.lyMore{width: 120px; line-height:36px; font-size:14px;}
	.nypro_list ul.box li:hover a.lyMore{ height:36px;}
	.nypro_list ul.box li a.lyMore i{ display:none;}
}

/*新产品分类*/
.mbx_cp{text-align:center;}
.mbx_cp .lyNyProMenu_title { display:none; width:100%; overflow:hidden; margin:0 auto 40px; padding:0;}
.lyNyProMenu_title span { display:block; width:100%; height: 40px; line-height: 40px; color: rgba(0,0,0,0.1); font-size: 48px; font-weight: bold; font-style: normal; text-align:center; margin:0 auto; padding:0;}
.lyNyProMenu_title p { width: 100%; height: 32px; overflow: hidden; line-height: 32px; color: #303030; font-size: 30px; font-weight: bold; text-align:center; margin: -20px 0 0; padding: 0;}

.mbx_cp ul li { display:inline-block; width:auto!important; height:50px; margin:0 5px 10px; padding:0; background-color:#fafafa; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:inherit!important;}
.mbx_cp ul li i { display:block; width:100%; height:0; background-color:#83b901; position:absolute; left:0; top:0; z-index:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mbx_cp ul li:hover i, .mbx_cp ul li.on i { height:100%;}
.mbx_cp ul li p { height:44px; margin:0 auto; padding:0 48px 0 0; position:relative; z-index:1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.mbx_cp ul li p a { display:block; width:auto; min-width:100px; max-width:240px; height:48px;line-height:48px;  font-weight:bold; overflow:hidden; color:#333; font-size:16px; text-align: left; text-overflow:ellipsis; white-space:nowrap; margin:0; padding:0 20px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.mbx_cp ul li:hover p a, .mbx_cp ul li.on p a { color:#fff;}
.mbx_cp ul li p a em { display:block; width:1px; height:20px; overflow:hidden; margin:-10px 0 0; padding:0; background-color:#eaeaea; position:absolute; top:50%; right:0;}
.mbx_cp ul li p span { display:block; width:48px; height:48px; background:url(../images/mulu9.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:0;}
.mbx_cp ul li:hover p span { background:url(../images/mulu11.png) center center no-repeat;}
.mbx_cp ul li.on p span { background:url(../images/mulu10.png) center center no-repeat;}
.mbx_cp ul li .lyNyProMenu_list { width:100%; height:auto; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); border-top:0; position:absolute; left:0px; top:48px; z-index:99;transition: all 0s ease;}
.mbx_cp ul li .lyNyProMenu_list a { display:block; width:100%; height:44px; overflow:hidden; line-height:44px; color:#666; font-size:14px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dashed #eaeaea; margin:0 auto; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.mbx_cp ul li .lyNyProMenu_list a:last-child { border:0;}
.mbx_cp ul li .lyNyProMenu_list a:hover { color:#83b901;}
@media screen and (max-width:767px) {
.mbx_cp .lyNyProMenu_title { display:block; margin:0 auto; background: #fafafa url(../images/mulu9.png) 96% center no-repeat;padding: 20px 20px;box-sizing: border-box;}
.lyNyProMenu_title span { height:30px; line-height:30px; font-size:28px; text-align:left;}
.lyNyProMenu_title p { height:30px; line-height:30px; font-size:20px; text-align:left; margin:0;color: #555;}
.mbx_cp ul{ display:none;}
.mbx_cp ul li { display:block; width:100%; margin:0 auto;}
.mbx_cp ul li p{padding: 0 70px 0 0;}
.mbx_cp ul li p a { width:100%; max-width:100%; min-width:100%;font-weight: normal;font-size: 16px;}
.mbx_cp ul li p span{ width:70px;}

.ny_pro{ padding:40px 0 20px!important;}
.ny_pro ul li{ width:100%;}
.ny_pro .tjcp { padding: 0 0 20px;}
}