.lyContainer { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 80px; background: #113867 url(../images/bg0.jpg) center top no-repeat; background-size: 100%; position: relative;}
.lyContainer::before, .lyContainer::after, .lyContainer .xs_r { display: block; width: 880px; height: 880px; background: url(../images/xs02.png) center center no-repeat; background-size: 100% 100%; position: absolute;}
.lyContainer::before { content: ''; left: -20%; top: 29%;}
.lyContainer::after { content: ''; left: -18%; bottom: -4%;}
.lyContainer .xs_r { right: -20%; top: 60%;}

.lyTitle { margin-bottom: 50px;}
.lyTitle span { display: block; line-height: 50px; color: rgba(255, 255, 255, .04); font-size: 60px; font-weight: bold; text-transform: uppercase; text-align: center;}
.lyTitle p { line-height: 44px; font-size: 44px; font-weight: bold; text-align: center; margin: -30px auto 20px; position: relative;}
.lyTitle p::after { content: attr(data-text); position: absolute; top: 50%; left: 50%; background: linear-gradient(to bottom, #fff3d9, #ffdf9a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; mix-blend-mode: screen; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyTitle::after { content: ''; display: block; width: 80px; height: 4px; overflow: hidden; background: linear-gradient(to left, #073369, #0f72e6); border-radius: 2px; margin: 0 auto;}


/*lyBanner start*/
.lyBanner { height: 730px; overflow: hidden; position: relative;}
/*lyBanner end*/


/*lyMenu start*/
.lyMenu { position: relative;}
.lyMenu::before { content: ''; display: block; width: 100%; height: 2px; margin-top: -1px; background-color: #f8dea3; position: absolute; left: 0; top: 50%;}
.lyMenu ul { height: 80px; background: linear-gradient(to bottom, #073369, #0f72e6); border: 2px solid #f8dea3; border-radius: 40px; position: relative; display: flex; justify-content: space-around; align-items: center;}
.lyMenu ul::before, .lyMenu ul::after { content: ''; display: block; width: 2px; height: 30px; margin-top: -15px; background-color: #f8dea3; position: absolute; top: 50%; opacity: .2;}
.lyMenu ul::before { left: 33.333333%;}
.lyMenu ul::after { right: 33.333333%;}
.lyMenu ul li { width: 25%;}
.lyMenu ul li a { display: block; height: 80px; line-height: 80px; color: #fff3d9; font-size: 24px; font-weight: bold; text-align: center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); border-radius: 40px;}
.lyMenu ul li.on a, .lyMenu ul li:hover a { color: #083a75; background: linear-gradient(to bottom, #fff3d9, #ffdf9a);}

.lyMenu.fxd { width: 100%; position: fixed; top: 0; z-index: 999;}
.lyMenu.fxd ul { border-radius: 0 0 40px 40px;}
/*lyMenu end*/


.lyPart01, .lyPart02, .lyPart03 { margin-top: 80px;}


/*lyPart01 start*/
.lyPart01_main { position: relative;}
.lyPart01_con { padding: 40px; background: linear-gradient(to bottom, #073369, #0f72e6); border: 2px solid #f8dea3; border-radius: 20px; position: relative; z-index: 1;}
.lyPart01_con p { line-height: 36px; color: #fff3d9; font-size: 18px; text-align: center;}
.lyPart01_con p span { font-size: 18px; font-weight: bold;}
.lyPart01_main::before { content: ''; display: block; width: 80px; height: 80px; background: linear-gradient(to bottom, #fff3d9, #ffdf9a); border-radius: 50%; position: absolute; top: -40px; right: -40px;}
.lyPart01_main::after { content: ''; display: block; width: 200px; height: 100px; background: url(../images/xs01.png) center center no-repeat; background-size: 100% 100%; position: absolute; bottom: -10px; left: -120px; z-index: 1;}
/*lyPart01 end*/


/*lyPart02 start*/
.lyPart02_swiper0 { margin-bottom: 50px;}
.lyPart02_swiper0 .swiper-slide { overflow: hidden; background-color: #fff; border-radius: 50%;}
.lyPart02_swiper0 .swiper-slide img { display: block; width: 100%; height: auto;}

.lyPart02_main { margin-bottom: 40px;}
.lyPart02_main:last-child { margin-bottom: 0;}
.lyPart02_img { width: 56%; overflow: hidden; background-color: #fff; border: 2px solid #f8dea3; border-radius: 20px; box-shadow: 0 0 20px rgba(7, 42, 83, .4); position: relative; z-index: 1;}
.lyPart02_img .swiper-slide { height: 440px;}
.lyPart02_img .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyPart02_img .swiper-slide:hover a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyPart02_text { width: 44%; padding: 20px 0;}
.lyPart02_text .lyPart02_con { width: 100%; height: 400px; padding: 30px 40px; background: linear-gradient(to bottom, #073369, #0f72e6); position: relative;}
.lyPart02_text.fl .lyPart02_con { border: 2px solid #f8dea3; border-right: 0; border-radius: 20px 0 0 20px;}
.lyPart02_text.fr .lyPart02_con { border: 2px solid #f8dea3; border-left: 0; border-radius: 0 20px 20px 0;}
.lyPart02_con h3 { line-height: 36px; color: #fff3d9; font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.lyPart02_con p, .lyPart02_con dl dt { line-height: 26px; color: #fff3d9; font-size: 16px; margin-bottom: 6px;}
.lyPart02_con dl dd { line-height: 26px; color: #fff3d9; font-size: 16px; margin-bottom: 6px; padding-left: 70px; position: relative;}
.lyPart02_con dl dd span { display: block; line-height: 26px; color: #fff3d9; font-size: 16px; position: absolute; left: 0; top: 0;}
.lyPart02_con a.more { display: inline-block; line-height: 30px; color: #fff3d9; font-size: 15px; text-decoration: underline; vertical-align: top; position: absolute; left: 40px; bottom: 30px;}
.lyPart02_con a.more i { display: inline-block; width: 13px; height: 13px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 8px;}
.lyPart02_con a.more:hover i { margin: -2px 0 0 18px;}

.lyPart02_text .lyPart02_con::after { content: ''; display: block; width: 200px; height: 100px; background: url(../images/xs01.png) center center no-repeat; background-size: 100% 100%; position: absolute; z-index: 1;}
.lyPart02_text.fl .lyPart02_con::after { bottom: -20px; left: -150px;}
.lyPart02_text.fr .lyPart02_con::after { bottom: -40px; right: -150px;}

.lyPart02_main .swiper-pagination-bullet { width: 12px; height: 12px; background: #113867; opacity: .5;}
.lyPart02_main .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1;}
/*lyPart02 end*/


/*lyPart03 start*/
.lyPart03_main { position: relative;}
.lyPart03_con { padding: 40px; background: linear-gradient(to bottom, #073369, #0f72e6); border: 2px solid #f8dea3; border-radius: 20px; position: relative; z-index: 1;}
.lyPart03_con h3 { line-height: 33px; color: #fff3d9; font-size: 24px; border-bottom: 1px solid rgba(248, 222, 163, .2); margin-bottom: 40px; padding-bottom: 10px; position: relative;}
.lyPart03_con h3::after { content: ''; display: block; width: 96px; height: 2px; background: linear-gradient(to right, #fff3d9, #ffdf9a); position: absolute; left: 0; bottom: 0;}
.lyPart03_con .lyPart03_logo { display: flex; align-items: center;}
.lyPart03_logo .img { width: 240px; height: 240px; overflow: hidden; background-color: #fff; border-radius: 50%; position: relative;}
.lyPart03_logo .ms { width: calc(100% - 240px); line-height: 36px; color: #fff3d9; font-size: 18px; text-align: justify; padding-left: 40px;}
.lyPart03_logo .ms span { font-size: 18px; font-weight: bold;}

.lyPart03_main::before { content: ''; display: block; width: 80px; height: 80px; background: linear-gradient(to bottom, #fff3d9, #ffdf9a); border-radius: 50%; position: absolute; top: -40px; right: -40px;}
.lyPart03_main::after { content: ''; display: block; width: 200px; height: 100px; background: url(../images/xs01.png) center center no-repeat; background-size: 100% 100%; position: absolute; bottom: -20px; left: -150px; z-index: 1;}
/*lyPart03 end*/


@media (max-width:1680px) {
  .lyContainer { padding-bottom: 72px;}
  .lyContainer::before, .lyContainer::after, .lyContainer .xs_r { width: 720px; height: 720px;}

  .lyTitle { margin-bottom: 40px;}
  .lyTitle span { line-height: 42px; font-size: 52px;}
  .lyTitle p { line-height: 40px; font-size: 40px; margin: -20px auto 14px;}
  .lyTitle::after { width: 72px;}

  .lyBanner { height: 640px;}

  .lyMenu ul { height: 72px; border-radius: 36px;}
  .lyMenu ul::before, .lyMenu ul::after { height: 24px; margin-top: -12px;}
  .lyMenu ul li a { height: 72px; line-height: 72px; font-size: 22px;}
  .lyMenu.fxd ul { border-radius: 0 0 36px 36px;}

  .lyPart01, .lyPart02, .lyPart03 { margin-top: 72px;}

  .lyPart01_con { border-radius: 16px;}
  .lyPart01_con p { line-height: 32px; font-size: 16px;}
  .lyPart01_con p span { font-size: 16px;}
  .lyPart01_main::before { width: 72px; height: 72px; top: -36px; right: -36px;}
  .lyPart01_main::after { width: 180px; height: 90px; bottom: -9px;}

  .lyPart02_swiper0 { margin-bottom: 40px;}
  .lyPart02_img { border-radius: 16px;}
  .lyPart02_text .lyPart02_con { padding: 40px;}
  .lyPart02_text.fl .lyPart02_con { border-radius: 16px 0 0 16px;}
  .lyPart02_text.fr .lyPart02_con { border-radius: 0 16px 16px 0;}
  .lyPart02_text .lyPart02_con::after { width: 180px; height: 90px;}
  .lyPart02_text.fl .lyPart02_con::after { bottom: -10px; left: -140px;}
  .lyPart02_text.fr .lyPart02_con::after { right: -140px;}
  .lyPart02_con h3 { line-height: 32px; font-size: 22px;}
  .lyPart02_con p, .lyPart02_con dl dt, .lyPart02_con dl dd { line-height: 25px; font-size: 15px; margin-bottom: 7px;}
  .lyPart02_con dl dd { padding-left: 64px;}
  .lyPart02_con dl dd span { line-height: 25px; font-size: 15px;}
  .lyPart02_main .swiper-pagination-bullet { width: 10px; height: 10px;}

  .lyPart03_con { border-radius: 16px;}
  .lyPart03_con h3 { line-height: 30px; font-size: 22px;}
  .lyPart03_con h3::after { width: 88px;}
  .lyPart03_logo .img { width: 200px; height: 200px;}
  .lyPart03_logo .ms { width: calc(100% - 200px); line-height: 32px; font-size: 16px;}
  .lyPart03_logo .ms span { font-size: 16px;}
  .lyPart03_main::before { width: 72px; height: 72px; top: -36px; right: -36px;}
  .lyPart03_main::after { width: 180px; height: 90px; left: -110px; bottom: -9px;}
}

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

@media (max-width:1560px) {
  .lyBanner { height: 600px;}
}

@media (max-width:1440px) {
  .lyContainer { padding-bottom: 64px;}
  .lyContainer::before, .lyContainer::after, .lyContainer .xs_r { width: 640px; height: 640px;}

  .lyTitle { margin-bottom: 32px;}
  .lyTitle span { line-height: 36px; font-size: 44px;}
  .lyTitle p { line-height: 34px; font-size: 34px; margin: -18px auto 12px;}
  .lyTitle::after { width: 64px;}

  .lyBanner { height: 560px;}

  .lyMenu ul { height: 64px; border-radius: 32px;}
  .lyMenu ul::before, .lyMenu ul::after { height: 20px; margin-top: -10px;}
  .lyMenu ul li a { height: 64px; line-height: 64px; font-size: 20px;}
  .lyMenu.fxd ul { border-radius: 0 0 32px 32px;}

  .lyPart01, .lyPart02, .lyPart03 { margin-top: 64px;}

  .lyPart01_con { padding: 32px; border-radius: 12px;}
  .lyPart01_main::before { width: 64px; height: 64px; top: -32px; right: -32px;}
  .lyPart01_main::after { width: 140px; height: 70px; bottom: -7px; left: -90px;}

  .lyPart02_swiper0, .lyPart02_main { margin-bottom: 32px;}
  .lyPart02_img { border-radius: 12px;}
  .lyPart02_text .lyPart02_con { padding: 32px;}  
  .lyPart02_text .lyPart02_con::after { width: 140px; height: 70px;}
  .lyPart02_text.fl .lyPart02_con { border-radius: 12px 0 0 12px;}
  .lyPart02_text.fr .lyPart02_con { border-radius: 0 12px 12px 0;}
  .lyPart02_text.fl .lyPart02_con::after { bottom: -9px; left: -90px;}
  .lyPart02_text.fr .lyPart02_con::after { right: -100px;}
  .lyPart02_con a.more { left: 32px;}

  .lyPart03_con { padding: 32px; border-radius: 12px;}
  .lyPart03_con h3 { line-height: 30px; font-size: 22px; margin-bottom: 32px;}
  .lyPart03_con h3::after { width: 88px;}
  .lyPart03_logo .ms { padding-left: 32px;}
  .lyPart03_main::before { width: 64px; height: 64px; top: -32px; right: -32px;}
  .lyPart03_main::after { width: 140px; height: 70px; bottom: -7px; left: -90px;}
}

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

@media (max-width:1280px) {
  .lyContainer::before, .lyContainer::after, .lyContainer .xs_r { width: 560px; height: 560px;}

  .lyBanner { height: 500px;}

  .lyPart01_con p, .lyPart01_con p span { line-height: 30px; font-size: 15px;}

  .lyPart02_img .swiper-slide { height: 400px;}
  .lyPart02_text { padding: 12px 0;}
  .lyPart02_text .lyPart02_con { height: 376px;}
  .lyPart02_con h3 { line-height: 30px; font-size: 20px;}  
  .lyPart02_con p, .lyPart02_con dl dt, .lyPart02_con dl dd { line-height: 24px; font-size: 14px; margin-bottom: 6px;}
  .lyPart02_con dl dd { padding-left: 60px;}
  .lyPart02_con dl dd span { line-height: 24px; font-size: 14px;}

  .lyPart03_logo .img { width: 180px; height: 180px;}
  .lyPart03_logo .ms { width: calc(100% - 180px); line-height: 30px; font-size: 15px;}
  .lyPart03_logo .ms span { line-height: 30px; font-size: 15px;}
}

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

@media (max-width:1080px) {
  .lyContainer { padding-bottom: 60px;}
  .lyContainer::before, .lyContainer::after, .lyContainer .xs_r { width: 480px; height: 480px;}

  .lyTitle { margin-bottom: 30px;}
  .lyTitle span { line-height: 32px; font-size: 40px;}
  .lyTitle p { line-height: 30px; font-size: 30px; margin: -15px auto 10px;}
  .lyTitle::after { width: 54px; height: 3px;}

  .lyBanner { height: 420px;}

  .lyMenu::before { height: 1px; margin-top: -0.5px;}
  .lyMenu ul { height: 60px; border-radius: 30px; border: 1px solid #f8dea3;}  
  .lyMenu ul::before, .lyMenu ul::after { width: 1px; height: 18px; margin-top: -9px;}
  .lyMenu ul li a { height: 60px; line-height: 60px; font-size: 18px;}
  .lyMenu.fxd ul { border-radius: 0 0 30px 30px;}

  .lyPart01, .lyPart02, .lyPart03 { margin-top: 60px;}

  .lyPart01_con { padding: 30px; border: 1px solid #f8dea3;}
  .lyPart01_main::before { width: 60px; height: 60px; top: -30px; right: -30px;}
  .lyPart01_main::after { width: 100px; height: 50px; bottom: -5px; left: -60px;}
  
  .lyPart02_swiper0, .lyPart02_main { margin-bottom: 30px;}
  .lyPart02_img { border: 1px solid #f8dea3;}
  .lyPart02_img .swiper-slide { height: 350px;}  
  .lyPart02_text .lyPart02_con { height: 326px; padding: 20px;}
  .lyPart02_text.fl .lyPart02_con { border: 1px solid #f8dea3; border-right: 0;}
  .lyPart02_text.fr .lyPart02_con { border: 1px solid #f8dea3; border-left: 0;}
  .lyPart02_text .lyPart02_con::after { width: 100px; height: 50px;}
  .lyPart02_text.fl .lyPart02_con::after { bottom: -10px; left: -60px;}
  .lyPart02_text.fr .lyPart02_con::after { bottom: -20px; right: -76px;}
  .lyPart02_con h3 { line-height: 28px; font-size: 18px; margin-bottom: 15px;}
  .lyPart02_con p, .lyPart02_con dl dt, .lyPart02_con dl dd { margin-bottom: 4px;}
  .lyPart02_con a.more { font-size: 14px; left: 20px; bottom: 12px;}
  .lyPart02_con a.more i { width: 12px; height: 12px;}

  .lyPart03_con { padding: 30px; border: 1px solid #f8dea3;}
  .lyPart03_con h3 { line-height: 24px; font-size: 20px; margin-bottom: 30px;}
  .lyPart03_con h3::after { width: 80px; height: 1px;}
  .lyPart03_logo .img { width: 160px; height: 160px;}
  .lyPart03_logo .img img.cover1 { max-width: 90%; max-height: 90%;}
  .lyPart03_logo .ms { width: calc(100% - 160px); line-height: 28px; font-size: 14px; padding-left: 30px;}
  .lyPart03_logo .ms span { line-height: 28px; font-size: 14px;}
  .lyPart03_main::before { width: 60px; height: 60px; top: -30px; right: -30px;}
  .lyPart03_main::after { width: 100px; height: 50px; bottom: -5px; left: -60px;}
}

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

@media (max-width:920px) {
  .lyBanner { height: 360px;}
}

@media (max-width:820px) {
  .lyContainer { padding-bottom: 48px;}
  .lyContainer::before, .lyContainer::after, .lyContainer .xs_r { width: 400px; height: 400px;}
  
  .lyTitle { margin-bottom: 24px;}

  .lyBanner { height: 320px;}

  .lyMenu ul { height: 48px; border-radius: 24px;}
  .lyMenu ul::before, .lyMenu ul::after { height: 16px; margin-top: -8px;}
  .lyMenu ul li a { height: 48px; line-height: 48px; font-size: 16px;}
  .lyMenu.fxd ul { border-radius: 0 0 24px 24px;}

  .lyPart01, .lyPart02, .lyPart03 { margin-top: 48px;}

  .lyPart01_con { padding: 20px;}
  .lyPart01_con p, .lyPart01_con p span { line-height: 28px; font-size: 14px;}
  .lyPart01_main::before { width: 48px; height: 48px; top: -24px; right: -24px;}

  .lyPart02_swiper0, .lyPart02_main { margin-bottom: 20px;}
  .lyPart02_img { width: 54%;}
  .lyPart02_img.fl { border-radius: 12px 0 0 12px;}
  .lyPart02_img.fr { border-radius: 0 12px 12px 0;}
  .lyPart02_img .swiper-slide { height: 328px;}  
  .lyPart02_text { width: 46%; padding: 0;}
  .lyPart02_text .lyPart02_con { height: 330px;}

  .lyPart03_con { padding: 20px;}
  .lyPart03_con h3 { margin-bottom: 20px;}
  .lyPart03_logo .ms { padding-left: 20px;}
  .lyPart03_main::before { width: 48px; height: 48px; top: -24px; right: -24px;}
}

@media (max-width:767px) {
  .lyContainer { padding-bottom: 40px;}
  .lyContainer::before, .lyContainer::after, .lyContainer .xs_r { width: 300px; height: 300px;}
  .lyContainer::before { left: -30%; top: 24%;}
  .lyContainer::after { left: -30%; bottom: -2%;}
  .lyContainer .xs_r { right: -30%; top: 60%;}

  .lyTitle { margin-bottom: 20px;}
  .lyTitle span { line-height: 26px; font-size: 30px;}
  .lyTitle p { line-height: 26px; font-size: 24px; margin: -15px auto 6px;}
  .lyTitle::after { width: 48px;}

  .lyBanner { height: 240px;}

  .lyMenu.fxd ul { width: 100%; border-radius: 0 0 8px 8px;}
  .lyMenu ul li { width: 30%;}
  .lyMenu ul li a { font-size: 15px;}

  .lyPart01, .lyPart02, .lyPart03 { margin-top: 40px;}

  .lyPart01_con { padding: 12px; border-radius: 8px;}
  .lyPart01_con p, .lyPart01_con p span { line-height: 24px;}
  .lyPart01_main::before { width: 40px; height: 40px; top: -20px; right: -20px;}
  .lyPart01_main::after { width: 60px; height: 30px; bottom: -30px; left: -20px;}

  .lyPart02_img { width: 100%; float: none !important;}
  .lyPart02_img.fl, .lyPart02_img.fr { border-radius: 8px 8px 0 0;}
  .lyPart02_img .swiper-slide { height: 240px;}
  .lyPart02_main .swiper-pagination { bottom: 0 !important;}
  .lyPart02_main .swiper-pagination-bullet { width: 8px; height: 8px;}
  .lyPart02_text { width: 100%; float: none !important;}
  .lyPart02_text .lyPart02_con { height: auto; padding: 20px 20px 50px;}
  .lyPart02_text.fl .lyPart02_con, .lyPart02_text.fr .lyPart02_con { border-radius: 0 0 8px 8px; border: 1px solid #f8dea3; border-top: 0;}
  .lyPart02_text .lyPart02_con::after { width: 60px; height: 30px;}
  .lyPart02_text.fl .lyPart02_con::after { bottom: -20px; left: -20px;}
  .lyPart02_text.fr .lyPart02_con::after { bottom: -20px; right: -30px;}

  .lyPart03_con { padding: 12px; border-radius: 8px;}
  .lyPart03_con h3 { line-height: 20px; font-size: 18px; margin-bottom: 20px;}
  .lyPart03_con h3::after { width: 73px;}
  .lyPart03_con .lyPart03_logo { display: block; align-items: inherit;}
  .lyPart03_logo .img { width: 180px; height: 180px; margin: 0 auto 12px;}
  .lyPart03_logo .ms { width: 100%; line-height: 24px; padding: 0;}
  .lyPart03_main::before { width: 40px; height: 40px; top: -20px; right: -20px;}
  .lyPart03_main::after { width: 60px; height: 30px; bottom: -30px; left: -20px;}
}

@media (max-width:390px) {
  .lyBanner, .lyPart02_img .swiper-slide { height: 220px;}
}

@media (max-width:320px) {
  .lyBanner, .lyPart02_img .swiper-slide { height: 200px;}
}