/*nyProduct start*/
.nyProduct { padding: 90px 0 140px;}
.nyProduct .nyPro_head { margin-bottom: 50px;}
.nyPro_head p { line-height: 1; color: #333; font-size: 36px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.nyPro_head span { display: block; line-height: 1.6; color: #999; font-size: 16px; text-align: center;}

.nyProduct .nyPro_main { display: flex; flex-wrap: wrap; justify-content: left;}
.nyPro_main .nyPro_left { width: 30%; padding-right: 60px;}
.nyPro_left .nyPro_fl { margin-bottom: 30px;}
.nyPro_fl .nyProFl_head { height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 24px; font-weight: bold; padding: 0 30px; background-color: #0faac6; border-radius: 8px 8px 0 0; position: relative;}
.nyProFl_head i { display: block; width: 26px; height: 26px; margin: 17px 10px 17px 0; float: left;}
.nyProFl_head em { display: none;}
.nyPro_fl .nyProFl_list { padding: 20px 0; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 0 0 8px 8px;}
.nyProFl_list ul li { padding: 0 30px;}
.nyProFl_list ul li:hover, .nyProFl_list ul li.active { background-color: #f1f3f8;}
.nyProFl_list ul li a { display: block; height: 44px; overflow: hidden; line-height: 44px; color: #333; font-size: 16px; font-weight: bold; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; padding-left: 12px; position: relative;}
.nyProFl_list ul li:hover a, .nyProFl_list ul li.active a { color: #ec5c42;}
.nyProFl_list ul li a::before { content: ''; display: block; width: 4px; height: 4px; margin-top: -2px; background-color: #ec5c42; position: absolute; left: 0; top: 50%;}

.nyPro_msg .nyProMsg_head { height: 40px; overflow: hidden; line-height: 40px; color: #ec5c42; font-size: 24px; font-weight: bold; margin-bottom: 10px; padding: 0 10px;}
.nyProMsg_head i { display: block; width: 26px; height: 26px; margin: 7px 10px 7px 0; float: left;}
.nyPro_msg ul li dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -6px;}
.nyPro_msg ul li dl dd { width: 50%;margin-bottom: 12px; padding: 0 6px;}
.nyProMsg_ipt { height: 48px; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; padding: 3px 9px 3px 19px; position: relative;}
.nyProMsg_ipt em { display: block; width: 10px; height: 20px; line-height: 20px; color: #e50000; font-size: 14px; position: absolute; left: 10px; top: 12px;}
.nyProMsg_ipt input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 14px; float: left; border: 0; background: none; outline: none;}
.nyProMsg_area { overflow: hidden; border: 1px solid #ddd; border-radius: 4px; padding: 8px 9px 8px 19px; position: relative;}
.nyProMsg_area em { display: block; width: 10px; height: 20px; line-height: 20px; color: #e50000; font-size: 14px; position: absolute; left: 10px; top: 12px;}
.nyProMsg_area textarea { display: block; width: 100%; height: 120px; overflow-y: scroll; line-height: 24px; color: #333; font-size: 14px; float: left; border: 0; background: none; outline: none; resize: none;}
.nyProMsg_btn { margin-top: 20px;}
.nyProMsg_btn input { display: inline-block; vertical-align: top; overflow: hidden; line-height: 2.5; color: #fff; font-family: "BebasKai"; font-size: 20px; padding: 0 40px; background: #ec5c42; border-radius: 25px; border: 0; outline: none; cursor: pointer;}
.nyProMsg_btn input:hover { opacity: .9;}

.nyPro_main .nyPro_right { width: 70%;}
.nyPro_right .nyPro_list { margin-bottom: 20px;}
.nyPro_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyPro_list ul li { width: 33.333333%; margin-bottom: 30px; padding: 0 15px;}
.nyPro_list ul li .nyPro_con { height: 100%; overflow: hidden; padding-bottom: 30px; background: #fff; border: 1px solid #f1f3f8; border-radius: 6px; text-align: center;}
.nyPro_list ul li .nyPro_con:hover { border-color: #0faac6; -webkit-box-shadow: 0 0 10px 1px rgb(22, 182, 210, .3); box-shadow: 0 0 10px 1px rgb(22, 182, 210, .3);}
.nyPro_con a.pic { display: block; height: 316px; overflow: hidden; position: relative;}
.nyPro_con a.name { display: block; height: 50px; overflow: hidden; line-height: 25px; color: #333; font-size: 16px; margin: 15px 0; padding: 0 15px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyPro_con:hover a.name { color: #0faac6;}
.nyPro_con a.more { display: inline-block; line-height: 24px; color: #ec5c42; font-size: 16px; border-bottom: 1px solid #ec5c42;}

.nyPro_right .nyPage a { background-color: #f1f3f8;}
/*nyProduct end*/

@media (max-width:1680px) {
  .nyProduct { padding: 80px 0 120px;}
  .nyProduct .nyPro_head { margin-bottom: 40px;}
  .nyPro_right .nyPro_list { margin-bottom: 10px;}
}

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

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

@media (max-width:1440px) {
  .nyProduct { padding: 60px 0 100px;}
  .nyProduct .nyPro_head { margin-bottom: 30px;}
  .nyPro_head p { font-size: 34px;}
  .nyPro_main .nyPro_left { padding-right: 40px;}
  .nyPro_right .nyPro_list { margin-bottom: 0;}
  .nyPro_con a.pic { height: 290px;}
}

@media (max-width:1366px) {
  .nyPro_con a.pic { height: 278px;}
}

@media (max-width:1280px) {
  .nyPro_head p { font-size: 32px;}
  .nyPro_fl .nyProFl_head, .nyProFl_list ul li { padding: 0 20px;}
  .nyPro_msg ul li dl { margin: 0;}
  .nyPro_msg ul li dl dd { width: 100%; padding: 0;}
    
  .nyPro_right .nyPro_list { margin-bottom: 10px;}
  .nyPro_list ul { margin: 0 -10px;}
  .nyPro_list ul li { margin-bottom: 20px; padding: 0 10px;}
  .nyPro_list ul li .nyPro_con { padding-bottom: 20px;}
  .nyPro_con a.pic { height: 266px;}
  .nyPro_con a.name { height: 48px; line-height: 24px; margin: 12px 0; padding: 0 12px;}
  .nyPro_con a.more { font-size: 14px;}
}

@media (max-width:1200px) {
  .nyPro_con a.pic { height: 246px;}
}

@media (max-width:1080px) {
  .nyPro_main .nyPro_left { padding-right: 30px;}
  .nyPro_fl .nyProFl_head, .nyPro_msg .nyProMsg_head { font-size: 22px;}
  .nyProFl_head i { width: 24px; height: 24px; margin: 18px 10px 18px 0;}
  .nyProMsg_head i { width: 24px; height: 24px; margin: 8px 10px 8px 0;}

  .nyPro_con a.pic { height: 222px;}
}

@media (max-width:1024px) {
  .nyPro_main .nyPro_left { width: 100%; padding-right: 0;}
  .nyPro_fl .nyProFl_head, .nyPro_msg .nyProMsg_head { font-size: 24px;}
  .nyProFl_head em { display: block; width: 24px; height: 24px; overflow: hidden; padding: 3px; position: absolute; top: 18px; right: 18px;}  
  .nyProFl_head.on em {transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
  .nyPro_fl .nyProFl_list { display: none;}
  .nyPro_left .nyPro_msg { display: none;}
  .nyPro_msg ul li dl { margin: 0 -6px;}
  .nyPro_msg ul li dl dd { width: 50%; padding: 0 6px;}

  .nyPro_main .nyPro_right { width: 100%;}
  .nyPro_con a.pic { height: 306px;} 
}

@media (max-width:920px) {
  .nyProduct { padding: 40px 0 75px;}
  .nyPro_head p { font-size: 30px;}
  .nyPro_head span { font-size: 15px;}
  .nyPro_right .nyPro_list { margin-bottom: 0;}
  .nyPro_con a.pic { height: 270px;}
}

@media (max-width:820px) {
  .nyPro_con a.pic { height: 240px;}
}

@media (max-width:767px) {
  .nyProduct { padding: 40px 0;}
  .nyProduct .nyPro_head { margin-bottom: 20px;}
  .nyPro_head p { font-size: 28px; margin-bottom: 10px;}
  .nyPro_left .nyPro_fl { margin-bottom: 20px;}
  .nyPro_list ul { margin: 0 -6px;}
  .nyPro_list ul li { width: 50%; padding: 0 6px;}
  .nyPro_con a.pic { height: 186px;}
  .nyPro_con a.name { font-size: 15px;}
}

@media (max-width:390px) {
  .nyPro_head p { font-size: 24px;}
  .nyPro_head span { font-size: 14px;}
  .nyPro_con a.pic { height: 176px;}
}

@media (max-width:320px) {
  .nyPro_fl .nyProFl_head, .nyPro_msg .nyProMsg_head { font-size: 22px;}
  .nyPro_list ul { margin: 0;}
  .nyPro_list ul li { width: 100%; padding: 0;}
  .nyPro_con a.pic { height: 298px;}
  .nyPro_con a.name, .nyPro_con a.more { font-size: 16px;}
}