/*nySolution start*/
.nySolution { display: flex; padding-bottom: 90px;}
.nySolu_rec { width: 420px; padding-top: 60px;}
.nySolu_rec dl dd { margin-bottom: 90px;}
.nySolu_rec dl dd:last-child { margin-bottom: 0;}
.nySolu_rec dl dd a.nySoluRec_name { display: block; line-height: 1.12; color: #222; font-size: 36px; font-weight: bold; text-transform: capitalize;}
.nySolu_rec dl dd:hover a.nySoluRec_name { color: #da251c;}
.nySolu_rec dl dd p { line-height: 1.8; color: #777; font-size: 16px; margin: 20px 0;}
.nySolu_rec dl dd .nySoluRec_img { width: 100%; height: 250px; overflow: hidden; position: relative;}
.nySolu_rec dl dd .nySoluRec_img a.pic { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nySolu_rec dl dd:hover .nySoluRec_img a.pic img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nySolu_rec dl dd .nySoluRec_img a.pic::after { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(145deg, #da251c, rgba(218, 37, 28, .2), rgba(218, 37, 28, 0)); position: absolute; left: 0; bottom: 100%; z-index: 1; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nySolu_rec dl dd:hover .nySoluRec_img a.pic::after { bottom: 0;}
.nySolu_rec dl dd .nySoluRec_img .nyMore { position: absolute; left: 20px; bottom: -100%; z-index: 2;}
.nySolu_rec dl dd:hover .nySoluRec_img .nyMore { bottom: 20px;}

.nySolu_list { width: calc(100% - 420px); padding-left: 120px;}
.nySolu_list ul { margin-bottom: 60px;}
.nySolu_list ul li { overflow: hidden; padding: 60px 120px 60px 60px; border-bottom: 1px solid #e6e6e6; position: relative;}
.nySolu_list ul li .nySoluList_name { min-height: 40px; overflow: hidden; padding-left: 70px; position: relative;}
.nySolu_list ul li .nySoluList_name i { display: block; width: 40px; height: 40px; overflow: hidden; position: absolute; left: 0; top: 0;}
.nySolu_list ul li .nySoluList_name a { display: block; line-height: 40px; color: #222; font-size: 30px; font-weight: bold;}
.nySolu_list ul li:hover .nySoluList_name a { color: #da251c;}
.nySolu_list ul li p { height: 0; overflow: hidden; line-height: 28px; color: #777; font-size: 16px; margin: 0; padding-left: 70px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.nySolu_list ul li.active p { height: auto; max-height: 84px; margin: 20px 0 30px;}
.nySolu_list ul li .nyMore { height: 0; overflow: hidden; padding-left: 70px;}
.nySolu_list ul li.active .nyMore { height: 50px;}

.nySolu_list ul li i.btn { display: block; width: 60px; height: 40px; overflow: hidden; position: absolute; top: 60px; right: 0; cursor: pointer;}
.nySolu_list ul li i.btn::before, .nySolu_list ul li i.btn::after { content: ''; display: block; background-color: #999; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.5s; -webkit-transition: all 0.5s;}
.nySolu_list ul li i.btn::before { width: 30px; height: 2px;}
.nySolu_list ul li i.btn::after { width: 2px; height: 30px;}
.nySolu_list ul li:hover i.btn::before, .nySolu_list ul li:hover i.btn::after { background-color: #da251c;}
.nySolu_list ul li.active i.btn::after { height: 0;}
/*nySolution end*/

@media (max-width:1680px) {
  .nySolution { padding-bottom: 80px;}
  .nySolu_rec dl dd { margin-bottom: 80px;}
  .nySolu_list { padding-left: 100px;}
  .nySolu_list ul li { padding: 60px 100px 60px 50px;}
  .nySolu_list ul li i.btn { width: 50px;}
}

@media (max-width:1600px) {
  .nySolu_rec dl dd a.nySoluRec_name { line-height: 1.4; font-size: 32px;}
  .nySolu_rec dl dd p { font-size: 15px;}

  .nySolu_list ul li .nySoluList_name a { font-size: 28px;}
  .nySolu_list ul li p { line-height: 27px; font-size: 15px;}
  .nySolu_list ul li.active p { max-height: 81px;}
}

@media (max-width:1560px) {
  .nySolu_list { padding-left: 80px;}
  .nySolu_list ul li { padding: 60px 80px 60px 40px;}
  .nySolu_list ul li i.btn { width: 40px;}
}

@media (max-width:1440px) {
  .nySolution { padding-bottom: 60px;}
  .nySolu_rec { padding-top: 40px;}
  .nySolu_rec dl dd { margin-bottom: 60px;}
  .nySolu_rec dl dd a.nySoluRec_name { line-height: 1.5; font-size: 28px;}
  .nySolu_rec dl dd p { line-height: 1.7; font-size: 14px; margin: 15px 0 20px;}

  .nySolu_list { padding-left: 60px;}
  .nySolu_list ul { margin-bottom: 40px;}
  .nySolu_list ul li { padding: 40px 80px 40px 40px;}
  .nySolu_list ul li i.btn { top: 40px;}
  .nySolu_list ul li i.btn::before { width: 24px;}
  .nySolu_list ul li i.btn::after { height: 24px;}
  .nySolu_list ul li .nySoluList_name { padding-left: 50px;}
  .nySolu_list ul li .nySoluList_name i { width: 32px; height: 32px; top: 4px;}
  .nySolu_list ul li .nySoluList_name a { font-size: 24px;}
  .nySolu_list ul li p { line-height: 24px; font-size: 14px; padding-left: 50px;}
  .nySolu_list ul li.active p { max-height: 72px; margin: 15px 0 20px;}
  .nySolu_list ul li .nyMore { padding-left: 50px;}
  .nySolu_list ul li.active .nyMore { height: 48px;}
}

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

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

@media (max-width:1200px) {
  .nySolu_rec { width: 360px;}
  .nySolu_rec dl dd a.nySoluRec_name { font-size: 24px;}
  .nySolu_rec dl dd .nySoluRec_img { height: 220px;}

  .nySolu_list { width: calc(100% - 360px); padding-left: 40px;}
  .nySolu_list ul li .nySoluList_name { padding-left: 40px;}
  .nySolu_list ul li .nySoluList_name i { width: 26px; height: 26px; top: 7px;}
  .nySolu_list ul li .nySoluList_name a { font-size: 22px;}
  .nySolu_list ul li p { padding-left: 40px;}
  .nySolu_list ul li .nyMore { padding-left: 40px;}
  .nySolu_list ul li.active .nyMore { height: 44px;}
}

@media (max-width:1080px) {
  .nySolu_list ul li { padding: 40px 80px 40px 0;}
}

@media (max-width:1024px) {
  .nySolu_rec { width: 320px;}
  .nySolu_rec dl dd { margin-bottom: 40px;}
  .nySolu_rec dl dd a.nySoluRec_name { line-height: 1.4; font-size: 22px;}
  .nySolu_rec dl dd p { overflow: hidden; max-height: 72px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .nySolu_rec dl dd .nySoluRec_img { height: 200px;}

  .nySolu_list { width: calc(100% - 320px);}
  .nySolu_list ul li { padding: 30px 60px 30px 0;}
  .nySolu_list ul li .nySoluList_name a { font-size: 20px;}
  .nySolu_list ul li.active p { margin: 10px 0 20px;}
  .nySolu_list ul li i.btn { top: 30px;}
  .nySolu_list ul li i.btn::before { width: 20px;}
  .nySolu_list ul li i.btn::after { height: 20px;}
}

@media (max-width:920px) {
  .nySolution { padding-bottom: 40px;}

  .nySolu_list ul li.active .nyMore { height: 40px;}
}

@media (max-width:820px) {
  .nySolution { display: block;}
  .nySolu_rec { width: 100%; margin-bottom: 20px;}
  .nySolu_rec dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -10px;}
  .nySolu_rec dl dd { width: 33.333333%; margin: 0; padding: 0 10px;}
  .nySolu_rec dl dd a.nySoluRec_name { overflow: hidden; height: 60px; line-height: 30px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .nySolu_rec dl dd p { height: 72px;}
  .nySolu_rec dl dd .nySoluRec_img { height: 160px;}
  
  .nySolu_list { width: 100%; padding: 0;}
}

@media (max-width:767px) {
  .nySolu_rec dl dd { width: 100%; margin-bottom: 40px;}
  .nySolu_rec dl dd a.nySoluRec_name { height: auto; max-height: 60px;}
  .nySolu_rec dl dd .nySoluRec_img { height: 220px;}

  .nySolu_list ul { margin-bottom: 20px;}
  .nySolu_list ul li { padding: 20px 60px 20px 0;}
  .nySolu_list ul li .nySoluList_name a { line-height: 30px; font-size: 18px; padding: 5px 0;}
  .nySolu_list ul li i.btn { top: 20px;}
  .nySolu_list ul li.active p { margin: 5px 0 15px;}
}

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

@media (max-width:320px) {
  .nySolu_rec { padding-top: 20px;}
  .nySolu_rec dl dd { margin-bottom: 20px;}
  .nySolu_rec dl dd a.nySoluRec_name { line-height: 30px; font-size: 18px;}
  .nySolu_rec dl dd p { margin: 5px 0 10px;}
  .nySolu_rec dl dd .nySoluRec_img { height: 180px;}

  .nySolu_list ul li { padding: 15px 40px 15px 0;}
  .nySolu_list ul li .nySoluList_name a { font-size: 16px;}  
  .nySolu_list ul li p, .nySolu_list ul li .nyMore { padding-left: 0;}
  .nySolu_list ul li.active p { margin: 5px 0 10px;}
  .nySolu_list ul li i.btn { top: 15px;}
  .nySolu_list ul li i.btn::before { width: 16px;}
  .nySolu_list ul li i.btn::after { height: 16px;}
}

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