/*lyBanner start*/
.lyBanner { height: 600px; overflow: hidden; background-color: #fff; position: relative;}
/*lyBanner end*/


/*lyPart01 start*/
.lyPart01 { overflow: hidden; padding: 80px 0; background: #f8f8f8 url(../images/part01_bg1.jpg) center center no-repeat; background-size: cover;}
.lyPart01_main {  display: flex; flex-wrap: wrap; justify-content: left; overflow: hidden; background-color: #fff; border-radius: 8px; box-shadow: 0 0 12px rgba(0, 0, 0, .06);}
.lyPart01_left { width: 42%; padding: 40px;}
.lyPart01_title { margin-bottom: 40px; padding-bottom: 20px; position: relative;}
.lyPart01_title::before, .lyPart01_title::after { content: ''; display: block; height: 2px; overflow: hidden; position: absolute; left: 0; bottom: 0;}
.lyPart01_title::before { width: 100%; background-color: #eaeaea;}
.lyPart01_title::after { width: 50px; background: linear-gradient(to right, #1874be, #24b7ca);}
.lyPart01_title p { line-height: 32px; color: #f21111; font-size: 26px; font-weight: bold;}
.lyPart01_title span { display: block; line-height: 30px; color: #202020; font-size: 24px; margin-top: 6px;}
.lyPart01_video { width: calc(100% + 80px); position: relative; z-index: 1;}
.lyPart01_video a { display: block; width: 100%; overflow: hidden; border-radius: 8px; position: relative;}
.lyPart01_video a img { display: block; width: 100%; height: auto;}
.lyPart01_video a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyPart01_video a i { display: block; width: 60px; height: 60px; overflow: hidden; margin: -30px 0 0 -30px; padding: 18px 16px 18px 20px; background-color: rgba(0, 0, 0, .5); border-radius: 50%; position: absolute; left: 50%; top: 50%;}
#countdown { height: 40px; line-height: 40px; color: #202020; font-size: 18px; margin-top: 40px;}
#countdown span { display: inline-block; line-height: 40px; color: #f21111; font-size: 28px; vertical-align: top; margin: 0 8px;}
.lyPart01_btn { margin-top: 20px;}
.lyPart01_btn a { display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; background-color: #f21111; border-radius: 25px;}
.lyPart01_btn a i { display: inline-block; width: 0; height: 16px; overflow: hidden; vertical-align: middle; margin: -2px 0 0;}
.lyPart01_btn a:hover i { width: 32px; margin: -2px 0 0 16px;}

.lyPart01_right { width: 58%; padding: 40px 40px 40px 80px; background: #1874be url(../images/part01_bg2.jpg) center center no-repeat; background-size: cover;}
.lyPart01_con title { display: block; line-height: 26px; color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 6px;}
.lyPart01_con p.ms { line-height: 28px; color: #fff; font-size: 14px; margin-bottom: 40px;}
.lyPart01_con span { display: block; line-height: 25px; color: #fff; font-size: 15px; margin: 20px 0; opacity: .55;}
.lyPart01_con ul li { min-height: 80px; margin-top: 20px; padding-left: 100px; position: relative;}
.lyPart01_con ul li i { display: block; width: 80px; height: 80px; overflow: hidden; line-height: 80px; color: #1874be; font-size: 18px; font-weight: bold; text-align: center; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 0;}
.lyPart01_con ul li em { display: block; line-height: 21px; color: #fff; font-size: 15px; font-weight: bold; margin-bottom: 9px;}
.lyPart01_con ul li p { line-height: 24px; color: #fff; font-size: 14px; opacity: .55;}
/*lyPart01 end*/


/*lyPart02 start*/
.lyPart02 { overflow: hidden; padding: 80px 0; background: #101f3b url(../images/part02_bg1.jpg) center center no-repeat; background-size: cover;}
.lyPart02_main ul, .lyPart03_main ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px;}
.lyPart02_main ul li, .lyPart03_main ul li { width: 33.333333%; padding: 0 15px;}
.lyPro_con { height: 100%; padding: 30px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 12px rgba(0, 0, 0, .06);}
.lyPro_con:hover { box-shadow: 0 0 12px rgba(0, 68, 187, .2);}
.lyPro_con .lyPro_img { height: 320px; overflow: hidden;}
.lyPro_con .lyPro_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyPro_con:hover .lyPro_img a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyPro_con .lyPro_text { margin-top: 20px;}
.lyPro_con .lyPro_text a.name { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #202020; font-size: 18px; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis;}
.lyPro_con:hover .lyPro_text a.name { color: #1874be;}
.lyPro_con .lyPro_text .lyPro_btn { margin-top: 15px; text-align: center;}
.lyPro_btn a.btn1, .lyPro_btn a.btn2 { display: inline-block; width: 96px; height: 40px; font-size: 14px; vertical-align: top; margin: 0 8px; border-radius: 20px;}
.lyPro_btn a.btn1 { line-height: 38px; color: #1874be; background-color: #fff; border: 1px solid #1874be;}
.lyPro_btn a.btn2 { line-height: 40px; color: #fff; background: linear-gradient(to right, #1874be, #24b7ca);}
.lyPro_btn a.btn1:hover { line-height: 40px; color: #fff; background: linear-gradient(to right, #1874be, #24b7ca); border: 0;}

.lyPro_pop { display: none; width: 600px; overflow: hidden; background-color: #fff; border-radius: 8px; box-shadow: 0 0 12px rgba(0, 0, 0, .06); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 999;}
.lyPro_pop .pop_title { height: 50px; overflow: hidden; line-height: 50px; color: #fff; font-size: 18px; font-weight: bold; background-color: #1874be; padding: 0 20px; position: relative;}
.pop_title i { display: block; width: 50px; height: 50px; overflow: hidden; padding: 15px; cursor: pointer; position: absolute; right: 0; top: 0;}
.lyPro_pop .pop_con { line-height: 30px; color: #666; font-size: 15px; padding: 20px;}
.pop_con p { line-height: 30px; color: #666; font-size: 15px;}
/*lyPart02 end*/


/*lyPart03 start*/
.lyPart03 { overflow: hidden; padding: 80px 0; background: #f8f8f8 url(../images/part03_bg1.jpg) center center no-repeat; background-size: cover;}

/*lyPart03 end*/


/*lyPart04 start*/
.lyPart04 { overflow: hidden; padding: 80px 0 60px; background: #101f3b url(../images/part04_bg1.jpg) center center no-repeat; background-size: cover;}
.lyPart04_main ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.lyPart04_main ul li { width: 50%; margin-bottom: 20px; padding: 0 15px;}
.lyPart04_main ul li a { display: block; height: 60px; overflow: hidden; line-height: 60px; color: #202020; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(to right, #fff, #fff); border-radius: 8px; padding: 0 20px 0 80px; position: relative;}
.lyPart04_main ul li a i { display: block; width: 60px; height: 60px; overflow: hidden; padding: 16px; background-color: #f0f0f0; position: absolute; left: 0; top: 0;}
.lyPart04_main ul li a:hover { background: linear-gradient(to right, #1874be, #24b7ca); color: #fff;}
.lyPart04_main ul li a:hover i { background-color: rgba(0, 0, 0, .2);}
.lyPart04_main ul li a:hover i svg path { fill: #ffffff;}
/*lyPart04 end*/


/*lyPart05 start*/
.lyPart05 { overflow: hidden; padding: 80px 0 50px; background: #f8f8f8 url(../images/part05_bg1.jpg) center center no-repeat; background-size: cover;}
.lyPart05_main ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px;}
.lyPart05_main ul li { width: 33.33333%; margin-bottom: 30px; padding: 0 15px;}
.lyPart05_main ul li a { display: block; width: 100%; height: auto; overflow: hidden; padding: 30px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, .06);}
.lyPart05_main ul li a:hover { box-shadow: 0 0 10px rgba(0, 68, 187, .2);}
.lyPart05_main ul li a i { display: block; width: 100%; height: 140px; overflow: hidden; margin: 0 auto 15px; position: relative;}
.lyPart05_main ul li a em { display: block; line-height: 30px; color: #202020; font-size: 18px; font-weight: bold; text-align: center;}
.lyPart05_main ul li a:hover em { color: #1874be;}
/*lyPart05 end*/


/*lyPart06 start*/
.lyPart06 { overflow: hidden; padding: 80px 0; background: #101f3b url(../images/part06_bg1.jpg) center center no-repeat; background-size: cover;}
.lyPart06_main ul li { margin-bottom: 20px; padding: 10px; background-color: #fff; border-radius: 8px;}
.lyPart06_main ul li:last-child { margin-bottom: 0;}
.lyPart06_main ul li a { display: block; width: 100%; height: auto; overflow: hidden;}
.lyPart06_main ul li a img { display: block; width: 100%; height: auto;}
.lyPart06_main ul li a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05);}
/*lyPart06 end*/


@media (max-width:1680px) {
  .lyBanner { height: 540px;}
}

@media (max-width:1600px) {
  .lyBanner { height: 500px;}
}

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

@media (max-width:1440px) {
  .lyBanner { height: 460px;}
  .lyPart01, .lyPart02, .lyPart03, .lyPart06 { padding: 60px 0;}
  .lyPart04 { padding: 60px 0 40px;}
  .lyPart05 { padding: 60px 0 30px;}
}

@media (max-width:1366px) {
  .lyBanner { height: 440px;}
}

@media (max-width:1280px) {
  .lyBanner { height: 400px;}
}

@media (max-width:1200px) {
  .lyBanner { height: 380px;}
}

@media (max-width:1080px) {
  .lyBanner { height: 340px;}
  .lyPart01, .lyPart02, .lyPart03, .lyPart06 { padding: 40px 0;}
  .lyPart04, .lyPart05 { padding: 40px 0 20px;}
  .lyPart01_left { padding: 30px;}
  .lyPart01_title { margin-bottom: 30px;}
  .lyPart01_title p { font-size: 24px;}
  .lyPart01_title span { font-size: 22px;}
  .lyPart01_video { width: calc(100% + 60px);}
  #countdown { font-size: 16px; margin-top: 30px;}
  #countdown span { font-size: 26px; margin: 0 5px;}
  .lyPart01_right { padding: 30px 30px 30px 60px;}
  .lyPart01_con title { line-height: 24px; font-size: 16px;}
  .lyPart01_con p.ms { line-height: 24px; margin-bottom: 30px;}  
  .lyPart01_con span { line-height: 20px; font-size: 14px; margin: 15px 0;}
  .lyPart01_con ul li em { line-height: 20px; font-size: 14px; margin-bottom: 8px;}

  .lyPart02_main ul, .lyPart03_main ul { margin: 0 -10px;}
  .lyPart02_main ul li, .lyPart03_main ul li { padding: 0 10px;}  
  .lyPro_con { padding: 20px;}
  .lyPro_con .lyPro_img { height: 280px;}
  .lyPro_con .lyPro_text { margin-top: 10px;}
  .lyPro_con .lyPro_text a.name { font-size: 16px;}
  .lyPro_con .lyPro_text .lyPro_btn { margin-top: 10px;}

  .lyPart04_main ul { margin: 0 -10px;}
  .lyPart04_main ul li { padding: 0 10px;}

  .lyPart05_main ul { margin: 0 -10px;}
  .lyPart05_main ul li { margin-bottom: 20px; padding: 0 10px;}
  .lyPart05_main ul li a { padding: 20px;}
  .lyPart05_main ul li a i { height: 120px; margin: 0 auto 10px;}
  .lyPart05_main ul li a em { font-size: 16px;}
}

@media (max-width:1024px) {
  .lyPro_con .lyPro_img { height: 260px;}
}

@media (max-width:920px) {
  .lyBanner { height: 300px;}
  #countdown { font-size: 14px;}
  #countdown span { font-size: 24px; margin: 0 4px;}
  .lyPro_con .lyPro_img { height: 230px;}
  .lyPro_btn a.btn1, .lyPro_btn a.btn2 { margin: 0 4px;}
  .lyPart05_main ul li a i { height: 100px;}
}

@media (max-width:820px) {
  .lyBanner { height: 260px;}
  .lyPart01_left { padding: 20px;}
  .lyPart01_video { width: calc(100% + 40px);}
  #countdown { margin-top: 20px;}
  .lyPart01_con p.ms { margin-bottom: 20px;}
  .lyPro_con .lyPro_img { height: 200px;}
  .lyPro_btn a.btn1, .lyPro_btn a.btn2 { width: 88px;}
  .lyPart04_main ul li a { height: 50px; line-height: 50px; font-size: 15px; padding: 0 20px 0 70px}
  .lyPart04_main ul li a i { width: 50px; height: 50px; padding: 12px;}
}

@media (max-width:767px) {
  .lyBanner { height: 180px;}
  .lyPart01_left { width: 100%; float: none;}
  .lyPart01_video { width: 100%;}
  .lyPart01_right { width: 100%; padding: 20px;}

  .lyPart02, .lyPart03 { padding: 40px 0 20px;}
  .lyPart02_main ul, .lyPart03_main ul, .lyPart04_main ul { margin: 0;}
  .lyPart02_main ul li, .lyPart03_main ul li { width: 100%; margin-bottom: 20px; padding: 0;}
  .lyPart04_main ul li { width: 100%; padding: 0;}
  .lyPart05_main ul li { width: 50%;}
  .lyPart05_main ul li a { padding: 10px;}
  .lyPart05_main ul li a em { line-height: 25px; font-size: 15px;}

  .lyPro_con .lyPro_img { height: 280px;}
}

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

@media (max-width:320px) {
  .lyBanner { height: 160px;}
  .lyPart01_title { margin-bottom: 20px;}
  .lyPart01_title p { line-height: 30px; font-size: 20px;}
  .lyPart01_title span { line-height: 24px; font-size: 18px;}
  .lyPart01_video a i { width: 50px; height: 50px; margin: -25px 0 0 -25px; padding: 16px 14px 16px 18px;}
  #countdown { height: 30px; line-height: 30px;}
  #countdown span { line-height: 30px; font-size: 20px; margin: 0 2px;}
  .lyPart01_btn a { height: 44px; line-height: 44px; font-size: 14px;}
  .lyPart01_btn a i { height: 11px;}
  .lyPart01_btn a:hover i { width: 24px; margin: -2px 0 0 10px;}
  .lyPart01_con ul li { min-height: 60px; padding-left: 72px;}
  .lyPart01_con ul li i { width: 60px; height: 60px; line-height: 60px; font-size: 15px;}
  .lyPro_con .lyPro_img { height: 240px;}

  .lyPart05_main ul { margin: 0;}
  .lyPart05_main ul li { width: 100%; padding: 0;}
  .lyPart06_main ul li { padding: 5px;}
}