#solu01, #solu02, #solu03 { margin: -100px 0 100px;}

.nySolution_part1 { overflow: hidden; padding: 50px 0; background-color: #fff;}
.nySoluPart1_ms { line-height: 30px; color: #666; font-size: 16px; text-align: center; margin-bottom: 50px;}
.nySoluPart1_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.nySoluPart1_list ul li { width:20%; padding: 0 20px; position: relative;}
.nySoluPart1_list ul li::after { content: ''; display: block; width: 1px; height: 100%; background-color: #e6e6e6; position: absolute; top: 0; right: 0;}
.nySoluPart1_list ul li:last-child::after { display: none;}
.nySoluPart1_list ul li i { display: block; width: 72px; height: 72px; overflow: hidden; margin: 0 auto 28px;}
.nySoluPart1_list ul li i img{ max-width:100%; max-height:100%;}
.nySoluPart1_list ul li span { display: block; line-height: 30px; color: #222; font-size: 22px; text-align: center;}


.nySolution_part2 { overflow: hidden; padding: 90px 0; background: #333 url(../images/soluBg2.jpg) center center no-repeat; background-size: cover;}
.nySolution_swiper { padding-bottom: 100px; position: relative;}
.nySolution_swiper .swiper-container { overflow: inherit;}
.nySolution_swiper .swiper-slide { overflow: hidden; background-color: #fff;}
.nySolution_swiper .swiper-slide .nySolution_img { width: 100%; height: 270px; overflow: hidden; margin: 0 auto;}
.nySolution_swiper .swiper-slide .nySolution_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nySolution_swiper .swiper-slide:hover .nySolution_img a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nySolution_swiper .swiper-slide .nySolution_img a::after { content: ''; display: block; width: 100%; height: 0; overflow: hidden; background-image: linear-gradient(to bottom, rgba(255, 0, 1, 0), rgba(255, 0, 1, 1)); position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nySolution_swiper .swiper-slide:hover .nySolution_img a::after { height: 60%;}
.nySolution_swiper .swiper-slide .nySolution_text { padding: 30px;}
.nySolution_swiper .swiper-slide .nySolution_text a.name { display: block; height: 32px; overflow: hidden; line-height: 32px; color: #222; font-size: 22px; white-space: nowrap; text-overflow: ellipsis;}
.nySolution_swiper .swiper-slide:hover .nySolution_text a.name { color: #ff0001;}
.nySolution_swiper .swiper-slide .nySolution_text p.ms { height: 56px; overflow: hidden; line-height: 28px; color: #666; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp : 2; -webkit-box-orient: vertical; margin: 15px 0 30px;}
.nySolution_swiper .swiper-slide:hover .nySolution_text .lyMore a { background-color: #ff0001; border: 1px solid #ff0001;}
.nySolution_swiper .swiper-slide:hover .nySolution_text .lyMore a::after { background: url(../images/dot1.png) center center no-repeat; background-size: 100% 100%;}
.nySolution_swiper .swiper-slide:hover .nySolution_text .lyMore a span { color: #fff;}

.nySolution_swiper .swiper-pagination { width: calc(100% - 170px); height: 2px; overflow: inherit; background: rgba(255, 255, 255, .25); bottom: 24px !important;}
.nySolution_swiper .swiper-pagination span.swiper-pagination-progressbar-fill { height: 4px; margin: -1px 0; background-color: #ff0001;}

.nySolution_swiper .swiper-button-prev, .nySolution_swiper .swiper-button-next { width: 50px; height: 50px; margin-top: 0; padding: 16px; background: rgba(255, 0, 1, 0); border: 1px solid #fff; border-radius: 50%; top: inherit; bottom: 0;}
.nySolution_swiper .swiper-button-prev { left:auto; right:63px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.nySolution_swiper .swiper-button-next { right: 0;}
.nySolution_swiper .swiper-button-prev:hover, .nySolution_swiper .swiper-button-next:hover { background: #ff0001; border: 1px solid #ff0001;}
.nySolution_swiper .swiper-button-disabled { opacity: .25 !important;}

 .nySolution_part2 .indmore{ display:block; width:150px; height:44px; border-radius:4px; border:1px solid #e6e6e6; font-size:16px; color:#999; display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
  .nySolution_part2 .indmore:hover{ background:#ff0001; color:#fff;  border:1px solid #fff;}
  .nySolution_part2 .indmore svg{ display:block; width:22px; height:22px; fill:#a1a1a1; margin-left:10px;transition: all 0s ease;}
  .nySolution_part2 .indmore:hover svg{transform:translateX(3px);fill:#fff;}

@media (max-width:1680px) {
  #solu01, #solu02, #solu03 { margin: -80px 0 80px;}

  .nySoluPart1_ms { margin-bottom: 40px;}

  .nySolution_part2 { padding:80px 0;}
  .nySolution_swiper { padding-bottom: 90px;}  
  .nySolution_swiper .swiper-slide .nySolution_img { height: 240px;}
  .nySolution_swiper .swiper-slide .nySolution_text { padding: 24px;}
  .nySolution_swiper .swiper-slide .nySolution_text p.ms { margin: 12px 0 24px;}
}

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

@media (max-width:1560px) {
  .nySolution_swiper .swiper-slide .nySolution_img { height: 240px;}
  .nySolution_swiper .swiper-slide .nySolution_text { padding: 20px;}  
  .nySolution_swiper .swiper-slide .nySolution_text p.ms { margin: 10px 0 20px;}
}

@media (max-width:1440px) {
  #solu01, #solu02, #solu03 { margin: -60px 0 60px;}

  .nySoluPart1_ms { line-height: 25px; font-size: 15px; margin-bottom: 30px;}
  .nySoluPart1_list ul { margin: 0 -15px;}
  .nySoluPart1_list ul li { padding: 0 15px;}
  .nySoluPart1_list ul li i { width: 60px; height: 60px; margin: 0 auto 20px;}
  .nySoluPart1_list ul li span { line-height: 28px; font-size: 18px;}

  .nySolution_part2 { padding:60px 0;}
  .nySolution_swiper { padding-bottom: 72px;}
  .nySolution_swiper .swiper-slide .nySolution_img { height: 220px;}
  .nySolution_swiper .swiper-slide .nySolution_text a.name { height: 30px; line-height: 30px; font-size: 20px;}
  .nySolution_swiper .swiper-slide .nySolution_text p.ms { height: 50px; line-height: 25px; font-size: 15px;}
  .nySolution_swiper .swiper-pagination { width: calc(100% - 130px); bottom: 20px !important;}
  .nySolution_swiper .swiper-button-prev, .nySolution_swiper .swiper-button-next { width: 42px; height: 42px; padding: 12px;}

}

@media (max-width:1366px) {
  .nySolution_swiper .swiper-slide .nySolution_img, .nyProTj_con .nyProTj_img { height: 200px;}
}

@media (max-width:1280px) {
  .nySoluPart1_list ul li i { width: 50px; height: 50px;}
}

@media (max-width:1200px) {
  .nySolution_swiper .swiper-slide .nySolution_img, .nyProTj_con .nyProTj_img { height: 190px;}
  .nySolution_swiper .swiper-slide .nySolution_text a.name { font-size: 18px;}
}

@media (max-width:1080px) {
	.nySolution_swiper .swiper-container { overflow: hidden;}
  .nySolution_swiper .swiper-slide .nySolution_img { height: 220px;}
  .nySolution_swiper .swiper-slide .nySolution_text p.ms { height: 48px; line-height: 24px; font-size: 15px;}
}

@media (max-width:1024px) {
  .nyProTj_con .nyProTj_img { height: 160px;}
}

@media (max-width:920px) {
  #solu01, #solu02, #solu03 { margin: -40px 0 40px;}

  .nySolution_part1, .nySolution_part2, .nySolution_pro { padding: 40px 0;}

  .nySoluPart1_list ul { margin: 0 -10px;}
  .nySoluPart1_list ul li { padding: 0 10px;}
  .nySoluPart1_list ul li i { width: 44px; height: 44px;}
  .nySoluPart1_list ul li span { line-height: 26px; font-size: 16px;}

  .nySolution_part2 { padding:40px 0;}
  .nySolution_swiper { padding-bottom: 62px;}
  .nySolution_swiper .swiper-slide .nySolution_img { height: 190px;}
  .nySolution_swiper .swiper-slide .nySolution_text .lyMore a span { height: 34px; line-height: 34px; font-size: 14px; padding: 0 20px;}

}

@media (max-width:820px) {
  .nySoluPart1_list ul li i { width: 40px; height: 40px; margin: 0 auto 12px}

  .nySolution_swiper .swiper-slide .nySolution_img { height: 160px;}
}

@media (max-width:767px) {
	.nySolution_part1, .nySolution_part2{ padding:30px 0;}
  .nySoluPart1_list ul { margin: 0 -10px -20px;}
  .nySoluPart1_list ul li { width: 33.333333%; margin-bottom: 20px;}
  .nySoluPart1_list ul li:nth-child(3n+3)::after { display: none;}

  .nySolution_part2 { padding:30px 0;}
  .nySolution_swiper .swiper-slide .nySolution_img { height: 200px;}
  .nySolution_swiper .swiper-slide .nySolution_text{ padding:10px 20px 20px;}
  .nySolution_swiper .swiper-slide .nySolution_text .lyMore a span { height: 40px; line-height: 40px; font-size: 15px; padding: 0 30px;}
  .nySolution_part2 .indmore{ width:130px;height:44px; top:0;}
  .nySolution_part2 .indmore svg{ margin-left:5px;}
  .nySolution_part2 .indmore:hover svg{ margin-left:8px;}
}
@media (max-width:600px) {
	.nySolution_swiper .swiper-slide .nySolution_img { height: 180px;}
}
@media (max-width:413px) {
  .nySolution_swiper .swiper-slide .nySolution_img { height: 260px;}
}

@media (max-width:320px) {
  .nySolution_swiper .swiper-slide .nySolution_img { height: 200px;}
}

/*proxx_tjpro*/
.nySolution_pro { overflow: hidden; padding:90px 0; background-color: #f8f8f8;}
.nySolution_pro .tjpro_cont{ min-height:200px;}
.nySolution_pro .tjpro_cont{ margin-top:50px;}
.nySolution_pro .tjpro_cont ul li{ background:#fff; position:relative;}
.nySolution_pro .tjpro_cont ul li .pic{ display:block; width:100%; height:256px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; overflow:hidden;}
.nySolution_pro .tjpro_cont ul li .pic img{ max-width:90%; max-height:100%;}
.nySolution_pro .tjpro_cont ul li .text{ padding:15px 22px 40px 22px; text-align:center;}
.nySolution_pro .tjpro_cont ul li .name{ font-size:18px; color:#222; font-weight:bold; margin-bottom:10px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.nySolution_pro .tjpro_cont ul li p{ font-size:16px; color:#999;max-width:100%; height:24px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.nySolution_pro .tjpro_cont ul li .more{ display:block; width: calc(100% - 44px); margin:0 auto;height:48px; line-height:48px; position: absolute; left:50%; transform:translate(-50%,80px); opacity:0;}
.nySolution_pro .tjpro_cont ul li .more:after{ content:''; display:block; width: 100%;  height:100%; background:#ff0001; transform: skewX(-15deg) translateX(-50%); position:absolute; bottom:0; left:50%; }
.nySolution_pro .tjpro_cont ul li .more i{ display:block;color:#fff; font-style:normal; padding:0 20px; position:relative; z-index:2;display:flex; display: -webkit-flex;  justify-content:space-between;align-items:center;}
.nySolution_pro .tjpro_cont ul li .more i svg{width:24px; height:24px; fill:#fff;}
.nySolution_pro .tjpro_cont ul li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.nySolution_pro .tjpro_cont ul li:hover .more{transform:translate(-50%,-28px); opacity:1;}
.nySolution_pro .tjpro_cont ul li:hover p{ opacity:0;}
@media (max-width:1680px) {
	.nySolution_pro{padding:80px 0;}
}
@media (max-width:1440px) {
	.nySolution_pro{padding:60px 0;}
	.nySolution_pro .tjpro_cont{ margin-top:40px;}
}
@media (max-width:1080px) {
  .nySolution_pro .tjpro_cont ul li .pic{ height:206px;}
}
@media (max-width:920px) {
	.nySolution_pro{padding:40px 0;}
	.nySolution_pro .tjpro_cont{ margin-top:30px;}
	.nySolution_pro .tjpro_cont ul li .text{padding: 10px 22px 30px 22px;}
	.nySolution_pro .tjpro_cont ul li .name{ font-size:16px;}
	.nySolution_pro .tjpro_cont ul li p{ font-size:15px;}
	.nySolution_pro .tjpro_cont ul li .more{ height:42px; line-height:42px; font-size:15px;}
	.nySolution_pro .tjpro_cont ul li .more i svg{width:20px; height:20px;}
}
@media (max-width:880px) {
	.nySolution_pro .tjpro_cont ul li .pic{ height:186px;}
}
@media (max-width:767px) {
	.nySolution_pro{padding:30px 0;}
	.nySolution_pro .tjpro_cont{ margin-top:20px;}
	.nySolution_pro .tjpro_cont ul li .pic{ height:230px;}
}
@media (max-width:600px) {
	.nySolution_pro .tjpro_cont ul li .pic{ height:180px;}
}
@media (max-width:413px) {
	.nySolution_pro .tjpro_cont ul li .pic{ height:210px;}
}