/*lyBanner start*/
.lyBanner { height: 840px; overflow: hidden; background-color: #f5f5f5; 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: #0087dc; 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: #0087dc; border: 2px solid #0087dc;}
.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: 48px; height: 48px; margin-top: -24px; padding: 12px; background: rgba(0, 135, 220, 0); border: 2px solid rgba(255, 255, 255, .45); border-radius: 50%; top: 50%;}
.lyBanner .swiper-button-prev { left: 40px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyBanner .swiper-button-next { right: 40px;}
.lyBanner .swiper-button-prev:hover, .lyBanner .swiper-button-next:hover { background: #0087dc; border: 2px solid #0087dc;}
.lyBanner .swiper-button-disabled { opacity: .25 !important;}

.lyBanner .swiper-pagination { width: 100%; height: 8px; bottom: 40px !important;}
.lyBanner .swiper-pagination span { width: 8px; height: 8px; background-color: rgba(255, 255, 255, .7); border-radius: 4px; margin:  0 4px; opacity: 1; vertical-align: top;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active { width: 24px; background-color: #0087dc;}
/*lyBanner end*/


/*lyTrouble start*/
.lyTrouble { overflow: hidden; padding: 40px 0 60px; background: #f8f8f8 url(../images/trbBg.png) 0 0 repeat; background-size: 8px 8px;}
.lyTrouble_main .lyTrouble_head { display: flex; align-items: center; justify-content: center;}
.lyTrouble_head .lyTrouble_title { display: flex; align-items: flex-end;}
.lyTrouble_title header { display: block;}
.lyTrouble_title header span { display: block; line-height: 24px; color: #999; font-size: 15px;}
.lyTrouble_title header p { line-height: 40px; color: #555; font-size: 30px;}
.lyTrouble_title header p i { line-height: 40px; color: #0087dc; font-size: 30px; font-style: normal;}
.lyTrouble_title sub { display: block; line-height: 64px; color: #0087dc; font-size: 58px; font-weight: bold; padding: 0 10px;}
.lyTrouble_title em { display: block; line-height: 88px; color: #0087dc; font-family: "BebasKai"; font-size: 114px;}

.lyTrouble_main ul { display: flex; justify-content: space-between; margin: 40px 0;}
.lyTrouble_main ul li { width: 25%; position: relative;}
.lyTrouble_main ul li .con { width: 168px; height: 168px; overflow: hidden; background-color: #fff; border-radius: 50%; margin: 0 auto; padding: 29px 20px;}
.lyTrouble_main ul li:hover .con { background-color: #0087dc;}
.lyTrouble_main ul li .con i { display: block; width: 48px; height: 48px; overflow: hidden; margin: 0 auto 14px;}
.lyTrouble_main ul li .con i img { display: block; width: 48px; height: 96px; margin-top: 0;}
.lyTrouble_main ul li:hover .con i img { margin-top: -48px;}
.lyTrouble_main ul li .con p { line-height: 24px; color: #777; font-size: 16px; text-align: center;}
.lyTrouble_main ul li:hover .con p { color: #fff;}
.lyTrouble_main ul li::before, .lyTrouble_main ul li::after { content: ''; display: block; width: 1px; height: 96px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.lyTrouble_main ul li::after { height: 26px; background-color: #0087dc;}
.lyTrouble_main ul li:last-child::before, .lyTrouble_main ul li:last-child::after { display: none;}

.lyTrouble_bottom footer { display: block;}
.lyTrouble_bottom footer span { display: block; line-height: 24px; color: #777; font-size: 16px; text-align: center;}
.lyTrouble_bottom footer p { line-height: 30px; color: #555; font-size: 24px; font-weight: bold; text-align: center; margin-top: 4px;}
.lyTrouble_bottom footer p i { line-height: 30px; color: #0087dc; font-size: 24px; font-style: normal; font-weight: bold;}
.lyTrouble_bottom a { display: block; width: 144px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background-color: #0087dc; border-radius: 20px; margin: 20px auto 0;}
.lyTrouble_bottom a i { display: inline-block; width: 22px; height: 22px; overflow: hidden; vertical-align: middle; margin: -2px 8px 0 0;}
.lyTrouble_bottom a:hover { background-color: #222;}
/*lyTrouble end*/


/*lyApplication start*/
.lyApplication { overflow: hidden; padding: 60px 0; background: #f8f8f8 url(../images/trbBg.png) 0 0 repeat; background-size: 8px 8px;}
.lyApp_list { margin: 60px auto;}
.lyApp_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.lyApp_list ul li { width: 20%; padding: 0 20px; position: relative;}
.lyApp_list ul li .con { min-height: 100px;}
.lyApp_list ul li .con .ico { width: 120px; height: 120px; overflow: hidden; background-color: #fff; border-radius: 50%; margin: 0 auto 10px; padding: 20px; position: relative;}
.lyApp_list ul li:hover .con .ico { background-color: #0087dc;}
.lyApp_list ul li .con .ico i { display: block; width: 48px; height: 48px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyApp_list ul li .con .ico i img { display: block; width: 48px; height: 96px; margin-top: 0;}
.lyApp_list ul li:hover .con .ico i img { margin-top: -48px;}
.lyApp_list ul li .con p { line-height: 30px; color: #222; font-size: 18px; text-align: center;}
.lyApp_list ul li:hover .con p { color: #0087dc;}
.lyApp_list ul li .con span { display: block; line-height: 22px; color: #999; font-size: 14px; text-align: center; margin-top: 0;}
.lyApp_list ul li::before, .lyApp_list ul li::after { content: ''; display: block; width: 1px; height: 96px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.lyApp_list ul li::after { height: 26px; background-color: #0087dc;}
.lyApp_list ul li:last-child::before, .lyApp_list ul li:last-child::after { display: none;}
/*lyApplication end*/


/*lyData start*/
.lyData { overflow: hidden; background-color: #0087dc;}
.lyData_main ul li { width: 25%; padding: 60px 30px 160px; float: left;}
.lyData_main ul li:nth-child(2n) { background-color: rgba(0,0,0,.2);}
.lyData_main ul li p { display: flex; align-items: center; justify-content: center;}
.lyData_main ul li p em { display: block; line-height: 72px; color: #fff; font-family: "BebasKai"; font-size: 78px;}
.lyData_main ul li p sub, .lyData_main ul li p sup { display: block; line-height: 30px; color: #fff; font-size: 30px; margin-left: 10px;}
.lyData_main ul li p sup { font-size: 20px;}
.lyData_main ul li span { display: block; line-height: 24px; color: #fff; font-size: 16px; text-align: center; margin-top: 10px;}
/*lyData end*/


/*lyProducts start*/
.lyProducts { margin-top: -100px; position: relative;}
.lyProducts::before { content: ''; display: block; width: 1450px; height: 100%; background-color: #fff; box-shadow: 0 -10px 20px rgba(0, 0, 0, .06); position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.lyProducts::after { content: ''; display: block; width: 100%; height: 80%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); position: absolute; bottom: 0; left: 0;}

.lyProducts .lyProducts_main { padding: 80px 0; background-color: #fff; position: relative; z-index: 1;}
.lyProducts_list ul { margin-right: -2px; padding-bottom: 1px;}
.lyProducts_list ul li { width: 33.333333%; height: auto; overflow: hidden; margin: 0 -1px -1px 0; padding: 30px; border: 1px solid #e6e6e6; position: relative; float: left;}
.lyProducts_list ul li:nth-child(3n+3) { margin: 0 0 -1px;}
.lyProducts_list ul li:hover { border: 1px solid #0087dc; z-index: 1;}
.lyProducts_img { width: 100%; height: 280px; overflow: hidden; margin: 0 auto;}
.lyProducts_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyProducts_list ul li:hover .lyProducts_img a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyProducts_name { display: flex; align-items: center; justify-content: center;}
.lyProducts_name a { display: block; max-width: calc(100% - 30px); height: 30px; overflow: hidden; line-height: 30px; color: #222; font-size: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
.lyProducts_name::before, .lyProducts_name::after { content: ''; display: block; width: 15px; height: 1px; background-color: #0087dc;}
.lyProducts_list ul li:hover .lyProducts_name a { color: #0087dc;}
.lyProducts_ms { height: 30px; overflow: hidden; line-height: 30px; color: #777; font-size: 16px; text-align: center; white-space: nowrap; text-overflow: ellipsis;}
.lyProducts_btn { text-align: center; margin-top: 20px;}
.lyProducts_btn a { display: inline-block; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-size: 16px; padding: 0 20px; background-color: #999; border-radius: 18px; vertical-align: top;}
.lyProducts_btn a i { display: inline-block; width: 22px; height: 22px; overflow: hidden; vertical-align: middle; margin: -2px 8px 0 0;}
.lyProducts_list ul li:hover .lyProducts_btn a { background-color: #0087dc;}
.lyProducts_list ul li:hover .lyProducts_btn a:hover i { margin: -2px 16px 0 0;}

.lyProducts_more { margin-top: 40px; text-align: center;}
.lyProducts_more a { display: inline-block; height: 36px; overflow: hidden; line-height: 36px; color: #999; font-size: 16px; text-align: center; vertical-align: top;}
.lyProducts_more a i { display: inline-block; width: 24px; height: 24px; overflow: hidden; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 50%; vertical-align: middle; margin: -2px 0 0 10px; padding: 5px;}
.lyProducts_more a:hover { color: #0087dc;}
.lyProducts_more a:hover i { border: 1px solid #0087dc; background-color: #0087dc; margin: -2px 0 0 20px;}
.lyProducts_more a:hover i svg path { fill: #fff;}
/*lyProducts end*/


/*lyCase start*/
.lyCase { overflow: hidden; padding: 80px 0; background: #222 url(../images/caseBg.jpg) center center no-repeat; background-size: cover;}
.lyCase_swiper { padding-bottom: 48px; position: relative;}
.lyCase_swiper .swiper-container { margin-left: -8px;}
.lyCase_swiper .swiper-slide { padding-left: 8px; position: relative;}
.lyCase_img { width: 100%; height: 240px; overflow: hidden;}
.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_text { padding: 15px 20px; background-color: #fff;}
.lyCase_swiper .swiper-slide:hover .lyCase_text { background-color: #0087dc;}
.lyCase_text a { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px; padding-right: 30px; position: relative;}
.lyCase_text a i { display: block; width: 30px; height: 30px; overflow: hidden; padding: 5px; position: absolute; top: 0; right: 0;}
.lyCase_swiper .swiper-slide:hover .lyCase_text a { color: #fff;}
.lyCase_swiper .swiper-slide:hover .lyCase_text a i svg path { fill: #fff;}
.lyCase_text p { height: 50px; overflow: hidden; line-height: 25px; color: #999; font-size: 15px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lyCase_swiper .swiper-slide:hover .lyCase_text p { color: rgba(255, 255, 255, .45);}
.lyCase_swiper .swiper-slide .lyCase_time { display: block; width: 128px; height: 36px; line-height: 36px; color: #fff; font-size: 16px; text-align: center; background-color: #0087dc; padding-left: 8px; position: absolute; left: 0; top: 25px;}
.lyCase_swiper .swiper-slide .lyCase_time::before { content: ''; display: block; width: 0; height: 0; border-top: 10px solid #00578d; border-left: 8px solid transparent; position: absolute; left: 0; bottom: -10px;}

.lyCase_swiper .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important;}
.lyCase_swiper .swiper-pagination span { width: 8px; height: 8px; background-color: rgba(255, 255, 255, .45); border-radius: 4px; margin:  0 4px; opacity: 1; vertical-align: top;}
.lyCase_swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 24px; background-color: #0087dc;}
/*lyCase end*/


/*lyWhy start*/
.lyWhy { overflow: hidden; padding: 80px 0 0;}

.lyWhy_list { min-height: 760px; background: url(../images/whyBg.png) center center no-repeat; background-size: 760px 760px; position: relative;}
.lyWhy_list .lyWhy_img { width: 520px; height: 520px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyWhy_list ul li { width: 25%; position: absolute;}
.lyWhy_list ul li:nth-child(1) { left: 8%; top: 80px;}
.lyWhy_list ul li:nth-child(2) { right: 8%; top: 80px;}
.lyWhy_list ul li:nth-child(3), .lyWhy_list ul li:nth-child(4) { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.lyWhy_list ul li:nth-child(3) { left: 0;}
.lyWhy_list ul li:nth-child(4) { right: 0;}
.lyWhy_list ul li:nth-child(5) { left: 8%; bottom: 80px;}
.lyWhy_list ul li:nth-child(6) { right: 8%; bottom: 80px;}
.lyWhy_list ul li .lyWhy_con { min-height: 56px; padding-left: 80px; position: relative;}
.lyWhy_con em { display: block; width: 56px; height: 56px; overflow: hidden; line-height: 56px; color: #fff; font-size: 28px; font-weight: bold; font-style: normal; text-align: center; background-color: #0087dc; border-radius: 50%; position: absolute; left: 0; top: 0;}
.lyWhy_con span { display: block; height: 56px; overflow: hidden; line-height: 44px; color: #222; font-size: 30px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 16px; padding-bottom: 11px; border-bottom: 1px solid #e6e6e6;}
.lyWhy_con p { line-height: 32px; color: #999; font-size: 18px; margin-top: 4px; padding-left: 24px; position: relative;}
.lyWhy_con p::before { content: ''; display: block; width: 8px; height: 8px; background-color: #ccc; border-radius: 50%; position: absolute; left: 0; top: 12px;}
/*lyWhy end*/


/*lyAbout start*/
.lyAbout { padding-top: 50px; position: relative;}
.lyAbout_img { width: 100%; height: 550px; overflow: hidden;}
.lyAbout_img a { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #222; position: relative;}

.lyAbout_head { position: absolute; left: 50%; top: 0; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.lyAbout_title { width: 220px; height: auto; overflow: hidden; margin: 0 0 0 50px; padding: 30px 30px 60px; background-color: rgba(0, 135, 220, .9); position: relative;}
.lyAbout_title p { line-height: 44px; color: #fff; font-size: 36px; font-weight: bold;}
.lyAbout_title span { display: block;; line-height: 25px; color: #fff; font-size: 15px; margin: 20px 0 40px;}
.lyAbout_title a { display: block; width: 44px; height: 44px; overflow: hidden; padding: 13px; background-color: #fff; border-radius: 22px;}
.lyAbout_title a:hover { width: 64px;}
.lyAbout_title::after { content: ''; display: block; width: 0; height: 0; border-top: 24px solid #fff; border-left: 24px solid transparent; position: absolute; top: 0; right: 0;}

.lyAbout_con { display: flex; align-items: center; min-height: 200px; margin: 0 auto; padding: 30px 0; background-color: #fff; position: relative;}
.lyAbout_con .lyAbout_data { width: 44%;}
.lyAbout_data ul li { width: 33.333333%; padding: 20px; border-right: 1px solid #e6e6e6; float: left;}
.lyAbout_data ul li p { display: flex; align-items: center; justify-content: center;}
.lyAbout_data ul li p em { display: block; line-height: 32px; color: #222; font-family: "BebasKai"; font-size: 36px;}
.lyAbout_data ul li p sub { display: block; line-height: 30px; color: #222; font-size: 20px; margin-left: 2px;}
.lyAbout_data ul li p sup { display: block; width: 26px; height: 26px; overflow: hidden; line-height: 26px; color: #fff; font-size: 14px; text-align: center; background-color: #0087dc; border-radius: 50%; margin-top: -36px;}
.lyAbout_data ul li span { display: block; line-height: 24px; color: #555; font-size: 16px; text-align: center; margin: 10px 0 15px;}
.lyAbout_data ul li i { display: block; width: 30px; height: 30px; overflow: hidden; margin: 0 auto;}
.lyAbout_con .lyAbout_text { width: 56%; padding: 0 60px;}
.lyAbout_text p { max-height: 112px; overflow-y: scroll; line-height: 28px; color: #555; font-size: 16px; padding-right: 10px;}
.lyAbout_text::after { content: ''; display: block; width: 42px; height: 3px; overflow: hidden; margin-top: 20px; background-color: #0087dc;}
.lyAbout_con::after { content: ''; display: block; width: 100%; height: 60px; overflow: hidden; background: url(../images/abShadow.png) center top no-repeat; background-size: 100% 100%; position: absolute; left: 0; bottom: -60px;}
/*lyAbout end*/


/*lyNewsClieProb start*/
.lyNewsClieProb { overflow: hidden; padding: 200px 0 100px; background-color: #f8f8f8;}
.lyNewsClieProb_main { display: flex;}
.lyNews_main { width: calc(50% - 10px); padding: 50px 50px 25px; background-color: #fff;}
.lyNews_title { margin-bottom: 25px; padding-left: 17px; border-left: 3px solid #0087dc;}
.lyNews_title p { line-height: 32px; color: #222; font-size: 32px; font-weight: bold; margin-bottom: 6px;}
.lyNews_title span { display: block; line-height: 16px; color: #999; font-size: 18px;}

.lyNews_tab { margin: -72px 0 32px; text-align: right;}
.lyNews_tab ul li { display: inline-block; vertical-align: top; position: relative;}
.lyNews_tab ul li:first-child { padding-right: 20px;}
.lyNews_tab ul li:last-child { padding-left: 20px;}
.lyNews_tab ul li:first-child::after { content: ''; display: block; width: 1px; height: 18px; margin-top: -9px; background-color: #e6e6e6; position: absolute; top: 50%; right: -2px;}
.lyNews_tab ul li em { display: block; height: 40px; overflow: hidden; line-height: 40px; color: #777; font-size: 18px; font-style: normal; border-bottom: 2px solid #fff; cursor: pointer;}
.lyNews_tab ul li:hover em, .lyNews_tab ul li.active em { color: #0087dc; border-bottom: 2px solid #0087dc;}

.lyNews_swiper, .lyArticle_swiper { margin-bottom: 0;}
.lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 240px;}
.lyNews_swiper .swiper-slide, .lyArticle_swiper .swiper-slide { width: 100%; height: 100%; overflow: hidden;}
.lyNews_swiper .swiper-slide a.lyNews_img, .lyArticle_swiper .swiper-slide a.lyArt_img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyNews_swiper .swiper-slide:hover a.lyNews_img img, .lyArticle_swiper .swiper-slide:hover a.lyArt_img img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.lyNews_swiper .swiper-slide a.lyNews_img::before, .lyArticle_swiper .swiper-slide a.lyArt_img::before { content: ''; display: block; width: 100%; height: 40%; overflow: hidden; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); position: absolute; bottom: 0; left: 0; z-index: 1;}
.lyNews_swiper .swiper-slide a.lyNews_name, .lyArticle_swiper .swiper-slide a.lyArt_name { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; padding: 0 20% 0 24px; position: absolute; left: 0; bottom: 20px; z-index: 2;}
.lyNews_swiper .swiper-pagination, .lyArticle_swiper .swiper-pagination { width: 100%; height: 8px; text-align: right !important; padding: 0 24px; bottom: 24px !important; z-index: 2;}
.lyNews_swiper .swiper-pagination span, .lyArticle_swiper .swiper-pagination span { width: 8px; height: 8px; background-color: #fff; border-radius: 4px; margin:  0 4px; opacity: 1; vertical-align: top;}
.lyNews_swiper .swiper-pagination span.swiper-pagination-bullet-active, .lyArticle_swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 24px; background-color: #0087dc;}

.lyNews_list dl dd, .lyArticle_list dl dd { padding: 16px 0; border-bottom: 1px solid #e6e6e6;}
.lyNews_list dl dd:last-child, .lyArticle_list dl dd:last-child { border-bottom: 0;}
.lyNews_list dl dd .lyNews_name, .lyArticle_list dl dd .lyArticle_name { display: flex; align-items: center; padding-left: 32px; position: relative;}
.lyNews_list dl dd .lyNews_name em, .lyArticle_list dl dd .lyArticle_name em { display: block; width: 16px; height: 16px; overflow: hidden; margin-top: -8px; position: absolute; left: 0; top: 50%;}
.lyNews_list dl dd.on .lyNews_name em svg path, .lyNews_list dl dd:hover .lyNews_name em svg path, .lyArticle_list dl dd.on .lyArticle_name em svg path, .lyArticle_list dl dd:hover .lyArticle_name em svg path { fill: #0087dc;}
.lyNews_list dl dd .lyNews_name a, .lyArticle_list dl dd .lyArticle_name a { display: block; width: calc(100% - 110px); height: 32px; overflow: hidden; line-height: 32px; color: #222; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.lyNews_list dl dd.on .lyNews_name a, .lyArticle_list dl dd:hover .lyArticle_name a { color: #0087dc;}
.lyNews_list dl dd .lyNews_name span, .lyArticle_list dl dd .lyArticle_name span { display: block; width: 110px; height: 32px; overflow: hidden; line-height: 32px; color: #999; font-size: 15px; text-align: right;}
.lyNews_list dl dd .lyNews_name span i, .lyArticle_list dl dd .lyArticle_name span i { display: inline-block; width: 15px; height: 15px; overflow: hidden; vertical-align: middle; margin: -4px 6px 0 0;}
.lyNews_list dl dd p, .lyArticle_list dl dd p { max-height: 50px; overflow: hidden; line-height: 25px; color: #999; font-size: 15px; margin-top: 10px; padding-left: 32px; display: none; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lyNews_list dl dd.on p, .lyArticle_list dl dd.on p { display: -webkit-box;}

.lyClieProb_main { width: calc(50% - 10px); margin-left: 20px; background-color: #fff;}
.lyClients_main { padding: 50px;}
.lyClients_swiper { position: relative;}
.lyClients_swiper .swiper-slide { height: 100px; overflow: hidden; border: 1px solid #e6e6e6; position: relative;}
.lyClients_swiper .swiper-pagination { width: 100%; height: 8px; text-align: right !important; bottom: inherit !important; top: -54px;}
.lyClients_swiper .swiper-pagination span { width: 8px; height: 8px; background-color: #ddd; border-radius: 4px; margin:  0 4px; opacity: 1; vertical-align: top;}
.lyClients_swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 24px; background-color: #0087dc;}

.lyProblem_main { display: flex; align-items: center; padding: 60px 0; background: #0087dc url(../images/problemBg.jpg) center center no-repeat; background-size: cover;}
.lyProblem_title { width: 35%; overflow: hidden; padding: 40px; position: relative;}
.lyProblem_title::after { content: ''; display: block; width: 1px; height: 100%; overflow: hidden; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 80%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; right: 0;}
.lyProblem_title i { display: block; width: 88px; height: 88px; overflow: hidden; margin: 0 auto;}
.lyProblem_title p { line-height: 30px; color: #fff; font-size: 30px; font-weight: bold; text-align: center; margin: 30px 0 10px;}
.lyProblem_title span { display: block; line-height: 24px; color: rgba(255, 255, 255, .55); font-size: 16px; text-align: center;}

.lyProblem_swiper { width: 65%; padding: 10px 40px;}
.lyProblem_swiper .swiper-container { padding-bottom: 30px; position: relative;}
.lyProblem_swiper .swiper-slide { padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.lyProblem_swiper .swiper-slide:nth-child(2n) { border-bottom: 0;}
.lyProblem_name { padding-left: 40px; position: relative;}
.lyProblem_name i { display: block; width: 24px; height: 24px; overflow: hidden; margin-top: -12px; position: absolute; left: 0; top: 50%;}
.lyProblem_name a { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.lyProblem_ms { margin-top: 10px; padding-left: 40px; position: relative;}
.lyProblem_ms i { display: block; width: 20px; height: 20px; overflow: hidden; position: absolute; left: 2px; top: 2px; opacity: .55;}
.lyProblem_ms p { height: 50px; overflow: hidden; line-height: 25px; color: rgba(255, 255, 255, .55); font-size: 15px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.lyProblem_swiper .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important;}
.lyProblem_swiper .swiper-pagination span { width: 8px; height: 8px; background-color: #fff; border-radius: 4px; margin:  0 4px; opacity: 1; vertical-align: top;}
.lyProblem_swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 24px;}
/*lyNewsClieProb end*/


@media (max-width:1680px) {
  .lyBanner { height: 660px;}
  .lyBanner .swiper-pagination { bottom: 30px !important;}
  .lyBanner .swiper-button-prev { left: 20px;}
  .lyBanner .swiper-button-next { right: 20px;}

  .lyData_main ul li { padding: 40px 20px 120px;}
  .lyData_main ul li p em { line-height: 60px; font-size: 70px;}

  .lyProducts { margin-top: -80px;}

  .lyWhy_list { min-height: 720px; background: url(../images/whyBg.png) center center no-repeat; background-size: 720px 720px;}
  .lyWhy_list .lyWhy_img { width: 500px; height: 500px;}
  .lyWhy_list ul li .lyWhy_con { min-height: 50px; padding-left: 70px;}
  .lyWhy_con em { width: 50px; height: 50px; line-height: 50px; font-size: 24px;}
  .lyWhy_con span { height: 50px; line-height: 38px; font-size: 26px;}
  .lyWhy_con p { line-height: 30px; font-size: 15px; margin-top: 2px; padding-left: 16px;}
  .lyWhy_con p::before { width: 6px; height: 6px;}

  .lyAbout_img { height: 520px;}
  .lyAbout_title { margin: 0 0 0 60px; padding: 25px 25px 50px;}
  .lyAbout_con { padding: 24px 0 25px;}
  .lyAbout_con .lyAbout_text { padding: 0 50px;}
  .lyAbout_con::after { height: 40px; bottom: -40px;}

  .lyNewsClieProb { padding: 180px 0 80px;}
  .lyNews_main { padding: 40px 40px 20px;}
  .lyClients_main { padding: 40px;}
}

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

  .lyWhy_list { min-height: 700px; background: url(../images/whyBg.png) center center no-repeat; background-size: 700px 700px;}

  .lyAbout_img { height: 480px;}
}

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

@media (max-width:1440px) {
  .lyBanner { height: 560px;}

  .lyTrouble_title header span { line-height: 22px; font-size: 14px;}
  .lyTrouble_title header p, .lyTrouble_title header p i { line-height: 38px; font-size: 28px;}
  .lyTrouble_title sub { line-height: 60px; font-size: 52px;}
  .lyTrouble_title em { line-height: 80px; font-size: 100px;}
  .lyTrouble_main ul { margin: 30px 0;}
  
  .lyTrouble_right ul { margin: 40px 0;}
  .lyTrouble_right ul li { width: 150px; height: 150px; padding: 24px 20px;}
  .lyTrouble_right ul li i { margin: 0 auto 10px;}
  .lyTrouble_right ul li p { line-height: 22px; font-size: 14px;}

  .lyTrouble_bottom footer span { line-height: 22px; font-size: 14px; margin-bottom: 2px;}
  .lyTrouble_bottom footer p, .lyTrouble_bottom footer p i { font-size: 22px;}
  .lyTrouble_bottom a { font-size: 15px;}

  .lyApp_list { margin: 40px auto;}
  .lyApp_list ul { margin: 0 -15px;}
  .lyApp_list ul li { padding: 0 15px;}

  .lyData_main ul li { padding: 40px 20px 100px;}
  .lyData_main ul li p em { font-size: 64px;}
  .lyData_main ul li p sub { font-size: 24px;}
  .lyData_main ul li p sup { font-size: 18px;}
  .lyData_main ul li span { font-size: 14px;}

  .lyProducts { margin-top: -60px;}
  .lyProducts::before { width: 94%;}
  .lyProducts .lyProducts_main { padding: 60px 20px;}
  .lyProducts_list ul li { padding: 20px;}
  .lyProducts_img { height: 260px;}
  .lyProducts_ms, .lyProducts_btn a, .lyProducts_more a { font-size: 15px;}
  .lyProducts_more { margin-top: 30px;}

  .lyCase { padding: 60px 0;}
  .lyCase_swiper { padding-bottom: 40px;}
  .lyCase_img { height: 220px;}
  .lyCase_text p { height: 48px; line-height: 24px; font-size: 14px;}
  .lyCase_swiper .swiper-slide .lyCase_time { width: 100px; height: 32px; line-height: 32px; font-size: 14px; top: 20px;}

  .lyWhy { padding: 60px 0 0;}
  .lyWhy_list { min-height: 640px; background: url(../images/whyBg.png) center center no-repeat; background-size: 640px 640px;}
  .lyWhy_list .lyWhy_img { width: 460px; height: 460px;}
  .lyWhy_list ul li:nth-child(1), .lyWhy_list ul li:nth-child(2) { top: 60px;}
  .lyWhy_list ul li:nth-child(5), .lyWhy_list ul li:nth-child(6) { bottom: 60px;}
  .lyWhy_con p { margin-top: 0;}

  .lyAbout_img { height: 440px;}
  .lyAbout_title { width: 200px; margin: 0 0 0 40px; padding: 20px 20px 40px;}
  .lyAbout_title p { line-height: 40px; font-size: 34px;}
  .lyAbout_title span { line-height: 24px; font-size: 14px;}
  .lyAbout_title::after { border-top: 20px solid #fff; border-left: 20px solid transparent;}

  .lyAbout_con { min-height: 180px; padding: 27px 0;}
  .lyAbout_data ul li { padding: 10px 20px;}
  .lyAbout_data ul li p sup { width: 22px; height: 22px; line-height: 22px; font-size: 12px; margin-top: -30px;}
  .lyAbout_data ul li span { font-size: 15px; margin: 10px 0;}
  .lyAbout_text p { max-height: 104px; line-height: 26px; font-size: 15px;}
  .lyAbout_text::after { width: 40px; height: 2px;}

  .lyNewsClieProb { padding: 150px 0 60px;}
  .lyNews_title { margin-bottom: 20px; padding-left: 16px;}
  .lyNews_title p { font-size: 30px;}
  .lyNews_title span { font-size: 16px;}
  .lyNews_list dl dd, .lyArticle_list dl dd { padding: 15px 0;}
  .lyNews_list dl dd .lyNews_name, .lyArticle_list dl dd .lyArticle_name { padding-left: 30px;}
  .lyNews_list dl dd .lyNews_name a, .lyArticle_list dl dd .lyArticle_name a { height: 30px; line-height: 30px;}
  .lyNews_list dl dd .lyNews_name span, .lyArticle_list dl dd .lyArticle_name span { height: 30px; line-height: 30px; font-size: 14px;}
  .lyNews_list dl dd p, .lyArticle_list dl dd p { max-height: 48px; line-height: 24px; font-size: 14px; padding-left: 30px;}
  .lyProblem_main { padding: 55px 0;}
  .lyProblem_title p { font-size: 28px;}
  .lyProblem_title span { font-size: 15px;}
  .lyProblem_ms p { height: 48px; line-height: 24px; font-size: 14px;}

}

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

  .lyProducts_img { height: 240px;}

  .lyAbout_img { height: 420px;}
  .lyAbout_con { min-height: 170px; padding: 22px 0;}
  .lyAbout_con .lyAbout_text { padding: 0 40px;}

  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 220px;}
  .lyProblem_main { padding: 45px 0;}
  .lyProblem_title { width: 32%;}
  .lyProblem_swiper { width: 68%;}
}

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

  .lyApp_list ul { margin: 0 -10px;}
  .lyApp_list ul li { padding: 0 10px;}
  .lyApp_list ul li .con span { line-height: 18px; font-size: 12px;}

  .lyData_main ul li p em { line-height: 50px; font-size: 54px;}
  .lyData_main ul li p sub { font-size: 22px;}
  .lyData_main ul li p sup { font-size: 16px;}

  .lyProducts_img { height: 230px;}
  .lyProducts_name a { font-size: 18px;}
  .lyProducts_ms { height: 24px; line-height: 24px; font-size: 14px;}
  .lyProducts_btn a { font-size: 14px;}
  .lyProducts_btn a i { width: 20px; height: 20px;}

  .lyCase_img { height: 200px;}

  .lyWhy_list { min-height: 600px; background: url(../images/whyBg.png) center center no-repeat; background-size: 600px 600px;}
  .lyWhy_list .lyWhy_img { width: 420px; height: 420px;}
  .lyWhy_list ul li .lyWhy_con { min-height: 44px; padding-left: 64px;}
  .lyWhy_con em { width: 44px; height: 44px; line-height: 44px; font-size: 22px;}
  .lyWhy_con span { height: 44px; line-height: 32px; font-size: 24px;}
  .lyWhy_con p { line-height: 24px; font-size: 14px; margin-top: 4px; padding-left: 14px;}
  .lyWhy_con p::before { width: 4px; height: 4px; top: 10px;}

  .lyAbout_img { height: 400px;}
  .lyAbout_title { width: 180px; margin: 0 0 0 30px; padding: 20px 20px 30px;}
  .lyAbout_title p { font-size: 32px;}
  .lyAbout_title span { margin: 15px 0 30px;}

  .lyNews_title p { font-size: 28px;}
  .lyProblem_title { padding: 40px 20px;}
  .lyProblem_title p { font-size: 26px;}
  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 210px;}
  .lyProblem_main { padding: 40px 0;}
}

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

  .lyTrouble_title header p, .lyTrouble_title header p i { font-size: 27px;}
  .lyTrouble_title sub { font-size: 50px;}
  .lyTrouble_title em { line-height: 74px; font-size: 90px;}

  .lyProducts_img { height: 200px;}


  .lyWhy_list { min-height: 500px; background: url(../images/whyBg.png) center center no-repeat; background-size: 500px 500px;}
  .lyWhy_list .lyWhy_img { width: 360px; height: 360px;}

  .lyWhy_list ul li { width: 27%;}
  .lyWhy_list ul li:nth-child(1), .lyWhy_list ul li:nth-child(2) { top: 40px;}
  .lyWhy_list ul li:nth-child(5), .lyWhy_list ul li:nth-child(6) { bottom: 40px;}
  .lyWhy_list ul li .lyWhy_con { min-height: 40px; padding-left: 60px;}
  .lyWhy_con em { width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
  .lyWhy_con span { height: 40px; line-height: 30px; font-size: 22px; margin-bottom: 10px; padding-bottom: 9px;}
  .lyWhy_con p { margin-top: 0;}

  .lyAbout_data ul li p em { line-height: 30px; font-size: 32px;}
  .lyAbout_data ul li p sub { line-height: 26px; font-size: 18px;}
  .lyAbout_data ul li span { line-height: 22px; font-size: 14px;}

  .lyNews_main { padding: 30px 30px 15px;}
  .lyNews_title p { line-height: 30px; font-size: 26px;}
  .lyNews_title span { line-height: 14px; font-size: 14px;}
  .lyNews_tab { margin: -65px 0 25px;}
  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 200px;}
  .lyNews_list dl dd, .lyArticle_list dl dd { padding: 12px 0;}
  .lyNews_list dl dd p, .lyArticle_list dl dd p { margin-top: 6px;}

  .lyClients_main { padding: 30px;}
  .lyClients_swiper .swiper-slide { height: 86px;}
  .lyClients_swiper .swiper-pagination { top: -50px;}
  .lyProblem_title { width: 30%; padding: 30px 20px;}
  .lyProblem_title i { width: 80px; height: 80px;}
  .lyProblem_title p { font-size: 24px; margin: 20px 0 5px;}
  .lyProblem_title span { line-height: 20px; font-size: 14px;}
  .lyProblem_swiper { width: 70%; padding: 0 30px;}
}

@media (max-width:1080px) {
  .lyBanner { height: 420px; margin-top: 40px;}

  .lyTrouble_title header span { line-height: 20px; font-size: 12px; letter-spacing: .6px;}
  .lyTrouble_title header p, .lyTrouble_title header p i { line-height: 36px; font-size: 26px;}
  .lyTrouble_title sub { line-height: 56px; font-size: 46px;}
  .lyTrouble_title em { line-height: 70px; font-size: 82px;}
  .lyTrouble_main ul li .con { width: 150px; height: 150px; padding: 20px;}
  .lyTrouble_main ul li .con p { line-height: 20px; font-size: 14px;}
  .lyTrouble_main ul li::before { height: 80px;}
  .lyTrouble_main ul li::after { height: 24px;}
  .lyTrouble_bottom footer p, .lyTrouble_bottom footer p i { font-size: 20px;}
  .lyTrouble_bottom a { width: 140px;}

  .lyApplication { padding: 40px 0;}
  .lyApp_list { margin: 20px auto;}
  .lyApp_list ul li .con .ico { width: 100px; height: 100px;}
  .lyApp_list ul li .con p { font-size: 16px;}
  .lyApp_list ul li::before { height: 80px;}
  .lyApp_list ul li::after { height: 24px;}

  .lyData_main ul li p em { line-height: 48px; font-size: 48px;}
  .lyData_main ul li p sub { font-size: 20px;}
  .lyData_main ul li p sup { font-size: 14px;} 

  .lyProducts .lyProducts_main { padding: 40px 20px;}
  .lyProducts_img { height: 180px;}
  .lyProducts_more { margin-top: 20px;}

  .lyCase { padding: 40px 0;}
  .lyCase_swiper { padding-bottom: 30px;}
  .lyCase_img { height: 220px;}

  .lyWhy { padding: 40px 0 0;}
  .lyWhy_list { min-height: 480px; background: url(../images/whyBg.png) center center no-repeat; background-size: 480px 480px;}
  .lyWhy_list .lyWhy_img { width: 320px; height: 320px;}

  .lyAbout { padding-top: 40px;}
  .lyAbout_title { margin: 0;}
  .lyAbout_title p { line-height: 38px; font-size: 28px;}
  .lyAbout_title a { width: 40px; height: 40px; padding: 14px;}
  .lyAbout_img { height: 360px;}
  .lyAbout_con .lyAbout_data { width: 50%;}
  .lyAbout_con .lyAbout_text { width: 50%; padding: 0 30px;}
  
  .lyNewsClieProb { padding: 125px 0 40px;}
  .lyNews_main { padding: 20px 20px 10px;}
  .lyNews_title { padding-left: 10px;}
  .lyNews_title p { line-height: 26px; font-size: 24px;}
  .lyNews_tab { margin: -63px 0 23px;}
  .lyNews_tab ul li em { font-size: 16px;}
  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 180px;}
  .lyNews_swiper .swiper-slide a.lyNews_name, .lyArticle_swiper .swiper-slide a.lyArt_name { font-size: 16px; padding: 0 24% 0 20px; bottom: 14px;}
  .lyNews_swiper .swiper-pagination, .lyArticle_swiper .swiper-pagination { padding: 0 20px;}
  .lyNews_list dl dd, .lyArticle_list dl dd { padding: 10px 0;}
  .lyNews_list dl dd p, .lyArticle_list dl dd p { max-height: 44px; line-height: 22px;}

  .lyClients_main { padding: 20px;}
  .lyClients_swiper .swiper-slide { height: 80px;}
  .lyClients_swiper .swiper-pagination { top: -46px;}
  .lyProblem_title { padding: 20px;}
  .lyProblem_title p { font-size: 22px;}
  .lyProblem_swiper { padding: 0 30px;}
  .lyProblem_swiper .swiper-container { padding-bottom: 26px;}
  .lyProblem_swiper .swiper-slide { padding-bottom: 20px;}
}

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

  .lyProducts_img { height: 170px;}

  .lyWhy_list { min-height: 440px; background: url(../images/whyBg.png) center center no-repeat; background-size: 440px 440px;}
  .lyWhy_list ul li .lyWhy_con { padding-left: 54px;}
  .lyWhy_list .lyWhy_img { width: 300px; height: 300px;}
  .lyWhy_con span { font-size: 20px;}

  .lyAbout_title { width: 164px; padding: 20px;}
  .lyAbout_title p { line-height: 36px; font-size: 26px;}
  .lyAbout_title span { margin: 10px 0 20px;}
  .lyAbout_img { height: 320px;}

}

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

  .lyTrouble { padding: 20px 0 40px;}
  .lyTrouble_title header span { letter-spacing: .1px;}
  .lyTrouble_title header p, .lyTrouble_title header p i { line-height: 32px; font-size: 24px;}
  .lyTrouble_title sub { line-height: 52px; font-size: 42px;}
  .lyTrouble_title em { font-size: 80px;}
  .lyTrouble_main ul { margin: 20px 0;}
  .lyTrouble_main ul li .con { width: 140px; height: 140px;}
  .lyTrouble_bottom footer p, .lyTrouble_bottom footer p i { font-size: 18px;}
  .lyTrouble_bottom a { margin: 10px auto 0;}

  .lyProducts_img { height: 150px;}

  .lyCase_img { height: 200px;}

  .lyWhy_list { min-height: 400px; background: url(../images/whyBg.png) center center no-repeat; background-size: 400px 400px;}
  .lyWhy_list .lyWhy_img { width: 260px; height: 260px;}
  .lyWhy_list ul li { width: 30%;}
  .lyWhy_list ul li:nth-child(1), .lyWhy_list ul li:nth-child(2) { top: 10px;}
  .lyWhy_list ul li:nth-child(5), .lyWhy_list ul li:nth-child(6) { bottom: 10px;}

  .lyNewsClieProb_main { display: block;}
  .lyNews_main { width: 100%; margin-bottom: 20px;}
  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 320px;}
  .lyNews_swiper .swiper-slide a.lyNews_name, .lyArticle_swiper .swiper-slide a.lyArt_name { font-size: 18px; padding: 0 16% 0 20px;}
  .lyNews_list dl dd, .lyArticle_list dl dd { padding: 15px 0;}

  .lyClieProb_main { width: 100%; margin-left: 0;}
  .lyProblem_title { width: 24%;}
  .lyProblem_swiper { width: 76%;}
  .lyProblem_swiper .swiper-container { padding-bottom: 20px;}
}

@media (max-width:820px) {
  .lyBanner { height: 320px;}
  
  .lyApp_list ul li .con .ico { width: 80px; height: 80px;}
  .lyApp_list ul li .con .ico i { width: 36px; height: 36px;}
  .lyApp_list ul li .con .ico i img { width: 36px; height: 72px;}
  .lyApp_list ul li:hover .con .ico i img { margin-top: -36px;}

  .lyData_main ul li { padding: 40px 10px 80px;}
  .lyData_main ul li p em { line-height: 40px; font-size: 40px;}
  .lyData_main ul li p sub { font-size: 18px; margin-left: 5px;}
  .lyData_main ul li p sup { margin-left: 5px;}
  .lyData_main ul li span { line-height: 20px; font-size: 12px;}

  .lyProducts { margin-top: -40px;}
  .lyProducts_img { height: 130px;}
  .lyProducts_name a { font-size: 16px;}
  .lyProducts_btn { margin-top: 16px;}

  .lyCase_img { height: 180px;}

  .lyWhy_list { min-height: 360px; background: url(../images/whyBg.png) center center no-repeat; background-size: 360px 360px;}
  .lyWhy_list .lyWhy_img { width: 220px; height: 220px;}
  .lyWhy_list ul li { width: 32%;}
  .lyWhy_list ul li:nth-child(1), .lyWhy_list ul li:nth-child(5) { left: 6%;}
  .lyWhy_list ul li:nth-child(2), .lyWhy_list ul li:nth-child(6) { right: 6%;}
  .lyWhy_list ul li .lyWhy_con { padding-left: 42px;}
  .lyWhy_con em { width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
  .lyWhy_con span { height: 32px; line-height: 26px; font-size: 16px; margin-bottom: 10px; padding-bottom: 5px;}

  .lyAbout_data ul li { padding: 10px;}
  .lyAbout_data ul li span { line-height: 20px; font-size: 12px;}
  .lyAbout_con { min-height: 160px; padding: 20px 0;}
  .lyAbout_con .lyAbout_text { padding: 0 20px;}
  .lyAbout_text p { max-height: 100px; line-height: 24px; font-size: 14px;}
  .lyAbout_text::after { margin-top: 18px;}

  .lyNewsClieProb { padding: 120px 0 40px;}

  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 280px;}
}

@media (max-width:767px) {
  .lyBanner { height: 200px; margin-top: 64px;}
  .lyBanner .swiper-pagination { height: 4px; bottom: 10px !important;}
  .lyBanner .swiper-pagination span { width: 4px; height: 4px;}
  .lyBanner .swiper-pagination span.swiper-pagination-bullet-active { width: 12px;}
  .lyBanner .swiper-button-prev, .lyBanner .swiper-button-next { display: none; width: 40px; height: 40px; margin-top: 0; padding: 10px; top: inherit; bottom: 10px;}
  .lyBanner .swiper-button-prev { left: 3%;}
  .lyBanner .swiper-button-next { right: 3%;}

  .lyTrouble { padding: 30px 0 40px;}
  .lyTrouble_title header span { letter-spacing: 0;}
  .lyTrouble_title header p, .lyTrouble_title header p i { line-height: 26px; font-size: 16px;}
  .lyTrouble_title sub { width: 60px; line-height: 36px; font-size: 32px;}
  .lyTrouble_main ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 20px -10px 0;}
  .lyTrouble_main ul li { width: 50%; margin-bottom: 20px; padding: 0 10px;}
  .lyTrouble_main ul li:nth-child(2n+2)::before, .lyTrouble_main ul li:nth-child(2n+2)::after { display: none;}
  .lyTrouble_main .lyTrouble_bottom { display: block; align-items: inherit;}
  .lyTrouble_bottom footer span, .lyTrouble_bottom footer p { text-align: center;}

  .lyApp_list ul { margin: 0 -10px -20px;}
  .lyApp_list ul li { width: 33.333333%; margin-bottom: 20px;}
  .lyApp_list ul li:nth-child(4), .lyApp_list ul li:nth-child(5) { width: 50%;}
  .lyApp_list ul li:nth-child(3)::before, .lyApp_list ul li:nth-child(3)::after { display: none;}
  
  .lyData_main { width: 100%;}
  .lyData_main ul li { width: 50%; padding: 40px 10px;}
  .lyData_main ul li:nth-child(2n) { background: none;}
  .lyData_main ul li:nth-child(2), .lyData_main ul li:nth-child(3) { background-color: rgba(0,0,0,.2);}
  .lyData_main ul li span { font-size: 14px;}

  .lyProducts { margin-top: 0;}
  .lyProducts .lyProducts_main { width: 100%;}
  .lyProducts_list ul li { width: 50%; padding: 10px; }
  .lyProducts_list ul li:nth-child(3n+3) { margin: 0 -1px -1px 0;}
  .lyProducts_list ul li:nth-child(2n+2) { margin: 0 0 -1px;}
  .lyProducts_img { height: 110px;}
  .lyProducts_name::before, .lyProducts_name::after { display: none;}
  .lyProducts_name a { max-width: 100%; padding: 0;}
  .lyProducts_btn { margin-top: 10px;}
  .lyProducts_btn a { height: 32px; line-height: 32px; font-size: 12px; padding: 0 16px;}
  .lyProducts_btn a i { width: 18px; height: 18px; margin: -2px 4px 0 0;}

  .lyCase_img { height: 240px;}

  .lyWhy_list { min-height: 280px; padding-bottom: 20px; background: url(../images/whyBg.png) center top no-repeat; background-size: 280px 280px;}
  .lyWhy_list .lyWhy_img { width: 280px; height: 280px; margin: -20px auto; padding: 40px; position: inherit; left: inherit !important; top: inherit !important; transform: inherit !important; -webkit-transform: inherit !important;}
  .lyWhy_list ul { display: flex; flex-wrap: wrap; justify-content: left;}
  .lyWhy_list ul li { width: 50%; margin-bottom: 20px; position: inherit; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; transform: inherit !important; -webkit-transform: inherit !important;}
  
  .lyAbout { padding-top: 0;}
  .lyAbout_head { width: 100%; position: inherit; left: inherit; top: inherit; z-index: inherit; transform: inherit; -webkit-transform: inherit;}
  .lyAbout_title { width: 100%;}
  .lyAbout_title p { line-height: 32px; font-size: 24px;}
  .lyAbout_title span { margin: 4px 0 0;}
  .lyAbout_title a { margin-top: -20px; position: absolute; top: 50%; right: 20px;}
  .lyAbout_img { height: 200px;}
  .lyAbout_con { width: 100%; min-height: inherit; margin: 0 auto; flex-wrap: wrap;}
  .lyAbout_con .lyAbout_data { width: 100%; margin-bottom: 20px;}
  .lyAbout_data ul li p sup { width: 20px; height: 20px; line-height: 20px;}
  .lyAbout_con .lyAbout_text { width: 100%;}
  .lyAbout_text::after { margin-top: 10px;}
  .lyAbout_con::after { height: 20px; bottom: -20px;}

  .lyNewsClieProb { padding: 40px 0;}
  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 180px;}
  .lyNews_swiper .swiper-slide a.lyNews_name, .lyArticle_swiper .swiper-slide a.lyArt_name { font-size: 16px; padding: 0 24% 0 10px;}
  .lyNews_swiper .swiper-pagination, .lyArticle_swiper .swiper-pagination { padding: 0 10px;}
  .lyNews_list dl dd .lyNews_name, .lyArticle_list dl dd .lyArticle_name, .lyNews_list dl dd p, .lyArticle_list dl dd p { padding-left: 24px;}
  .lyNews_list dl dd .lyNews_name a, .lyArticle_list dl dd .lyArticle_name a { width: calc(100% - 96px);}
  .lyNews_list dl dd .lyNews_name span, .lyArticle_list dl dd .lyArticle_name span { width: 96px;}

  .lyProblem_main { display: block; align-items: inherit;}
  .lyProblem_title { width: 100%; margin-bottom: 20px; padding: 0 20px 20px;}
  .lyProblem_title i { width: 60px; height: 60px; margin-right: 10px; float: left;}
  .lyProblem_title p { font-size: 24px; text-align: left; margin: 6px 0 4px;}
  .lyProblem_title span { text-align: left;}
  .lyProblem_title::after { width: 100%; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 80%, rgba(255, 255, 255, 0) 100%); top: inherit; bottom: 0;}
  .lyProblem_swiper { width: 100%; padding: 0 20px;}
}

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

  .lyTrouble_title header p, .lyTrouble_title header p i { line-height: 25px; font-size: 15px;}
  .lyTrouble_title sub { width: 48px; line-height: 34px; font-size: 28px;}
  .lyTrouble_title em { line-height: 68px; font-size: 72px;}
  .lyTrouble_main ul { padding: 0 10px;}

  .lyData_main ul li span { font-size: 12px;}

  .lyNews_tab ul li:first-child { padding-right: 12px;}
  .lyNews_tab ul li:last-child { padding-left: 12px;}
  .lyNews_swiper .swiper-slide a.lyNews_name, .lyArticle_swiper .swiper-slide a.lyArt_name { bottom: 24px; padding: 0 10px;}
  .lyNews_swiper .swiper-pagination, .lyArticle_swiper .swiper-pagination { bottom: 10px !important;}
}

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

  .lyTrouble_title { align-items: center;}
  .lyTrouble_main ul { padding: 0;}
  .lyTrouble_main ul li { width: 130px; height: 130px; padding: 20px 10px;}
  .lyTrouble_main ul li p { font-size: 12px;}
  
  .lyApp_list ul li, .lyApp_list ul li:nth-child(4) { width: 50%;}
  .lyApp_list ul li:nth-child(5) { width: 100%;}
  .lyApp_list ul li:nth-child(3)::before, .lyApp_list ul li:nth-child(3)::after { display: block;}
  .lyApp_list ul li:nth-child(2n+2)::before, .lyApp_list ul li:nth-child(2n+2)::after { display: none;}

  .lyData_main ul li { padding: 30px 0;}
  .lyProducts_list ul li { width: 100%; margin: 0 0 -1px !important;}
  .lyProducts_img { height: 160px;}
  .lyProducts_name a { max-width: calc(100% - 30px); padding: 0 10px;}
  .lyProducts_name::before, .lyProducts_name::after { display: block;}

  .lyCase_img { height: 220px;}

  .lyNews_tab { margin: 0 0 20px; text-align: center;}
  .lyNews_tab ul li:first-child { padding-right: 18px;}
  .lyNews_tab ul li:last-child { padding-left: 18px;}
  .lyNews_swiper .swiper-container, .lyArticle_swiper .swiper-container { height: 160px;}
  .lyNews_list dl dd .lyNews_name a, .lyArticle_list dl dd .lyArticle_name a { width: calc(100% - 74px);}
  .lyNews_list dl dd .lyNews_name span, .lyArticle_list dl dd .lyArticle_name span { width: 74px;}
  .lyNews_list dl dd .lyNews_name span i, .lyArticle_list dl dd .lyArticle_name span i { display: none;}

  .lyClients_swiper .swiper-slide { height: 90px;}

  .lyWhy_list ul li { width: 100%;}
  .lyWhy_con p { width: 50%; float: left;}
}