/*nyProducts start*/
.nyProducts { overflow: hidden; padding: 80px 0;}
.nyPro_left { width: calc(100% - 400px); float: left;}
.nyProLeft_head { margin-bottom: 30px;}
.nyProLeft_head p { width: calc(100% - 320px); height: 50px; overflow: hidden; line-height: 50px; color: #222; font-family: "Montserrat-Bold"; font-size: 32px; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; float: left; position: relative;}
.nyProLeft_head p::before { display: block; content: ''; width: 8px; height: 8px; background-color: #ffd100; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.nyProLeft_head .nyPro_form { width: 320px; height: 50px; float: right;}
.nyPro_form .ipt { float: left; width: calc(100% - 50px); height: 50px; overflow: hidden; line-height: 48px; color: #222; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding: 0 20px; border: 1px solid #e6e6e6; border-right: 0; background: none; outline: none;}
.nyPro_form .ipt::placeholder { color: #555;}
.nyPro_form .btn { float: right; width: 50px; height: 50px; overflow: hidden; font-size: 0; background-color: #004298; border: 0; outline: none; cursor: pointer;}
.nyPro_form .btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 15px;}

.nyProLeft_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px 10px;}
.nyProLeft_list ul li { width: 33.333333%; margin-bottom: 30px; padding: 0 15px;}
.lyPro_con { overflow: hidden; height: 100%; background-color: #fff; border: 1px solid #e6e6e6; box-shadow: 0 0 0 rgba(0, 66, 152, 0);}
.lyPro_con:hover { border: 1px solid #004298; box-shadow: 0 6px 12px rgba(0, 66, 152, .2);}
.lyPro_con a.img { display: block; width: 100%; height: 250px; overflow: hidden; position: relative;}
.lyPro_con:hover a.img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyPro_con .text { padding: 20px 30px 30px;}
.lyPro_con .text a.name { display: block; line-height: 1.6; color: #222; font-family: "Poppins-Medium"; font-size: 18px; margin-bottom: 5px;}
.lyPro_con:hover .text a.name { color: #004298;}
.lyPro_con .text p { min-height: 24px; line-height: 24px; color: #777; font-family: "Poppins-Light"; font-size: 16px; padding-left: 24px; position: relative;}
.lyPro_con .text p::before { display: block; content: ''; width: 4px; height: 4px; background-color: #777; border-radius: 50%; position: absolute; left: 8px; top: 10px;}
.lyPro_con .text a.btn { display: inline-block; line-height: 42px; color: #222; font-family: "Poppins-Light"; font-size: 16px; border: 1px solid #222; padding: 0 25px; vertical-align: top; margin-top: 20px;}
.lyPro_con:hover .text a.btn { color: #fff; background-color: #004298; border: 1px solid #004298;}

.nyPro_right { width: 400px; padding-left: 60px; float: right;}
.nyPro_menu { margin-bottom: 30px;}
.nyPro_menu .nyProMenu_title { display: flex; align-items: center; height: 72px; overflow: hidden; padding: 0 30px; background-color: #677281; /*border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;*/ position: relative;}
.nyProMenu_title p { line-height: 1.2; color: #fff; font-family: "Montserrat-Bold"; font-size: 24px;}
.nyProMenu_title i { display: none; width: 30px; height: 30px; overflow: hidden; margin-top: -15px; background-color: #f5f5f5; border-radius: 50%; position: absolute; top: 50%; right: 20px; cursor: pointer;}
.nyProMenu_title.on i { display: block; background-color: #ffd100;}
.nyProMenu_title i::before, .nyProMenu_title i::after { display: block; content: ''; background-color: #999; position: absolute; left: 50%; top: 50%;}
.nyProMenu_title i::before { width: 2px; height: 12px; margin: -6px 0 0 -1px;}
.nyProMenu_title i::after { width: 12px; height: 2px; margin: -1px 0 0 -6px;}
.nyProMenu_title.on i::before, .nyProMenu_title.on i::after { background-color: #fff;}

.nyPro_menu .nyProMenu_list { border: 1px solid #e6e6e6; border-top: 0;}
.nyProMenu_list ul li { border-bottom: 1px solid #e6e6e6;}
.nyProMenu_list ul li:last-child { border-bottom: 0;}
.nyProMenu_list ul li .fstList { height: 72px; overflow: hidden; padding: 0 60px 0 30px; position: relative;}
.nyProMenu_list ul li:hover .fstList, .nyProMenu_list ul li.active .fstList { background-color: #004298;}
.nyProMenu_list ul li .fstList a { display: block; width: 100%; height: 72px; overflow: hidden; line-height: 72px; color: #555; font-family: "Poppins-Medium"; font-size: 18px; white-space: nowrap; text-overflow: ellipsis;}
.nyProMenu_list ul li:hover .fstList a, .nyProMenu_list ul li.active .fstList a { color: #fff;}
.nyProMenu_list ul li .fstList i { display: block; width: 32px; height: 32px; overflow: hidden; margin-top: -16px; background-color: #f5f5f5; border-radius: 50%; position: absolute; top: 50%; right: 14px; cursor: pointer;}
.nyProMenu_list ul li:hover .fstList i, .nyProMenu_list ul li.active .fstList i { background-color: #ffd100;}
.fstList i::before, .fstList i::after { display: block; content: ''; background-color: #999; position: absolute; left: 50%; top: 50%;}
.fstList i::before { width: 2px; height: 12px; margin: -6px 0 0 -1px;}
.fstList i::after { width: 12px; height: 2px; margin: -1px 0 0 -6px;}
.nyProMenu_list ul li:hover .fstList i::before, .nyProMenu_list ul li:hover .fstList i::after, .nyProMenu_list ul li.active .fstList i::before, .nyProMenu_list ul li.active .fstList i::after { background-color: #004298;}
.nyProMenu_list ul li.active .fstList i::before { display: none;}

.nyProMenu_list ul li .scdList { display: none; position: relative;}
.nyProMenu_list ul li .scdList::before { display: block; content: ""; width: 3px; height: 100%; background-color: #004298; position: absolute; top: 0; left: 0;}
.nyProMenu_list ul li.active .scdList { display: block;}
.scdList a { display: block; width: 100%; height: 60px; overflow: hidden; line-height: 60px; color: #555; font-family: "Poppins-Light"; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding: 0 30px; border-bottom: 1px solid #e6e6e6;}
.scdList a:last-child { border-bottom: 0;}
.scdList a:hover { color: #004298;}

.nyProMenu_list .backBtn a { display: block; height: 60px; line-height: 60px; color: #fff; font-family: "Poppins-Medium"; font-size: 18px; text-align: center; background-color: #004298;}
.nyProMenu_list .backBtn a:hover { background-color: #ffd100;}
/*nyProducts end*/

@media (max-width:1680px) {
  .nyProMenu_title p { font-size: 22px;}
}

@media (max-width:1600px) {
  .nyPro_form .ipt, .lyPro_con .text p { font-size: 15px;}

  .lyPro_con .text a.btn { line-height: 38px; font-size: 15px;}
}

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

@media (max-width:1440px) {
  .nyProducts { padding: 60px 0;}
  .nyPro_left { width: calc(100% - 380px);}
  .nyProLeft_head p { height: 44px; line-height: 44px; font-size: 30px;}
  .nyProLeft_head .nyPro_form { height: 44px;}
  .nyPro_form .ipt { width: calc(100% - 44px); height: 44px; line-height: 42px; padding: 0 15px;}
  .nyPro_form .btn { width: 44px; height: 44px;}
  .nyPro_form .btn i { padding: 12px;}
  .nyProLeft_list ul { margin: 0 -15px;}

  .nyPro_right { width: 380px; padding-left: 40px;}
}

@media (max-width:1366px) {
  .lyPro_con a.img { height: 227px;}
  .lyPro_con .text { padding: 10px 20px 20px;}
  .lyPro_con .text p { padding-left: 14px;}
  .lyPro_con .text p::before { left: 0;}
  .lyPro_con .text a.btn { margin-top: 15px; padding: 0 20px;}

  .nyPro_menu .nyProMenu_title, .nyProMenu_list ul li .fstList { height: 60px;}
  .nyProMenu_list ul li .fstList a { height: 60px; line-height: 60px; font-size: 16px;}
  .nyProMenu_list ul li .fstList i { width: 30px; height: 30px; margin-top: -15px; right: 15px;}
  .scdList a { height: 50px; line-height: 50px; font-size: 15px;}

}

@media (max-width:1280px) {
  .nyPro_left { width: calc(100% - 360px);}
  .nyPro_form .ipt, .lyPro_con .text p { font-size: 14px;}
  .nyProLeft_list ul { margin: 0 -12px 6px;}
  .nyProLeft_list ul li { margin-bottom: 24px; padding: 0 12px;}
  .lyPro_con a.img { height: 217px;}

  .nyPro_right { width: 360px;}
  .nyPro_menu .nyProMenu_title { padding: 0 20px;}
  .nyProMenu_list ul li .fstList { padding: 0 50px 0 20px;}
  .nyProMenu_list ul li .fstList i { right: 10px;}
  .scdList a { font-size: 14px; padding: 0 20px;}
}

@media (max-width:1200px) {
  .nyProLeft_head p { font-size: 28px; padding-left: 20px;}
  .nyProLeft_head p::before { width: 6px; height: 6px; margin-top: -3px;}
  .lyPro_con a.img { height: 196px;}

  .nyProMenu_title p { font-size: 20px;}
  .nyProMenu_list ul li .scdList::before { width: 2px;}
}

@media (max-width:1080px) {
  .nyProLeft_head p { width: 100%; margin-bottom: 20px;}
  .nyProLeft_head .nyPro_form { width: 100%;}

  .nyProLeft_list ul { margin: 0 -10px 10px;}
  .nyProLeft_list ul li { width: 50%; margin-bottom: 20px; padding: 0 10px;}
  .lyPro_con a.img { height: 257px;}
  .lyPro_con .text a.btn { line-height: 34px; font-size: 14px;}
}

@media (max-width:1024px) {
  .lyPro_con a.img { height: 236px;}
}

@media (max-width:920px) {
  .nyProducts { padding: 40px 0;} 
  .nyPro_left, .nyPro_right { width: 100%; padding: 0; float: none;}
  .nyRight_contact { display: none;}
  .nyProLeft_head p { height: 40px; line-height: 40px; font-size: 26px; margin-bottom: 10px;}
  .nyProLeft_list ul { margin: 0 -10px;}
  .nyProLeft_list ul li { width: 33.333333%;}
  .lyPro_con a.img { height: 222px;}

  .nyProMenu_title i { display: block;}
  .nyPro_menu .nyProMenu_list { display: none;}
  .nyProMenu_list ul li .fstList i { right: 19px;}
}

@media (max-width:820px) {
  .lyPro_con a.img { height: 197px;}
  .lyPro_con .text a.name { font-size: 16px;}
}

@media (max-width:767px) {
  .nyPro_menu { margin-bottom: 20px;}
  .nyProLeft_head { margin-bottom: 20px;}
  .nyProLeft_head p { font-size: 24px;}
  .nyProLeft_list ul { margin: 0 -6px;}
  .nyProLeft_list ul li { width: 50%; padding: 0 6px;}
  .lyPro_con a.img { height: 152px;}
  .lyPro_con .text a.name { font-size: 18px;}
}

@media (max-width:390px) {
  .lyPro_con a.img { height: 142px;}
}

@media (max-width:320px) {
  .nyProducts { padding: 20px 0;} 
  .nyProMenu_title p { font-size: 18px;}
  .nyPro_menu .nyProMenu_title, .nyProMenu_list ul li .fstList { height: 50px;}
  .nyProMenu_list ul li .fstList a { height: 50px; line-height: 50px;}

  .nyProLeft_list ul { margin: 0;}
  .nyProLeft_list ul li { width: 100%; padding: 0;}
  .lyPro_con a.img { height: 242px;}
}