/*nyContact start*/
.nyContact { overflow: hidden; background-color: #fff;}
.nyContact_infor { padding: 100px 0; position: relative;}
.nyContact_infor ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyContact_infor ul li { width: 25%; padding: 0 15px;}
.nyContact_infor ul li .con { height: 100%; padding: 40px 20px; background-color: #fff; border: 1px solid #01314d;}
.nyContact_infor ul li .con:hover { background-color: #01314d;}
.nyContact_infor ul li .con i { display: block; width: 48px; height: 48px; overflow: hidden; margin: 0 auto;}
.nyContact_infor ul li .con:hover i svg path { fill: #ffffff;}
.nyContact_infor ul li .con span { display: block; line-height: 30px; color: #222; font-size: 22px; text-align: center; margin: 20px 0 10px;}
.nyContact_infor ul li .con:hover span { color: #fff;}
.nyContact_infor ul li .con em { display: block; width: 90px; height: 2px; background-color: #01314d; margin: 0 auto 20px;}
.nyContact_infor ul li .con:hover em { background-color: #fff;}
.nyContact_infor ul li .con p { line-height: 30px; color: #222; font-size: 24px; font-weight: bold; text-align: center; word-break: break-all;}
.nyContact_infor ul li .con:hover p { color: #fff;}
.nyContact_infor ul li:last-child .con p { font-size: 18px; font-weight: normal; word-break: keep-all;}
/*nyContact end*/


/*nyMessage start*/
.nyMessage { padding: 100px 0; overflow: hidden; background-color: #f8f8f8;}
.nyMessage_main dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyMessage_main dl dd { width: 50%; margin: 0 0 30px; padding: 0 15px;}
.nyMessage_main dl dd:nth-child(5) { width: 100%;}
.nyMessage_main dl dd:nth-child(6) { width: 100%; margin: 0;}
.nyForm_ipt, .nyForm_area { background-color: #fff; border: 1px solid #ddd; padding: 9px 24px 9px 129px; position: relative;}
.nyForm_ipt span, .nyForm_area span { display: block; width: 129px; line-height: 40px; color: #777; font-size: 18px; padding-left: 20px; position: absolute; left: 0; top: 9px;}
.nyForm_ipt span em, .nyForm_area span em { color: #da0000; font-size: 18px; margin-left: 5px;}
.nyForm_ipt input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #222; font-size: 18px; background: none; border: 0; outline: none;}
.nyForm_area textarea { display: block; width: 100%; height: 190px; overflow-y: scroll; line-height: 30px; color: #222; font-family: 'Poppins-Regular', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'; font-size: 18px; padding: 5px 0; background: none; border: 0; outline: none; resize: none;}
.nyForm_btn input { display: block; width: 160px; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 24px; font-weight: bold; text-transform: uppercase; text-align: center; background-color: #3fbf70; border: 0; outline: none; cursor: pointer;}
.nyForm_btn input:hover { background-color: #01314d;}
/*nyMessage end*/

@media (max-width:1680px) {
  .nyContact_infor, .nyMessage { padding: 80px 0;}
  .nyContact_infor ul li .con span, .nyContact_infor ul li .con p { font-size: 22px;}
  .nyContact_infor ul li:last-child .con p { line-height: 1.5; font-size: 16px;}
  
  .nyForm_ipt, .nyForm_area { padding: 4px 20px 4px 119px;}
  .nyForm_ipt span, .nyForm_area span { width: 119px; font-size: 16px; padding-left: 20px; top: 4px;}
  .nyForm_ipt input, .nyForm_area textarea { font-size: 16px;}
  .nyForm_btn input { font-size: 22px;}
}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyContact_infor, .nyMessage { padding: 60px 0;}
  .nyContact_infor ul li .con { padding: 30px 20px;}
  .nyContact_infor ul li .con span, .nyContact_infor ul li .con p, .nyForm_btn input { font-size: 20px;}
  .nyContact_infor ul li:last-child .con p, .nyForm_ipt span, .nyForm_area span, .nyForm_ipt input, .nyForm_area textarea { font-size: 15px;}
  .nyForm_area textarea { height: 160px; line-height: 25px;}
  .nyForm_btn input { height: 50px; line-height: 50px;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {
  .nyContact_infor ul, .nyMessage_main dl { margin: 0 -12px;}
  .nyContact_infor ul li, .nyMessage_main dl dd { padding: 0 12px;}
  .nyMessage_main dl dd { margin: 0 0 24px;}
}

@media (max-width:1200px) {
  .nyContact_infor ul li .con { padding: 20px 12px;}
  .nyContact_infor ul li .con span { margin: 10px 0 5px;}
  .nyContact_infor ul li .con em { width: 80px; margin: 0 auto 12px;}
  .nyContact_infor ul li .con span, .nyContact_infor ul li .con p, .nyForm_btn input { font-size: 18px;}
  .nyContact_infor ul li:last-child .con p { font-size: 14px;}
}

@media (max-width:1080px) {}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyContact_infor { padding: 40px 0 20px;}
  .nyMessage { padding: 40px 0;}
  .nyContact_infor ul, .nyMessage_main dl { margin: 0 -10px;}
  .nyContact_infor ul li { width: 50%; margin: 0 0 20px; padding: 0 10px;}
  .nyMessage_main dl dd { margin: 0 0 20px; padding: 0 10px;}
}

@media (max-width:820px) {}

@media (max-width:767px) {
  .nyContact_infor ul, .nyMessage_main dl { margin: 0;}  
  .nyContact_infor ul li, .nyMessage_main dl dd { width: 100%; padding: 0;}
  .nyForm_ipt, .nyForm_area { padding: 0 20px 0 99px;}
  .nyForm_ipt span, .nyForm_area span { top: 0;}
}

@media (max-width:390px) {}

@media (max-width:320px) {}

@media (max-width:280px) {}


