/*lyBanner start*/
.lyBanner { height: 840px; overflow: hidden; background-color: rgba(31, 32, 34, .06); position: relative;}
.lyBanner .swiper-container { height: 100%;}
.lyBanner .swiper-slide { overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;}

.lyBanner .swiper-slide .lyBa_text { padding-right: 40%; position: absolute; 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%);}
.lyBa_text em { display: block; width: 75px; height: 5px; overflow: hidden; background-color: #1f2022; margin-bottom: 40px;}
.lyBa_text p { line-height: 1.2; color: #fff; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 54px; font-weight: bold; margin-bottom: 20px;}
.lyBa_text span { display: block; line-height: 1.6; color: #fff; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 28px; letter-spacing: 2px; margin-bottom: 80px;}
.lyBa_text .lyBa_btn { margin-top: 80px;}
.lyBa_btn a { display: block; width: 220px; height: 60px; line-height: 56px; color: #fff; font-size: 20px; text-align: center; border: 2px solid #fff; border-radius: 8px; float: left;}
.lyBa_btn a:hover, .lyBa_btn a:first-child { background-color: #1f2022; border: 2px solid #1f2022;}
.lyBa_btn a:first-child { margin-right: 20px;}
.lyBa_btn a i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -4px 0 0 20px;}
.lyBa_btn a:hover i { margin: -4px 0 0 30px;}

.lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { width: 80px; height: 80px; margin-top: -24px; padding: 20px; background: rgba(31, 32, 34, 0); top: 50%;}
.lyBanner .swiper-button-prev { left: 0;}
.lyBanner .swiper-button-next { right: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyBanner .swiper-button-prev:hover, .lyBanner .swiper-button-next:hover { background: rgba(31, 32, 34, .6);}
.lyBanner .swiper-button-disabled { opacity: .25 !important;}

.lyBanner .swiper-pagination { width: 100%; height: 2px; bottom: 40px !important;}
.lyBanner .swiper-pagination span { width: 12px; height: 2px; background-color: rgba(31, 32, 34, .6); border-radius: 0; margin:  0 2px; opacity: 1; vertical-align: top;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active { width: 24px; background-color: #fff;}
/*lyBanner end*/


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

.lyAbout_part1 { width: 45%; margin-bottom: 20px; padding-right: 10px; float: left;}
.lyAbout_part2 { width: 55%; margin-bottom: 20px; padding-left: 10px; float: left;}
.lyAbout_part3 { width: 45%; margin-top: -80px; padding-right: 10px; float: left;}
.lyAbout_part4 { width: 55%; padding-left: 10px; float: left;}

.lyAbPart1_con, .lyAbPart2_con, .lyAbPart3_con, .lyAbPart4_con { overflow: hidden; background-color: #fff; border-radius: 12px; position: relative;}
.lyAbPart1_con, .lyAbPart4_con { height: 280px;}
.lyAbPart2_con, .lyAbPart3_con { height: 360px;}
.lyAbPart1_con { padding: 40px;}
.lyAbPart2_con a.img, .lyAbPart3_con a.img, .lyAbPart4_con a.img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyAbPart2_con:hover a.img, .lyAbPart3_con:hover a.img, .lyAbPart4_con:hover a.img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.lyAbPart4_con a.img::after { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(31, 32, 34, 0), rgba(31, 32, 34, .8)); position: absolute; top: 0; left: 0;}
.lyAbPart4_con a.name { display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 24px; font-weight: bold; padding: 0 30px; position: absolute; left: 0; bottom: 20px;}
.lyAbPart4_con a.name i { display: inline-block; width: 20px; height: 20px; overflow: hidden; vertical-align: middle; margin: -4px 0 0 15px;}
.lyAbPart4_con a.name:hover i { margin: -4px 0 0 30px;}

.lyAbPart1_con i { display: block; width: 60px; height: 60px; overflow: hidden; margin: 30px 0;}
.lyAbPart1_con a { display: block; line-height: 36px; color: #2e3033; font-size: 24px; font-weight: bold;}
.lyAbPart1_con p { line-height: 30px; color: #2e3033; font-size: 16px; margin-top: 10px;}
.lyAbPart1_con::after { content: '”'; display: block; line-height: 120px; color: #e7e8eb; font-family: 'Arial'; font-size: 160px; position: absolute; top: 40px; right: 40px;}
/*lyAbout end*/


/*lyProducts start*/
.lyProducts { overflow: hidden;}
.lyProducts ul li { background-color: #1f2022; position: relative;}
.lyProducts ul li:nth-child(2n) { background-color: #fff;}
.lyProducts ul li .lyPro_img { height: 850px; overflow: hidden;}
.lyProducts ul li .lyPro_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyProducts ul li .lyPro_text { padding: 0 0 0 55%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyProducts ul li:nth-child(2n) .lyPro_text { padding: 0 55% 0 0;}
.lyProducts ul li .lyPro_text a.lyPro_logo { display: block; width: 100%; height: 70px; overflow: hidden;}
.lyProducts ul li .lyPro_text a.lyPro_logo img { max-height: 100%;}
.lyProducts ul li .lyPro_text p { line-height: 50px; color: #2e3033; font-size: 30px; font-weight: bold; margin-top: 40px;}
.lyProducts ul li:nth-child(2n) .lyPro_text p { color: #fff;}
.lyProducts ul li .lyPro_text a.lyPro_more { display: block; width: 160px; height: 50px; overflow: hidden; line-height: 48px; color: #2e3033; font-size: 16px; text-align: center; border: 1px solid #1f2022; border-radius: 4px; margin-top: 80px;}
.lyProducts ul li .lyPro_text a.lyPro_more i { display: inline-block; width: 15px; height: 15px; overflow: hidden; vertical-align: middle; margin: -4px 0 0 10px;}
.lyProducts ul li .lyPro_text a.lyPro_more:hover { background-color: #1f2022; color: #fff;}
.lyProducts ul li .lyPro_text a.lyPro_more:hover i { margin: -4px 0 0 20px;}
.lyProducts ul li .lyPro_text a.lyPro_more:hover i svg path { fill: #fff;}
.lyProducts ul li:nth-child(2n) .lyPro_text a.lyPro_more { color: #fff; border: 1px solid #fff;}
.lyProducts ul li:nth-child(2n) .lyPro_text a.lyPro_more i svg path { fill: #fff;}
.lyProducts ul li:nth-child(2n) .lyPro_text a.lyPro_more:hover { color: #2e3033; background-color: #fff;}
.lyProducts ul li:nth-child(2n) .lyPro_text a.lyPro_more:hover i svg path { fill: #2e3033;}
/*lyProducts end*/


/*lyLife start*/
.lyLife { overflow: hidden; padding: 100px 0; background-color: #d7d9dd;}
.lyLife_main ul { height: 1000px; position: relative; margin: -10px;}
.lyLife_main ul li { padding: 10px; position: absolute;}
.lyLife_main ul li:nth-child(1) { width: 60%; left: 0; top: 0;}
.lyLife_main ul li:nth-child(2) { width: 40%; right: 0; top: 0;}
.lyLife_main ul li:nth-child(3) { width: 30%; left: 0; bottom: 0;}
.lyLife_main ul li:nth-child(4) { width: 30%; left: 30%; top: 420px;}
.lyLife_main ul li:nth-child(5) { width: 40%; right: 0; top: 270px;}
.lyLife_main ul li:nth-child(6) { width: 40%; left: 30%; bottom: 0;}
.lyLife_main ul li:nth-child(7) { width: 30%; right: 0; bottom: 0;}

.lyLife_main ul li .lyLife_con { position: relative;}
.lyLife_main ul li:nth-child(1) .lyLife_con { height: 400px;}
.lyLife_main ul li:nth-child(2) .lyLife_con { height: 250px;}
.lyLife_main ul li:nth-child(3) .lyLife_con { height: 560px;}
.lyLife_main ul li:nth-child(4) .lyLife_con { height: 260px;}
.lyLife_main ul li:nth-child(5) .lyLife_con { height: 410px;}
.lyLife_main ul li:nth-child(6) .lyLife_con { height: 280px;}
.lyLife_main ul li:nth-child(7) .lyLife_con { height: 280px;}
.lyLife_main ul li .lyLife_con .lyLife_img { width: 100%; height: 100%;}
.lyLife_main ul li .lyLife_con .lyLife_img a { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 12px; box-shadow: 0 0 0 rgba(31, 32, 34, 0); position: relative;}
.lyLife_main ul li .lyLife_con .lyLife_img a::after { content: ''; display: block; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s;}
.lyLife_main ul li .lyLife_con:hover .lyLife_img a { box-shadow: 0 20px 40px rgba(31, 32, 34, .25); transform: scale(1.03); -webkit-transform: scale(1.03);}
.lyLife_main ul li .lyLife_con:hover .lyLife_img a::after { opacity: .8;}

.lyLife_main ul li .lyLife_con .lyLife_text { display: none; width: 100%; padding: 0 40px; position: absolute; left: 0; bottom: 20px;}
.lyLife_main ul li:nth-child(1) .lyLife_con .lyLife_text, .lyLife_main ul li:nth-child(3) .lyLife_con .lyLife_text, .lyLife_main ul li:nth-child(5) .lyLife_con .lyLife_text { display: block;}
.lyLife_main ul li .lyLife_con .lyLife_text a.name { display: block; line-height: 36px; color: #fff; font-size: 24px; font-weight: bold;}
.lyLife_main ul li .lyLife_con .lyLife_text a.btn { display: block; width: 22px; height: 0; overflow: hidden; margin-top: 0;}
.lyLife_main ul li .lyLife_con:hover .lyLife_text a.name { color: #2e3033;}
.lyLife_main ul li .lyLife_con:hover .lyLife_text a.btn { height: 22px; margin-top: 10px;}
/*lyLife end*/


/*lyNetwork start*/
.lyNetwork { overflow: hidden; padding: 100px 0;}
.lyNetwork_btn { margin-bottom: 50px; text-align: center;}
.lyNetwork_btn a { display: inline-block; width: auto; height: 44px; overflow: hidden; line-height: 44px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background-color: #1f2022; border-radius: 8px; padding: 0 30px; vertical-align: top;}
.lyNetwork_btn a em { color: #eb633b; font-size: 16px; font-weight: bold; font-style: normal;}
.lyNetwork_btn a:hover { background-color: #eb633b;}
.lyNetwork_btn a:hover em { color: #fff;}

.lyNetwork_main { max-width: 1280px; height: auto; margin: -20px auto; position: relative;}
.lyNetwork_main img.lyNetwork_map { display: block; width: 100%; height: auto;}
.lyNetwork_main ul li { position: absolute;}
.lyNetwork_main ul li:nth-child(1) { left: 18%; top: 30%;}
.lyNetwork_main ul li:nth-child(2) { left: 48%; top: 22%;}
.lyNetwork_main ul li:nth-child(3) { left: 60%; top: 40%;}
.lyNetwork_main ul li:nth-child(4) { left: 77%; top: 54%;}
.lyNetwork_main ul li p { display: flex; cursor: pointer;}
.lyNetwork_main ul li p i { display: block; width: 32px; height: 32px; overflow: hidden; margin-right: 6px;}
.lyNetwork_main ul li p span { display: block; height: 32px; line-height: 32px; color: #2e3033; font-size: 16px;}

.lyNetwork_main ul li .lyNetwork_con { display: none; width: 300px; padding-bottom: 12px; position: absolute; left: -60px; bottom: 32px; z-index: 9;}
.lyNetwork_main ul li:hover .lyNetwork_con { display: block;}
.lyNetwork_main ul li .lyNetwork_con::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 10px 0 10px; border-color: #fff transparent transparent transparent; position: absolute; left: 66px; bottom: 4px;}
.lyNetwork_con .lyNetwork_img { width: 100%; height: 150px; overflow: hidden; border-radius: 12px 12px 0 0; position: relative;}
.lyNetwork_con .lyNetwork_tit { width: 100%; overflow: hidden; padding: 10px 20px; background-color: #fff; border-radius: 0 0 12px 12px; position: relative;}
.lyNetwork_tit span { display: block; height: 40px; overflow: hidden; line-height: 40px; color: #2e3033; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; padding-left: 15px; position: relative;}
.lyNetwork_tit span::before { content: ''; display: block; width: 3px; height: 18px; background-color: #eb633b; margin-top: -9px; position: absolute; left: 0; top: 50%;}
.lyNetwork_tit i { display: block; width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 20px;}
/*lyNetwork end*/


@media (max-width:1680px) {
  .lyBanner { height: 740px;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { width: 64px; height: 64px; margin-top: -32px; padding: 16px;}

  .lyAbout, .lyLife, .lyNetwork { padding: 80px 0;}  

  .lyProducts ul li .lyPro_img { height: 720px;}

  .lyNetwork_btn { margin-bottom: 40px;}
  .lyNetwork_btn a, .lyNetwork_btn a em { font-size: 15px;}
}

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

  .lyProducts ul li .lyPro_img { height: 680px;}
  .lyProducts ul li .lyPro_text a.lyPro_logo { height: 60px;}
  .lyProducts ul li .lyPro_text p { line-height: 48px; font-size: 28px; margin-top: 30px;}
  .lyProducts ul li .lyPro_text a.lyPro_more { width: 150px; height: 44px; line-height: 42px; font-size: 15px; margin-top: 60px;}

}

@media (max-width:1560px) {
  .lyProducts ul li .lyPro_img { height: 660px;}
}

@media (max-width:1440px) {
  .lyBanner { height: 640px;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { width: 60px; height: 60px; margin-top: -30px; padding: 14px;}

  .lyProducts ul li .lyPro_img { height: 600px;}
}

@media (max-width:1366px) {
  .lyBanner { height: 600px;}
  
  .lyAbPart1_con, .lyAbPart4_con { height: 250px;}
  .lyAbPart2_con, .lyAbPart3_con { height: 330px;}
  .lyAbPart1_con i { margin: 20px 0;}
  .lyAbPart1_con a { line-height: 32px; font-size: 22px;}
  .lyAbPart1_con p { line-height: 25px; font-size: 15px;}
  .lyAbPart4_con a.name { font-size: 22px;}
  .lyAbPart4_con a.name i { width: 18px; height: 18px;}

  .lyProducts ul li .lyPro_img { height: 580px;}
  .lyProducts ul li .lyPro_text a.lyPro_logo { height: 50px;}
  .lyProducts ul li .lyPro_text p { line-height: 44px; font-size: 26px;}
  .lyProducts ul li .lyPro_text { padding: 0 0 0 60%;}
  .lyProducts ul li:nth-child(2n) .lyPro_text { padding: 0 50% 0 10%;}

  .lyLife_main ul { height: 910px;}
  .lyLife_main ul li:nth-child(4) { top: 390px;}
  .lyLife_main ul li:nth-child(5) { top: 240px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con { height: 370px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con { height: 220px;}
  .lyLife_main ul li:nth-child(3) .lyLife_con { height: 500px;}
  .lyLife_main ul li:nth-child(4) .lyLife_con { height: 230px;}
  .lyLife_main ul li:nth-child(5) .lyLife_con { height: 380px;}
  .lyLife_main ul li:nth-child(6) .lyLife_con { height: 250px;}
  .lyLife_main ul li:nth-child(7) .lyLife_con { height: 250px;}
  .lyLife_main ul li .lyLife_con .lyLife_text { padding: 0 30px;}
  .lyLife_main ul li .lyLife_con .lyLife_text a.name { line-height: 32px; font-size: 22px;}
  .lyLife_main ul li .lyLife_con .lyLife_text a.btn { width: 20px;}
  .lyLife_main ul li .lyLife_con:hover .lyLife_text a.btn { height: 20px;}
}

@media (max-width:1280px) {
  .lyBanner { height: 560px;}
  .lyBanner .swiper-pagination { bottom: 30px !important;}

  .lyAbout, .lyLife, .lyNetwork { padding: 60px 0;}  
  .lyAbPart1_con, .lyAbPart4_con { height: 240px;}
  .lyAbPart2_con, .lyAbPart3_con { height: 320px;}
  .lyAbPart1_con { padding: 30px;}
  .lyAbPart1_con::after { line-height: 108px; font-size: 140px; top: 30px; right: 30px;}

  .lyProducts ul li .lyPro_img { height: 540px;}

  .lyLife_main ul { height: 800px;}
  .lyLife_main ul li:nth-child(4) { top: 360px;}
  .lyLife_main ul li:nth-child(5) { top: 210px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con { height: 340px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con { height: 190px;}
  .lyLife_main ul li:nth-child(3) .lyLife_con { height: 420px;}
  .lyLife_main ul li:nth-child(4) .lyLife_con { height: 190px;}
  .lyLife_main ul li:nth-child(5) .lyLife_con { height: 340px;}
  .lyLife_main ul li:nth-child(6) .lyLife_con { height: 210px;}
  .lyLife_main ul li:nth-child(7) .lyLife_con { height: 210px;}

  .lyNetwork_btn { margin-bottom: 30px;}

}

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

  .lyAbPart1_con, .lyAbPart4_con { height: 220px; border-radius: 8px;}
  .lyAbPart2_con, .lyAbPart3_con { height: 300px; border-radius: 8px;}
  .lyAbPart1_con i { margin: 10px 0 20px;}
  .lyAbPart1_con a { line-height: 30px; font-size: 20px;}
  .lyAbPart4_con a.name { font-size: 20px;}

  .lyProducts ul li .lyPro_img { height: 520px;}
  .lyProducts ul li .lyPro_text { padding: 0 0 0 58%;}
  .lyProducts ul li:nth-child(2n) .lyPro_text { padding: 0 52% 0 6%;}
  .lyProducts ul li .lyPro_text a.lyPro_logo { height: 44px;}
  .lyProducts ul li .lyPro_text p { line-height: 40px; font-size: 24px; margin-top: 24px;}
  .lyProducts ul li .lyPro_text a.lyPro_more { width: 128px; height: 40px; line-height: 38px; font-size: 14px; margin-top: 32px;}
  .lyProducts ul li .lyPro_text a.lyPro_more i { width: 13px; height: 13px;}
  .lyProducts ul li .lyPro_text a.lyPro_more:hover i { margin: -4px 0 0 15px;}

  .lyLife_main ul { height: 740px;}
  .lyLife_main ul li:nth-child(4) { top: 340px;}
  .lyLife_main ul li:nth-child(5) { top: 190px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con { height: 320px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con { height: 170px;}
  .lyLife_main ul li:nth-child(3) .lyLife_con { height: 380px;}
  .lyLife_main ul li:nth-child(4) .lyLife_con { height: 170px;}
  .lyLife_main ul li:nth-child(5) .lyLife_con { height: 320px;}
  .lyLife_main ul li:nth-child(6) .lyLife_con { height: 190px;}
  .lyLife_main ul li:nth-child(7) .lyLife_con { height: 190px;}
  .lyLife_main ul li .lyLife_con .lyLife_img a { border-radius: 8px;}
  .lyLife_main ul li .lyLife_con .lyLife_text { padding: 0 20px;}
  .lyLife_main ul li .lyLife_con .lyLife_text a.name { line-height: 30px; font-size: 20px;}
  .lyLife_main ul li .lyLife_con .lyLife_text a.btn { width: 18px;}
  .lyLife_main ul li .lyLife_con:hover .lyLife_text a.btn { height: 18px;}

  .lyNetwork_main ul li .lyNetwork_con { border-radius: 8px;}
  .lyNetwork_con .lyNetwork_img { border-radius: 8px 8px 0 0;}
  .lyNetwork_con .lyNetwork_tit { border-radius: 0 0 8px 8px;}  

}

@media (max-width:1080px) {
  .lyBanner { height: 480px;}

  .lyAbout_part3 { margin-top: -60px;}
  .lyAbPart1_con, .lyAbPart4_con { height: 200px;}
  .lyAbPart2_con, .lyAbPart3_con { height: 260px;}
  .lyAbPart1_con { padding: 20px;}
  .lyAbPart1_con i { margin: 0 0 15px;}
  .lyAbPart1_con::after { line-height: 90px; font-size: 120px; top: 20px; right: 20px;}
  .lyAbPart1_con p { margin-top: 5px;}
  .lyAbPart4_con a.name { height: 30px; line-height: 30px; padding: 0 20px;}

  .lyProducts ul li .lyPro_img { height: 460px;}
  .lyProducts ul li .lyPro_text a.lyPro_logo { height: 40px;}
  .lyProducts ul li .lyPro_text p { line-height: 36px; font-size: 22px; margin-top: 20px;}  
  
  .lyLife_main ul { height: 710px;}
  .lyLife_main ul li:nth-child(4) { top: 310px;}
  .lyLife_main ul li:nth-child(5) { top: 200px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con { height: 290px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con { height: 180px;}
  .lyLife_main ul li:nth-child(3) .lyLife_con { height: 380px;}
  .lyLife_main ul li:nth-child(4) .lyLife_con { height: 180px;}
  .lyLife_main ul li:nth-child(5) .lyLife_con { height: 290px;}
  .lyLife_main ul li:nth-child(6) .lyLife_con { height: 180px;}
  .lyLife_main ul li:nth-child(7) .lyLife_con { height: 180px;}
}

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

  .lyAbPart2_con, .lyAbPart3_con { height: 240px;}
  .lyAbout_part3 { margin-top: -40px;}

  .lyProducts ul li .lyPro_img { height: 430px;}

  .lyLife_main ul { height: 690px;}
  .lyLife_main ul li:nth-child(4) { top: 290px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con { height: 270px;}
  .lyLife_main ul li:nth-child(5) .lyLife_con { height: 270px;}

  .lyNetwork_main ul li .lyNetwork_con { width: 280px;}
  .lyNetwork_con .lyNetwork_img { height: 140px;}
  .lyNetwork_tit span { height: 30px; line-height: 30px; font-size: 16px; padding-left: 12px;}
  .lyNetwork_tit i { top: 5px;}
}

@media (max-width:920px) {
  .lyBanner { height: 420px;}
  .lyBanner .swiper-pagination { bottom: 20px !important;}

  .lyAbout, .lyLife, .lyNetwork { padding: 40px 0;}

  .lyAbPart1_con, .lyAbPart4_con { height: 190px;}
  .lyAbPart1_con i { width: 50px; height: 50px;}
  .lyAbPart1_con a { line-height: 28px; font-size: 18px;}
  .lyAbPart1_con p { line-height: 24px; font-size: 14px;}
  .lyAbPart2_con, .lyAbPart3_con { height: 220px;}
  .lyAbout_part3 { margin-top: -30px;}
  .lyAbPart4_con a.name { font-size: 18px;}
  .lyAbPart4_con a.name i { width: 16px; height: 16px; margin: -4px 0 0 10px;}
  .lyAbPart4_con a.name:hover i { margin: -4px 0 0 15px;}

  .lyProducts ul li .lyPro_img { height: 400px;}

  .lyLife_main ul { height: 630px;}
  .lyLife_main ul li:nth-child(4) { top: 270px;}
  .lyLife_main ul li:nth-child(5) { top: 180px;} 
  .lyLife_main ul li:nth-child(1) .lyLife_con, .lyLife_main ul li:nth-child(5) .lyLife_con { height: 250px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con, .lyLife_main ul li:nth-child(4) .lyLife_con, .lyLife_main ul li:nth-child(6) .lyLife_con, .lyLife_main ul li:nth-child(7) .lyLife_con { height: 160px;}
  .lyLife_main ul li:nth-child(3) .lyLife_con { height: 340px;}
  .lyLife_main ul li .lyLife_con .lyLife_text a.name { line-height: 28px; font-size: 18px;}
  .lyLife_main ul li .lyLife_con .lyLife_text a.btn { width: 16px;}
  .lyLife_main ul li .lyLife_con:hover .lyLife_text a.btn { height: 16px;}

  .lyNetwork_btn { margin-bottom: 20px;}
  .lyNetwork_main ul li .lyNetwork_con { left: -100px;}
  .lyNetwork_main ul li .lyNetwork_con::after { left: 106px;}
}

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

  .lyAbout_part3 { margin-top: -20px;}
  .lyAbPart1_con, .lyAbPart4_con { height: 180px;}
  .lyAbPart2_con, .lyAbPart3_con { height: 200px;}
  .lyAbPart1_con p { line-height: 22px;}

  .lyProducts ul li .lyPro_img { height: 360px;}
  .lyProducts ul li .lyPro_text p { line-height: 30px; font-size: 20px; margin-top: 14px;}
  .lyProducts ul li .lyPro_text a.lyPro_more { margin-top: 24px;}
  
  .lyLife_main ul { height: 580px;}
  .lyLife_main ul li:nth-child(4) { top: 240px;}
  .lyLife_main ul li:nth-child(5) { top: 170px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con, .lyLife_main ul li:nth-child(5) .lyLife_con { height: 220px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con, .lyLife_main ul li:nth-child(4) .lyLife_con, .lyLife_main ul li:nth-child(6) .lyLife_con, .lyLife_main ul li:nth-child(7) .lyLife_con { height: 150px;}
  .lyLife_main ul li:nth-child(3) .lyLife_con { height: 320px;}
}

@media (max-width:767px) {
  .lyBanner { height: 280px;}
  .lyBanner .swiper-pagination { bottom: 12px !important;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { display: none; width: 40px; height: 40px; margin-top: 0; padding: 10px; top: inherit; bottom: 10px;}

  .lyAbout_part1, .lyAbout_part2, .lyAbout_part3, .lyAbout_part4 { width: 100%; margin-bottom: 20px; padding: 0; float: none;}
  .lyAbout_part3 { margin-top: 0;}
  .lyAbout_part4 { margin-bottom: 0;}
  .lyAbPart1_con { height: auto;}
  .lyAbPart2_con, .lyAbPart3_con, .lyAbPart4_con { height: 190px;}

  .lyProducts ul li .lyPro_img { height: 200px;}
  .lyProducts ul li .lyPro_text { padding: 0 0 0 56%;}
  .lyProducts ul li:nth-child(2n) .lyPro_text { padding: 0 50% 0 4%;}
  .lyProducts ul li .lyPro_text a.lyPro_logo { height: 20px;}
  .lyProducts ul li .lyPro_text p { line-height: 22px; font-size: 14px; margin-top: 10px;}
  .lyProducts ul li .lyPro_text a.lyPro_more { width: 108px; height: 32px; line-height: 30px; font-size: 12px; margin-top: 16px;}
  .lyProducts ul li .lyPro_text a.lyPro_more i { width: 11px; height: 11px;}

  .lyLife_main ul { height: 900px; margin: -6px;}
  .lyLife_main ul li { padding: 6px;}
  .lyLife_main ul li:nth-child(1) { width: 100%;}
  .lyLife_main ul li:nth-child(2) { width: 50%; right: inherit; left: 0; top: 212px;}
  .lyLife_main ul li:nth-child(3) { width: 100%; bottom: inherit; top: 344px;}
  .lyLife_main ul li:nth-child(4) { width: 50%; left: inherit; right: 0; top: 212px;}
  .lyLife_main ul li:nth-child(5) { width: 100%; bottom: 0; top: inherit;}
  .lyLife_main ul li:nth-child(6) { width: 50%; left: 0; bottom: 212px;}
  .lyLife_main ul li:nth-child(7) { width: 50%; bottom: 212px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con, .lyLife_main ul li:nth-child(3) .lyLife_con, .lyLife_main ul li:nth-child(5) .lyLife_con { height: 200px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con, .lyLife_main ul li:nth-child(4) .lyLife_con, .lyLife_main ul li:nth-child(6) .lyLife_con, .lyLife_main ul li:nth-child(7) .lyLife_con { height: 120px;}

  .lyNetwork_btn a { height: 40px; line-height: 40px; padding: 0 20px;}
  .lyNetwork_btn a, .lyNetwork_btn a em { font-size: 14px;}
  .lyNetwork_main { margin: 0 auto -10px;}
  .lyNetwork_main ul li:nth-child(1) { left: 20%; top: 26%;}
  .lyNetwork_main ul li:nth-child(2) { top: 16%;}
  .lyNetwork_main ul li:nth-child(3) { left: 59%; top: 34%;}
  .lyNetwork_main ul li:nth-child(4) { left: 76%; top: 49%;}
  .lyNetwork_main ul li p i { width: 20px; height: 20px; margin-right: 4px;}
  .lyNetwork_main ul li p span { height: 20px; line-height: 20px; font-size: 14px;}
  .lyNetwork_main ul li:hover .lyNetwork_con { display: none;}

}

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

  .lyAbPart2_con, .lyAbPart3_con, .lyAbPart4_con { height: 180px;}

  .lyProducts ul li:nth-child(2n) .lyPro_text { padding: 0 52% 0 2%;}
}

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

  .lyAbPart2_con, .lyAbPart3_con, .lyAbPart4_con { height: 150px;}

  .lyProducts ul li .lyPro_img { height: 180px;}
  .lyProducts ul li .lyPro_text a.lyPro_more { display: none;}

  .lyLife_main ul { height: 800px;}
  .lyLife_main ul li:nth-child(2), .lyLife_main ul li:nth-child(4) { top: 192px;}
  .lyLife_main ul li:nth-child(3) { top: 304px;}
  .lyLife_main ul li:nth-child(6), .lyLife_main ul li:nth-child(7) { bottom: 192px;}
  .lyLife_main ul li:nth-child(1) .lyLife_con, .lyLife_main ul li:nth-child(3) .lyLife_con, .lyLife_main ul li:nth-child(5) .lyLife_con { height: 180px;}
  .lyLife_main ul li:nth-child(2) .lyLife_con, .lyLife_main ul li:nth-child(4) .lyLife_con, .lyLife_main ul li:nth-child(6) .lyLife_con, .lyLife_main ul li:nth-child(7) .lyLife_con { height: 100px;}
}