/* nyDown start */
.nyDown { overflow: hidden; padding: 0 0 100px;}
.nyDown_main { display: flex;}
.nyDown_list { width: 63%;}
.nyDown_list ul { min-height: 200px; margin-bottom: 50px;}
.nyDown_list ul li { display: flex; overflow: hidden; margin-bottom: 24px; background-color: #fff; border-radius: 8px;}
.nyDown_list ul li:last-child { margin-bottom: 0;}
.nyDown_list ul li:hover { background-color: #fd0909;}
.nyDown_list ul li .text { width: calc(100% - 160px); overflow: hidden; padding: 16px 30px 16px 120px; position: relative;}
.nyDown_list ul li .text i { display: block; width: 64px; height: 64px; overflow: hidden; padding: 14px; background-color: rgba(255, 255, 255, 0); border: 1px solid #e6e6e6; border-radius: 50%; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyDown_list ul li:hover .text i { background-color: #fff; border: 1px solid #fff;}
.nyDown_list ul li .text a.name { display: block; height: 32px; overflow: hidden; line-height: 32px; color: #222; font-size: 18px; font-weight: bold; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px;}
.nyDown_list ul li .text span { display: block; line-height: 22px; color: #777; font-size: 14px; margin-top: 2px;}
.nyDown_list ul li:hover .text a.name { color: #fff;}
.nyDown_list ul li:hover .text span { color: rgba(255, 255, 255, .65);}

.nyDown_list ul li .btn { width: 160px; overflow: hidden; border-left: 1px solid #e6e6e6;}
.nyDown_list ul li:hover .btn { border-left: 1px solid rgba(255, 255, 255, .45);}
.nyDown_list ul li .btn a { display: block; width: 100%; height: 100%; overflow: hidden; padding: 32px 0;}
.nyDown_list ul li .btn a i { display: block; width: 32px; height: 32px; overflow: hidden; margin: 0 auto 2px;}
.nyDown_list ul li .btn a span { display: block; line-height: 22px; color: #777; font-size: 14px; text-align: center;}
.nyDown_list ul li:hover .btn a i svg path { fill: #fff;}
.nyDown_list ul li:hover .btn a span { color: #fff;}


.nyDown_right { width: 37%; padding-left: 60px;}
.nyDown_right .nyDownRight_con { overflow: hidden; margin-bottom: 30px; padding: 30px; background-color: #eee; border-radius: 8px;}
.nyDownRight_con .tit { line-height: 30px; color: #222; font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.nyDownRight_con .tit span { color: #fd0909;}

.nyDown_msg ul li { margin-bottom: 12px;}
.nyDown_msg ul li:last-child { margin-bottom: 0;}
.nyDown_msg ul li .msgIpt input { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 40px; color: #222; font-size: 16px; padding: 5px 20px; background-color: #fff; border-radius: 4px; border: 0; outline: none;}
.nyDown_msg ul li .msgArea textarea { display: block; width: 100%; height: 120px; overflow-y: scroll; line-height: 25px; color: #222; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'; font-size: 16px; padding: 10px 20px; background-color: #fff; border-radius: 4px; border: 0; outline: none; resize: none;}
.nyDown_msg ul li .msgIpt input::placeholder, .nyDown_msg ul li .msgArea textarea::placeholder { color: #999;}
.nyDown_msg ul li .msgBtn button { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-transform: capitalize; background-color: #fd0909; border: 0; border-radius: 25px; cursor: pointer;}
.nyDown_msg ul li .msgBtn button i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; overflow: hidden; margin: -2px 0 0 10px;}
.nyDown_msg ul li .msgBtn button:hover i { margin: -2px 0 0 20px;}

.nyDown_hotPro { padding-bottom: 30px; position: relative;}
.nyDown_hotPro .swiper-slide a.img { display: block; width: 100%; height: 300px; overflow: hidden; margin-bottom: 20px; background-color: #fff; border-radius: 8px; position: relative;}
.nyDown_hotPro .swiper-slide:hover a.img img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nyDown_hotPro .swiper-slide a.name { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; font-weight: bold; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.nyDown_hotPro .swiper-slide:hover a.name { color: #fd0909;}

.nyDown_hotPro .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important;}
.nyDown_hotPro .swiper-pagination span { width: 8px; height: 8px; margin: 0 4px !important; background-color: #bbb; border-radius: 50%; vertical-align: top; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nyDown_hotPro .swiper-pagination span::after { display: none;}
.nyDown_hotPro .swiper-pagination span.swiper-pagination-bullet-active { background-color: #fd0909;}
/* nyDown end */


@media (max-width:1680px) {
  .nyDown { padding: 0 0 80px;}
  .nyDown_list ul { margin-bottom: 40px;}
}

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

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

@media (max-width:1440px) {
  .nyDown { padding: 0 0 60px;}
  .nyDown_list { width: 65%;}
  .nyDown_list ul { margin-bottom: 30px;}
  .nyDown_list ul li .text { width: calc(100% - 130px);}
  .nyDown_list ul li .btn { width: 130px;}

  .nyDown_right { width: 35%; padding-left: 40px;}
}

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

@media (max-width:1280px) {
  .nyDown_list { width: 68%;}
  .nyDown_list ul li .text { width: calc(100% - 100px); padding: 16px 20px 16px 100px;}
  .nyDown_list ul li .text i { width: 60px; height: 60px; left: 20px;}
  .nyDown_list ul li .btn { width: 100px;}

  .nyDown_right { width: 32%; padding-left: 30px;}
  .nyDown_right .nyDownRight_con { margin-bottom: 20px; padding: 20px;}
  .nyDownRight_con .tit { line-height: 30px; font-size: 22px; margin-bottom: 12px;}
  .nyDown_msg ul li .msgIpt input { height: 45px; line-height: 35px; font-size: 15px; padding: 5px 15px;}
  .nyDown_msg ul li .msgArea textarea { height: 108px; line-height: 22px; font-size: 15px; padding: 10px 15px;}
  .nyDown_msg ul li .msgBtn button { height: 45px; line-height: 45px; font-size: 15px;}

  .nyDown_hotPro { padding-bottom: 20px;}
  .nyDown_hotPro .swiper-slide a.img { height: 250px; margin-bottom: 10px;}
  .nyDown_hotPro .swiper-slide a.name { font-size: 16px;}
}

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

@media (max-width:1080px) {
  .nyDown_hotPro .swiper-slide a.img { height: 230px;} 
}

@media (max-width:1024px) {
  .nyDown_hotPro .swiper-slide a.img { height: 220px;} 
}

@media (max-width:920px) {
  .nyDown { padding: 0 0 40px;}
  .nyDown_main { display: block;}
  .nyDown_list { width: 100%; margin-bottom: 40px;}
  .nyDown_list ul { margin-bottom: 20px;}

  .nyDown_right { display: flex; justify-content: space-between; width: 100%; padding-left: 0;}
  .nyDown_right .nyDownRight_con { width: calc(50% - 10px); margin: 0;}
}

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

@media (max-width:767px) {
  .nyDown_list ul li { display: block;}
  .nyDown_list ul li .text { width: 100%; padding: 12px 20px 12px 76px; border-bottom: 1px solid #e6e6e6;}
  .nyDown_list ul li:hover .text { border-bottom: 1px solid rgba(255, 255, 255, .45);}
  .nyDown_list ul li .text a.name { height: auto; max-height: 48px; line-height: 24px; font-size: 16px; white-space: inherit; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .nyDown_list ul li .text i { width: 52px; height: 52px; padding: 12px; left: 12px;}
  .nyDown_list ul li .btn { width: 100%; border: 0;}
  .nyDown_list ul li:hover .btn { border: 0;}
  .nyDown_list ul li .btn a { padding: 12px 0 12px 76px;}
  .nyDown_list ul li .btn a i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: -2px 10px 0 0;}
  .nyDown_list ul li .btn a span { display: inline-block; vertical-align: middle;}

  .nyDown_right { display: block; justify-content: unset;}
  .nyDown_right .nyDownRight_con { width: 100%; margin: 20px 0 0;}
}

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

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