/*lyContact start*/
.lyContact { overflow: hidden; padding: 80px 0; background: url(../images/webp/contactBg.webp) bottom center no-repeat; background-size: 100%;}
.lyContact_left { width: 56%; background-color: #fff; border: 1px solid #e6e6e6; float: left;}
.lyContactLeft_head { padding: 30px 40px; background-color: #f8f8f8; display: flex; align-items: center;}
.lyContactLeft_head i { display: block; width: 60px; height: 60px; overflow: hidden; padding: 12px; background-color: #004298;}
.lyContactLeft_head p { width: calc(100% - 60px); line-height: 30px; color: #555; font-family: "Poppins-Light"; font-size: 16px; padding-left: 40px;}
.lyContact_form { padding: 50px 40px;}
.lyContact_form dl { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px;}
.lyContact_form dl dd { width: 50%; margin-bottom: 25px; padding: 0 10px;}
.lyContact_form dl dt { width: 100%; margin-bottom: 25px; padding: 0 10px;}
.lyContact_form dl dt:last-child { margin-bottom: 0;}
.lyContact_form dl dd span, .lyContact_form dl dt span { display: block; height: 24px; line-height: 24px; color: #222; font-family: "Poppins-Light"; font-size: 16px; margin-bottom: 6px; padding-left: 20px;}
.lyContact_form dl dd span sup, .lyContact_form dl dt span sup { vertical-align: middle; color: #f00; font-family: "Poppins-Light";}
.nyMessage_ipt { width: 100%; padding: 5px 20px; background-color: #f8f8f8;}
.nyMessage_ipt input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #222; font-family: "Poppins-Medium"; font-size: 16px; background: none; border: 0; outline: none;}
.nyMessage_area { width: 100%; padding: 10px 20px; background-color: #f8f8f8;}
.nyMessage_area textarea { display: block; width: 100%; height: 120px; overflow-y: scroll; line-height: 30px; color: #222; font-family: "Poppins-Medium"; font-size: 16px; background: none; border: 0; outline: none; resize: none;}
.nyMessage_btn button { display: inline-block; vertical-align: top; width: 100%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-family: "Poppins-Medium"; font-size: 24px; text-align: center; background-color: #004298; border: 0; outline: none; cursor: pointer;}
.nyMessage_btn button:hover { background-color: #ffd100;}

.lyContact_right { width: 44%; padding-left: 80px; float: right;}
.lyContact_right .lyTitle { text-align: left;}
.lyContact_right .lyTitle::after { margin: 10px 0 0;}
.lyContact_right p.dec { line-height: 1.6; color: #555; font-family: "Poppins-Light"; font-size: 16px; margin: -30px 0 30px;}
.lyContact_right ul { padding-left: 60px; position: relative;}
.lyContact_right ul::before { content: ""; display: block; width: 1px; height: 100%; background-color: #ffd100; position: absolute; left: 10px; top: 10px;}
.lyContact_right ul li { margin-bottom: 40px; position: relative;}
.lyContact_right ul li:last-child { margin-bottom: 0;}
.lyContact_right ul li title { display: block; height: 30px; line-height: 30px; color: #ffd100; font-family: "Montserrat-Bold"; font-size: 24px; margin-bottom: 20px; position: relative;}
.lyContact_right ul li title::before { content: ""; display: block; width: 21px; height: 21px; overflow: hidden; background-color: #ffd100; border-radius: 50%; position: absolute; left: -60px; top: 4px; opacity: .1;}
.lyContact_right ul li title::after { content: ""; display: block; width: 11px; height: 11px; overflow: hidden; background-color: #ffd100; border-radius: 50%; position: absolute; left: -55px; top: 9px;}
.lyContact_right ul li dl dd { margin-bottom: 10px; padding-left: 30px; position: relative;}
.lyContact_right ul li dl dd i { display: block; width: 16px; height: 16px; overflow: hidden; position: absolute; left: 0; top: 7px;}
.lyContact_right ul li dl dd p { padding: 2px 0;}
.lyContact_right ul li dl dd p em { display: block; line-height: 26px; color: #777; font-family: "Poppins-Light"; font-size: 18px; float: left;}
.lyContact_right ul li dl dd p span { display: block; max-width: calc(100% - 76px); line-height: 26px; color: #222; font-size: 18px; padding-left: 10px; float: left;}
/*lyContact end*/

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

@media (max-width:1600px) {
  .lyContactLeft_head p, .lyContact_right p.dec, .lyContact_form dl dd span, .lyContact_form dl dt span { font-size: 15px;}

  .lyContact_right ul li title { font-size: 22px;}
  .lyContact_right ul li dl dd p em, .lyContact_right ul li dl dd p span { font-size: 16px;}
}

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

@media (max-width:1440px) {
  .lyContact { padding: 60px 0;}
  .lyContactLeft_head { padding: 20px 30px;}
  .lyContactLeft_head i { width: 50px; height: 50px;}
  .lyContactLeft_head p { width: calc(100% - 50px); line-height: 25px; padding-left: 30px;}
  .lyContact_form { padding: 40px 30px;}
  .lyContact_form dl dd span, .lyContact_form dl dt span { padding-left: 15px;}
  .nyMessage_ipt { padding: 4px 15px;}
  .nyMessage_ipt input { height: 36px; line-height: 36px;}
  .nyMessage_btn button { height: 52px; line-height: 52px; font-size: 18px;}
  .lyContact_right ul li { margin-bottom: 30px;}
  .lyContact_right ul li title { font-size: 20px;}

  .lyContact_right { padding-left: 60px;}
  .lyContact_right ul { padding-left: 40px;}
  .lyContact_right ul li title::before { left: -40px;}
  .lyContact_right ul li title::after { left: -35px;}
}

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

@media (max-width:1280px) {
  .lyContact_right p.dec { margin: -20px 0 20px;}
  .lyContact_right ul li title { margin-bottom: 15px;}
  .lyContact_right ul li dl dd { margin-bottom: 5px;}
  .lyContact_form { padding: 30px;} 
  .lyContact_form dl dt, .lyContact_form dl dd { margin-bottom: 20px;}
  .lyContact_right ul li { margin-bottom: 20px;}
  .lyContact_right ul li dl dd p em, .lyContact_right ul li dl dd p span { line-height: 25px; font-size: 15px;}
}

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

@media (max-width:1080px) {
  .lyContact_left, .lyContact_right { width: 50%;}
  .lyContactLeft_head { padding: 20px;}
  .lyContactLeft_head i { width: 48px; height: 48px;}
  .lyContactLeft_head p { line-height: 24px; padding-left: 20px;}
  .lyContactLeft_head p, .lyContact_right p.dec, .lyContact_form dl dd span, .lyContact_form dl dt span { font-size: 14px;}
  .lyContact_form { padding: 20px;}
  .nyMessage_btn button { height: 48px; line-height: 48px; font-size: 16px;}

  .lyContact_right { padding-left: 40px;}
  .lyContact_right ul li title { margin-bottom: 10px;}
  .lyContact_right ul li dl dd p em, .lyContact_right ul li dl dd p span { line-height: 24px; font-size: 14px;}
}

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

@media (max-width:920px) {
  .lyContact { padding: 40px 0;}
  .lyContact_right, .lyContact_right ul { padding-left: 30px;}
  .lyContact_right ul li title::before { left: -30px;}
  .lyContact_right ul li title::after { left: -25px;}
}

@media (max-width:820px) {
  .lyContact_left { margin-bottom: 40px;}
  .lyContact_left, .lyContact_right { width: 100%; padding: 0; float: none;}
  .lyContact_right p.dec { margin: -10px 0 20px;}
}

@media (max-width:767px) {
  .lyContact_form dl { margin: 0;}
  .lyContact_form dl dt, .lyContact_form dl dd { width: 100%; padding: 0;}
  .lyContact_form dl dd span, .lyContact_form dl dt span { padding-left: 10px;}
  .nyMessage_ipt { padding: 4px 10px;}
}

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

@media (max-width:320px) {
  .lyContact { padding: 20px 0;}
  .lyContact_left { margin-bottom: 20px;}
}