/*lyBanner start*/
.lyBanner { height: 800px; overflow: hidden; background-color: #f5f5f5;}
.lyBanner .swiper-container { height: 100%;}
.lyBanner .swiper-slide { overflow: hidden; position: relative;}
.lyBanner .swiper-slide .lyBa_text { padding-right: 50%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyBanner .swiper-slide .lyBa_text p { line-height: 1.2; color: #fff; font-family: "Alibaba_PuHuiTi_Heavy"; font-size: 54px; text-transform: uppercase;}
.lyBanner .swiper-slide .lyBa_text span { display: block; line-height: 1.2; color: #fff; font-family: "Alibaba_PuHuiTi_Light"; font-size: 32px; margin-top: 12px;}

.lyBanner .swiper-pagination { width: 100%; height: 4px; bottom: 30px !important;}
.lyBanner .swiper-pagination span { width: 12px; height: 4px; margin: 0 4px !important; background-color: #fff; vertical-align: top; opacity: 1; border-radius: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyBanner .swiper-pagination span::after { display: none;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active { width: 30px; background-color: #0075bc;}

.lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { width: 60px; height: 60px; margin-top: 0; padding: 17px; background: rgba(0,0,0,0); border: 1px solid rgba(255,255,255,.25); border-radius: 50%; opacity: 1; top: inherit; bottom: 20%;}
.lyBanner .swiper-button-prev { left: calc(50% - 800px); transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyBanner .swiper-button-next { left: calc(50% - 720px); right: inherit;}
.lyBanner .swiper-button-prev:hover, .lyBanner .swiper-button-next:hover { background: #fff;}
.lyBanner .swiper-button-prev:hover svg path, .lyBanner .swiper-button-next:hover svg path { fill: #0075bc;}
.lyBanner .swiper-button-disabled { opacity: .5 !important;}
/*lyBanner end*/


/*lyProducts start*/
.lyProducts { overflow: hidden; padding: 100px 0; position: relative;}
#starCanvas { position: absolute; top: 50%; right: -80%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.lyProducts::before { content: ''; display: block; width: 1000px; height: 500px; overflow: hidden; background: url(../images/proBg.png) 0 0 no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.lyProducts_main { position: relative; z-index: 1;}
.lyProducts_main .lyTitle { position: absolute; left: calc(50% + 80px); top: 40px;}

.lyProImg_swiper { width: calc(50% - 80px); height: 500px; overflow: hidden; padding: 40px 0;}
.lyProImg_swiper .swiper-container { height: 100%;}
.lyProImg_swiper .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.lyProImg_swiper .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyProImg_swiper .swiper-slide:hover a img { transform: scale(1.05); -webkit-transform: scale(1.05);}

.lyProText_swiper { width: calc(50% - 80px); padding-bottom: 100px; position: absolute; right: 0; bottom: 40px;}
.lyProText_swiper .swiper-slide a.name { display: block; max-height: 72px; overflow: hidden; line-height: 36px; color: #0075bc; font-family: "Alibaba_PuHuiTi_Medium"; font-size: 30px; text-transform: capitalize; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lyProText_swiper .swiper-slide p.ms { max-height: 78px; overflow: hidden; line-height: 26px; color: #666; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 12px;}

.lyProText_swiper .swiper-button-prev, .lyProText_swiper .swiper-button-next { width: 60px; height: 60px; margin-top: 0; padding: 18px; background: #eee; border: 0; border-radius: 50%; opacity: 1; top: inherit; bottom: 0;}
.lyProText_swiper .swiper-button-prev { left: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyProText_swiper .swiper-button-next { left: 80px; right: inherit;}
.lyProText_swiper .swiper-button-prev:hover, .lyProText_swiper .swiper-button-next:hover { background: #0075bc;}
.lyProText_swiper .swiper-button-prev:hover svg path, .lyProText_swiper .swiper-button-next:hover svg path { fill: #fff;}
.lyProText_swiper .swiper-button-disabled { opacity: .5 !important;}
/*lyProducts end*/


/*lyData start*/
.lyData { overflow: hidden; padding: 50px 0; background: url(../images/webp/dataBg.webp) center top no-repeat; background-size: cover; background-attachment: fixed;}
.lyData_main ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.lyData_main ul li { width: 25%; padding: 0 20px;}
.lyData_main ul li i { display: block; width: 80px; height: 80px; overflow: hidden; margin: 0 auto; padding: 4px;}
.lyData_main ul li i img { display: block; width: 100%; height: 100%;}
.lyData_main ul li label { display: block; line-height: 1; color: #fff; font-family: "Alibaba_PuHuiTi_Light"; font-size: 18px; text-align: center; margin: 20px auto;}
.lyData_main ul li p { display: flex; align-items: center; justify-content: center;}
.lyData_main ul li p span, .lyData_main ul li p sub { display: block; line-height: 1; color: #fff; font-family: "Alibaba_PuHuiTi_Bold";}
.lyData_main ul li p span { font-size: 72px;}
.lyData_main ul li p sub { font-size: 32px; margin-left: 10px;}
/*lyData end*/


/*lyAbout start*/
.lyAbout { overflow: hidden; background-color: #eff6fb;}
.lyAbout .lyAbout_main {display: flex; flex-wrap: wrap; align-items: flex-end; position: relative; z-index: 1;}
.lyAbout_main .lyAbout_text { width: calc(100% - 960px); padding: 0 80px 0 calc(50% - 800px);}
.lyAbout_text .lyAbout_con { max-height: 240px; overflow-y: scroll; overflow-x: clip; line-height: 30px; color: #222; font-size: 16px; margin-bottom: 80px;}
.lyAbout_text .lyAbout_con::-webkit-scrollbar { width: 2px;}/* 滚动槽宽度 */
.lyAbout_text .lyAbout_con p { line-height: 30px; color: #222; font-size: 16px;}
.lyAbout_btn ul { display: flex; align-items: center; justify-content: space-between;}
.lyAbout_btn ul li { width: calc((100% - 60px) / 4);}
.lyAbout_btn ul li:hover { transform: translateY(-4px); -webkit-transform: translateY(-4px);}
.lyAbout_btn ul li a { display: block; overflow: hidden; padding: 20px; background-color: #fff; box-shadow: 4px 4px 20px rgba(0,0,0,.1); border-radius: 8px;}
.lyAbout_btn ul li a i { display: block; width: 60px; height: 60px; overflow: hidden; margin: 0 auto 10px; padding: 6px;}
.lyAbout_btn ul li a em { display: block; line-height: 1; color: #222; font-size: 16px; font-style: normal; text-align: center;}
.lyAbout_btn ul li:hover a em { color: #0075bc;}

.lyAbout_main .lyAbout_img { width: 1000px; margin-left: -40px;}
.lyAbout_main .lyAbout_img a { display: block; width: 100%; height: auto; overflow: hidden; position: relative;}
.lyAbout_main .lyAbout_img a img { display: block; width: 100%;}
/*lyAbout end*/


/*lyCase start*/
.lyCase { overflow: hidden; margin-top: -60px; padding: 160px 0 100px; background: url(../images/webp/caseBg.webp) center top no-repeat; background-size: cover;}
.lyCase .lyTitle p { color: #fff;}
.lyCase_menu { margin-bottom: 50px;}
.lyCase_menu ul { display: flex; justify-content: center;}
.lyCase_menu ul li { width: 20%; padding: 0 20px;}
.lyCase_menu ul li a i { display: block; width: 80px; height: 80px; overflow: hidden; margin: 0 auto 15px; position: relative;}
.lyCase_menu ul li a em { display: block; line-height: 1.2; color: #fff; font-family: "Alibaba_PuHuiTi_Light"; font-size: 16px; font-style: normal; text-align: center; text-transform: capitalize;}

.lyCase_swiper { position: relative;}

.lyCase_swiper .swiper-slide { padding: 0 80px; opacity: .5; transform: scale(.8) !important; -webkit-transform: scale(.8) !important;}
.lyCase_swiper .swiper-slide-active { opacity: 1; transform: scale(1) !important; -webkit-transform: scale(1) !important;}
.lyCase_swiper .swiper-slide .lyCase_img { width: 100%; height: 460px; overflow: hidden; border-radius: 96px 0;}
.lyCase_swiper .swiper-slide .lyCase_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyCase_swiper .swiper-slide:hover .lyCase_img a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyCase_swiper .swiper-slide .lyCase_name { width: 80%; margin: -30px auto 0; position: relative; z-index: 1; opacity: 0; transform: rotate3d(0,0,0); -webkit-transform: rotate3d(0,0,0);}
.lyCase_swiper .swiper-slide-active .lyCase_name { opacity: 1; transform: rotate3d(1,1,1); -webkit-transform: rotate3d(1,1,1);}
.lyCase_swiper .swiper-slide .lyCase_name a { display: block; width: 100%; height: 60px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; text-align: center; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; padding: 15px 30px; background-color: #fff; border-radius: 30px;}
.lyCase_swiper .swiper-slide:hover .lyCase_name a { color: #0075bc;}

.lyCase_swiper .swiper-button-prev, .lyCase_swiper .swiper-button-next { display: flex; align-items: center; width: auto; height: 50px; margin-top: -25px; background: none; border: 0; border-radius: 0; opacity: 1; top: 50%;}
.lyCase_swiper .swiper-button-prev { left: 20%; justify-content: left;}
.lyCase_swiper .swiper-button-next { right: 20%; justify-content: right;}
.lyCase_swiper .swiper-button-prev span, .lyCase_swiper .swiper-button-next span { line-height: 1; color: #fff; font-size: 18px;}
.lyCase_swiper .swiper-button-prev i, .lyCase_swiper .swiper-button-next i { display: block; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; position: relative;}
.lyCase_swiper .swiper-button-prev:hover i, .lyCase_swiper .swiper-button-next:hover i { width: 80px; height: 80px;}
.lyCase_swiper .swiper-button-prev i { margin-right: 60px; padding: 15px 10px 15px 20px;}
.lyCase_swiper .swiper-button-next i { margin-left: 60px; padding: 15px 20px 15px 10px;}
.lyCase_swiper .swiper-button-prev:hover i { margin-right: 15px; padding: 30px 40px 30px 20px;}
.lyCase_swiper .swiper-button-next:hover i { margin-left: 15px; padding: 30px 20px 30px 40px;}
.lyCase_swiper .swiper-button-prev i::after, .lyCase_swiper .swiper-button-next i::after { content: ''; display: block; width: 70px; height: 1px; margin-top: -.5px; background-color: #fff; position: absolute; top: 50%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.lyCase_swiper .swiper-button-prev i::after { right: -50px;}
.lyCase_swiper .swiper-button-next i::after { left: -50px;}
.lyCase_swiper .swiper-button-prev:hover i::after { width: 30px; right: 20px;}
.lyCase_swiper .swiper-button-next:hover i::after { width: 30px; left: 20px;}
.lyCase_swiper .swiper-button-prev i svg { transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyCase_swiper .swiper-button-disabled { opacity: .5 !important;}
/*lyCase end*/


/*lyAdvantage start*/
.lyAdvantage { overflow: hidden; padding: 100px 0;}
.lyAdvantage_main { display: flex; align-items: center; justify-content: space-between;}
.lyAdvantage_main .lyAdvantage_left { width: 50%; padding: 0 80px 0 calc(50% - 800px);}
.lyAdvantage_left .lyAdv_img { width: 100%; height: 440px; overflow: hidden; position: relative;}

.lyAdvantage_main .lyAdvantage_right { width: 50%; overflow: hidden; padding: 50px 80px 50px 100px; background: url(../images/webp/advBg.webp) center center no-repeat; background-size: 100% 100%;}
.lyAdvantage_right ul li { display: flex; align-items: center; overflow: hidden; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.2);}
.lyAdvantage_right ul li:nth-child(1) { width: calc(100% - 150px); transform: translateX(150px);}
.lyAdvantage_right ul li:nth-child(2) { width: calc(100% - 100px); transform: translateX(100px);}
.lyAdvantage_right ul li:nth-child(3) { width: calc(100% - 50px); transform: translateX(50px);}
.lyAdvantage_right ul li:last-child { width: 100%; border-bottom: 0;}
.lyAdvantage_right ul li i { display: block; width: 80px; height: 80px; overflow: hidden; padding: 24px; background-color: #fff; border-radius: 50%;}
.lyAdvantage_right ul li p { width: calc(100% - 80px); overflow: hidden; line-height: 1.5; color: #fff; font-family: "Alibaba_PuHuiTi_Light"; font-size: 14px; padding-left: 25px;}
/*lyAdvantage end*/


/*lyNews start*/
.lyNews { overflow: hidden; padding: 100px 0; background: url(../images/webp/newsBg.webp) center top no-repeat; background-size: cover; background-attachment: fixed;}
.lyNews .lyTitle p { color: #fff;}
.lyNews_main { display: flex; justify-content: space-between;}
.lyNews_main .lyNews_rom { width: 50%; height: 400px; overflow: hidden; background-color: #222; border-radius: 8px; position: relative;}
.lyNews_main .lyNews_rom:hover { transform: translateY(-4px); -webkit-transform: translateY(-4px);}
.lyNews_rom a.img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyNews_rom:hover a.img img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyNews_rom a.name { display: block; width: 100%; height: 60px; overflow: hidden; line-height: 30px; color: #fff; font-family: "Alibaba_PuHuiTi_Medium"; font-size: 20px; text-align: center; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; padding: 15px 30px; background-color: rgba(0,0,0,.5); position: absolute; left: 0; bottom: 0; z-index: 1;}
.lyNews_rom:hover a.name { height: 80px; padding: 25px 30px; background-color: rgba(0,117,188,.8);}

.lyNews_main .lyNews_list { width: 50%; padding-left: 60px;}
.lyNews_list ul { height: 100%;}
.lyNews_list ul li { display: flex; align-items: center; justify-content: space-between; width: 100%; height: calc((100% - 40px) / 3); background-color: #fff; margin-bottom: 20px; padding: 20px 0; border-radius: 8px;}
.lyNews_list ul li:last-child { margin-bottom: 0;}
.lyNews_list ul li:hover { transform: translateY(-4px); -webkit-transform: translateY(-4px);}
.lyNews_list ul li .date { width: 130px; overflow: hidden; padding: 0 20px;}
.lyNews_list ul li .date span { display: block; line-height: 1; color: #999; font-family: "Alibaba_PuHuiTi_Bold"; font-size: 30px; text-align: center;}
.lyNews_list ul li .date em { display: block; line-height: 1; color: #999; font-family: "Alibaba_PuHuiTi_Medium"; font-size: 14px; font-style: normal; text-align: center; margin-top: 10px;}
.lyNews_list ul li .text { width: calc(100% - 130px); overflow: hidden; padding: 0 30px; border-left: 1px solid #e6e6e6;}
.lyNews_list ul li .text a.name { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #222; font-family: "Alibaba_PuHuiTi_Medium"; font-size: 18px; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis;}
.lyNews_list ul li:hover .text a.name { color: #0075bc;}
.lyNews_list ul li .text p.ms { max-height: 44px; overflow: hidden; line-height: 22px; color: #666; font-size: 14px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 6px;}
/*lyNews end*/


/*lyExhibition start*/
.lyExhibition { overflow: hidden; padding: 100px 0;}

.lyExhibition_swiper { overflow: hidden; padding-bottom: 50px; position: relative;}
.lyExhibition_swiper .swiper-slide a.img { display: block; width: 100%; height: 240px; overflow: hidden; border-radius: 8px; position: relative;}
.lyExhibition_swiper .swiper-slide:hover a.img img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyExhibition_swiper .swiper-slide a.img span { display: block; width: 140px; height: 40px; overflow: hidden; line-height: 40px; color: #0075bc; font-size: 14px; text-align: center; background-color: #fff; position: absolute; left: 0; bottom: 0;}
.lyExhibition_swiper .swiper-slide a.img span i { display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin: -4px 5px 0 0;}
.lyExhibition_swiper .swiper-slide a.img em { display: block; height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-style: normal; padding: 0 20px; background-color: #0075bc; position: absolute; left: 140px; bottom: 0;}

.lyExhibition_swiper .swiper-slide a.name { display: block; max-height: 52px; overflow: hidden; line-height: 26px; color: #222; font-family: "Alibaba_PuHuiTi_Medium"; font-size: 18px; text-transform: capitalize; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 20px 0 10px;}
.lyExhibition_swiper .swiper-slide:hover a.name { color: #0075bc;}
.lyExhibition_swiper .swiper-slide a.btn { display: flex; align-items: center; height: 30px; line-height: 30px; color: #999; font-size: 16px;}
.lyExhibition_swiper .swiper-slide:hover a.btn { color: #0075bc;}
.lyExhibition_swiper .swiper-slide a.btn::before { content: ''; display: block; width: 35px; height: 1px; background-color: #999; margin-right: 10px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.lyExhibition_swiper .swiper-slide:hover a.btn::before  { width: 60px; background-color: #0075bc;}

.lyExhibition_swiper .swiper-pagination { width: 100%; height: 4px; bottom: 0 !important;}
.lyExhibition_swiper .swiper-pagination span { width: 12px; height: 4px; margin: 0 4px !important; background-color: rgba(0,0,0,.2); vertical-align: top; opacity: 1; border-radius: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyExhibition_swiper .swiper-pagination span::after { display: none;}
.lyExhibition_swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 30px; background-color: #0075bc;}
/*lyExhibition end*/


@media (max-width:1680px) {
  .lyBanner { height: 700px;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 44px;}
  .lyBanner .swiper-slide .lyBa_text span { font-size: 26px; margin-top: 10px;}
  .lyBanner .swiper-button-prev { left: calc(50% - 720px);}
  .lyBanner .swiper-button-next { left: calc(50% - 640px);}

  .lyProducts { padding: 80px 0;}
  .lyProducts::before { width: 880px; height: 440px;}
  .lyProImg_swiper { width: calc(50% - 60px); height: 440px; padding: 30px 0;}
  .lyProducts_main .lyTitle { left: calc(50% + 60px); top: 30px;}
  .lyProText_swiper { width: calc(50% - 60px); padding-bottom: 90px; right: 0; bottom: 30px;}

  .lyData { padding: 40px 0;}
  .lyData_main ul li i { width: 72px; height: 72px;}
  .lyData_main ul li label { font-size: 16px; margin: 12px auto;}
  .lyData_main ul li p span { font-size: 60px;}
  .lyData_main ul li p sub { font-size: 30px;}

  .lyAbout_main .lyAbout_text { width: calc(100% - 880px); padding: 0 40px 0 calc(50% - 720px);}
  .lyAbout_text .lyAbout_con { margin-bottom: 60px;}
  .lyAbout_main .lyAbout_img { width: 880px; margin-left: 0;}

  .lyCase { padding: 140px 0 80px;}
  .lyCase_menu { margin-bottom: 40px;}
  .lyCase_swiper .swiper-slide { padding: 0 80px;}
  .lyCase_swiper .swiper-slide .lyCase_img { height: 420px; border-radius: 80px 0;}
  .lyCase_swiper .swiper-slide .lyCase_name { margin: -25px auto 0;}
  .lyCase_swiper .swiper-slide .lyCase_name a { height: 50px; padding: 10px 25px; border-radius: 25px;}
  .lyCase_swiper .swiper-button-prev { left: 19%;}
  .lyCase_swiper .swiper-button-next { right: 19%;}

  .lyAdvantage { padding: 80px 0;}
  .lyAdvantage_main .lyAdvantage_left { padding: 0 60px 0 calc(50% - 720px);}
  .lyAdvantage_left .lyAdv_img { height: 400px;}
  .lyAdvantage_main .lyAdvantage_right { padding: 30px 60px 30px 80px;}
  .lyAdvantage_right ul li { padding: 20px 0;}
  .lyAdvantage_right ul li:nth-child(1) { width: calc(100% - 128px); transform: translateX(128px);}
  .lyAdvantage_right ul li:nth-child(2) { width: calc(100% - 85px); transform: translateX(85px);}
  .lyAdvantage_right ul li:nth-child(3) { width: calc(100% - 42px); transform: translateX(42px);}
  .lyAdvantage_right ul li p { padding-left: 20px;}

  .lyNews { padding: 80px 0;}
  .lyNews_rom a.name { height: 50px; font-size: 18px; padding: 10px 25px;}
  .lyNews_rom:hover a.name { height: 70px; padding: 20px 25px;}
  .lyNews_main .lyNews_list { padding-left: 40px;}
  .lyNews_list ul li .date { width: 120px; padding: 0 10px;}
  .lyNews_list ul li .date span { font-size: 28px;}
  .lyNews_list ul li .text { width: calc(100% - 120px); padding: 0 20px;}

  .lyExhibition { padding: 80px 0;}
  .lyExhibition_swiper { padding-bottom: 40px;}
  .lyExhibition_swiper .swiper-slide a.img { height: 220px;}
  .lyExhibition_swiper .swiper-slide a.img span { width: 130px; height: 30px; line-height: 30px;}
  .lyExhibition_swiper .swiper-slide a.img em { height: 30px; line-height: 30px; font-size: 14px; padding: 0 15px; left: 130px;}

}

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

  .lyProducts::before { width: 780px; height: 400px;}
  .lyProImg_swiper { width: calc(50% - 80px); height: 400px; padding: 20px 0;}
  .lyProducts_main .lyTitle { left: calc(50% + 40px); top: 20px;}
  .lyProText_swiper { width: calc(50% - 40px); padding-bottom: 90px; right: 0; bottom: 20px;}
  
  .lyCase_swiper .swiper-slide .lyCase_img { height: 400px;}

}

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

}

@media (max-width:1440px) {
  .lyBanner { height: 600px;}
  .lyBanner .swiper-slide .lyBa_text { padding-right: 45%;} 
  .lyBanner .swiper-slide .lyBa_text p { font-size: 40px;}
  .lyBanner .swiper-slide .lyBa_text span { font-size: 24px;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { width: 50px; height: 50px; padding: 15px;}
  .lyBanner .swiper-button-prev { left: calc(50% - 600px);}
  .lyBanner .swiper-button-next { left: calc(50% - 530px);}

  .lyProducts { padding: 60px 0;}
  .lyProducts::before { width: 720px; height: 360px;}
  .lyProImg_swiper { height: 360px;}
  .lyProText_swiper { width: calc(50% - 40px); padding-bottom: 80px; bottom: 20px;}
  .lyProText_swiper .swiper-slide a.name { max-height: 60px; line-height: 30px; font-size: 22px;}
  .lyProText_swiper .swiper-slide p.ms { max-height: 66px; line-height: 22px; font-size: 14px;}
  .lyProText_swiper .swiper-button-prev, .lyProText_swiper .swiper-button-next { width: 50px; height: 50px; padding: 15px;}
  .lyProText_swiper .swiper-button-next { left: 70px;}

  .lyData_main ul { margin: 0 -15px;}
  .lyData_main ul li { padding: 0 15px;}
  .lyData_main ul li i { width: 60px; height: 60px;}
  .lyData_main ul li label { font-size: 14px;}
  .lyData_main ul li p span { font-size: 48px;}
  .lyData_main ul li p sub { font-size: 24px;}

  .lyAbout_main .lyAbout_img { width: 720px;}
  .lyAbout_main .lyAbout_text { width: calc(100% - 720px); padding: 0 0 0 calc(50% - 600px);}
  .lyAbout_text .lyAbout_con { max-height: 196px; margin-bottom: 40px;}
  .lyAbout_text .lyAbout_con, .lyAbout_text .lyAbout_con p { line-height: 28px; font-size: 14px;}
  .lyAbout_btn ul li { width: calc((100% - 45px) / 4);}
  .lyAbout_btn ul li a { padding: 15px;}
  .lyAbout_btn ul li a i { width: 46px; height: 46px; padding: 4px;}
  .lyAbout_btn ul li a em { font-size: 14px;}

  .lyCase { margin-top: -50px; padding: 110px 0 60px;}
  .lyCase_menu ul li a i { width: 60px; height: 60px; margin: 0 auto 10px;}
  .lyCase_swiper .swiper-slide { padding: 0 60px;}
  .lyCase_swiper .swiper-slide .lyCase_img { height: 360px; border-radius: 40px 0;}
  .lyCase_swiper .swiper-slide .lyCase_name { width: 88%;}
  .lyCase_swiper .swiper-slide .lyCase_name a { font-size: 16px;}
  .lyCase_swiper .swiper-button-prev { left: 19%;}
  .lyCase_swiper .swiper-button-next { right: 19%;}
  .lyCase_swiper .swiper-button-next i { margin-left: 40px; padding: 16px;}
  .lyCase_swiper .swiper-button-prev i { margin-right: 40px; padding: 16px;}
  .lyCase_swiper .swiper-button-next i::after { width: 50px; left: -28px;}
  .lyCase_swiper .swiper-button-next:hover i::after { left: 12px;}
  .lyCase_swiper .swiper-button-prev i::after { width: 50px; right: -28px;}
  .lyCase_swiper .swiper-button-prev:hover i::after { right: 12px;}
  .lyCase_swiper .swiper-button-prev:hover i, .lyCase_swiper .swiper-button-next:hover i { width: 64px; height: 64px; padding: 22px 12px 22px 32px;}
  .lyCase_swiper .swiper-button-prev span, .lyCase_swiper .swiper-button-next span { font-size: 16px;}

  .lyAdvantage { padding: 60px 0;}
  .lyAdvantage_main .lyAdvantage_left { padding: 0 30px 0 calc(50% - 600px);}
  .lyAdvantage_left .lyAdv_img { height: 310px;}
  .lyAdvantage_main .lyAdvantage_right { width: 60%; padding: 20px 50px;}
  .lyAdvantage_right ul li i { width: 64px; height: 64px; padding: 20px;}
  .lyAdvantage_right ul li p { width: calc(100% - 64px); padding-left: 16px; font-size: 13px;}

  .lyNews { padding: 60px 0;}
  .lyNews_main .lyNews_list { padding-left: 30px;}
  .lyNews_list ul li .text a.name { font-size: 16px;} 

  .lyExhibition { padding: 60px 0;}
  .lyExhibition_swiper { padding-bottom: 30px;}
  .lyExhibition_swiper .swiper-slide a.img { height: 190px;}
  .lyExhibition_swiper .swiper-slide a.img span { width: 110px; height: 26px; line-height: 26px; font-size: 13px;}
  .lyExhibition_swiper .swiper-slide a.img span i { width: 13px; height: 13px; margin: -2px 4px 0 0;}
  .lyExhibition_swiper .swiper-slide a.img em { height: 26px; line-height: 26px; font-size: 13px; padding: 0 10px; left: 110px;}
  .lyExhibition_swiper .swiper-slide a.name { max-height: 48px; line-height: 24px; font-size: 16px; margin: 12px 0 6px;}
  .lyExhibition_swiper .swiper-slide a.btn { font-size: 14px;}
  .lyExhibition_swiper .swiper-slide a.btn::before { width: 30px;}
  .lyExhibition_swiper .swiper-slide:hover a.btn::before  { width: 50px;}


}

@media (max-width:1366px) {
  .lyBanner { height: 570px;}
  .lyBanner .swiper-slide .lyBa_text { padding-right: 50%;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 36px;}
  .lyBanner .swiper-slide .lyBa_text span { font-size: 20px;}

  .lyProducts::before { width: 680px; height: 340px;}
  .lyProImg_swiper { width: calc(50% - 60px); height: 340px; padding: 10px 0;}
  .lyProducts_main .lyTitle { top: 10px;}
  .lyProText_swiper { bottom: 10px;}

  .lyAbout_main .lyAbout_img { width: 700px;}
  .lyAbout_main .lyAbout_text { width: calc(100% - 700px);}

  .lyCase_swiper .swiper-slide .lyCase_img { height: 340px;}

}

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

  .lyProducts::before { width: 640px;}

  .lyCase_swiper .swiper-slide .lyCase_img { height: 320px;}

  .lyAdvantage_main .lyAdvantage_left { padding: 0 0 0 calc(50% - 600px);}
  .lyAdvantage_left .lyAdv_img { height: 280px;}
  .lyAdvantage_main .lyAdvantage_right { width: 80%;}

  .lyNews_main .lyNews_rom { height: 360px;}
  .lyNews_list ul li { height: calc((100% - 30px) / 3); margin-bottom: 15px; padding: 15px 0;}

}

@media (max-width:1200px) {
  .lyBanner { height: 500px;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 32px;}
  .lyBanner .swiper-slide .lyBa_text span { font-size: 18px;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { width: 44px; height: 44px; padding: 13px;}
  .lyBanner .swiper-button-prev { left: 3%;}
  .lyBanner .swiper-button-next { left: calc(3% + 60px);}
  .lyBanner .swiper-pagination { bottom: 20px !important;}

  .lyProducts::before { width: 600px;}

  .lyData_main ul li p span { font-size: 40px;}
  .lyData_main ul li p sub { font-size: 22px;}

  .lyAbout_main .lyAbout_img { width: 640px;}
  .lyAbout_main .lyAbout_text { width: calc(100% - 640px); padding: 0 0 0 3%;}
  .lyAbout_btn ul li { width: calc((100% - 30px) / 4);}

  .lyCase_menu { margin-bottom: 30px;}
  .lyCase_menu ul li { padding: 0 15px;}
  .lyCase_menu ul li a i { width: 50px; height: 50px;}
  .lyCase_menu ul li a em { font-size: 14px;}
  .lyCase_swiper .swiper-slide { padding: 0 40px;}
  .lyCase_swiper .swiper-slide .lyCase_img { height: 300px; border-radius: 32px 0;}
  .lyCase_swiper .swiper-slide .lyCase_name { width: 88%;}
  .lyCase_swiper .swiper-button-prev { left: 18.5%;}
  .lyCase_swiper .swiper-button-next { right: 18.5%;}
  .lyCase_swiper .swiper-button-prev i, .lyCase_swiper .swiper-button-next i { width: 44px; height: 44px; padding: 14px;}
  .lyCase_swiper .swiper-button-next i { margin-left: 30px;}
  .lyCase_swiper .swiper-button-prev i { margin-right: 30px;}
  .lyCase_swiper .swiper-button-next i::after { width: 40px; left: -20px;}
  .lyCase_swiper .swiper-button-next:hover i::after { width: 20px; left: 10px;}
  .lyCase_swiper .swiper-button-prev i::after { width: 40px; right: -20px;}
  .lyCase_swiper .swiper-button-prev:hover i::after { width: 20px; right: 10px;}
  .lyCase_swiper .swiper-button-prev:hover i { width: 50px; height: 50px; padding: 14px 24px 14px 10px;}
  .lyCase_swiper .swiper-button-next:hover i { width: 50px; height: 50px; padding: 14px 10px 14px 24px;}
  .lyCase_swiper .swiper-button-prev span, .lyCase_swiper .swiper-button-next span { font-size: 14px;}

  .lyAdvantage_main .lyAdvantage_left { padding: 0 0 0 3%;}
  .lyAdvantage_left .lyAdv_img { height: 250px;}
  .lyAdvantage_main .lyAdvantage_right { padding: 15px 40px;}
  .lyAdvantage_right ul li { padding: 15px 0;}
  .lyAdvantage_right ul li i { width: 60px; height: 60px; padding: 18px;}
  .lyAdvantage_right ul li p { width: calc(100% - 60px); font-size: 12px;}

  .lyExhibition_swiper .swiper-slide a.img { height: 180px;}
  .lyExhibition_swiper .swiper-slide a.img span { width: 100px; font-size: 12px;}
  .lyExhibition_swiper .swiper-slide a.img em { font-size: 12px; left: 100px;}

}

@media (max-width:1080px) {
  .lyBanner { height: 450px; margin-top: 76px;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 30px;}
  .lyBanner .swiper-slide .lyBa_text span { font-size: 16px;}

  #starCanvas { right: -76%;}
  .lyProducts::before { width: 540px; height: 300px;}
  .lyProImg_swiper { height: 300px;}
  .lyProducts_main .lyTitle { left: calc(50% + 30px); top: 0;}
  .lyProText_swiper { width: calc(50% - 30px); padding-bottom: 64px; bottom: 0;}
  .lyProText_swiper .swiper-button-prev, .lyProText_swiper .swiper-button-next { width: 44px; height: 44px; padding: 14px;}
  .lyProText_swiper .swiper-button-next { left: 64px;}

  .lyAbout_main .lyAbout_img { width: 560px;}
  .lyAbout_main .lyAbout_text { width: calc(100% - 560px); padding: 0 0 0 3%;}
  .lyAbout_text .lyAbout_con, .lyAbout_text .lyAbout_con p { line-height: 24px; font-size: 14px;}
  .lyAbout_text .lyAbout_con { max-height: 144px;}
  .lyAbout_btn ul li { width: calc((100% - 30px) / 4);}

  .lyCase_swiper .swiper-slide .lyCase_img { height: 280px;}
  .lyCase_swiper .swiper-slide .lyCase_name { margin: -22px auto 0;}
  .lyCase_swiper .swiper-slide .lyCase_name a { height: 44px; line-height: 24px; padding: 10px 22px; border-radius: 22px;}

  .lyAdvantage_left .lyAdv_img { height: 240px;}

  .lyNews_main .lyNews_rom { height: 330px;}
  .lyNews_rom a.name { font-size: 16px; padding: 10px 20px;}
  .lyNews_rom:hover a.name { padding: 20px;}
  .lyNews_list ul li .date { width: 100px;}
  .lyNews_list ul li .date span { font-size: 24px;}
  .lyNews_list ul li .text { width: calc(100% - 100px);}
  .lyNews_list ul li .text a.name { height: 26px; line-height: 26px;}
  .lyNews_list ul li .text p.ms { max-height: 40px; line-height: 20px; font-size: 12px; margin-top: 4px;}

  .lyExhibition_swiper .swiper-slide a.img { height: 220px;}
}

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

  #starCanvas { right: -80%;}
  .lyProducts::before { width: 500px; height: 280px;}
  .lyProImg_swiper { height: 280px;}

  .lyData { padding: 30px 0;}
  .lyData_main ul li i { width: 52px; height: 52px;}
  .lyData_main ul li label { margin: 10px auto;}
  .lyData_main ul li p span { font-size: 36px;}
  .lyData_main ul li p sub { font-size: 20px; margin-left: 5px;}

  .lyAbout_btn ul li a em { font-size: 12px;}

  .lyCase_swiper .swiper-slide .lyCase_img { height: 260px;}
  .lyCase_swiper .swiper-button-prev { left: 18%;}
  .lyCase_swiper .swiper-button-next { right: 18%;}

  .lyExhibition_swiper .swiper-slide a.img { height: 200px;}

}

@media (max-width:920px) {
  .lyBanner { height: 380px;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 28px;}
  .lyBanner .swiper-slide .lyBa_text span { font-size: 14px;}

  .lyProducts { padding: 40px 0;}
  .lyProducts::before { width: 440px; height: 240px;}
  .lyProImg_swiper { height: 240px;}
  .lyProText_swiper { width: 50%;}
  .lyProducts_main .lyTitle { left: 50%;}
  .lyProText_swiper .swiper-slide a.name { max-height: 56px; line-height: 28px; font-size: 20px;}
  .lyProText_swiper .swiper-slide p.ms { max-height: 44px; line-height: 22px; line-clamp: 2; -webkit-line-clamp: 2; margin-top: 10px;}

  .lyData_main ul { margin: 0 -10px;}
  .lyData_main ul li { padding: 0 10px;}
  .lyData_main ul li i { width: 40px; height: 40px; padding: 0;}
  .lyData_main ul li p span { font-size: 30px;}
  .lyData_main ul li p sub { font-size: 18px;}

  .lyAbout_main .lyAbout_img { width: 480px;}
  .lyAbout_main .lyAbout_text { width: calc(100% - 480px); padding: 0 0 0 3%;}
  .lyAbout_text .lyAbout_con { margin-bottom: 20px;}
  .lyAbout_text .lyAbout_con, .lyAbout_text .lyAbout_con p { line-height: 24px; font-size: 14px;}
  .lyAbout_text .lyAbout_con { max-height: 144px;}
  .lyAbout_btn ul li { width: calc((100% - 30px) / 4);}
  .lyAbout_btn ul li a { padding: 10px 0;}
  .lyAbout_btn ul li a i { width: 40px; height: 40px; margin: 0 auto 8px;}
  .lyAbout_btn ul li a em { font-size: 12px;}

  .lyCase { margin-top: -40px; padding: 80px 0 40px;}
  .lyCase_menu ul li { padding: 0 10px;}
  .lyCase_menu ul li a i { width: 44px; height: 44px;}
  .lyCase_swiper .swiper-slide { padding: 0 20px;}
  .lyCase_swiper .swiper-slide .lyCase_img { height: 240px; border-radius: 24px 0;}
  .lyCase_swiper .swiper-slide .lyCase_name { width: 90%; margin: -20px auto 0;}
  .lyCase_swiper .swiper-slide .lyCase_name a { height: 40px; line-height: 24px; font-size: 14px; padding: 8px 20px; border-radius: 20px;}
  .lyCase_swiper .swiper-button-prev { left: 20%;}
  .lyCase_swiper .swiper-button-next { right: 20%;}
  .lyCase_swiper .swiper-button-prev i, .lyCase_swiper .swiper-button-next i { width: 44px !important; height: 44px !important; padding: 14px !important; margin: 0 !important;}
  .lyCase_swiper .swiper-button-prev span, .lyCase_swiper .swiper-button-next span, .lyCase_swiper .swiper-button-prev i::after, .lyCase_swiper .swiper-button-next i::after { display: none;}
   
  .lyAdvantage { padding: 40px 0;}
  .lyAdvantage_main { display: block; padding: 0 3%;}
  .lyAdvantage_main .lyAdvantage_left { width: auto; padding: 0; display: flex; align-items: center; justify-content: space-between;}
  .lyAdvantage_left .lyAdv_img { width: 50%; height: 200px;}
  .lyAdvantage_main .lyAdvantage_right { width: 100%; margin-top: 20px; padding: 15px 30px; border-radius: 24px; background: url(../images/webp/advBg1.webp) center center no-repeat; background-size: cover;}
  .lyAdvantage_right ul li { width: 100% !important; transform: inherit !important;}

  .lyNews { padding: 40px 0;}
  .lyNews_main .lyNews_rom { height: 300px;}
  .lyNews_rom a.name { padding: 10px;}
  .lyNews_rom:hover a.name { padding: 20px 10px;}
  .lyNews_main .lyNews_list { padding-left: 20px;}
  .lyNews_list ul li { height: calc((100% - 20px) / 3); margin-bottom: 10px; padding: 10px 0;}

  .lyExhibition { padding: 40px 0;}
  .lyExhibition_swiper { padding-bottom: 20px;}
  .lyExhibition_swiper .swiper-slide a.img { height: 180px;}
}

@media (max-width:820px) {
  .lyBanner { height: 340px; margin-top: 70px;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 24px;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { bottom: 12%;}

  .lyProducts::before { width: 390px; height: 220px; top: inherit; bottom: 40px; transform: inherit !important;}
  .lyProducts_main { margin-top: 44px;}
  .lyProducts_main .lyTitle { margin-top: -44px;}
  .lyProImg_swiper { height: 220px;}
  .lyProText_swiper { width: 50%;}
  .lyProducts_main .lyTitle { left: 50%;}
  .lyProText_swiper .swiper-slide a.name { max-height: 52px; line-height: 26px; font-size: 18px;}
  .lyProText_swiper .swiper-slide p.ms { max-height: 66px; line-height: 22px; line-clamp: 3; -webkit-line-clamp: 3; margin-top: 10px;}

  .lyAbout_main .lyAbout_img { width: 420px;}
  .lyAbout_main .lyAbout_text { width: calc(100% - 420px);}
  .lyAbout_text .lyAbout_con { max-height: 120px;}
  .lyAbout_btn ul li { width: calc((100% - 15px) / 4);}

  .lyCase_swiper .swiper-slide .lyCase_img { height: 220px; border-radius: 20px 0;}
}

@media (max-width:767px) {
  .lyBanner { height: 200px; margin-top: 64px;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 14px;}
  .lyBanner .swiper-slide .lyBa_text span { font-size: 12px; margin-top: 6px;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { display: none;}
  .lyBanner .swiper-pagination { height: 2px; bottom: 10px !important;}
  .lyBanner .swiper-pagination span { width: 10px; height: 2px; margin: 0 2px !important;}
  .lyBanner .swiper-pagination span.swiper-pagination-bullet-active { width: 20px;}
  
  #starCanvas { right: -70%;}
  .lyProducts::before { width: 90%; height: 180px; top: 104px; transform: none !important; -webkit-transform: none !important;}
  .lyProducts_main { margin: 0 auto;}
  .lyProducts_main .lyTitle { margin: 0 0 20px; position: inherit; left: inherit; top: inherit;}
  .lyProducts_main .lyTitle p { text-align: center;}
  .lyProducts_main .lyTitle em { justify-content: center;}
  .lyProImg_swiper { width: 100%; height: 180px; margin-bottom: 20px; padding: 0;}
  .lyProText_swiper { width: 100%; position: inherit; right: inherit; bottom: inherit;}
  .lyProText_swiper .swiper-slide a.name { max-height: 56px; line-height: 28px; font-size: 20px;}

  .lyData { padding: 30px 0;}
  .lyData_main ul { margin: 0 -10px -30px;}
  .lyData_main ul li { width: 50%; margin-bottom: 30px;}

  .lyAbout { padding: 40px 0 0;}
  .lyAbout .lyAbout_main { display: block;}
  .lyAbout_main .lyAbout_text { width: 100%; margin-bottom: 20px; padding: 0 3%;}
  .lyAbout_text .lyAbout_con { max-height: initial;}
  .lyAbout_main .lyAbout_img { width: 100%;}

  .lyCase { padding: 80px 0 20px;}
  .lyCase_menu { margin-bottom: 20px;}
  .lyCase_menu ul { margin: 0 -10px;}
  .lyCase_menu ul li { width: calc(100% / 3);}
  .lyCase_menu ul li a em { font-size: 12px;}
  .lyCase_swiper { padding-bottom: 54px;}
  .lyCase_swiper .swiper-slide { padding: 0 3%;}
  .lyCase_swiper .swiper-button-prev, .lyCase_swiper .swiper-button-next { margin-top: 0; top: inherit; bottom: 0;}
  .lyCase_swiper .swiper-button-prev { left: 3%;}
  .lyCase_swiper .swiper-button-next { right: 3%;}
  .lyCase_swiper .swiper-button-prev span, .lyCase_swiper .swiper-button-next span { display: block; margin: 0 10px;}

  .lyAdvantage_main .lyAdvantage_left { display: block;}
  .lyAdvantage_left .lyTitle p { text-align: center;}
  .lyAdvantage_left .lyTitle em { justify-content: center;}
  .lyAdvantage_left .lyAdv_img { width: 100%;}
  .lyAdvantage_main .lyAdvantage_right { padding: 10px 20px; border-radius: 12px;}
  .lyAdvantage_right ul li { padding: 10px 0;}

  .lyNews_main { display: block;}
  .lyNews_main .lyNews_rom { width: 100%; height: 240px; margin-bottom: 20px;}
  .lyNews_main .lyNews_list { width: 100%; padding: 0;}
  .lyNews_list ul li .date { width: 80px;}
  .lyNews_list ul li .date span { font-size: 22px;}
  .lyNews_list ul li .text { width: calc(100% - 80px); padding: 0 10px;}
  .lyNews_list ul li .text a.name { height: auto; min-height: 26px; max-height: 52px; line-height: 26px; white-space: inherit; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

  .lyExhibition_swiper .swiper-slide a.img { height: 220px;}
  .lyExhibition_swiper .swiper-slide a.img span { width: 120px; height: 28px; line-height: 28px; font-size: 14px;}
  .lyExhibition_swiper .swiper-slide a.img em { left: 120px; height: 28px; line-height: 28px; font-size: 14px;}

}

@media (max-width:390px) {
  .lyBanner { height: 180px;}

  #starCanvas { right: -80%; opacity: .35;}
  .lyAdvantage_left .lyAdv_img { height: 180px;}

  .lyNews_main .lyNews_rom { height: 220px;}

  .lyExhibition_swiper .swiper-slide a.img { height: 200px;}

}

@media (max-width:320px) {
  .lyBanner { height: 160px;}
  .lyBanner .swiper-slide .lyBa_text p { font-size: 12px;}

  #starCanvas { right: -70%;}
  .lyProducts::before, .lyProImg_swiper { height: 160px;}
  .lyProText_swiper .swiper-slide a.name { max-height: 52px; line-height: 26px; font-size: 18px;}

  .lyAdvantage_left .lyAdv_img { height: 160px;}
  .lyCase_swiper .swiper-slide .lyCase_img, .lyNews_main .lyNews_rom { height: 200px;}

}