@charset "utf-8";
/* CSS Document */

/* lyBanner start */
.lyBanner { width: 100%; height: 800px; position: relative; }
.lyBa_swiper { width: 100%; height: 100%; position: relative; }
.lyBa_swiper .swiper-container { width: 100%; height: 100%; }
.lyBa_swiper .swiper-slide { height: 100%; overflow: hidden; position: relative; }
.lyBa_swiper .swiper-slide img { display: block; width: 100%; height: 100%; margin: auto; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lyBa_swiper .swiper-slide .lyBa_txt { padding: 0 40% 0 0; 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_txt em { display: block; width: 48px; height: 5px; overflow: hidden; background-color: #004974; }
.lyBa_txt b { display:block; line-height: 56px; color: #fff; font-size: 48px; font-weight: bold; margin: 30px 0 40px; }
.lyBa_txt p{ font-size:22px; line-height:48px; position:relative; padding-left:18px; color:#fff;}
.lyBa_txt p:before{ content:""; display:block; width:3px; height:3px; background:#fff; border-radius:50px; position:absolute; left:0; top:50%;transform: translate(0, -50%);}
.lyBa_more a { display: block; width: 180px; height: 50px; overflow: hidden; line-height: 48px; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; border: 1px solid rgba(255, 255, 255, .25); position: relative; }
.lyBa_more a i { display: inline-block; width: 20px; height: 20px; margin: -2px 0 0 20px; vertical-align: middle; }
.lyBa_more a i svg { display: block; width: 100%; height: 100%; }
.lyBa_more a i svg path { fill: #ffffff; }
.lyBa_more a:hover { background-color: #004974; border: 1px solid #004974; }
.lyBa_more a:hover i { margin: -2px 0 0 30px; }
.lyBa_swiper .lyBa_control { height: 32px; position: absolute; left: 50%; bottom: 30px; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.lyBa_control .swiper-pagination { height: 20px; position: absolute; left: 0; bottom: 6px; z-index: 1; }
.lyBa_control .swiper-pagination span { display: inline-block; width: 16px; height: 20px; overflow: hidden; background: url(../images/dot1.png) center center no-repeat; background-size: 100% 100%; margin-right: 12px; vertical-align: top; opacity: .25; }
.lyBa_control .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1; }
.lyBa_control .swiper-pagination span::before { display: none; }
.lyBa_control .swiper-button-prev, .lyBa_control .swiper-button-next { display: none; width: 32px; height: 32px; margin: 0; padding: 6px; background: none; position: absolute; top: 0; z-index: 2; }
.lyBa_control .swiper-button-prev { left: auto; right: 32px; }
.lyBa_control .swiper-button-next { right: 0; }
.lyBa_control .swiper-button-prev svg, .lyBa_control .swiper-button-next svg { display: block; width: 100%; height: 100%; }
.lyBa_control .swiper-button-prev svg path, .lyBa_control .swiper-button-next svg path { fill: #ffffff; }
.lyBa_control .swiper-button-prev:hover svg path, .lyBa_control .swiper-button-next:hover svg path { fill: #004974; }
.lyBa_Scroll { width: auto; overflow: hidden; position: absolute; left: 50%; bottom: 30px; z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.lyBa_Scroll p { display: block; width: 38px; height: 38px; overflow: hidden; margin: 0 auto 10px; padding: 0; border: 1px solid #fff; border-radius: 50%; }
.lyBa_Scroll p i { display: block; width: 16px; height: 16px; overflow: hidden; margin: 12px auto; padding: 0; animation-name: scrollTip; animation-duration: 2s; animation-iteration-count: infinite; }
.lyBa_Scroll p i svg { display: block; width: 100%; height: 100%; }
.lyBa_Scroll p i svg path { fill: #ffffff; }
.lyBa_Scroll span { display: block; height: 20px; line-height: 20px; color: #fff; font-size: 16px; text-align: center; margin: 0 auto; }
/* lyBanner end */


/* lyAboutus start */
.lyAboutus { overflow: hidden; margin: 100px auto; position: relative; }
.lyAboutus .lyAboutus_img { width: 50%; height: 625px; overflow: hidden; border-radius: 0 8px 8px 0; }
.lyAboutus_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.lyAboutus_img a img { display: block; width: 100%; height: 100%; margin: auto; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lyAboutus_img a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.lyAboutus .lyAboutus_con { 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%); }
.lyAboutus_con .lyAboutus_text { padding-left: 50%; }
.lyAboutus_text .lyAboutus_head { margin-bottom: 24px; padding-left: 80px; }
.lyAboutus_head a.lyAboutus_name { display: block; line-height: 36px; color: #999; font-size: 24px; font-weight: bold; margin-bottom: 8px; }
.lyAboutus_head a.lyAboutus_name:hover { color: #004974; }
.lyAboutus_head span { display: block; line-height: 56px; color: #004974; font-size: 44px; font-weight: bold; }
.lyAboutus_text .lyAboutus_ms {height: 160px; overflow: hidden; line-height: 32px !important; color: #222 !important; font-size: 16px !important; text-align: justify; margin-bottom: 48px; padding-left: 80px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.lyAboutus_ms p { line-height: 32px !important; color: #222 !important; font-size: 16px !important; text-align: justify; }
.lyAboutus_text .lyMore { padding-left: 80px; }
.lyAboutus_text .lyAboutus_data { margin-top: 60px; padding-left: 80px; }
.lyAboutus_data ul li{display: -webkit-flex; display: flex; flex-direction: column;align-items: center; width:31.33333%; float:left; margin:0 3% 0 0; padding:25px 10px; background:#fff; border-radius:15px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); }
.lyAboutus_data ul li:last-child{ margin-right:0;}
.lyAboutus_data ul li i{ display:block; width:40px; height:40px; margin:0 auto;}
.lyAboutus_data ul li p{ font-size:16px; color:#555; text-align:center; margin-top:10px;}
.lyAboutus_data ul li:hover{ background:#004974;box-shadow: 0 8px 16px rgba(0, 73, 116, 0.32);}
.lyAboutus_data ul li:hover i svg path{ fill:#fff;}
.lyAboutus_data ul li:hover p{ color:#fff;}
/* lyAboutus end */


/* lyProducts start */
.lyProducts { overflow: hidden; padding: 100px 0 120px; background-color: #f7fafb; }
.lyProducts .lyProducts_main { margin: 0 auto; position: relative; }
.lyTitle { margin-bottom: 50px; }
.lyTitle p { line-height: 48px; color: #222; font-size: 44px; font-weight: bold; text-align: center; }
.lyTitle1 p{ color:#fff;}
.lyProducts_main .lyProducts_menu { margin: 0 auto 50px; }
.lyProducts_menu .swiper-container { margin: -20px 0; padding: 20px 0; }
.lyProducts_menu .swiper-container .swiper-slide { height: 140px; }
.lyProducts_menu .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; background-color: #fff; box-shadow: 0 0 0 rgba(0, 73, 116, .25); padding: 24px 20px; }
.lyProducts_menu .swiper-container .swiper-slide:hover a { background-color: #004974; box-shadow: 0 0 20px rgba(0, 73, 116, .32); }
.lyProducts_menu .swiper-container .swiper-slide a i { display: block; width: 54px; height: 54px; overflow: hidden; margin: 0 auto 10px; }
.lyProducts_menu .swiper-container .swiper-slide a i img { display: block; width: 54px; height: 108px; margin: 0 auto; }
.lyProducts_menu .swiper-container .swiper-slide:hover a i img { margin: -54px auto 0; }
.lyProducts_menu .swiper-container .swiper-slide a span { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #555; font-size: 16px; text-align: center; margin: 0 auto; }
.lyProducts_menu .swiper-container .swiper-slide:hover a span { color: #fff; font-weight: bold; }
.lyProducts_swiper .swiper-container { margin:-30px 0; padding:30px 0 50px; }
.lyProducts_swiper .swiper-container .swiper-slide { height: auto; overflow: hidden; padding: 32px; border-radius: 8px; background:#fff;position: relative; }
.lyProducts_swiper .swiper-container .swiper-slide:hover{box-shadow: 0 0 30px rgba(0, 0, 0, .05);}
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_text span { display: inline-block; height: 30px; line-height: 28px; color: #004974; font-size: 14px; border: 1px solid #004974; border-radius: 15px; margin-bottom: 10px; padding: 0 16px; vertical-align: top; min-width:80px; }
.lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_text span, .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_text span { color: #fff; background:#004974; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_text a.lyProducts_name { display: block; height: 32px; overflow: hidden; line-height: 32px; color: #222; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }
.lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_text a.lyProducts_name, .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_text a.lyProducts_name { color: #004974; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { width: 100%; height: 234px; margin: 32px auto; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img a { display: block; width: 100%; height: 100%; position: relative; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img a img { display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_img a img, .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn { text-align: right; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a { display: inline-block; height: 32px; line-height: 32px; color: #999; font-size: 16px; }
.lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_btn a, .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_btn a { color: #004974; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i { display: block; width: 22px; height: 22px; margin: 5px 8px 5px 0; border: 2px solid #999; border-radius: 50%; float: left; position: relative; }
.lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_btn a i, .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_btn a i { border: 2px solid #004974; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i::before, .lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i::after { content: ''; display: block; background-color: #999; 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%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i::before { width: 10px; height: 2px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i::after { width: 2px; height: 10px; }
.lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_btn a i::before, .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_btn a i::before, .lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_btn a i::after, .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_btn a i::after { background-color: #004974; }
.lyProducts_swiper .swiper-pagination-progressbar { padding: 1px 0; background: rgba(0, 0, 0, 0); top: inherit !important; bottom: 0 !important; }
.lyProducts_swiper .swiper-pagination-progressbar::before { content: ''; display: block; width: 100%; height: 2px; background-color: #e6e6e6; }
.lyProducts_swiper .swiper-pagination-progressbar-fill { background-color: #004974 !important; }
/* lyProducts end */

/* lyNews start */
.lyNews { overflow: hidden; margin: 100px auto; }
.lyNews .lyNews_main { margin: 0 auto; position: relative; }
.lyNews_main .lyNews_tab { margin-bottom: 50px; }
.lyNews_tab ul { text-align: center; }
.lyNews_tab ul li { display: inline-block; width: 160px; height: 50px; overflow: hidden; line-height: 48px; color: #222; font-size: 18px; text-align: center; margin: 0 12px; background-color: #fff; border: 1px solid #e6e6e6; box-shadow: 0 0 0 rgb(0, 73, 116, .2); border-radius: 4px; vertical-align: top; cursor: pointer; }
.lyNews_tab ul li:hover, .lyNews_tab ul li.active { color: #fff; background-color: #004974; border: 1px solid #004974; box-shadow: 0 6px 12px rgb(0, 73, 116, .2); }
.lyNews_tab ul li a{ color:#222;}
.lyNews_tab ul li:hover a, .lyNews_tab ul li.active a{ color:#fff;}
.lyNews_tab ul li i { display: inline-block; width: 24px; height: 24px; overflow: hidden; margin: -2px 6px 0 0; vertical-align: middle; }
.lyNews_tab ul li i svg { display: block; width: 100%; height: 100%; }
.lyNews_tab ul li i svg path { fill: #222222; }
.lyNews_tab ul li:hover i svg path, .lyNews_tab ul li.active i svg path { fill: #ffffff; }
.lyNews_con .lyNews_rec { width: 50%; padding: 0 40px 0 0; float: left; }
.lyNews_rec .lyNewsRec_main { overflow: hidden; border-radius: 8px; position: relative; }
.lyNewsRec_main .lyNewsRec_img { height: 484px; overflow: hidden; }
.lyNewsRec_main .lyNewsRec_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.lyNewsRec_main .lyNewsRec_img a img { display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lyNewsRec_main:hover .lyNewsRec_img a img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.lyNewsRec_main .lyNewsRec_img a::after { content: ''; display: block; width: 100%; height: 40%; overflow: hidden; background: linear-gradient(to bottom, rgba(0, 73, 116, 0), rgba(0, 73, 116, 1)); position: absolute; bottom: 0; left: 0; z-index: 1; }
.lyNewsRec_main span.lyNewsRec_time { display: block; width: 160px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background-color: rgba(0, 73, 116, .45); border-radius: 0 0 8px 0; position: absolute; left: 0; top: 0; z-index: 1; }
.lyNewsRec_main span.lyNewsRec_time i { display: inline-block; width: 16px; height: 16px; overflow: hidden; vertical-align: middle; margin: -4px 8px 0 0; }
.lyNewsRec_main span.lyNewsRec_time i svg { display: block; width: 100%; height: 100%; }
.lyNewsRec_main span.lyNewsRec_time i svg path { fill: #ffffff; }
.lyNewsRec_main .lyNewsRec_text { width: 100%; padding: 20px 100px 20px 40px; position: absolute; bottom: 0; left: 0; z-index: 2; }
.lyNewsRec_text a.lyNewsRec_name { display: block; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0; }
.lyNewsRec_text p { display: block; height: 32px; overflow: hidden; line-height: 32px; color: rgba(255, 255, 255, .45); font-size: 16px; white-space: nowrap; text-overflow: ellipsis; }
.lyNewsRec_text a.lyNewsRec_btn { display: block; width: 40px; height: 40px; overflow: hidden; margin-top: -20px; position: absolute; top: 50%; right: 40px; }
.lyNewsRec_text a.lyNewsRec_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 4px; }
.lyNewsRec_text a.lyNewsRec_btn i svg { display: block; width: 100%; height: 100%; }
.lyNewsRec_text a.lyNewsRec_btn i svg path { fill: #ffffff; }
.lyNews_con .lyNews_list { width: 50%; padding: 0 0 0 40px; float: right; }
.lyNews_list ul li { padding: 27px 0; border-bottom: 1px solid #e6e6e6; position: relative; }
.lyNews_list ul li::after { content: ''; display: block; width: 0; height: 2px; background-color: #004974; position: absolute; left: 0; bottom: -1px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.lyNews_list ul li:hover::after { width: calc(100% - 130px); }
.lyNews_list ul li .lyNews_text { width: calc(100% - 130px); }
.lyNews_list ul li a.lyNews_name { display: block; height: 32px; overflow: hidden; line-height: 32px; color: #222; font-size: 18px; font-weight: bold; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; }
.lyNews_list ul li:hover a.lyNews_name { color: #004974; }
.lyNews_list ul li p { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #555; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; }
.lyNews_list ul li span.lyNews_time { display: block; width: 130px; height: 40px; overflow: hidden; line-height: 40px; color: #999; font-size: 16px; text-align: right; margin-top: -20px; position: absolute; right: 0; top: 50%; }
.lyNews_list ul li span.lyNews_time i { display: inline-block; width: 16px; height: 16px; overflow: hidden; vertical-align: middle; margin: -4px 8px 0 0; }
.lyNews_list ul li span.lyNews_time i svg { display: block; width: 100%; height: 100%; }
.lyNews_list ul li span.lyNews_time i svg path { fill: #999999; }
.lyNews_list ul li:hover span.lyNews_time { color: #004974; }
.lyNews_list ul li:hover span.lyNews_time i svg path { fill: #004974; }
/* lyNews end */


/* lyBrands start */
.lyBrands { overflow: hidden; padding: 100px 0; background-color: #f7fafb; }
.lyBrands .lyBrands_main { margin: 0 auto; }
.lyBrands_main .lyBrands_swiper { position: relative; }
.lyBrands_swiper .swiper-container { width: 100%; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 160px; overflow: hidden; border-radius: 8px; background-color: #fff; border-radius: 8px; position: relative; }
.lyBrands_swiper .swiper-container .swiper-slide img { display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lyBrands_swiper .swiper-container .swiper-slide::after { content: ''; display: none; width: 100%; height: 100%; background-color: rgba(0, 73, 116, .9); position: absolute; left: 0; top: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.lyBrands_swiper .swiper-container .swiper-slide:hover::after { top: 0; }
.lyBrands_swiper .swiper-container .swiper-slide span { display: none; width: 100%; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; padding: 0 20px; position: absolute; left: 0; top: -50%; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.lyBrands_swiper .swiper-container .swiper-slide:hover span { top: 50%; }
.lyBrands_swiper .swiper-button-prev, .lyBrands_swiper .swiper-button-next { width: 44px; height: 44px; margin: -22px 0 0; padding: 14px; background: rgba(0, 73, 116, 0); border: 1px solid #ddd; border-radius: 50%; position: absolute; top: 50%; z-index: 2; opacity: 1 !important; }
.lyBrands_swiper .swiper-button-prev { left: -68px; }
.lyBrands_swiper .swiper-button-next { right: -68px; }
.lyBrands_swiper .swiper-button-prev svg, .lyBrands_swiper .swiper-button-next svg { display: block; width: 100%; height: 100%; }
.lyBrands_swiper .swiper-button-prev svg path, .lyBrands_swiper .swiper-button-next svg path { fill: #bbbbbb; }
.lyBrands_swiper .swiper-button-prev:hover, .lyBrands_swiper .swiper-button-next:hover { background: rgba(0, 73, 116, 1); border: 1px solid #004974; }
.lyBrands_swiper .swiper-button-prev:hover svg path, .lyBrands_swiper .swiper-button-next:hover svg path { fill: #ffffff; }

/* lyBrands end */


@media (max-width:1680px) {
.lyBanner { height: 750px; }
.lyBa_txt b { line-height: 50px; font-size: 40px; margin: 30px 0 35px; }
.lyBa_txt p{ font-size:20px; line-height:44px;}
.lyBa_Scroll span { font-size: 14px; }
.lyAboutus { margin: 80px auto; }
.lyAboutus .lyAboutus_img { height:600px; }
.lyAboutus_text .lyAboutus_head { margin-bottom: 20px; }
.lyAboutus_head a.lyAboutus_name { line-height: 32px; font-size: 22px; }
.lyAboutus_head span { line-height: 50px; font-size: 40px; }
.lyAboutus_text .lyAboutus_ms { height: 150px; line-height: 30px !important; margin-bottom: 40px; }
.lyAboutus_data ul li i{ width:38px; height:38px;}
.lyProducts { padding: 80px 0 100px; }
.lyTitle { margin-bottom: 40px; }
.lyTitle p { line-height: 44px; font-size: 40px; }
.lyProducts_main .lyProducts_menu { margin: 0 auto 40px; }
.lyProducts_menu .swiper-container .swiper-slide { height: 120px; }
.lyProducts_menu .swiper-container .swiper-slide a { padding: 14px 20px; }
.lyProducts_swiper .swiper-container { padding-bottom: 40px; }
.lyProducts_swiper .swiper-container .swiper-slide { padding: 24px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { margin: 24px auto; }
.lySolution_swiper .swiper-container .swiper-slide { height: 700px; padding: 80px 0; }
.lySolution_txt .lySolutionTxt_title a { line-height: 44px; font-size: 40px; }
.lySolution .lySolution_menu { bottom: 40px; }
.lySolution_menu .swiper-container .swiper-slide { padding-bottom: 20px; }
.lyNews { margin: 80px auto; }
.lyNews_main .lyNews_tab { margin-bottom: 40px; }
.lyNewsRec_main .lyNewsRec_img { height: 476px; }
.lyNews_list ul li { padding: 26px 0; }
.lyBrands { padding: 80px 0; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 150px; }
.lyBrands_swiper .swiper-button-prev { left: -22px; }
.lyBrands_swiper .swiper-button-next { right: -22px; }
}
 @media (max-width:1600px) {
.lyBanner { height:680px; }
.lyBa_txt em { width: 40px; height: 4px; }
.lyBa_txt b { line-height: 44px; font-size: 36px; }
.lyBa_txt span { line-height: 25px; font-size: 15px; }
.lyBa_more a { width: 160px; height: 45px; line-height: 43px; font-size: 15px; }
.lyBa_more a i { width: 18px; height: 18px; margin: -2px 0 0 10px; }
.lyBa_more a:hover i { margin: -2px 0 0 20px; }
.lyBa_Scroll p { width: 32px; height: 32px; }
.lyBa_Scroll p i { width: 14px; height: 14px; margin: 10px auto; }
.lyAboutus .lyAboutus_img { height: 580px; }
.lyAboutus_head span { line-height: 44px; font-size: 36px; }
.lyAboutus_head a.lyAboutus_name { font-size: 20px; }
.lyAboutus_text .lyAboutus_ms { font-size: 15px !important; }
.lyTitle p { line-height: 40px; font-size: 36px; }
.lyProducts_menu .swiper-container .swiper-slide a span { font-size: 15px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a { font-size: 15px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i { border: 1px solid #999; }
.lyProducts_swiper .swiper-container .swiper-slide:hover .lyProducts_btn a i,  .lyProducts_swiper .swiper-container .swiper-slide-duplicate-active .lyProducts_btn a i { border: 1px solid #004974; }
.lySolution_swiper .swiper-container .swiper-slide { height: 660px; }
.lySolution_txt .lySolutionTxt_title a { line-height: 40px; font-size: 36px; }
.lySolution_txt p { max-height: 50px; line-height: 25px; font-size: 15px; margin: 30px auto; }
.lySolution_txt a.lySolutionTxt_btn { width: 80px; font-size: 15px; }
.lyNews_tab ul li { width: 150px; height: 45px; line-height: 43px; font-size: 15px; margin: 0 10px; }
.lyNews_tab ul li i { margin: -4px 4px 0 0; }
.lyNewsRec_main .lyNewsRec_img { height: 468px; }
.lyNewsRec_main span.lyNewsRec_time { width: 150px; height: 40px; line-height: 40px; font-size: 15px; }
.lyNewsRec_text p { height: 30px; line-height: 30px; font-size: 15px; }
.lyNewsRec_text a.lyNewsRec_btn i { padding: 6px; }
.lyNews_list ul li { padding: 25px 0; }
.lyNews_list ul li p { font-size: 15px; }
.lyNews_list ul li span.lyNews_time { font-size: 15px; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 140px; }
}
 @media (max-width:1560px) {
.lyBanner { height: 650px; }
.lyBa_txt p{ line-height:40px;}
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 226px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 650px; }
.lyNewsRec_main .lyNewsRec_img { height: 452px; }
.lyNews_list ul li { padding: 23px 0; }
}
 @media (max-width:1440px) {
.lyBanner { height: 600px; }
.lyBa_txt b { line-height: 40px; font-size: 32px; margin: 24px 0 30px; }
.lyBa_txt p{ font-size:18px; line-height:36px;}
.lyAboutus { margin: 60px auto; }
.lyAboutus .lyAboutus_img { height: 540px; }
.lyAboutus_text .lyAboutus_head,  .lyAboutus_text .lyAboutus_ms,  .lyAboutus_text .lyMore { padding-left: 60px; }
.lyAboutus_head a.lyAboutus_name { line-height: 30px; font-size: 18px; margin-bottom: 4px; }
.lyAboutus_head span { line-height: 40px; font-size: 32px; }
.lyAboutus_text .lyAboutus_ms { margin-bottom: 30px; }
.lyAboutus_text .lyAboutus_data { margin-top: 40px; padding-left: 60px; }
.lyAboutus_data ul li{ padding:20px 10px;}
.lyAboutus_data ul li i{ width:34px; height:34px;}
.lyAboutus_data ul li p{ font-size:15px;}
.lyProducts { padding: 60px 0 80px; }
.lyTitle { margin-bottom: 30px; }
.lyTitle p { line-height: 40px; font-size: 32px; }
.lyProducts_swiper .swiper-container .swiper-slide { padding: 20px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 210px; margin: 20px auto; }
.lyProducts_swiper .swiper-pagination-progressbar { height: 3px !important; }
.lyProducts_swiper .swiper-pagination-progressbar::before { height: 1px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 600px; padding: 60px 0; }
.lySolution_txt .lySolutionTxt_title { margin-bottom: 25px; }
.lySolution_txt .lySolutionTxt_title a { line-height: 40px; font-size: 32px; }
.lySolution_txt p { margin: 25px auto; }
.lySolution_menu .swiper-container .swiper-slide span { height: 25px; line-height: 25px; font-size: 15px; }
.lyNews { margin: 60px auto; }
.lyNews_con .lyNews_rec { padding: 0 30px 0 0; }
.lyNewsRec_main .lyNewsRec_img { height: 444px; }
.lyNewsRec_main .lyNewsRec_text { padding: 20px 100px 20px 30px; }
.lyNewsRec_text a.lyNewsRec_btn { right: 30px; }
.lyNews_con .lyNews_list { padding: 0 0 0 30px; }
.lyNews_list ul li { padding: 22px 0; }
.lyBrands { padding: 60px 0; }
}
 @media (max-width:1366px) {
.lyBanner { height: 570px; }
.lyBa_txt b { line-height: 40px; font-size: 30px; }
.lyBa_txt span { line-height: 24px; font-size: 14px; }
.lyAboutus .lyAboutus_img { height: 500px; }
.lyAboutus_head a.lyAboutus_name { line-height: 30px; font-size: 16px; margin-bottom: 0; }
.lyAboutus_head span { line-height: 40px; font-size: 30px; }
.lyAboutus_text .lyAboutus_ms { height: 140px; line-height: 28px !important; margin-bottom: 30px; font-size: 14px !important; }
.lyTitle p { line-height: 40px; font-size: 30px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 200px; margin: 10px auto; }
.lySolution_swiper .swiper-container .swiper-slide { height: 570px; }
.lySolution_txt .lySolutionTxt_title a { font-size: 30px; }
.lyNewsRec_main .lyNewsRec_img { height: 420px; }
.lyNews_list ul li { padding: 19px 0; }
}
 @media (max-width:1280px) {
.lyBanner { height: 540px; }
.lyBa_txt em { width: 30px; height: 3px; }
.lyBa_txt b { line-height: 32px; font-size: 26px; margin: 20px 0 25px; }
.lyBa_txt p{ font-size:16px; line-height:32px;}
.lyAboutus .lyAboutus_img { height: 460px; }
.lyAboutus_text .lyAboutus_head,  .lyAboutus_text .lyAboutus_ms,  .lyAboutus_text .lyMore,  .lyAboutus_text .lyAboutus_data { padding-left: 40px; }
.lyAboutus_head a.lyAboutus_name { font-size: 15px; }
.lyAboutus_head span { line-height: 32px; font-size: 26px; }
.lyAboutus_text .lyAboutus_ms { height: 120px; line-height: 24px !important; margin-bottom: 30px; font-size: 14px !important; }
.lyProducts_menu .swiper-container{ margin:-10px 0; padding:10px 0;}
.lyProducts_menu .swiper-container .swiper-slide:hover a {box-shadow: 0 0 10px rgba(0, 73, 116, .32); }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 185px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a { font-size: 14px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i { width: 20px; height: 20px; margin: 6px 8px 6px 0; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i::before { width: 8px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_btn a i::after { height: 8px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 540px; }
.lySolution_txt .lySolutionTxt_title { margin-bottom: 24px; }
.lySolution_txt p { max-height: 48px; line-height: 24px; font-size: 14px; margin: 24px auto; }
.lyNews_tab ul li { width: 140px; }
.lyNews_con .lyNews_rec { padding: 0 20px 0 0; }
.lyNewsRec_main .lyNewsRec_img { height: 396px; }
.lyNewsRec_main span.lyNewsRec_time { width: 140px; height: 40px; line-height: 40px; font-size: 14px; }
.lyNewsRec_main .lyNewsRec_text { padding: 20px 80px 20px 20px; }
.lyNewsRec_text a.lyNewsRec_name { height: 32px; line-height: 32px; font-size: 16px; }
.lyNewsRec_text p { height: 26px; line-height: 26px; font-size: 14px; }
.lyNewsRec_text a.lyNewsRec_btn { right: 20px; }
.lyNews_con .lyNews_list { padding: 0 0 0 20px; }
.lyNews_list ul li { padding: 19px 0; }
.lyNews_list ul li .lyNews_text { width: calc(100% - 120px); }
.lyNews_list ul li a.lyNews_name { font-size: 16px; margin-bottom: 2px; }
.lyNews_list ul li p { height: 26px; line-height: 26px; font-size: 14px; }
.lyNews_list ul li span.lyNews_time { width: 120px; height: 30px; line-height: 30px; font-size: 14px; margin-top: -15px; }
.lyBrands_swiper .swiper-container .swiper-slide span { line-height: 25px; font-size: 15px; }
}
 @media (max-width:1200px) {
.lyBanner { height: 500px; }
.lyBa_txt span { margin-bottom: 30px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_text a.lyProducts_name { font-size: 16px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 170px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 500px; }
.lyNewsRec_main .lyNewsRec_img { height: 380px; }
.lyNews_list ul li { padding: 17px 0; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 130px; }
}
 @media (max-width:1080px) {
.lyBanner { height: 450px; margin-top: 70px; }
.lyAboutus_data ul li{ padding:15px 10px; border-radius:10px;}
.lyAboutus_data ul li p{ font-size:14px;}
.lyAboutus_data ul li i{ width:30px; height:30px;}
.lyAboutus_data ul li:hover{box-shadow: 0 5px 12px rgba(0, 73, 116, 0.32);}
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 210px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 450px; }
.lySolution .lySolution_menu { bottom: 30px; }
.lyNews_tab ul li { width: 132px; height: 42px; line-height: 40px; font-size: 15px; margin: 0 8px; }
.lyNewsRec_main .lyNewsRec_img { height: 340px; }
.lyNews_list ul li { padding: 14px 0; }
.lyNews_list ul li a.lyNews_name { height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 0; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 110px; }
.lyBrands_swiper .swiper-container .swiper-slide span { line-height: 24px; font-size: 14px; }
}
 @media (max-width:1024px) {
.lyBanner { height: 420px; }
.lyBa_txt b { line-height: 30px; font-size: 24px; }
.lyBa_txt p{ font-size:15px; line-height:28px;}
.lyBa_swiper .lyBa_control { height: 20px; bottom: 20px; }
.lyBa_control .swiper-pagination { bottom: 0; }
.lyBa_Scroll { bottom: 20px; }
.lyAboutus .lyAboutus_img { height: 420px; }
.lyAboutus_head span { line-height: 30px; font-size: 24px; }
.lyAboutus_text .lyAboutus_ms { height: 96px; -webkit-line-clamp: 4; }
.lyAboutus_text .lyAboutus_data { margin-top: 35px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 200px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 420px; padding: 40px 0; }
.lySolution_txt .lySolutionTxt_title { margin-bottom: 20px; }
.lySolution_txt p { margin: 20px auto; }
.lySolution .lySolution_menu { bottom: 20px; }
.lySolution_menu .swiper-container .swiper-slide { padding-bottom: 15px; }
.lySolution_menu .swiper-container .swiper-slide i { margin: 0 auto 4px; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 100px; }
}
 @media (max-width:920px) {
.lyBanner { height: 380px; }
.lyBa_txt b { font-size: 22px; }
.lyBa_txt span { width: 80%; }
.lyAboutus { margin: 40px auto; }
.lyAboutus .lyAboutus_img { height: 380px; }
.lyAboutus_text .lyAboutus_head,  .lyAboutus_text .lyAboutus_ms,  .lyAboutus_text .lyMore,  .lyAboutus_text .lyAboutus_data { padding-left: 30px; }
.lyAboutus_head span { line-height: 30px; font-size: 22px; }
.lyAboutus_text .lyAboutus_ms { margin-bottom: 20px; }
.lyAboutus_text .lyAboutus_data { margin-top: 24px; }
.lyAboutus_data ul li{ padding:10px;}
.lyProducts { padding: 40px 0 60px; }
.lyTitle { margin-bottom: 20px; }
.lyTitle p { line-height: 34px; font-size: 26px; }
.lyProducts_main .lyProducts_menu { margin: 0 auto 30px; }
.lyProducts_menu .swiper-container .swiper-slide { height: 112px; }
.lyProducts_menu .swiper-container .swiper-slide a { padding: 10px; }
.lyProducts_menu .swiper-container .swiper-slide a span { height: 25px; line-height: 25px; }
.lyProducts_swiper .swiper-container { padding-bottom: 30px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 178px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 380px; }
.lySolution_txt .lySolutionTxt_title { margin-bottom: 12px; }
.lySolution_txt .lySolutionTxt_title a { line-height: 34px; font-size: 26px; }
.lySolution_txt p { margin: 12px auto; }
.lySolution_menu .swiper-container .swiper-slide { padding-bottom: 12px; }
.lySolution_menu .swiper-container .swiper-slide span { height: 20px; line-height: 20px; font-size: 14px; }
.lyNews { margin: 40px auto; }
.lyNews_main .lyNews_tab { margin-bottom: 20px; }
.lyNews_con .lyNews_rec { padding: 0 15px 0 0; }
.lyNewsRec_main .lyNewsRec_img { height: 316px; }
.lyNewsRec_main .lyNewsRec_text { padding: 12px 20px; }
.lyNewsRec_text a.lyNewsRec_btn { display: none; }
.lyNews_con .lyNews_list { padding: 0 0 0 15px; }
.lyNews_list ul li { padding: 13px 0; }
.lyNews_list ul li .lyNews_text { width: calc(100% - 100px); }
.lyNews_list ul li p { height: 22px; line-height: 22px; font-size: 14px; }
.lyNews_list ul li span.lyNews_time { width: 100px; }
.lyBrands { padding: 40px 0; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 90px; }
}
 @media (max-width:820px) {
.lyBanner { height: 320px; }
.lyBa_txt b { line-height: 26px; font-size: 20px; margin: 15px 0 20px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 154px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 320px; }
.lySolution_txt p { margin: 0 auto; }
.lySolution_txt a.lySolutionTxt_btn { display: none; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 80px; }
}
 @media (max-width:767px) {
.lyBanner { height: 280px; margin-top: 64px; }
.lyBa_swiper .swiper-slide .lyBa_txt { padding: 0 30% 0 0; }
.lyBa_txt em { width: 20px; height: 2px; }
.lyBa_txt b { line-height: 20px; font-size: 15px;}
.lyBa_txt p{ font-size:14px; line-height:24px;}
.lyBa_swiper .lyBa_control { bottom: 10px; }
.lyBa_control .swiper-pagination span { margin-right: 6px; }
.lyBa_Scroll { display: none; }
.lyAboutus { padding: 0 3%; }
.lyAboutus .lyAboutus_img { width: 100%; height: 200px; border-radius: 8px; }
.lyAboutus .lyAboutus_con { width: 100%; margin-top: 20px; position: inherit; left: inherit; top: inherit; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; }
.lyAboutus_con .lyAboutus_text { padding-left: 0; }
.lyAboutus_text .lyAboutus_head,  .lyAboutus_text .lyAboutus_ms,  .lyAboutus_text .lyMore,  .lyAboutus_text .lyAboutus_data { padding-left: 0; }
.lyTitle p { line-height: 30px; font-size: 24px; }
.lyAboutus_data ul li{ padding:15px 10px;}
.lyProducts_main .lyProducts_menu { margin: 0 auto 20px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 260px; }
.lySolution_swiper .swiper-container .swiper-slide .lySolution_txt { max-width: 94%; }
.lySolution_txt .lySolutionTxt_title a { line-height: 30px; font-size: 24px; }
.lySolution_txt .lySolutionTxt_title::after { content: ''; display: block; width: 36px; height: 3px; margin: 12px auto 0; background-color: #fff; }
.lySolution_txt p { display: none; }
.lyNews_tab ul li { width: 110px; height: 42px; line-height: 40px; font-size: 14px; margin: 0 4px; }
.lyNews_con .lyNews_rec { width: 100%; padding: 0; float: none; }
.lyNewsRec_main .lyNewsRec_img { height: 240px; }
.lyNewsRec_main span.lyNewsRec_time { width: 120px; }
.lyNewsRec_main .lyNewsRec_text { padding: 12px; }
.lyNews_con .lyNews_list { width: 100%; padding: 0; float: none; }
.lyNews_list ul li { padding: 16px 0; }
.lyNews_list ul li .lyNews_text { width: 100%; }
.lyNews_list ul li span.lyNews_time { width: 100%; height: 22px; line-height: 22px; text-align: left; margin-top: 10px; position: inherit; top: inherit; right: inherit; }
.lyNews_list ul li span.lyNews_time i { margin: -2px 8px 0 0; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 90px; }
.lyBrands_swiper .swiper-button-prev { left: -10px; }
.lyBrands_swiper .swiper-button-next { right: -10px; }
}
 @media (max-width:600px) {
.lyBanner { height:260px; }	
.lyBa_txt b{ margin:10px 0 15px;}
.lyBa_swiper .swiper-slide .lyBa_txt{ padding-right:0;} 
 }
 @media (max-width:425px) {
.lyBanner { height:240px; }	
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 240px; } 
 }
 @media (max-width:390px) {
.lyBanner { height:220px; }
.lyAboutus { margin: 20px auto; }
.lyAboutus .lyAboutus_img { height: 180px; border-radius: 4px; }
.lyAboutus_text .lyAboutus_head { margin-bottom: 12px; }
.lyAboutus_data{ display:none;}
.lyProducts_menu .swiper-container .swiper-slide a span { height: 24px; line-height: 24px; font-size: 14px; }
.lyProducts_menu .swiper-container .swiper-slide a,  .lyProducts_swiper .swiper-container .swiper-slide,  .lyNews_rec .lyNewsRec_main { border-radius: 4px; }
.lyNews_tab ul li { width: 106px; }
.lyNewsRec_main .lyNewsRec_img { height: 230px; }
}
 @media (max-width:320px) {
.lyAboutus .lyAboutus_img { height: 160px; }
.lyAboutus_head a.lyAboutus_name { line-height: 24px; font-size: 14px; }
.lyAboutus_head span { font-size: 20px; }
.lyProducts { padding: 20px 0; }
.lyTitle p { line-height: 26px; font-size: 20px; }
.lyProducts_swiper .swiper-container .swiper-slide .lyProducts_img { height: 190px; }
.lySolution_swiper .swiper-container .swiper-slide { height: 220px; padding: 20px 0; }
.lySolution_txt .lySolutionTxt_title a { font-size: 20px; }
.lySolution_txt .lySolutionTxt_title::after { width: 32px; height: 2px; margin: 8px auto 0; }
.lyNews { margin: 20px auto; }
.lyNews_tab ul li { width: 90px; margin: 0 2px; }
.lyNews_tab ul li i { display: none; }
.lyNewsRec_main .lyNewsRec_img { height: 200px; }
.lyBrands { padding: 20px 0; }
.lyBrands_swiper .swiper-container .swiper-slide { height: 70px; }
}
 @media (max-width:280px) {
.lyNews_tab ul li { width: 80px; }
}

/*首页行业应用 开始*/
.IProduct { width: 100%;overflow: hidden; position:relative; }
.IProduct .lyTitle1{ position:absolute; left:50%; top:100px;transform: translate(-50%, 0); z-index:999;}
.IProduct .Swiper_Sw { position: relative; }
.IProduct .mySwiper4 { width: 100%; height:800px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }
.IProduct .mySwiper4 .swiper-slide { position: relative; }
.IProduct .mySwiper4 .swiper-slide::before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; bottom: 0; z-index: 9; }
.IProduct .mySwiper4 .swiper-slide::after { content: ""; display: block; width: 100%; height: 50%; background-image: linear-gradient(to top, rgba(0, 102, 146,1), rgba(0, 102, 146, 0.4), rgba(0, 102, 146, 0.01)); position: absolute; left: 0; bottom: 0; opacity: 0.9; z-index: 9; }
.IProduct .mySwiper4 .swiper-slide { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all .4s ease; }
.IProduct .mySwiper4 .swiper-slide.active { opacity: 1; }
.IProduct .mySwiper3 { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 100; height: 100%; }
.IProduct .mySwiper3 .swiper-slide { margin: 0; padding: 0 30px; position: relative; border-right: 1px solid rgba(255,255,255,0.15); }
.IProduct .mySwiper3 .swiper-slide .box { width:100%; position: absolute; left:50%; top:50%;transform: translate(-50%, -50%);padding:0 10px; text-align:center;}
.IProduct .mySwiper3 .swiper-slide .fa_xqh{ text-align:center;}
.IProduct .mySwiper3 .swiper-slide .pIco { display: inline-block; width:100px; height: 100px; overflow: hidden;position: relative; overflow:hidden; }
.IProduct .mySwiper3 .swiper-slide .pIco img { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height:200px; }
.IProduct .mySwiper3 .swiper-slide:hover .pIco, .IProduct .mySwiper3 .swiper-slide-thumb-active .pIco, .IProduct .mySwiper3 .swiper-slide.active .pIco{ background:#fff; border-radius:50%;box-shadow:0 0 0 10px rgba(255, 255, 255, 0.1),  /* 第一层内环 */0 0 0 20px rgba(255, 255, 255, 0.05);  /* 第二层外环 */}
.IProduct .mySwiper3 .swiper-slide:hover .pIco img, .IProduct .mySwiper3 .swiper-slide-thumb-active .pIco img, .IProduct .mySwiper3 .swiper-slide.active .pIco img{margin: -100px auto 0;}
.IProduct .mySwiper3 .swiper-slide .pName { display: block; overflow: hidden; color: #fff; font-size: 18px; color: #fff; margin:0 auto; }
.IProduct .mySwiper3 .swiper-slide .pName a { display: block; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center; }
.IProduct .mySwiper3 .swiper-slide:hover .pName, .IProduct .mySwiper3 .swiper-slide-thumb-active .pName, .IProduct .mySwiper3 .swiper-slide.active .pName{ font-weight:bold; font-size:24px; margin-top:30px;}
.IProduct .mySwiper3 .swiper-slide p { width:100%; color: #fff;opacity: 0.7; display:none;}
.IProduct .mySwiper3 .swiper-slide .IProduct_btn { width: 180px; height: 50px; line-height: 50px; border: 1px solid rgba(255,255,255,0.25); text-align: center; font-size: 16px; color: #fff; display: none; margin:0 auto; border-radius:30px;}
.IProduct .mySwiper3 .swiper-slide .IProduct_btn a { color: #fff; }
.IProduct .mySwiper3 .swiper-slide .IProduct_btn em { display: inline-block; width:20px; height:20px; margin: 0 0 -4px 10px; }
.IProduct .mySwiper3 .swiper-slide:hover, .IProduct .mySwiper3 .swiper-slide-thumb-active, .IProduct .mySwiper3 .swiper-slide.active { background:rgba(0,73,116,0.9); width:23% !important; }
.IProduct .mySwiper3 .swiper-slide:hover .IProduct_btn, .IProduct .mySwiper3 .swiper-slide-thumb-active .IProduct_btn, .IProduct .mySwiper3 .swiper-slide.active .IProduct_btn { display: block; }
.IProduct .mySwiper3 .swiper-slide:hover p, .IProduct .mySwiper3 .swiper-slide-thumb-active p, .IProduct .mySwiper3 .swiper-slide.active p{overflow: hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; height:120px;font-size:16px; margin:20px 0 50px; line-height:30px;}
.IProduct .mySwiper3 .swiper-slide:last-child { border-right: 0; }
.IProduct .mySwiper3 .swiper-slide:last-child:hover p, .IProduct .mySwiper3 .swiper-slide-thumb-active:last-child p, .IProduct .mySwiper3 .swiper-slide.active:last-child p,.IProduct .mySwiper3 .swiper-slide:last-child:hover .IProduct_btn, .IProduct .mySwiper3 .swiper-slide-thumb-active:last-child .IProduct_btn, .IProduct .mySwiper3 .swiper-slide.active:last-child .IProduct_btn{ display:none;}
.IProduct .mySwiper3 .swiper-slide:hover .box, .IProduct .mySwiper3 .swiper-slide-thumb-active .box, .IProduct .mySwiper3 .swiper-slide.active .box{ padding:0 60px;}
 @media (max-width:1680px) {
.IProduct .lyTitle1{ top:80px;}
.IProduct .mySwiper4 { height: 750px; }
.IProduct .mySwiper3 .swiper-slide .pIco{ width:80px; height:80px;}
.IProduct .mySwiper3 .swiper-slide .pIco img{ height:160px;}
.IProduct .mySwiper3 .swiper-slide:hover .pIco img, .IProduct .mySwiper3 .swiper-slide-thumb-active .pIco img, .IProduct .mySwiper3 .swiper-slide.active .pIco img{margin: -80px auto 0;}
.IProduct .mySwiper3 .swiper-slide:hover .pName, .IProduct .mySwiper3 .swiper-slide-thumb-active .pName, .IProduct .mySwiper3 .swiper-slide.active .pName{ font-size:22px;}
.IProduct .mySwiper3 .swiper-slide:hover p, .IProduct .mySwiper3 .swiper-slide-thumb-active p, .IProduct .mySwiper3 .swiper-slide.active p{ margin:15px 0 40px; line-height:28px; height:108px;}
.IProduct .mySwiper3 .swiper-slide .IProduct_btn{ width:160px; height:45px; line-height:45px;}
.IProduct .mySwiper3 .swiper-slide:hover .box, .IProduct .mySwiper3 .swiper-slide-thumb-active .box, .IProduct .mySwiper3 .swiper-slide.active .box{ padding:0 50px;}
}
 @media (max-width:1600px) {

}
 @media (max-width:1560px) {
.IProduct .mySwiper4 { height: 700px; }
}
 @media (max-width:1440px) {
.IProduct .lyTitle1{ top:60px;}
.IProduct .mySwiper4 { height: 650px; }
.IProduct .mySwiper3 .swiper-slide:hover .pName, .IProduct .mySwiper3 .swiper-slide-thumb-active .pName, .IProduct .mySwiper3 .swiper-slide.active .pName{ font-size:20px;}
.IProduct .mySwiper3 .swiper-slide:hover p, .IProduct .mySwiper3 .swiper-slide-thumb-active p, .IProduct .mySwiper3 .swiper-slide.active p{ font-size:15px; margin:10px 0 30px; line-height:26px; height:100px;}
.IProduct .mySwiper3 .swiper-slide .IProduct_btn{ width:140px; height:40px; line-height:40px; font-size:15px;}
.IProduct .mySwiper3 .swiper-slide .box{ padding:0 40px;}
.IProduct .mySwiper3 .swiper-slide:hover, .IProduct .mySwiper3 .swiper-slide-thumb-active, .IProduct .mySwiper3 .swiper-slide.active { width:25% !important; }
}
 @media (max-width:1366px) {
}
 @media (max-width:1280px) {
.IProduct .mySwiper4 { height: 600px; }
.IProduct .mySwiper3 .swiper-slide .pIco{ width:60px; height:60px;}
.IProduct .mySwiper3 .swiper-slide .pIco img{ height:120px;}
.IProduct .mySwiper3 .swiper-slide:hover .pIco img, .IProduct .mySwiper3 .swiper-slide-thumb-active .pIco img, .IProduct .mySwiper3 .swiper-slide.active .pIco img{margin: -60px auto 0;}

}
 @media (max-width:1200px) {
.IProduct .lyTitle1{ top:50px;}
.IProduct .mySwiper3 .swiper-slide:hover .pName, .IProduct .mySwiper3 .swiper-slide-thumb-active .pName, .IProduct .mySwiper3 .swiper-slide.active .pName{ font-size:18px;}
.IProduct .mySwiper3 .swiper-slide:hover p, .IProduct .mySwiper3 .swiper-slide-thumb-active p, .IProduct .mySwiper3 .swiper-slide.active p{ font-size:14px; margin:10px 0 25px; line-height:24px; height:94px;}
.IProduct .mySwiper3 .swiper-slide:hover .box, .IProduct .mySwiper3 .swiper-slide-thumb-active .box, .IProduct .mySwiper3 .swiper-slide.active .box{ padding:0 30px;}
.IProduct .mySwiper3 .swiper-slide .IProduct_btn{ font-size:14px; width:120px; height:35px; line-height:35px;}
}
 @media (max-width:1080px) {
.IProduct .mySwiper4 { height: 550px; }
}
 @media (max-width:1024px) {
}
 @media (max-width:920px) {
.IProduct .mySwiper4 { height: 500px; }
.IProduct .mySwiper3 .swiper-slide:hover, .IProduct .mySwiper3 .swiper-slide-thumb-active, .IProduct .mySwiper3 .swiper-slide.active { width:33.3333% !important; }
.IProduct .mySwiper3 .swiper-slide:hover .pName, .IProduct .mySwiper3 .swiper-slide-thumb-active .pName, .IProduct .mySwiper3 .swiper-slide.active .pName{margin-top:25px;}
}
 @media (max-width:820px) {
.IProduct .lyTitle1{ top:30px;}

}
 @media (max-width:767px) {
.IProduct .mySwiper4 { height: 450px; }
.IProduct .mySwiper3 .swiper-slide:hover, .IProduct .mySwiper3 .swiper-slide-thumb-active, .IProduct .mySwiper3 .swiper-slide.active { width:50% !important; }
}
 @media (max-width:390px) {
.IProduct .mySwiper3 .swiper-slide:hover, .IProduct .mySwiper3 .swiper-slide-thumb-active, .IProduct .mySwiper3 .swiper-slide.active{ width:100% !important;}
.IProduct .mySwiper3 .swiper-slide:hover .box,.IProduct .mySwiper3 .swiper-slide-thumb-active .box,.IProduct .mySwiper3 .swiper-slide.active .box{ top:70%;transform: translate(-50%, -70%);}
.IProduct .mySwiper3 .swiper-slide .pIco{ width:90px; height:90px;}
.IProduct .mySwiper3 .swiper-slide .pIco img{ height:180px;}
.IProduct .mySwiper3 .swiper-slide:hover .pIco, .IProduct .mySwiper3 .swiper-slide-thumb-active .pIco, .IProduct .mySwiper3 .swiper-slide.active .pIco{ width:60px; height:60px;}
.IProduct .mySwiper3 .swiper-slide:hover .pIco img, .IProduct .mySwiper3 .swiper-slide-thumb-active .pIco img, .IProduct .mySwiper3 .swiper-slide.active .pIco img{margin: -60px auto 0; height:120px;}
}
 @media (max-width:320px) {
}
 @media (max-width:280px) {
}
/*首页行业应用 结束*/