/*lqBanner start*/
.lqBanner { height: 800px; overflow: hidden; background-color: #f5f5f5; position: relative;}
.lqBanner .swiper-container { height: 100%;}
.lqBanner .swiper-slide { overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;}

.lqBanner .swiper-slide .lqBa_text { width: 60%; 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%);}
.lqBa_text span { display: block; line-height: 1.2; color: #fff; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 32px; font-weight: bold; text-align: center; text-transform: capitalize;}
.lqBa_text em { display: block; width: 90px; height: 3px; overflow: hidden; margin: 20px auto 40px; background-color: #006dd3;}
.lqBa_text p { line-height: 1.2; color: #fff; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 60px; font-weight: bold; text-align: center; text-transform: capitalize;}

.lqBanner .lqBa_Control{width:100px; text-align:center; border-left:1px solid rgba(255,255,255,0.8);}
.lqBa_line{position: absolute;right: 0;width: 100%;border-left: 1px solid rgb(255 255 255 / 10%);height: 100%;top: 0;bottom: 0; z-index: 1;max-width: 100px;pointer-events: none;}
.lqBa_Control .swiper-button-prev, .lqBa_Control .swiper-button-next { width: 48px; height: 48px; margin-top: 0; padding: 10px; background: rgba(0, 121, 60, 0); border: 2px solid rgba(255, 255, 255, .45); border-radius: 50%; top:inherit; left:inherit; right:20px; bottom:30px;}
.lqBa_Control .swiper-button-prev { transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lqBa_Control .swiper-button-prev:hover, .lqBa_Control .swiper-button-next:hover { background: #025cb0; border: 2px solid #025cb0;}
.lqBa_Control .swiper-button-disabled { opacity: .25 !important;}
.lqBa_Control .swiper-button-next{ margin-bottom:60px;}

.lqBa_Control .swiper-pagination {padding: 5px 0; text-align: left; top:50%;right:45px;transform: translate(0, -50%);}
.lqBa_Control .swiper-pagination span { width:10px; height:10px; background-color: #fff; border-radius:50px;opacity:1; vertical-align: top; display:block; margin-bottom:10px;}
.lqBa_Control .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1; height:30px;}

.lqBanner .lqBaScroll { position: absolute; bottom: 30px; left: 50%; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.lqBa_Scroll { width: 22px; text-align:center;}
.lqBa_Scroll p { width: 22px; height: 32px; overflow: hidden;border: 2px solid #fff; border-radius: 12px; vertical-align: top;}
.lqBa_Scroll p i { display: block; width: 2px; height: 8px; overflow: hidden; background-color: #fff; margin: 10px auto; animation-name: scrollTip; animation-duration: 2s; animation-iteration-count: infinite;}
.lqBa_Scroll span { display:inline-block; line-height: 1; color: #fff; font-size: 14px; text-align: center; margin-top: 10px;writing-mode: tb; text-transform:uppercase;}
/*lqBanner end*/


.lqTitle { margin-bottom: 40px;}
.lqTitle span { display: block; line-height: 1.3; color: #323232; font-size: 30px; font-weight: bold; text-transform: capitalize; margin-top: 9px;}
.lqTitle p { line-height: 1; color: #025cb0; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size:38px; font-weight: bold;}


/*lqAbout start*/
.lqAbout {padding: 100px 0;}
.lqAbout .w1400 { display: flex; align-items: center;}
.lqAbout .lqAb_text { width: 57.5%; padding-right: 100px;}
.lqAb_text .lqAb_ms { line-height: 2; color: #323232; font-size: 16px;overflow: hidden; display: -webkit-box; -webkit-line-clamp:7; -webkit-box-orient: vertical; text-overflow: ellipsis;  height:220px; margin-bottom: 30px;}
.lqAb_ms p,.lqAb_ms span { line-height: 2; color: #323232; font-size: 16px; }
.lqAbout_tel{ display:inline-block; height:47px; line-height:47px; background:#025cb0; border-radius:5px; text-align:center; color:#fff; padding:0 20px;}
.lqAbout_tel i{ display:inline-block; width:18px; height:18px;margin: 0 10px -3px 0;}
.lqAbout_tel:hover i{margin: 0 15px -3px 0;}

.lqAbout .lqAb_img { width:42.5%; height:496px; box-shadow:0 16px 30px rgba(0, 0, 0, 0.24); position:relative; z-index:99; margin-top:-300px;}
.lqAb_img a { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #f5f5f5;position: relative;}
.lqAb_img a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05);}

.lqAbout_Ys ul{display: flex;flex-wrap: wrap;justify-content: left;margin: 65px 0 0;}
.lqAbout_Ys ul li{ width:46.5%; padding:30px 0; border-bottom:2px solid #555; margin:0 7% 20px 0;}
.lqAbout_Ys ul li:nth-child(2n+2){ margin-right:0;}
.lqAbout_Ys ul li .lqAboutYs_Ico { width:70px; float:left; margin:5px 0 0;}
.lqAbout_Ys ul li .lqAboutYs_Ico img { display: block; width: 70px; height: 70px;}
.lqAbout_Ys ul li:hover .lqAboutYs_Ico img{transform: rotateY(180deg);}
.lqAbout_Ys ul li .lqAboutYs_text{width: calc(100% - 100px); float:right;}
.lqAbout_Ys ul li .lqAboutYs_text b{ display:block; font-size:30px; color:#222;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight:bold; text-transform:capitalize; margin-bottom:7px;}
.lqAbout_Ys ul li .lqAboutYs_text p{ font-size:22px; color:#555;text-transform:capitalize; line-height:1.2;}
/*lqAbout end*/

/*lqPro begin*/
.lqTitle01{line-height: 1; font-size:36px;color:#fff; text-align:center; text-transform:uppercase; position:relative;}
.lqTitle01:after{ content:""; display:block; margin:20px auto 35px; background:#fff; width:56px; height:3px;}
.lqTitle02{ color:#222;}
.lqTitle02:after{background:#222;}
.lqPro{ width:100%;background:url(../images/Pro_Bg.webp) no-repeat center center; background-size:cover; padding:80px 0 100px; overflow:hidden;background-attachment: fixed;}
.lqPro_Swiper{ position:relative; min-height:300px;}
.lqPro_Swiper .swiper-slide .lqPro_Con { overflow: hidden; background-color: #fff; position: relative; padding:30px 0 0; }
.lqPro_Swiper .swiper-slide .lqPro_Con .lqPro_img { width: 100%; height: 280px; margin: 0 auto; position: relative; }
.lqPro_Swiper .swiper-slide .lqPro_Con .lqPro_text{ text-align:center; padding:20px 10px;}
.lqPro_Swiper .swiper-slide .lqPro_Con .lqPro_text span{ display:block; font-size:16px; color:#025cb0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-transform: capitalize; min-height:24px;}
.lqPro_Swiper .swiper-slide .lqPro_Con .lqPro_text .lqPro_name{ display:block; font-size:18px;overflow:hidden; text-transform: capitalize; white-space:nowrap;text-overflow:ellipsis; padding:0 10px;}
.lqPro_Swiper .swiper-slide .lqPro_Con::before { content: ''; display: block; width: 0; height: 0; background-color: rgba(2, 92, 176, .8); position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.lqPro_Swiper .swiper-slide .lqPro_Con:hover::before { width: 100%; height: 100%; }
.lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text{ display:none; position:absolute; top:50%; left:50%;transform: translate(-50%,-50%); z-index:2; text-align:center; padding:0 10px; width:100%;}
.lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text span{ display:block; color:#fff; font-size:20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text .lqPro_name{ color:#fff; font-size:22px; display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-transform: capitalize;}
.lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text .lqPro_btn{ width:68px; height:68px; background:#fff; border-radius:50px; display:inline-block; padding:20px; margin:80px 0 0;}
.lqPro_Swiper .swiper-slide .lqPro_Con:hover .lqProHover_text{ display:block;}
.lqPro_Swiper .swiper-pagination { width: 100%; height: 16px; bottom:-50px !important;}
.lqPro_Swiper .swiper-pagination span { width: 16px; height: 16px; margin: 0 5px !important; background-color:rgba(255,255,255,0.5); vertical-align: top; opacity: 1;}
.lqPro_Swiper .swiper-pagination span::after { display: none;}
.lqPro_Swiper .swiper-pagination span.swiper-pagination-bullet-active { background-color: #fff;}

/*lqNews begin*/
.lqNews{ padding:80px 0 50px;}
.lqNews_list ul{ min-height:300px;}
.lqNews_list ul li{ width:48.5%; float:left; margin:0 3% 30px 0; background:#f8f8f8; padding:30px 35px; position:relative;}
.lqNews_list ul li:nth-child(2n+2){ margin-right:0;}
.lqNews_list ul li .lqNews_Name{ display:block; overflow: hidden; line-height:32px; font-size:22px; color:#222; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height:64px; width: calc(100% - 180px); float:left;}
.lqNews_list ul li span{ display:block; width:149px; height:48px; line-height:48px; text-align:center; padding:0 10px; font-size:16px; color:#fff; background:#025cb0; position:absolute; right:0; top:35px;}
.lqNews_list ul li span:before{ content:""; display:block; width:3px; height:48px; background:#c52730; position:absolute; left:0; top:0;}
.lqNews_list ul li p{ font-size:16px; color:#777; line-height:24px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;  height:48px; margin:15px 0 30px;}
.lqNews_list ul li a.lqNews_btn{ display:block; font-size:16px; color:#222;}
.lqNews_list ul li a.lqNews_btn i{ display:inline-block; width:16px; height:16px;margin: 0 0 -3px 0;} 
.lqNews_list ul li:hover{ background:#025cb0;}
.lqNews_list ul li:hover .lqNews_Name{ color:#fff;}
.lqNews_list ul li:hover span{ background:#388fe0;}
.lqNews_list ul li:hover p{ color:rgba(255,255,255,0.55);}
.lqNews_list ul li:hover a.lqNews_btn{ color:#fff;}
.lqNews_list ul li:hover a.lqNews_btn i svg path{fill: #fff;}



@media (max-width:1680px) {
  .lqBanner { height: 700px;}
  .lqBa_text span { font-size: 24px;}
  .lqBa_text p { font-size: 50px;}  
  .lqBanner .lqBa_Control{ width:90px;}
  .lqBa_line{ max-width:90px;}
  .lqBa_Control .swiper-pagination{ right:40px;}
  .lqBa_Control .swiper-button-prev, .lqBa_Control .swiper-button-next { width:44px; height:44px; padding:9px; right:20px; bottom:60px;}
  .lqBa_Control .swiper-button-next{ margin-bottom:55px;}

  .lqAbout{ padding: 80px 0;}

  .lqTitle p { font-size: 36px;}
  .lqTitle span{ font-size:28px;}

  .lqAbout .lqAb_text { padding-right: 80px;}
  .lqAb_text .lqAb_ms { font-size: 15px; height:205px;}
  .lqAb_ms p { font-size: 15px;}
  .lqAbout .lqAb_img { height: 460px; margin-top:-180px;}
  .lqAbout_Ys ul li .lqAboutYs_text b{ font-size:28px;}
  .lqPro{ padding:70px 0 95px;}
  .lqTitle01{ font-size:34px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text .lqPro_btn{ width:62px; height:62px; padding:18px; margin:70px 0 0;}
  .lqNews{ padding:70px 0 40px;}
}

@media (max-width:1600px) {
  .lqBanner { height: 680px;}
}

@media (max-width:1560px) {
  .lqBanner { height: 650px;}
  .lqBa_text span { font-size: 22px;}
  .lqBa_text em { width: 72px; margin: 20px auto 30px;}
  .lqBa_text p { font-size: 44px;}  
  .lqTitle p { font-size: 30px;}
  .lqTitle span{ font-size:20px;}
  .lqTitle p { font-size: 34px;}
  .lqTitle span{ font-size:25px;}
  .lqTitle01{ font-size:32px;}

}

@media (max-width:1440px) {
  .lqBanner { height: 600px;}
  .lqBa_text em { width: 60px; margin: 15px auto 25px;}
  .lqBa_text p{ font-size: 40px;}
  .lqBa_Control .swiper-pagination span{ width:8px; height:8px;}
  .lqBanner .lqBa_Control{ width:80px;}
  .lqBa_line{ max-width:80px;}
  .lqBa_Control .swiper-pagination{ right:35px;}
  .lqBa_Control .swiper-button-prev, .lqBa_Control .swiper-button-next { width:40px; height:40px; padding:7px; right:18px;}
  .lqBa_Control .swiper-button-next{ margin-bottom:50px;}
  .lqBa_Scroll{ display:none;}
  
  .lqAbout{ padding: 60px 0;}
  .lqAb_text .lqAb_ms{ font-size:14px; height:192px;}
  .lqAb_ms p,.lqAb_ms span{ font-size:14px;}
  .lqAbout .lqAb_img { height: 420px; margin-top:-125px;}
  .lqAbout .lqAb_text{ padding-right:60px;}
  .lqAbout_tel{ font-size:15px; min-width:180px;}
  .lqAbout_Ys ul li .lqAboutYs_text b{ font-size:26px;}
  .lqAbout_Ys ul li .lqAboutYs_text p{ font-size:15px;}
  .lqPro{ padding:60px 0 90px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text .lqPro_btn{ width:58px; height:58px; padding:15px; margin:60px 0 0;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text span{ font-size:18px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text .lqPro_name{ font-size:20px;}
  .lqPro_Swiper .swiper-pagination { height: 14px;}
  .lqPro_Swiper .swiper-pagination span{ width:14px; height:14px;}
  .lqPro_Swiper .swiper-pagination{bottom: -45px !important;}
  .lqNews_list ul li span{ width:140px; height:45px; line-height:45px; font-size:15px; top:30px;}
  .lqNews_list ul li span:before{ height:45px;}
  .lqNews_list ul li .lqNews_Name{width: calc(100% - 150px); font-size:20px; line-height:30px; height:60px;}
  .lqNews_list ul li{ width:48.75%; margin:0 2.5% 25px 0; padding:30px;}
  .lqNews{ padding:60px 0 35px;}

}

@media (max-width:1366px) {
  .lqBanner { height: 570px;}  
  .lqTitle span{ font-size:22px;}
  .lqTitle p { font-size: 32px;}
  .lqTitle01{ font-size:30px;}
}

@media (max-width:1280px) {
  .lqBanner { height: 540px;}
  .lqBa_text p { font-size: 36px;}
}

@media (max-width:1200px) {
  .lqBanner { height: 500px;}
  .lqBa_text span { font-size: 20px;}
  .lqBa_text em { width: 48px; margin: 10px auto 20px;}
  .lqBa_text p { font-size: 32px;}
  .lqBanner .lqBa_Control{ width:60px;}
  .lqBa_line{ max-width:60px;}
  .lqBa_Control .swiper-pagination{ right:25px;}
  .lqBa_Control .swiper-button-prev, .lqBa_Control .swiper-button-next { width:36px; height:36px; padding:5px; right:10px;}
  .lqBa_Control .swiper-button-next{ margin-bottom:45px;}
  .lqAbout .lqAb_img { height:380px; margin-top:-145px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);}
  .lqAbout .lqAb_text{ padding-right:40px;}
  .lqAb_text .lqAb_ms { margin-bottom: 20px;}
  .lqTitle { margin-bottom: 20px;}  
  .lqTitle p { font-size: 28px;}
  .lqTitle span{ font-size:20px;}
  .lqAbout_Ys ul{ margin-top:35px;}
  .lqAbout_Ys ul li{ width:47.5%; padding:20px 0; margin: 0 5% 10px 0;}
  .lqAbout_Ys ul li .lqAboutYs_Ico{ width:50px;}
  .lqAbout_Ys ul li .lqAboutYs_Ico img { width: 50px; height: 50px;}
  .lqAbout_Ys ul li .lqAboutYs_text b{ font-size:24px;}
  .lqAbout_Ys ul li .lqAboutYs_text{width: calc(100% - 70px);}
  .lqPro{ padding:50px 0 80px;}
  .lqTitle01:after{ margin:10px auto 20px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text .lqPro_btn{ width:52px; height:52px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text span{ font-size:16px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqProHover_text .lqPro_name{ font-size:18px;}
  .lqPro_Swiper .swiper-pagination { height: 12px;}
  .lqPro_Swiper .swiper-pagination span{ width:12px; height:12px;}
  .lqTitle01{ font-size:28px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqPro_img{ height:220px;}
  .lqNews{ padding:50px 0 25px;}
  .lqNews_list ul li{ padding:25px;}
  .lqNews_list ul li p{ font-size:15px;margin: 10px 0 20px;}
  .lqNews_list ul li a.lqNews_btn{ font-size:15px;}
  .lqNews_list ul li span{ width:130px; height:42px; line-height:42px; font-size:14px;}
  .lqNews_list ul li span:before{ height:42px;}
  .lqNews_list ul li .lqNews_Name{width: calc(100% - 130px);}
}

@media (max-width:1080px) {
  .lqBanner { height: 450px;}
  .lqBa_text p{ font-size: 30px;}
  .lqBa_Scroll span { font-size: 12px;}
  
}

@media (max-width:1024px) {
  .lqBanner { height: 430;}
  .lqAbout_Ys ul li .lqAboutYs_text b{ font-size:22px;}
  .lqPro{ padding:40px 0 70px;}
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqPro_img{ height:200px;}
  .lqPro_Swiper .swiper-pagination{bottom: -40px !important;}
 
  .lqTitle01{ font-size:26px;}
  .lqNews{ padding:40px 0 20px;}


}

@media (max-width:920px) {
  .lqBanner { height: 384px;}
  .lqBa_text span { font-size: 18px;}
  .lqBa_text p { font-size: 26px;}
  .lqTitle { margin-bottom: 20px;}
  .lqAbout{ padding: 40px 0;}
  .lqTitle span { font-size: 18px;}
  .lqAbout .lqAb_img { height:360px;margin-top:-105px;}
  .lqNews_list ul li{ width:100%; margin:0 0 20px; padding:20px;}
  .lqNews_list ul li .lqNews_Name{ font-size:18px; line-height:28px; height:56px;}
  .lqNews_list ul li span{ width:120px; height:38px; line-height:38px; top:25px;}
  .lqNews_list ul li span:before{ height:38px;}
}

@media (max-width:820px) {
  .lqBanner { height: 342px;}
  .lqBa_text span { font-size: 16px;}
  .lqBa_text em { width: 40px; height: 2px;}
  .lqBa_text p{ font-size: 24px;}
  .lqBa_Control .lqBa_Scroll { display: none;}
  .lqBa_Control .swiper-pagination span { width: 6px; height: 6px; margin-bottom: 6px;}
  .lqBa_Control .swiper-pagination span.swiper-pagination-bullet-active { height: 24px;}
  .lqTitle p { font-size: 24px;}
  .lqTitle span{ font-size:16px;}
  .lqAbout .lqAb_img{ margin-top:0; height:320px;}
  .lqAbout_Ys ul li .lqAboutYs_text b{ font-size:20px;}
  .lqAbout_tel { height: 44px; line-height: 44px;}
  .lqPro{ padding:40px 0 60px;}
  .lqPro_Swiper .swiper-pagination { height: 10px; bottom: -30px !important;}
  .lqPro_Swiper .swiper-pagination span{ width:10px; height:10px;}
  .lqTitle01{ font-size:24px;}
  .lqNews{ padding:40px 0 20px;}
}

@media (max-width:767px) {
  .lqBanner { height: 240px;}
  .lqBanner .swiper-slide .lqBa_text { width: 90%;}
  .lqBa_text span { font-size: 14px;}
  .lqBa_text em { margin: 6px auto 12px;}
  .lqBa_text p { font-size: 18px;}  
  .lqBanner .lqBa_Control{ width:40px;}
  .lqBa_line{ max-width:40px;}
  .lqBa_Control .swiper-pagination{ right:12px;}
  .lqBa_Control .swiper-button-prev, .lqBa_Control .swiper-button-next { display: none;}

  .lqAbout .w1400{ display: block; align-items: inherit;}
  .lqAbout .lqAb_text { width: 100%; margin-bottom: 40px; padding: 0;}
  .lqAbout_tel { height: 40px; line-height: 40px;}
  .lqAbout .lqAb_img{ width: 100%; height: 240px;}
  .lqAbout_Ys{ display:none !important;}
  
}
@media (max-width:450px) {
  .lqPro_Swiper .swiper-slide .lqPro_Con .lqPro_img{ height:220px;}
  .lqNews_list ul li .lqNews_Name{width: calc(100% - 100px);}
  .lqNews_list ul li span { width: 100px;}
}
@media (max-width:390px) {
  .lqBanner, .lqAbout .lqAb_img{ height: 220px;}
  .lqNews_list ul li { padding: 32px 12px 20px;}
  .lqNews_list ul li .lqNews_Name { width: 100%;}
  .lqNews_list ul li span { width: 100px; height: 30px; line-height: 30px; top: 0;}
  .lqNews_list ul li span:before { height: 100%;}
}

@media (max-width:320px) {
  .lqBanner, .lqAbout .lqAb_img{ height: 180px;}
  .lqBa_text span { font-size: 13px;}
  .lqBa_text p { font-size: 15px;}
  .lqBa_Control .swiper-pagination { right: 10px;}

  .lqAbout_tel { font-size: 14px;}
  .lqAbout_tel i { width: 15px; height: 15px;}
}