/*lyBanner start*/
.lyBanner { height:100vh; overflow: hidden; background-color: #f5f5f7;}
.lyBanner .swiper-container { height: 100%;}
.lyBanner .swiper-slide { overflow: hidden; 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 .tit {color:#fff; font-size:54px; font-weight:bold; text-transform:uppercase; letter-spacing:6px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);}
.lyBa_text .tit font{color:#d80031; font-size:70px; font-weight:bold; }
.lyBa_text p { display: block; color: #fff; font-size:18px; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);}
.lyBa_text .lyMore {margin-top:48px;}


.lyBanner .swiper-pagination {width: 100%; height: 10px; bottom: 30px !important;}
.lyBanner .swiper-pagination span {width:10px; height: 10px; margin: 0 5px !important; background-color: rgba(0, 0, 0, .25); vertical-align: top; opacity: 1; border-radius:5px;}
.lyBanner .swiper-pagination span::after { display: none;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active {width:60px; background-color:#d80031;}

.lyBanner .swiper-button-prev, .lyBanner .swiper-button-next {width:50px; height:50px; line-height:54px; text-align:center; margin-top: -24px; background: rgba(0, 0, 0, .25); border-radius: 4px;}
.lyBanner .swiper-button-prev1{ left: 40px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyBanner .swiper-button-prev { left: 40px; }
.lyBanner .swiper-button-next { right: 40px;}
.lyBanner .swiper-button-prev:hover, .lyBanner .swiper-button-next:hover { background: #d80031;}
.lyBanner .swiper-button-prev i, .lyBanner .swiper-button-next i{font-size:18px; color:#fff}
.lyBanner .swiper-button-disabled { opacity: .4 !important;}
/*lyBanner end*/


.lyTitle { margin-bottom: 48px;}
.lyTitle p { line-height: 1; color: #333; font-size:40px; font-weight:bold;  margin-bottom:5px;}
.lyTitle span { display: block; line-height: 1.4; color: #949495; font-size:30px; font-weight:bold; text-transform: uppercase;}
.lyTitle span font{font-size:30px; font-weight:bold; color:#d80031;}
.lyTitle.white p,.lyTitle.white span{color:#fff;}

/*lyProducts start*/
.lyProducts { overflow: hidden; padding:100px 0;}
.lyProMenu {text-align: right; margin: -96px 0 48px;}
.lyProMenu a {display: inline-block; height: 48px; line-height: 48px; color: #333; font-family: "Oswald-Regular"; font-size: 16px; text-transform: capitalize; margin-left: 6px; padding: 0 20px; vertical-align: top; background-color: #f8f8f8; border-radius: 4px; transition:all 0.3s ease-out;}
.lyProMenu a.active{color:#fff; background-color:#d80031;}
.lyProMenu a:hover{color:#fff; background-color:#333; padding: 0 40px;}

.lyProList { min-height: 240px; padding-bottom: 50px; position: relative;}
.lyProList .swiper-container { margin: -10px; padding: 10px;}
.lyProList .swiper-slide { height: 100% !important; overflow: hidden; background:#f5f5f5; border-radius: 6px; -webkit-box-shadow: 0 3px 3px rgb(0, 0, 0, .1); box-shadow: 0 3px 3px rgb(0, 0, 0, .06); position: relative;}
.lyProList .swiper-slide .box{text-align:center; width:96%; margin:0 auto; margin-top:10px; cursor:pointer; transition:.5s; overflow:hidden; position:relative;}
.lyProList .swiper-slide .img{width:100%; position:relative; overflow:hidden; z-index:9; display:block; height:380px; padding:0; background:#fff; z-index:98}
.lyProList .swiper-slide .img .pro{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.lyProList .swiper-slide .img .pro img{display:block; max-width:85%; max-height:85%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; z-index:5; transition:all 0.3s ease-out;}
.lyProList .swiper-slide .wz{width:100%; padding:20px; position:relative; z-index:9;}
.lyProList .swiper-slide .wz b{font-size:24px; color:#333; font-weight:normal; margin-bottom:5px}
.lyProList .swiper-slide .wz p{font-size:14px; color:#666; line-height:30px}
.lyProList .swiper-slide a:after{content:''; position:absolute; display:block; width:100%; height:100%; background:#d80031; z-index:8; bottom:-100%; opacity:0; transition:all 0.4s ease-out;}
.lyProList .swiper-slide a:hover .wz b,.lyProList .swiper-slide a:hover .wz p{color:#FFF}
.lyProList .swiper-slide a:hover:after{bottom:0; opacity:1;}
.lyProList .swiper-slide a:hover .img{background:#949496;}
.lyProList .swiper-slide a:hover .img .pro img{max-width:95%; max-height:95%;}


.lyProList .swiper-pagination {width: 100%; height: 10px; bottom: 0 !important;}
.lyProList .swiper-pagination span {width:10px; height:10px; border-radius:5px; margin: 0 5px !important; background-color: #b8b8b8; vertical-align: top; opacity: 1;}
.lyProList .swiper-pagination span::after { display: none;}
.lyProList .swiper-pagination span.swiper-pagination-bullet-active {width:60px; background-color:#d80031;}

.lyProList .swiper-button-prev, .lyProList .swiper-button-next { width:50px; height:50px; line-height:50px; text-align:center; background: #fff; border: 1px solid #d2d2d2; border-radius: 4px;}
.lyProList .swiper-button-prev{left:-68px;}
.lyProList .swiper-button-next{right:-68px;}
.lyProList .swiper-button-prev i,.lyProList .swiper-button-next i{color:#666;}
.lyProList .swiper-button-prev:hover, .lyProList .swiper-button-next:hover {background: #d80031; border: 1px solid #d80031;}
.lyProList .swiper-button-prev:hover i,.lyProList .swiper-button-next:hover i{color:#fff;}
.lyProList .swiper-button-disabled { opacity: .4 !important;}
/*lyProducts end*/


/*lyAbout start*/
.lyAbout { overflow: hidden; padding:100px 0; background-color:#f5f5f5; position:relative; background-image:url(../images/about.png); background-repeat:no-repeat; background-position:center bottom; background-size:100%; height: 100vh;}
.lyAbout_main{display: flex; align-items: center;}

.lyAb_text {width:50%; padding-right:140px;}
.lyAb_text .ms b{color:#d80031; font-weight:bold; font-size:30px}
.lyAb_text .ms p{ line-height: 2; color: #666; font-size: 16px; text-transform: capitalize;}
.lyAb_text .lyMore {margin-top: 48px;}

.lyAb_img{width:50%; border:1px solid rgb(0, 0, 0, .06); border-radius:8px; border-bottom:none; overflow:hidden}
.lyAb_img li{width:33.333%; float:left; text-align:center; height:130px; background-color:rgba(255, 255, 255, .8); display: flex; align-items: center; border-right:1px solid rgb(0, 0, 0, .06); border-bottom:1px solid rgb(0, 0, 0, .06); backdrop-filter: blur(3px); transition:all 0.3s ease-out;}
.lyAb_img li:nth-child(3n){border-right:none;}
.lyAb_img li p{width:80%; margin:0 auto; text-align:center; display:block; font-size:16px; color:666; line-height:30px}
.lyAb_img li em{color:#d80031; font-weight:bold; font-size:20px}
.lyAb_img li:nth-child(7),.lyAb_img li:nth-child(8),.lyAb_img li:nth-child(9){border-bottom:4px solid rgb(215, 0, 47, 1);}
.lyAb_img li:hover{border-bottom:4px solid rgb(215, 0, 47, 1); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);}
.lyAb_img li:hover p{color:#333;}
/*lyAbout end*/


/*lyCase start*/
.lyCase { overflow: hidden; }
.lyCase .w1600 { position: relative;}
.lyCase .lyTitle{ position:absolute; z-index:99; top:100px}
.lyCase .case_button{ position:absolute; z-index:99; top:250px; width:100%; overflow:hidden; cursor:pointer;}
.lyCase .case_button .swiper-slide{border-bottom:3px solid rgb(255, 255, 255, .5);}
.lyCase .case_button i{font-size:50px; font-weight:bold; color:#d80031; float:left}
.lyCase .case_button .swiper-slide div{float:left; color:#fff; padding-left:5px; margin-top:14px; opacity:.8}
.lyCase .case_button .swiper-slide div span{font-size:18px}
.lyCase .case_button .swiper-slide div p{ font-size:12px; text-transform:uppercase}
.lyCase .case_button .swiper-slide-thumb-active{border-bottom:3px solid #d80031;}
.lyCase .case_button .swiper-slide-thumb-active div{opacity:1}
.lyCase_web{ display:none}

.lyCaseList {position: relative;}
.lyCaseList .swiper-slide {height:100%; overflow: hidden; position: relative; z-index:9}
.lyCaseList .swiper-slide .pic{ display: block; height:100vh; overflow: hidden; position: relative;}
.lyCaseList .swiper-slide .pic:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%; background:rgb(0, 0, 0, .2); z-index:1;}
.lyCaseList .swiper-slide .wz{position: absolute; top:50%; left:10%; z-index:10; width:30%}
.lyCaseList .swiper-slide .bt{width:100%; overflow:hidden}
.lyCaseList .swiper-slide .bt i{font-size:70px; font-weight:bold; color:#d80031; float:left}
.lyCaseList .swiper-slide .bt div{float:left; color:#fff; padding-left:5px; margin-top:18px;}
.lyCaseList .swiper-slide .bt div span{font-size:30px}
.lyCaseList .swiper-slide .bt div p{ font-size:16px; text-transform:uppercase}
.lyCaseList .swiper-slide .wz b{font-size:16px; color:#fff; line-height:30px}
.lyCaseList .swiper-slide .wz .lyMore{ margin-top:40px}

.lyCaseList .swiper-button-prev,.lyCaseList .swiper-button-next {width:60px; height:60px; line-height:60px; text-align:center; background:rgb(255, 255, 255, .3); border-radius: 4px;}
.lyCaseList .swiper-button-prev {left: auto; right:10%; top:62%}
.lyCaseList .swiper-button-next {right:10%; top:70%}
.lyCaseList .swiper-button-prev i,.lyCaseList .swiper-button-next i{color:#fff;}
.lyCaseList .swiper-button-prev:hover, .lyCaseList .swiper-button-next:hover {background:#d80031;}
.lyCaseList .swiper-button-disabled { opacity: .5 !important;}

/*lyCase end*/

/*lyNews start*/
.lyNews { overflow: hidden; padding: 100px 0; background-color: #fff;}
.lyNews .w1600 { position: relative;}

.lyNews ul.lyNewsList { min-height: 240px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -17.5px;}
.lyNewsList li { width: 33.333333%; padding: 0 17.5px; }
.lyNewsList li a.pic { display: block; width: 100%; height: 320px; overflow: hidden; border-radius: 8px 8px 0 0; position: relative;}
.lyNewsList li:hover a.pic img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.lyNewsList li a.pic em { display: block; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 16px; text-align: center; padding: 0 20px; background-color: rgba(215, 0, 47, .7); border-radius: 4px; position: absolute; right: 40px; bottom: 40px;}
.lyNewsList li:hover a.pic em { background-color: rgba(215, 0, 47, 1);}
.lyNewsList li .text { width: 100%; overflow: hidden; padding: 30px; background-color:#f5f5f5; border-radius: 0 0 8px 8px;}
.lyNewsList li:hover .text { box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.lyNewsList li .text a.name { display: block; overflow: hidden; line-height:36px; color: #333; font-size:22px;}
.lyNewsList li:hover .text a.name { color: #d80031;}
.lyNewsList li .text p.ms { height: 48px; overflow: hidden; line-height: 24px; color: #666; font-size: 16px; text-transform: capitalize; margin: 15px 0 30px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lyNewsList li .text .btn a { display: block; line-height: 30px; color: #333; font-size: 16px; font-weight: bold; float: left;}
.lyNewsList li:hover .text .btn a { color: #d80031;}
.lyNewsList li .text .btn em { display: block; line-height: 30px; color: #666; font-size: 16px; text-transform: capitalize; float: right;}

.lyNews .lyMore { position: absolute; top: 18px; right: 0;}

/*lyNews end*/


/*nyAbout_partner start*/
.lyCustom{overflow: hidden; padding:100px 0; background-color:#f5f5f5;}
.nyAbout_partner { overflow: hidden; padding: 100px 0 80px;}
.nyAbPartner_swiper .swiper-container { margin: 0 -20px; padding: 0 20px 20px;}
.nyAbPartner_swiper .swiper-slide { display: block; height: 120px; overflow: hidden; background-color: #fff; border-radius: 8px; border-bottom:4px solid #d80031; box-shadow: 0 0 0 rgba(0, 0, 0, 0); position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nyAbPartner_swiper .swiper-slide:hover {box-shadow: 0 0 18px rgba(0, 0, 0, .06);}
/*nyAbout_partner end*/

@media (max-width:1780px) {
.lyBanner .swiper-slide .lyBa_text {padding-right:30%; left:52%;}
.lyBa_text .tit {font-size:48px;}
.lyBa_text .tit font{font-size:60px;}
.lyBa_text p {font-size:16px;}
.lyBa_text .lyMore {margin-top:40px;}

}

@media (max-width:1680px) {

  .lyBanner .swiper-slide .lyBa_text { padding-right: 50%; left:54%;}
  
  .lyTitle { margin-bottom:40px;}
  .lyTitle p {font-size:38px; }
  .lyTitle span,.lyTitle span font{font-size:26px;}
  

  .lyProducts {padding:80px 0;}
  .lyProMenu { margin: -105px 0 40px;}
  .lyProMenu a { font-size: 16px; padding: 0 24px;}
  .lyProList { padding-bottom: 68px;}
  .lyProList .swiper-slide .img{height:350px;}
  .lyProList .swiper-pagination { bottom: 19px !important;}
  .lyProList .swiper-button-prev { margin: 0; top: inherit; left: 0; bottom: 0;}
  .lyProList .swiper-button-next { margin: 0; top: inherit; right: 0; bottom: 0;}

  .lyAbout { padding: 80px 0; height:800px;}
  .lyAb_text { padding-right: 64px;}
  .lyAb_text .ms { font-size: 15px;}
  .lyAb_text .lyMore { margin-top: 40px;}
  .lyAb_img {}

  .lyCase .lyTitle{top:80px}
  .lyCase .case_button{top:200px;}
  .lyCaseList .swiper-slide .wz{top:45%; left:6%; width:40%}
  .lyCaseList .swiper-button-prev {right:6%; top:56%}
  .lyCaseList .swiper-button-next {right:6%; top:65%}


  .lyContact { padding: 80px 0;}
  .lyContact p { width: 32%;}
  .lyContact p, .lyContact p em { font-size: 48px;}
  .lyContact span { width: 32%; line-height: 1.6; font-size: 15px;}
  .lyContact .lyMore { margin-top: 40px;}

  .lyNews { padding: 80px 0;}
  .lyNews .lyMore { top: 16px;}
  .lyNews ul.lyNewsList { margin: 0 -15px;}
  .lyNewsList li { padding: 0 15px;}
  .lyNewsList li a.pic em { width: 112px; height: 40px; line-height: 40px; font-size: 15px; right: 30px; bottom: 30px;}
  .lyNewsList li .text a.name {font-size:20px;}
  .lyNewsList li .text p.ms { height: 46px; line-height: 23px; font-size: 15px; margin:10px 0 20px;}
  .lyNewsList li .text .btn a, .lyNewsList li .text .btn em { font-size: 15px;}
  
  .lyCustom{padding: 80px 0;}
}


@media (max-width:1600px) {

  .lyBanner .swiper-button-prev { left: 3%;}
  .lyBanner .swiper-button-next { right: 3%;}


}

@media (max-width:1560px) {






  .lyWhy ul li .lyWhy_con { padding: 30px 24px;}

  .lyCaseList .swiper-slide a.pic { height: 350px;}
  .lyCaseList .swiper-slide a.name { padding: 12px 20px;}

  .lyNewsList li a.pic { height: 300px;}

}

@media (max-width:1440px) {
  .lyBanner { height:690px;}
  .lyBanner .swiper-slide .lyBa_text { padding-right:30%; left:54%;}
  
  .lyBa_text .tit font{font-size:50px;}
  .lyBa_text .tit {font-size:40px;}
  .lyBa_text p { line-height: 1.6; font-size: 14px;}
  .lyBa_text .lyMore { margin-top: 30px;}
  .lyBanner .swiper-pagination { bottom: 20px !important;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { width: 44px; height: 44px; line-height:47px; margin-top: -22px; }
  .lyBanner .swiper-button-prev i, .lyBanner .swiper-button-next i{font-size:16px;}
  
  .lyTitle { margin-bottom: 30px;}
  .lyTitle p {font-size:32px; }
  .lyTitle span, .lyTitle span font{font-size:24px;}

  .lyProducts { padding: 60px 0;}
  .lyProMenu { margin: -84px 0 30px;}
  .lyProMenu a { height: 44px; line-height: 44px; font-size: 15px; padding: 0 20px;}
  .lyProList { padding-bottom: 64px;}
  .lyProList .swiper-slide .wz b{font-size:22px;}	
  .lyProList .swiper-pagination { bottom: 17px !important;}
  .lyProList .swiper-button-prev, .lyProList .swiper-button-next { width: 44px; height: 44px; line-height:45px; margin-top: -22px;}

  .lyAbout { padding: 60px 0; height:650px;}
  .lyAb_text { padding-right: 60px;}
  .lyAb_text .ms b{font-size:26px;}
  .lyAb_text .ms p{font-size:15px; line-height:26px}
  .lyAb_text .lyMore { margin-top: 30px;}
  .lyAb_img li em{font-size:18px;}
  .lyAb_img li p{font-size:14px; width:90%;}
  .lyAb_img li{height:100px;}

  .lyAb_text dl dd p em { line-height: 44px; font-size: 48px;}
  .lyAb_text dl dd p sub { line-height: 30px; font-size: 40px;}
  .lyAb_text dl dd span { margin-top: 10px; font-size: 12px;}



  .lyCase .lyTitle{top:60px}
  .lyCase .case_button{top:160px;}
  .lyCaseList .swiper-slide .pic{height:740px;}
  .lyCaseList .swiper-slide .wz{top:38%; left:3%; width:40%}
  .lyCaseList .swiper-button-prev {right:3%; top:56%}
  .lyCaseList .swiper-button-next {right:3%; top:64%}
  .lyCaseList .swiper-pagination { bottom: 17px !important;}
  .lyCaseList .swiper-button-prev, .lyCaseList .swiper-button-next { width: 44px; height: 44px; line-height:45px; margin-top: -22px;}



  .lyNews { padding: 60px 0;}
  .lyNews .lyMore { top: 14px;}
  .lyNewsList li .text{ padding:20px;}
  .lyNewsList li a.pic { height: 270px;}
  .lyNewsList li .text a.name{ font-size:18px}
  .lyNewsList li a.pic em { width: 118px; height: 36px; line-height: 36px; font-size: 14px;}
  .lyNewsList li .text p.ms { height: 44px; line-height: 22px; font-size: 14px; margin:10px 0 20px;}
  .lyNewsList li .text .btn a, .lyNewsList li .text .btn em { font-size: 14px;}
  
  .lyCustom{padding: 60px 0;}
}

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

  .lyBa_text .lyMore { margin-top: 30px;}
  .lyBa_text .tit font{font-size:45px;}
  .lyBa_text .tit {font-size:38px; margin:0;}
  


  .lyProList .swiper-slide .img{height:300px;}
  .lyProList{padding-bottom:60px;}

  .lyAb_text dl { margin-top: 40px;}
  .lyAb_text dl dd p em { line-height: 40px; font-size: 44px;}
  .lyAb_text dl dd p sub { font-size: 36px;}



  .lyNewsList li a.pic { height: 260px;}
  .lyNewsList li a.pic em { right: 20px; bottom: 20px;}
  .lyNewsList li .text { padding: 20px;}
  .lyNewsList li .text p.ms { margin: 10px 0 20px;}
  .lyNews .lyMore { top: 10px;}
}

@media (max-width:1280px) {

  .lyBa_text .tit { font-size: 36px;}


  .lyProList .swiper-slide .wz b{font-size:20px;}

  .lyAb_text { width:45%; padding-right: 40px;}  
  .lyAb_img { width:55%;}


  .lyCase .lyMore { top: 8px;}



  .lyNews ul.lyNewsList { margin: 0 -10px;}
  .lyNewsList li { padding: 0 10px;}
  .lyNewsList li a.pic { height: 240px;}
  .lyNewsList li .text a.name { font-size: 18px;}
  .lyNews .lyMore { top: 8px;}
}

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

  .lyProList .swiper-slide .img{height:260px;}
  .lyProList .swiper-slide .wz b{ font-size:18px}
  .lyProList .swiper-slide .wz p{ line-height:25px}

  .lyAb_text dl dd p em { line-height: 36px; font-size: 40px;}
  .lyAb_text dl dd p sub { line-height: 24px; font-size: 30px;}

  .lyCaseList .swiper-slide .pic{height:650px;}
  .lyCaseList .swiper-slide .wz{top:42%;}
  .lyCaseList .swiper-slide .bt i{font-size:60px}
  .lyCaseList .swiper-slide .bt div span{ font-size:22px}
  .lyCaseList .swiper-slide .bt div p{ font-size:14px}

  .lyNewsList li a.pic { height: 230px;}
}

@media (max-width:1080px) {

  .lyBa_text .tit { font-size: 32px; margin: 0 0 10px;}
  .lyBa_text p { max-height: 66px; overflow: hidden; line-height: 22px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

  .lyProList .swiper-slide a.pic { height: 220px;}
  .lyProducts .lyTitle p, .lyProducts .lyTitle span { text-align: center;}
  .lyProMenu { text-align: center; margin: 0 auto 20px;}
  .lyProMenu a { margin: 0 4px 10px;}
  .lyProList .swiper-slide a.name { font-size: 18px;}


  .lyNewsList li a.pic { height: 208px;}
}

@media (max-width:1024px) {

  .lyBanner .swiper-slide .lyBa_text { padding-right:48%; left:58%;}
  
  .lyBa_text .tit font{font-size:40px;}
  .lyBa_text .tit {font-size:35px; letter-spacing:1px;}
  .lyBa_text p { line-height: 1.6; font-size: 14px;}

  .lyCaseList .swiper-slide .wz{width:60%}
  
  .lyAbout {height:550px;}
  .lyAb_text {width:43%; padding-right: 30px;}  
  .lyAb_img {width:57%;}
  .lyAb_text .ms b{ font-size:20px}
  .lyAb_text .ms p{font-size: 14px;}
  
  .lyNewsList li a.pic { height: 200px;}
}

@media (max-width:920px) {

  .lyBa_text .tit { font-size: 28px;}
  .lyBa_text p { max-height: 44px; -webkit-line-clamp: 2;}

  .lyTitle { margin-bottom: 20px;}

  .lyProducts { padding: 40px 0 20px;}
  .lyProList .swiper-slide .img{height:230px;}
  .lyProList .swiper-slide .wz b{ font-size:16px}
  .lyProList .swiper-slide .wz{ padding:10px}

  .lyAbout { padding: 40px 0; height:auto}
  .lyAbout_main { display: block; align-items: inherit;}
  .lyAb_text { width: 100%; padding-right: 0;}
  .lyAb_text .lyTitle p, .lyAb_text .lyTitle span, .lyAb_text .ms { text-align: center;}
  .lyAb_text .lyMore { margin-top: 20px;}
  .lyAb_text .lyMore a { margin: 0 auto;}

  .lyAb_img { width: 100%; margin-top: 40px;}

  .lyCase .lyTitle{top:40px; text-align:center; width:100%}
  .lyCase .case_button{top:130px;}
  .lyCaseList .swiper-slide .pic{height:580px;}
  .lyCaseList .swiper-button-prev {right: 3%;top: 56%;}
  .lyCaseList .swiper-button-next {right: 3%; top: 65%;}

  .lyContact { padding: 40px 0;}
  .lyContact p, .lyContact span { width: 50%;}
  .lyContact .lyMore { margin-top: 20px;}

  .lyNews { padding: 40px 0;}
  .lyNewsList li a.pic { height: 180px;}
  .lyNewsList li .text{padding:10px;}
  .lyNewsList li .text a.name{ font-size:16px}
  
  .lyCustom{padding:40px 0;}
}

@media (max-width:820px) {
  .lyBanner { height:500px;}
 .lyBanner .swiper-slide .lyBa_text { padding-right:0%; left:50%; text-align:center}
  .lyBa_text .lyMore { margin-top: 20px;}

  .lyProList .swiper-slide .img{height:280px;}



  .lyCaseList .swiper-slide a.name { font-size: 20px;}

  .lyNews ul.lyNewsList { margin: 0 -6px;}
  .lyNewsList li { padding: 0 6px;}
  .lyNewsList li a.pic { height: 160px;}
  .lyNewsList li a.pic em { width:120px; right: 12px; bottom: 12px;}
  .lyNewsList li .text { padding: 12px;}
}

@media (max-width:768px) {
  
  .lyBa_text .lyMore { display: none;}
  .lyBanner .swiper-pagination { bottom: 10px !important;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { display: none;}

  .lyTitle p {font-size: 32px;}

  .lyTitle p, .lyTitle span { text-align: center;}



  .lyNews { padding: 40px 0 20px;}
  .lyNews .lyTitle p, .lyNews .lyTitle span { text-align: center;}
  .lyNews ul.lyNewsList { margin: 0;}
  .lyNewsList li { width: 100%; margin: 0 auto 20px; padding: 0;}
  .lyNewsList li a.pic { height: 340px;}


  .lyNews .lyMore { position: inherit; top: inherit; right: inherit;}
  .lyNews .lyMore a { margin: 0 auto;}
}
@media (max-width:580px) {	
.lyCase .lyTitle,.lyCase .case_button{ display:none}
.lyProList .swiper-slide .img{height:320px;}	
.lyCaseList .swiper-slide .wz{top:10%; width:80%}
.lyCaseList .swiper-slide .pic{ height:350px}
.lyCaseList .swiper-button-prev {right:2%;top:40%;}
.lyCaseList .swiper-button-next {right:2%; top:55%;}
.lyCase_web{ display:block; text-align:center; margin-top:30px}

.lyAb_img li{ width:50%; height:60px}
.lyAb_img li:last-child{ width:100%}
.lyAb_img li:nth-child(3){border-right:1px solid rgb(0, 0, 0, .06);}
.lyAb_img li:nth-child(7),.lyAb_img li:nth-child(8){ border-bottom:1px solid rgb(0, 0, 0, .06);}
.lyAb_img li:nth-child(7):hover,.lyAb_img li:nth-child(8):hover{ border-bottom:4px solid rgb(215, 0, 47, 1);}
.lyNewsList li a.pic{ height:300px}
}
@media (max-width:430px) {
.lyBanner { height:350px;}	
.lyBa_text .tit font,.lyBa_text .tit{ font-size:26px; margin: 0 0 0;}
.lyTitle p{font-size:28px;}
.lyTitle span, .lyTitle span font{font-size:20px;}
.lyProList .swiper-slide .img{height:280px}
.lyCaseList .swiper-slide .wz .lyMore{ margin-top:10px}
.lyNewsList li a.pic{ height:250px}
.lyCaseList .swiper-slide .wz b{ font-size:14px; line-height:25px}
.lyNewsList li .text p.ms{margin:0px 0 10px;}
}

@media (max-width:390px) {
   .lyBanner { height:320px;}	
  .lyProList .swiper-slide .img{height:240px}
  .lyNewsList li a.pic{ height:200px}
  .nyAbPartner_swiper .swiper-slide{ height:80px}
}
@media (max-width:375px) {
.lyAb_img li em{ font-size:14px}
.lyAb_img li p{ font-size:12px}

}