/*
 * YIFA Solutions Page Styles - 从静态页面逐步搬运
 * 来源: 静态页面/style.css
 * 只包含 solutions 页面需要的板块样式
 */

/* ========== 字体定义 - 使用 Google Fonts ========== */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Poppins:wght@300;400&display=swap');

/* 字体别名映射 */
*{
   font-family: "Lato", sans-serif;
}
:root{
   --mainColor:#378ec3;
   --font-lato-black: "Lato", sans-serif;
   --font-lato-bold: "Lato", sans-serif;
   --font-lato-italic: "Lato", sans-serif;
   --font-lato-light: "Lato", sans-serif;
   --font-lato-regular: "Lato", sans-serif;
   --font-poppins-regular: "Poppins", sans-serif;
   --font-poppins-light: "Poppins", sans-serif;
}

/* ========== Banner 板块样式 ========== */

/* Banner 容器基础样式（从 style.css line 100）*/
.banner{width: 100%;height: auto;position: relative;}

/* Product Banner 样式（从 style.css line 266-271）*/
.product_banner_bg{width: 100%;height: auto;}
.product_banner_bg img{width: 100%;height: auto;display: block;}
.product_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;
/*background: linear-gradient(90deg, #00000099 6.01%, #00000000 98.9%);*/
padding-top: 80px;}
.product_banner_content_txt{width: 46.4%;height: auto;}
.product_banner_content_txt h1{font-size: 48px;font-family: "Lato", sans-serif;font-weight: 900;color: #FFFFFF;text-align: left;}
.product_banner_content_txt p{font-size: 18px;color: #FFFFFF;line-height: 1.7;margin-top: 12px;}

/* ========== Navigation & Breadcrumb 板块样式（从 style.css line 272-284）========== */
.product_nav_crumber_box{width: 100%;height: auto;position: relative;z-index: 2;}
.product_nav_crumber_box:before{content: "";display: block;width: 64.583%;height: 90px;background: #378ec3;position: absolute;left: 0;top: -29px;clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);}
.product_nav_crumber_box:after{content: "";display: block;width: 36.25%;height: 90px;background: #378ec3;position: absolute;right: 0;top: -29px;clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);}
.product_nav_crumber_box .contentWH1600{display: flex;justify-content: space-between;align-items: flex-start;}
.product_nav_box{width: 60.13%;height: 90px;display: flex;justify-content: space-between;align-items: center;margin-top: -30px;position: relative;z-index: 2;}
.product_nav_box li{margin-right: 5px;}
.product_nav_box li:nth-of-type(1){margin-left: 0;}
.product_nav_box li a{display: flex;align-items: center;height: 100%;color: #FFFFFF;font-size: 16px;font-family: "Lato", sans-serif;font-weight: 700;
display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;height:52px; 
}
.product_crumber_box li{display:inline-flex;}

.product_crumber_box li a{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;height:52px;vertical-align:middle; display:table-cell;}

.product_nav_box li:hover a,.product_nav_box li.active a{color: #2EC102;}
.product_crumber_box{height: 90px;display: flex;justify-content: flex-end;align-items: center;margin-top: -30px;position: relative;z-index: 2;margin-right: -3rem;max-width: 31rem;}
.product_crumber_box li a,.product_crumber_box i{font-size: 16px;color: #FFFFFF;}
.product_crumber_box i{display: inline-block;margin: 0 12px;}
.product_crumber_box i:nth-last-of-type(1){display: none;}

.product_crumber_box li:nth-of-type(1) a ,.product_crumber_box li:nth-of-type(2) a {height:auto;}

/* ========== 响应式设计 - Banner 板块 ========== */

/* 1768px 以下 (line 792-794) */
@media (max-width: 1768px) {
   .product_banner_content_txt{width: 58.4%;}
   .product_banner_content{padding-top: 25px;}
   .product_nav_box li{margin-left: 20px;}
}

/* 1400px 以下 (line 809, 814) */
@media (max-width: 1400px) {
   .product_banner_content_txt{width: 73.4%;}
   .product_nav_box li{margin-left: 10px;}
}

/* 1200px 以下 (line 853-861, 862-863) */
@media (max-width: 1200px) {
   .product_banner_content_txt{width: 100%;}
   .product_nav_box{margin-top: 0;}
   .product_nav_box li a{font-size: 14px;}
   .product_nav_crumber_box:after,
   .product_nav_crumber_box:before{height: 100%;top: 0;}
   .product_nav_box{height: 60px;}
   .product_crumber_box{height: 60px;margin-top: 0;}
   .product_crumber_box li a, .product_crumber_box i{font-size: 14px;}
   .product_crumber_box i{margin: 0 5px;}
   .product_banner_content_txt h1{font-size: 40px;}
   .product_banner_content_txt p{font-size: 16px;}
}

/* 990px 以下 (line 913-920) */
@media (max-width: 990px) {
   .product_banner_bg{height: 252px;}
   .product_banner_bg img{height: 100%;object-fit: cover;}
   .product_nav_crumber_box .contentWH1600{flex-direction: column-reverse;justify-content: flex-start;align-items: flex-start;}
   .product_nav_box{width: 100%;}
   .product_nav_box{height: 30px;}
   .product_nav_crumber_box:before{width: 100%;clip-path: initial;height: 30px;top: auto;bottom: 0;}
   .product_nav_crumber_box:after{width: 100%;height: 30px;clip-path: initial;}
   .product_crumber_box{height: 30px;}
}

/* 768px 以下 (line 1075-1088) */
@media (max-width: 768px) {
   .product_banner_content_txt h1{font-size: 4.8vw;}
   .product_banner_content_txt p{font-size: 3.6vw;margin-top: 3.2vw;line-height: 1.6;}
   .product_banner_content{padding-top: 0;display: flex;align-items: center;}
   .product_banner_bg{height: 72vw;}
   .product_crumber_box li a, .product_crumber_box i{font-size: 2.7vw;}
   .product_crumber_box{height: 7.8vw;}
   .product_nav_crumber_box:before{height: 15.6vw;}
   .product_nav_crumber_box:after{height: 7.8vw;}
   .product_nav_box{height: auto;justify-content: flex-start;flex-wrap: wrap;}
   .product_nav_box li a{font-size: 3.2vw;}
   .product_nav_box li{width: 32%;margin-left: 2%;height: 7.8vw;margin-right:0;}
   .product_nav_box li:nth-of-type(3n+1){margin-left: 0;}
   .product_nav_box li:nth-last-of-type(1){width: 48.5%;}
}

/* ========== Content 容器样式 ========== */
.content{width: 100%;height: auto;}

/* ========== Product List 板块样式（从 style.css line 285-297）========== */
.product_list_box{width: 100%;height: auto;padding: 70px 0;padding-top: 50px;}
.product_list_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.product_list_ul li{width: 24%;height: auto;border-radius: 12px;overflow: hidden;box-shadow: 0px 0px 12px 6px #5959591f;border: 1px solid transparent;transition: all 0.3s;margin-left: 1.25%;margin-top: 20px;}
.product_list_ul li:nth-of-type(4n+1){margin-left: 0;}
.product_list_ul_img{width: 100%;height: auto;overflow: hidden;aspect-ratio: 4/3;}
.product_list_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.product_list_ul li h2{display: flex;justify-content: center;align-items: center;width: 100%;height: 70px;font-size: 24px;color: #000;font-family: "Lato", sans-serif;font-weight: 700;transition: all 0.3s;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  line-height: 33px;
}
.product_list_ul li:hover{border-color: var(--mainColor);}
.product_list_ul li:hover h2{color: var(--mainColor);}
.product_list_ul li:hover .product_list_ul_img img{transform: scale(1.1);}

/* ========== Pagination 分页样式 ========== */
.page{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;margin-top: 30px;}
.page li{margin: 0 5px;}
.page li a{display: flex;justify-content: center;align-items: center;min-width: 40px;height: 40px;padding: 0 10px;border-radius: 4px;background: #f5f5f5;color: #666;font-size: 16px;transition: all 0.3s;}
.page li a:hover,.page li a.active{background: var(--mainColor);color: #FFFFFF;}

/* ========== Product Advantage 板块样式（从 style.css line 298-310）========== */
.product_advantage_box{width: 100%;height: auto;padding: 80px 0;background: #378ec3;}
.product_advantage_title{width: 100%;height: auto;}
.product_advantage_title h2{font-size: 36px;color: #FFFFFF;text-align: center;font-family: "Lato", sans-serif;font-weight: 900;}
.product_advantage_title p{font-size: 18px;color: #FFFFFF;text-align: center;line-height: 1.6;margin-top: 20px;}
.product_advantage_ul{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;height: auto;}
.product_advantage_ul li{width: 23.75%;height: auto;margin-left: 1.625%;margin-top: 45px;}
.product_advantage_ul li:nth-of-type(4n+1){margin-left: 0;}
.product_advantage_ul_img{width: 100%;height: auto;overflow: hidden;border-radius: 12px;overflow: hidden;}
.product_advantage_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.product_advantage_ul li h2{font-size: 20px;color: #FFFFFF;font-family: "Lato", sans-serif;font-weight: 700;margin-top: 20px;}
.product_advantage_ul li p{font-size: 16px;color: #FFFFFF;line-height: 1.6;margin-top: 8px;}
.product_advantage_ul li:hover .product_advantage_ul_img img{transform: scale(1.1);}

/* ========== Index Title Box 通用标题样式 ========== */
.index_title_box{width: 100%;height: auto;}
.index_title_box h1,
.index_title_box h2{font-size: 36px;color: #000000;font-family: "Lato", sans-serif;font-weight: 900;text-align: center;}
.index_title_box p{font-size: 18px;color: #000000;font-family: "Lato", sans-serif;font-weight: 300;line-height: 1.6;text-align: center;margin-top: 18px;padding: 0 10%;}

/* ========== Product Application 板块样式（从 style.css line 311-323）========== */
.product_application_box{width: 100%;height: auto;padding: 70px 0;}
.product_application_content_box{width: 100%;height: auto;position: relative;}
.product_application_content_sw{width: 100%;height: auto;margin-top: 36px;}
.product_application_content_sw .swiper-slide{position: relative;border-radius: 12px;overflow: hidden;}
.product_application_content_sw_img{width: 100%;height: auto;overflow: hidden;}
.product_application_content_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.product_application_content_sw h2{font-size: 24px;color: #FFFFFF;font-family: "Lato", sans-serif;font-weight: 700;position: absolute;left: 30px;bottom: 30px;}
.product_application_content_sw .swiper-slide:hover .product_application_content_sw_img img{transform: scale(1.1);}
.product_application_content_sw_left,.product_application_content_sw_right{width: 45px;height: auto;aspect-ratio:1/1;background: var(--mainColor);display: flex;justify-content: center;align-items: center;font-size: 24px;font-family: "Poppins", sans-serif;font-weight: 300;color: #FFFFFF;border-radius: 50%;}
.product_application_content_sw_left{left: -66px;}
.product_application_content_sw_right{right: -66px;}

/* ========== Product FAQ 板块样式（从 style.css line 324-337）========== */
.product_faq_box{width: 100%;height: auto;padding-bottom: 70px;}
.product_faq_ul{width: 100%;height: auto;margin-top: 30px;}
.product_faq_ul li{width: 100%;height: auto;border-bottom: 1px solid rgba(102, 102, 102, 0.1);}
.product_faq_ul_top{width: 100%;height: 92px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.product_faq_ul_top h2{font-size: 24px;color: #000000;font-family: "Lato", sans-serif;font-weight: 700;}
.product_faq_ul_top span{display: block;width: 28px;height: auto;transition: all 0.3s;}
.product_faq_ul_top span img{width: 100%;height: auto;display: block;}
.product_faq_ul_bottom{width: 100%;height: auto;padding-bottom: 20px;display: none;}
.product_faq_ul_bottom p{font-size: 18px;color: #666;line-height: 1.7;font-family: "Lato", sans-serif;font-weight: 400;}
.product_faq_ul li.on .product_faq_ul_top span{transform: rotate(-180deg);}

/* ========== 响应式设计 - Product List 板块 ========== */

/* 1200px 以下 */
@media (max-width: 1200px) {
   .product_list_box{padding: 60px 0;padding-top: 40px;}
   .product_list_ul li{width: 32%;margin-left: 2%;}
   .product_list_ul li:nth-of-type(4n+1){margin-left: 2%;}
   .product_list_ul li:nth-of-type(3n+1){margin-left: 0;}
   .product_list_ul li h2{font-size: 20px;height: 60px;line-height: 28px;}
}

/* 990px 以下 */
@media (max-width: 990px) {
   .product_list_ul li{width: 48.5%;margin-left: 3%;}
   .product_list_ul li:nth-of-type(3n+1){margin-left: 3%;}
   .product_list_ul li:nth-of-type(2n+1){margin-left: 0;}
   .product_advantage_box{padding: 60px 0;}
   .product_advantage_ul li{width: 48.5%;margin-left: 3%;}
   .product_advantage_ul li:nth-of-type(4n+1){margin-left: 3%;}
   .product_advantage_ul li:nth-of-type(2n+1){margin-left: 0;}
   .product_application_box{padding: 60px 0;}
   .product_faq_box{padding-bottom: 60px;}
}

/* 768px 以下 - Product List & Other Sections */
@media (max-width: 768px) {
   .product_list_box{padding: 8vw 0;padding-top: 3.2vw;}
   .product_list_ul li{width: 100%;margin-top: 3.8vw;border-radius: 1.2vw;margin-left: 0;}
   .product_list_ul li h2{font-size: 3.8vw;height: 10.8vw;line-height: normal;}
   .page{margin-top: 5.8vw;}
   .page li a{min-width: 8vw;height: 8vw;font-size: 3.2vw;border-radius: 0.8vw;}
   .product_advantage_box{padding: 8vw 0;}
   .product_advantage_title h2{font-size: 4.8vw;}
   .product_advantage_title p{font-size: 3.6vw;margin-top: 3.2vw;}
   .product_advantage_ul li{width: 100%;margin-top: 3.8vw;margin-left: 0;}
   .product_advantage_ul_img{border-radius: 1.2vw;}
   .product_advantage_ul li h2{font-size: 3.8vw;margin-top: 2.2vw;}
   .product_advantage_ul li p{font-size: 3.6vw;margin-top: 3.2vw;}
   .index_title_box h1,.index_title_box h2{font-size: 4.8vw;}
   .index_title_box p{font-size: 3.6vw;margin-top: 3.2vw;padding: 0;}
   .product_application_box{padding: 8vw 0;}
   .product_application_content_sw_left, .product_application_content_sw_right{width: 5.8vw;height: 5.8vw;font-size: 3.6vw;line-height: normal;}
   .product_application_content_sw .swiper-slide{border-radius: 1.2vw;}
   .product_application_content_sw h2{font-size: 3.8vw;left: 4%;bottom: 5%;}
   .product_application_content_sw{margin-top: 5.8vw;}
   .product_faq_box{padding-bottom: 8vw;}
   .product_faq_ul_top h2{font-size: 3.8vw;}
   .product_faq_ul{margin-top: 3.8vw;}
   .product_faq_ul_top{height: 20.8vw;}
   .product_faq_ul_top span{width: 4.8vw;}
   .product_faq_ul_bottom p{font-size: 3.6vw;}
   .product_faq_ul_bottom{padding-bottom: 3.2vw;}
	.product_application_content_sw_right{right:36px}
	.product_application_content_sw_left{left:36px}
}