/******************************************************************** 软软硬结合 rigid flex pcb *********************************************************************/

/****************************************************** PUBLLIC ******************************************************/
:root {
	--bggrey:#f2f2f2;       /* 背景颜色 */
	--font_title:42px;          /* 标题字体大小 */    
    --font_ftitle:26px;          /* 副标题字体大小 */
    --font_ftitle2:18px;          /* 副标题字体大小 */
    --font_p:16px;              /* 默认段落字体大小 */
    --font_p2:14px;              /* 默认段落字体大小 */
	--fontcolor:#3c3b3b;    /* 字体颜色 */
	--titlecolor:#010101;  /* 标题颜色 */
	--maxwidth:1920px;       /* 页面最大宽度 */
	--lbpd:155px;           /* 初始边距 */
	--green01:#6eb92b;  /* 绿色01 */
	--green02:#5ba91f;  /* 绿色02 */
    --grey01:#f4f6fa;  /* 灰色01 */
}
.h_container{max-width:var(--maxwidth);margin:0 auto;}
.padding_left{padding-left:var(--lbpd);}
.padding_right{padding-right:var(--lbpd);}
.pd80{padding-top:80px;padding-bottom:80px;}
.p80{padding-top:80px;}
.d80{padding-bottom:80px;}
.d120{padding-bottom:120px;}
.d40{padding-bottom:40px;}
.height_head{height:150px;max-height:200px;}
.title_desc{font-size: 16px;line-height: 30px;margin-bottom: 30px;color:var(--fontcolor);}
.pd0{padding-top:0px;padding-bottom:0px;}
.p0{padding:0px;}
.gaq{font-weight:600;font-size:18px;}
.marg-r0{margin-right:0px;}
.marg-l0{margin-left:0px;}
.title38 {font-size: 38px;color: #010101;font-weight: 600;line-height: 35px;}
.pdleft {padding-left: 155px;}
.pdright {padding-right: 155px;}
.dfp {display: flex;flex-wrap: wrap;}
.row{padding:0px;}
.pdlt55{padding-left:55px;}

.marginleft-50{margin-left:-50px;}
/*a*/
a{color:#333; text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:underline;}


/************* 公用标题按钮 *************/
.page-title-box{display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;}
.page-title{font-size:var(--font_title);color:var(--titlecolor);line-height: 1.2;margin-bottom: 60px;height: 90px;font-weight:700;}	
.text-right{text-align: right;}
.quote-btn {
    display: inline-block;width: 180px;height: 50px;line-height: 50px;background-color: #fff;color: var(--titlecolor);
    text-decoration: none;border-radius: 10px;font-weight: bold;text-align: center;transition: all 0.3s;cursor: pointer;   
}
.quote-btn:hover {background-color: var(--green01);color: #fff;text-decoration: none;}
@media (max-width: 1600px) {
    .quote-btn{margin-top: -50px;}
}
@media (max-width: 991px) {   
    .quote-btn{margin-top: -50px;}    
    .quote-btn{margin-top: -30px;}
    .page-title{margin-bottom: 0px;}
}
@media (max-width: 700px) {
    .page-title br {display: none;}.page-title {margin-bottom:30px;}.page-title-box{flex-wrap:wrap;}
    .page-title{height: 80px;width:100%;}.page-title-box{padding-bottom: 50px;} .quote-btn,.quote-btn{width:50%;}
}

/************* 公用标题按钮 *************/

/************* 公共边距 和标题字体 *************/
@media (max-width: 1600px) { 
    :root {
        --font_title:36px;         
    }    
}
@media (max-width: 1500px) { 
    :root {
        --lbpd:100px;
        --font_p:14px;
    }
}
@media (max-width: 1300px) { 
    :root {
        --lbpd:80px;        
    }
}
@media (max-width: 991px) {
    :root {
        --font_ftitle:22px;   
        --lbpd:30px;    
        --font_title:29px;
    }    
    .p80{padding-top:50px;}.d80{padding-bottom:50px;}      
}
@media (max-width: 450px) {
    :root {
        --font_ftitle:16px;  /* 副标题字体大小 */     
        --lbpd:15px;    
    }    
}
/************* 公共边距 *************/
/****************************************************** PUBLLIC ******************************************************/


/****************************************************** page code css 1 start ******************************************************/
.rfp_01_ifm iframe{width:100%;height:750px;cursor: pointer;}
.page_rfp_01{width:100%;}
.rfp_01_title{padding-top:15%;font-size:var(--font_title);color:var(--titlecolor);font-weight:600;padding-bottom:30px;}
.rfp_01_p{line-height:28px;font-size:var(--font_p);font-weight:500;color:var(--fontcolor);}
.page_but_01{
    height:50px;width:180px;margin-top:60px;border-radius:10px;background-color:white;text-align:center;
    line-height:50px;cursor:pointer;border:1px solid var(--titlecolor);
}
.page_but_01:hover{background-color:var(--green01);color:white;border:1px solid var(--green01);}
.rfp_01_pdlt55{padding-left:55px;}
@media (max-width: 1920px) {.rfp_01_ifm iframe{height:700px;}}
@media (max-width: 1800px) {.rfp_01_ifm iframe{height:650px;}}
@media (max-width: 1700px) {.rfp_01_ifm iframe{height:600px;}}
@media (max-width: 991px) {.rfp_01_pdlt55{padding-left:5px;}.rfp_01_title{padding-top:5%;}}
@media (max-width: 900px) {.rfp_01_ifm iframe{height:500px;}}
@media (max-width: 800px) {
    .rfp_01_ifm iframe{height:450px;}.rfp_01_title{padding-bottom: 15px;}    
}
@media (max-width: 700px) {.rfp_01_ifm iframe{height:400px;}}
@media (max-width: 600px) {.rfp_01_ifm iframe{height:350px;}}
@media (max-width: 500px) {.rfp_01_ifm iframe{height:300px;}}
/****************************************************** page code css 1 end ******************************************************/


/****************************************************** page code css 2 start ******************************************************/
.page2-section {padding: 60px 0;background-color: var(--bggrey);color: #fff;overflow: hidden;}
.page2-container {max-width: 1920px;margin: 0 auto;}
.page2-grid {display: grid;grid-template-columns: repeat(5, 1fr);   margin-bottom: 45px;}
.page2-item {
    text-align: center;height: 235px;display: flex;flex-direction: column;align-items: center;
    justify-content: center;transition: all 0.3s ease;cursor: pointer;padding: 20px;
}
.page2-item:hover {transform: translateY(-3px) scale(1.15);box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.page2-icon {width: 75px;height: 75px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}
.page2-icon img {width: 100%;height: 100%;object-fit: contain;}
.page2-item-title {font-size: 16px;line-height: 1.5; margin: 0; padding: 0 10px;color: #e0e0e0;}
.bgk01 { background-color: var(--green01);}
.bgk02 {background-color: var(--green02);}
.icon-fujiafuwu{font-size: 50px;color: var(--bggrey);}
@media (max-width: 1600px) {.page2-grid {grid-template-columns: repeat(4, 1fr);}      }
@media (max-width: 1200px) {.page2-grid {grid-template-columns: repeat(3, 1fr);}  }
@media (max-width: 991px) {.page2-grid {grid-template-columns: repeat(2, 1fr);}   }
@media (max-width: 576px) {.page2-grid { grid-template-columns: 1fr;}.page2-item {height: auto;min-height: 200px;}} 
/****************************************************** page code css 2 end ******************************************************/




/****************************************************** page code css 3 start ******************************************************/
.P3-tnr{margin-left: auto; margin-right: 0;}
.P3-tnrp{font-size:var(--font_p);color:var(--fontcolor);line-height:30px;padding-top:8px;text-align:justify;}
.P3-wlist{display:flex;padding-top:20px;justify-content:space-between;}
.P3-klist{height:120px;width:152px;text-align:center;cursor:pointer;border:0px solid #dfdcdc;margin:15px;}
.P3-klist img{width:152px;}
.P3-klist-nr{height:36px;line-height:36px;font-size:14px;border-bottom: none;transition: border-bottom 0.3s ease;}
.P3-klist:first-child .P3-klist-nr {border-bottom: 1px solid #00a13d;}
.P3-flist{padding-top:20px;display:flex;flex-wrap: wrap;}
.P3-flist-nr{width:80px;height:80px;border:0px solid red;line-height:80px;text-align:center;font-size:14px;}
.P3-flist-k{width:60px;height:60px;cursor:pointer;border:0px solid red;margin:5px;}
.P3-flist-k:first-of-type{border: 1px solid #00a13d;}
#Himg{width:100%;height:480px;}
.P3form-in{width:60px;border:0px solid green;line-height:40px;}
.floating-div {position: absolute;top:107px;right:300px;border-radius: 5px;z-index: 10; width:545px;height:405px;}
#Himgs{width:100%;height:100%;}
.P3-title{font-size:38px; color: #010101; font-weight: 600;}
.P3d10{padding-top:10px;}
/* 响应式 */
@media (max-width:1700px) {.floating-div{right:250px;}}  
@media (max-width:1600px) {.P3-tnr{width:875px;}.floating-div{right:200px;}    }  
@media (max-width:1500px) {.floating-div{right:150px;}   }  
@media (max-width:1400px) {.P3-tnr{width:775px;}.P3-wlist{flex-wrap:wrap;}}  
@media (max-width:1300px) {.P3-tnr{width:575px;}}    
@media (max-width:1200px) {.floating-div{right:100px;width:445px;height:305px;}#Himg{height:380px;}}
@media (max-width:991px) {
    .P3-tnr{width:100%;}.floating-div{right:100px;width:345px;height:205px;}
     #Himg{height:280px;}.P3-tnr{/*padding-left:15px;*/} 
}  
@media (max-width:900px) { .floating-div{right:90px;width:345px;height:205px;}#Himg{height:280px;}}
@media (max-width:800px) {.floating-div{right:80px;width:300px;height:205px;top:60px;}#Himg{height:280px;}   .P3-tnrp{line-height:26px;}}  
@media (max-width:700px) {.floating-div{right:50px;width:260px;height:180px;}#Himg{height:260px;}}
@media (max-width:650px) {
    .page3-title-box{padding-left:0px;}.P3-tnr{padding-left:5px;width:100%;}.P3-klist-nr{font-size:11px;line-height:26px;height:26px;}
    .P3-klist{height:80px;width:80px;margin:10px;}.P10leftlist{padding-left:20px;padding-right:20px;}.page3-mos{margin-bottom:30px;}
}
@media (max-width:500px) {
    .floating-div{right:30px;width:180px;height:140px;top:70px;top:30px;}#Himg{height:180px;}.P3-flist{padding-top:20px;}  
    .P10leftlist{padding-left:20px;padding-right:10px;}
}  
@media (max-width:400px) {.P3-klist-nr{font-size:9px;line-height:22px;height:42px;}.P3-klist{height:70px;width:55px;margin:5px;}}
/****************************************************** page code css 3 end ******************************************************/




/****************************************************** page code css 4 start ******************************************************/
.page4-section{background-color: var(--bggrey);}
.capabilities-section { margin: 0 auto;}
.capabilities-container {display: flex;flex-direction: column;align-items: flex-end;}
.capabilities-table {width: 100%;background: #fff;border-radius: 4px;overflow: hidden;margin-bottom: 50px;}
.table-header {display: flex;background: #8CC63F;height: 80px;position: sticky;top: 0;z-index: 10;}
.header-cell {padding: 20px;color: #fff;font-size:var(--font_ftitle);font-weight: bold;display: flex;align-items: center;}
.table-row {display: flex;border-bottom: 1px solid var(--grey01);}
.table-row:nth-child(odd) {background: var(--grey01);}
.row-cell {padding: 20px;font-size:var(--font_p);line-height: 1.5;color:var(--fontcolor);}
.row-cell:first-child {font-weight: bold;}
.w10{width:10%;}.w30{width:30%;}.w60{width:60%;}
.table-body {max-height: 500px;overflow-y: auto; }
@media screen and (max-width: 768px) {
    .capabilities-section { padding: 40px 0;} 
    .header-cell {padding: 15px;}.row-cell {padding: 15px;}
    .table-body {max-height: 400px;}
}
@media screen and (max-width: 480px) {
    .table-header,.table-row {flex-direction: column;}.header-cell,.row-cell {width: 100%; flex: none;}    
    .table-header {height: auto;}.header-cell:first-child {border-bottom: 1px solid rgba(255,255,255,0.2);}
    .header-cell:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.2);}.row-cell:first-child {background: #f0f0f0;}
}
.hgrey:hover{background-color:var(--grey01);}
/****************************************************** page code css 4 end ******************************************************/




/****************************************************** page code css 5 start ******************************************************/
.page5-section {width: 100%;background: #fff;overflow: hidden;}
.header-content {display: flex;justify-content: space-between;align-items: flex-start;}
.process-title {font-size: var(--font_ftitle);font-weight: bold;color: #333;line-height: 1.2;margin: 0;}
.process-slider {position: relative;width: 100%;overflow: hidden;}
.process-track {display: flex;width: calc(315px * 12 + 6px * 11); /* 6个项目x2倍 + 间距 */animation: infiniteSlide 30s linear infinite;}
.process-item {width: 315px;margin-right: 6px;flex-shrink: 0;background-color:var(--bggrey);text-align:center;cursor: pointer;}
.process-item:hover{background-color:var(--green01);    }
.process-item:hover .process-number,
.process-item:hover .process-name {color: white;}
.process-number {font-size:var(--font_ftitle);font-weight: bold;color:var(--titlecolor);margin-bottom: 15px;   align-items: center;padding-top:20px;}
.process-name {font-size: var(--font_ftitle);color: var(--titlecolor);margin-bottom: 20px;}
.process-image {width: 100%;height: 330px;background: #000;overflow: hidden;}
.process-image img {width: 100%; height: 100%;object-fit: cover;}
.process-pagination {display: flex;justify-content: center;gap: 10px;margin-top: 40px;padding-bottom: 40px;}
.pagination-dot {width: 20px;height:5px;background-color: #ddd;cursor: pointer;transition: all 0.3s ease;}
.pagination-dot.active {background-color: var(--green01);transform: scale(1.2);}
.pagination-dot:hover {background-color: var(--green01);}
/* 无缝滚动动画 */
@keyframes infiniteSlide {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-315px * 6 - 6px * 5));}
}
.process-slider:hover .process-track {animation-play-state: paused;}/* 鼠标悬停时暂停动画 */
@media screen and (max-width: 1600px) {.process-item {width: 280px;}.process-image { height: 280px;}.process-number { height: 100px;}}
@media screen and (max-width: 1500px) {.process-number {height: 80px;}}
@media screen and (max-width: 1200px) {.process-item { width: 240px;}.process-image {height: 240px;}.process-number {height: 60px;}}
@media screen and (max-width: 991px) {
    .header-content {flex-direction: column;align-items: center;text-align: center;}
    .process-title {margin-bottom: 20px;}.process-item {width: 200px;}.process-image {height: 200px;}.process-number {height: 50px;}
}
@media screen and (max-width: 768px) { 
    .process-item {width: 180px;}.process-number {height: 40px;}.process-image {height: 180px;}
    .page5-mos{margin-bottom:30px;}
}
@media screen and (max-width: 480px) {.process-item {width: 140px;}.process-image {height: 140px;}.page5-mos{margin-bottom:80px;}}
/****************************************************** page code css 5 end ******************************************************/



/****************************************************** page code css 6 start ******************************************************/
/* 证书展示区域样式 */
:root{--w140:140px;--h185:185px;--h100:100px;}
.page6-section{background-color:var(--bggrey);}
.page6-nr{font-size:var(--font_p);color:var(--titlecolor);line-height:30px;padding-top:8px;}
.page_zs_inc{display: flex;flex-wrap: wrap;gap:10px;padding-top:30px;}
.inc_p{font-size:12px;color:var(--titlecolor);text-align: center;padding-top:10px;}
.page_zs_inc img{width:60px;height: 60px;}
.page_zs_inc img:hover{transform: scale(1.05);transition: all 0.3s ease;}
.page6-right{width:100%;border:0px solid red;padding-left:170px;display: flex;flex-direction:row;height:500px;margin-top:35px;}
.page6-right-theme{border:0px solid blue;display:flex;flex-direction:column;justify-content:space-between;margin-right:10px;}
.page6-right-theme-item{width:var(--w140);height:50%;border:1px solid green;}
.page6-right-T1{width:var(--w140);height:var(--h100);background-color:var(--green01);margin-bottom: 10px;}
.page6-right-T2{width:var(--w140);height:var(--h185);margin-bottom: 10px;}
.page6-right-T3{width:var(--w140);height:var(--h185);}
.page6-right-T4{width:var(--w140);height:var(--h185);}
.page6-right-T5{width:var(--w140);height:var(--h185);}
.page6-right-T6{width:var(--w140);}
.page6-right-T7{width:var(--w140);height:var(--h185);position:relative;top:-35px;}
.page6-right-T8{width:var(--w140);height:var(--h185);margin-top:-25px;}
.page6-right-T9{width:var(--w140);height:var(--h185);position:relative;top:10px;}
.page6-right-T10{width:var(--w140);height:var(--h100);background-color:var(--green01);margin-bottom: 10px;}
.page6-right-T11{width:var(--w140);height:var(--h185);margin-bottom: 10px;}
.page6-right-T12{width:var(--w140);height:var(--h185);}
.page6-right-T13{width:var(--w140);height:var(--h185);}
.page6-right-T14{width:var(--w140);height:var(--h185);}
.page6-right-T15{width:var(--w140);height:var(--h100);background-color:#e2df8d;}
.page6-right-theme-mobile{display:flex;flex-direction:row;flex-wrap:wrap;display:none;}
.page6-right-theme-mobile img{width:150px;height:120px;margin:5px;}
@media (max-width: 1800px) {.page6-right{padding-left:130px;}}
@media (max-width: 1700px) {.page6-right{padding-left:50px;}}
@media (max-width: 1600px) {.page6-right{padding-left:20px;}}
@media (max-width: 1500px) {.page6-right{padding-left:120px;}:root{--w140:100px;--h185:135px;--h100:70px;}.page6-right{height: 360px;}}
@media (max-width: 1400px) {.page6-right{padding-left:80px;}}
@media (max-width: 1300px) {.page6-right{padding-left:40px;}}               
@media (max-width: 1200px) {.page6-right{padding-left:0px;}}
@media (max-width: 1100px) {:root{--w140:80px;--h185:105px;--h100:50px;}.page6-right{height: 290px;}.page6-right{padding-left:50px;}}
@media (max-width: 1100px) {.page6-right{padding-left:0px;}}
@media (max-width: 991px) {:root{--w140:140px;--h185:185px;--h100:100px;}.page6-right{height: 500px;}.page6-right{margin-top:60px;}}
@media (max-width: 800px) {:root{--w140:100px;--h185:135px;--h100:70px;}.page6-right{height: 360px;}}
@media (max-width: 620px) {
    .page6-right-theme{display:none;}.page6-right-theme-mobile{display:block;display:flex;flex-direction:row;justify-content:space-between;}
    .page6-right{height:100%;margin-top:30px;padding:0px;}
}
/****************************************************** page code css 6 end ******************************************************/




/****************************************************** page code css 7 start ******************************************************/
.page7-container {display: flex;width: 100%;max-width: 1920px;margin: 0 auto;gap: 5px;overflow: hidden;isolation: isolate;}
.exte {
    flex: 1;height: 700px;position: relative;transition: flex 400ms cubic-bezier(0.33, 1, 0.68, 1);transform: translateZ(0);
    backface-visibility: hidden;will-change: transform;overflow: hidden;
}
.exte-inner {width: 100%;height: 100%;position: relative;}
.exte-inner img {width: 100%;height: 100%;object-fit: cover;}
.P1-img-nr {
    position: absolute;bottom: 0;left: 0;right: 0;height: 30%;
    padding: 50px 20px;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;text-align: center;
}
.P1-tetle {color: white;margin-bottom: 15px;transform: translateY(0);transition: transform 0.3s ease;}
.P1yc {max-height: 0;opacity: 0;overflow: hidden;transition: all 0.4s ease;transform: translateY(20px);}
.P1yc span{color: white; font-size: var(--font_p); line-height: 30px;}
.P3-nr-p{font-size:var(--font_p);line-height:30px;}
/* 默认状态：第一个展开 */
.page7-container .exte:first-child {flex: 0 0 585px;}
.page7-container .exte:not(:first-child) { flex: 1;}
/* 鼠标悬停状态 */
.page7-container:hover .exte {flex: 1;}
.page7-container .exte:hover {flex: 0 0 585px;}
/* 显示内容 */
.page7-container .exte:first-child .P1yc,
.page7-container .exte:hover .P1yc { max-height: 500px; opacity: 1;transform: translateY(0);}
.pagebg{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, #58bba5 100%);}
/* 响应式布局 */
@media (max-width: 1200px) {
    .page7-container {flex-wrap: wrap;gap: 10px;}    
    .exte { flex: 0 0 calc(50% - 5px) !important;height: 500px;}    
    .page7-container .exte:first-child,.page7-container .exte:hover {flex: 0 0 calc(50% - 5px) !important;}
    .P3-title-p{margin-top:30px;}
}
@media (max-width: 991px) {.P3-title-p{margin-top:0px;}}
@media (max-width: 900px) {
    .exte { height: 400px;}    
    .P1-img-nr {padding: 30px 15px;}    
    .P1-tetle {font-size: 18px;}    
    .P1yc span {font-size: 14px;line-height: 1.4;}
}
@media (max-width: 576px) {
    .exte {flex: 0 0 100% !important;height: 350px;}    
    .page7-container .exte:first-child,
    .page7-container .exte:hover {flex: 0 0 100% !important;}
}
/****************************************************** page code css 7 end ******************************************************/


/****************************************************** page code css 8 start ******************************************************/
.page8-section {padding: 80px 0;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;}
/* 流程容器 */
.oem-process-container {width: 100%;}
.oem-process-wrapper {display: flex;align-items: flex-start;padding: 10px 0;justify-content: space-between;}
/* 流程步骤 */
.page8-process-step {display: flex;flex-direction: column;align-items: center;width: 126px;}
.page8-process-card {
    width: 126px;height: 126px;background-color: #959595;border-radius: 15px;display: flex;flex-direction: column;opacity: 0.9;
    align-items: center;justify-content: center;position: relative;transition: all 0.3s ease;cursor: pointer;margin-bottom: 20px;
}
.page8-process-card:hover {transform: translateY(-10px) scale(1.05);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);}
.page8-process-icon i{font-size:45px;color: #fff;transition: all 0.3s ease;}
.page8-process-card:hover .page8-process-icon {transform: scale(1.1);}
.page8-process-number {font-size:var(--font_ftitle2);font-weight: bold;margin: 0;color: #fff;}
/* 流程内容 */
.page8-process-content {text-align: center;width: 120%;}
.page8-process-title {font-size: 14px;font-weight:600;color: #fff;margin: 0 0 10px 0;line-height: 1.2;}
.page8-process-desc {font-size: 12px;color: #fff;margin: 0;line-height: 1.4;}
/* 箭头 */
.page8-process-arrow i{color: #fff;font-size:32px;font-weight:1000;line-height:120px;}
/* 响应式 */
@media (max-width: 1700px) {   
    .page8-process-card{ width: 116px;height: 116px;}.page8-process-icon i{font-size:40px;}.page8-process-arrow i{font-size:28px;}
}
@media (max-width: 1500px) {
    .page8-process-card{ width: 106px;height: 106px;}.page8-process-icon i{font-size:35px;}.page8-process-arrow i{font-size:22px;}
}
@media (max-width: 1200px) {
    .oem-process-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:15px;} /* 改为网格布局*/
    .page8-process-arrow{text-align:center;}   
}
@media (max-width: 800px) {
    .oem-process-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;} .page8-process-arrow{display:none;}
}
@media (max-width: 620px) {
    .oem-process-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;} .page8-process-desc{display:none;}
}
@media (max-width: 500px) {
    .oem-process-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;} .page8-process-card {width: 85px;height: 85px;}
    .page8-process-icon i{font-size:18px;}.page8-process-number{font-size:14px;}.page8-process-content{width:100%;}
    .page8-process-step{width:90px;}
}
/****************************************************** page code css 8 end ******************************************************/



/****************************************************** page code css 9 start ******************************************************/
.page9-section{background-color: var(--bggrey);}
.P8-lmk{padding:0px;padding-bottom:30px;padding-top:20px;}
.P8-lm{border:1px solid #ccc;padding-left:22px;padding-right:22px;padding-top:12px;padding-bottom:12px;border-radius:5px;}
/* .P8-k{margin-bottom:20px;padding-top:15px;} */
.P8-item{border:0px solid white;width:100%;padding:0px;}
.P8-itemnr{position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color:#00a13d; display: flex; justify-content: center; align-items: center; color: white; font-size: 16px;}
.imghg100{width:100%;height:100%;}
.P8bord{border-right:5px solid white;}
.P8bord02{border-bottom:2.5px solid white;border-right:2.5px solid white;}
.P8bord03{border-bottom:2.5px solid white;border-left:2.5px solid white;}
.P8bord04{border-top:2.5px solid white;border-right:2.5px solid white;}
.P8bord05{border-top:2.5px solid white;border-left:2.5px solid white;}
.public-btn {
    display: inline-block;width: 180px;height: 50px;line-height: 50px;background-color: #fff;color: var(--titlecolor);
    text-decoration: none;border-radius: 10px;font-weight: bold;text-align: center;transition: all 0.3s;cursor: pointer;   
}
.public-btn:hover{cursor:pointer;color:#fff;background-color: var(--green01);}
@media (max-width: 991px) {
    .P3-nr-p{padding-top:20px;}
    .P8bord,.P8bord02,.P8bord03,.P8bord04,.P8bord05{border:0px;}
   
}
.plet0{padding-left:0px;}

/****************************************************** page code css 9 end ******************************************************/



/****************************************************** page code css 10 start ******************************************************/
/* page code 10 轮播组件样式开始 */
.page10-carousel-wrapper {
    position: relative;width: 100%;margin: 0 auto;display: flex;align-items: center;
    justify-content: center;gap: 30px;margin-top:35px;
}
.page10-nav-btn {
    width: 40px;height: 30px;background-color: #00a13d;color: white;border: none;
    border-radius: 5px;cursor: pointer;display: flex;align-items: center;justify-content: center;
    font-size: 16px;transition: all 0.3s ease;z-index: 10;flex-shrink: 0;
}
.page10-nav-btn:hover {background-color: #008a33;transform: scale(1.05);}
.page10-carousel-container {width: 925px;overflow: hidden;position: relative;}
/* 马灯效果轨道 */
.page10-carousel-track {display: flex;width: max-content;animation: marqueeSlide 20s linear infinite;will-change: transform;}
/* 马灯动画 */
@keyframes marqueeSlide {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}
/* 暂停动画 */
.page10-carousel-track:hover {animation-play-state: paused;}
.page10-carousel-item {
    width: 295px;height: 360px;margin-right: 20px;background-color: #f8f9fa;border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);overflow: hidden;flex-shrink: 0;transition: transform 0.3s ease;
}
.page10-carousel-item:hover {transform: translateY(-5px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}
.page10-carousel-item:last-child {margin-right: 0;}
.page10-video-placeholder {
    width: 100%;height: 225px;background-color: #000;position: relative;display: flex;
    align-items: center;justify-content: center;overflow: hidden;
}
/* YouTube缩略图样式 */
.page10-video-thumbnail {width: 100%;height: 100%;object-fit: cover;cursor: pointer;}

.page10-video-overlay {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);
    display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;
}
.page10-video-overlay:hover {background: rgba(0, 0, 0, 0.5);}
.page10-play-button {
    width: 60px;height: 60px;background-color: rgba(255, 255, 255, 0.9);border-radius: 50%;display: flex;align-items: center;
    justify-content: center;cursor: pointer;transition: all 0.3s ease;position: relative;
}
.page10-play-button:hover {background-color: white;transform: scale(1.1);}
.page10-play-button span {font-size: 24px;color: #333;margin-left: 3px;}
/* 隐藏的iframe */
.page10-video-iframe {width: 100%;height: 100%;border: none;display: none;}
.page10-item-content {height: 135px;padding: 20px;display: flex;flex-direction: column;justify-content: space-between;}
.page10-rating {display: flex;align-items: center;gap: 3px;margin-bottom: 10px;}
.page10-rating .icon-shoucang {color: #ffc107;font-size: 14px;}
.page10-avatar {width: 20px;height: 20px;background-color: #343a40;border-radius: 50%;margin-left: 8px;margin-right:15px;}
.page10-description {font-size: 14px;line-height: 1.4;color: #333;margin: 10px 0;flex: 1;}
.page10-location {font-size: 12px;color: #6c757d;margin: 0;}
.page10-pagination {display: flex;justify-content: center;gap: 25px;margin-top: 25px;height: 80px;align-items: center;}
.page10-dot {width: 35px;height: 5px;background-color: #e5e5e5;cursor: pointer;transition: background-color 0.3s ease;}
.page10-dot.active {background-color: #00a13d;}
.page10-dot:hover {background-color: #00a13d;}
/* 控制按钮功能 */
.page10-speed-control {display: flex;gap: 10px;align-items: center;}
.page10-speed-btn {padding: 5px 10px;background-color: #f8f9fa;border: 1px solid #ddd;border-radius: 3px;cursor: pointer;font-size: 12px;}
.page10-speed-btn.active {background-color: #00a13d;color: white;}
@media (max-width: 1200px) {
    .page10-carousel-container {width: calc(100vw - 140px); max-width: 925px;}    
    .page10-carousel-item {width: 280px;}
}
@media (max-width: 991px) {
    .page10-carousel-wrapper {flex-direction: column;gap: 15px;}    
    .page10-nav-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 20;}    
    .page10-nav-left {left: 10px;}    
    .page10-nav-right {right: 10px;}    
    .page10-carousel-container {width: 100%;max-width: 620px;}    
    .page10-carousel-item {width: 290px;}
}
@media (max-width: 768px) {
    .page10-carousel-container {max-width: 600px;}    
    .page10-carousel-item {width: 280px;height: 340px;}    
    .page10-video-placeholder {height: 210px;}    
    .page10-item-content {height: 130px;padding: 15px;}
}
@media (max-width: 576px) {
    .page10-carousel-container {max-width: 320px;}    
    .page10-carousel-item { width: 295px;height: 320px;}    
    .page10-video-placeholder {height: 200px;}    
    .page10-item-content {height: 120px;padding: 12px;}    
    .page10-description {font-size: 13px;}    
    .page10-pagination {gap: 15px;margin-top: 20px;}    
    .page10-dot {width: 25px;}
}
/* page code 10 轮播组件样式结束 */
.table {border-collapse: collapse; width: 100%; table-layout: fixed; }
.table thead th, .table tbody td {vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table tbody tr { height: 65px;border-bottom: 1px solid #ddd; }
.country-icon {width: 30px;height: 20px;margin-right: 5px;}
.font14{font-size:var(--font_p2);}
.table-title{color:var(--titlecolor);font-size:var(--font_ftitle2);font-weight: 600;}
@media (max-width: 991px) {   
    .slider-container{margin-top:15px;}
    .page10-mos{width: 100%;}    
}
@media (max-width: 450px) {
    :root{
        --font_p2:12px;
    }
    .table-condensed tr{font-size:14px;font-weight:600;}
}
/****************************************************** page code css 10 end ******************************************************/



/****************************************************** page code css 11 start ******************************************************/
.page11-section{background-color: var(--bggrey);}
.P10-head{
    height:80px;color:white;border:1px solid white;font-size:20px;font-weight:600;text-align:center;line-height:80px;cursor:pointer;
}
.P10Events {
    position: relative;width: 100%; overflow: hidden;background-color:#aeaeae;color: white;border: 1px solid white;padding:0px;
}
.P10-left, .P10-right {
    position: absolute;top: 50%;width: 50px; height: 50px;line-height: 50px;text-align: center;background-color: rgba(255, 255, 255, 0.5);
    color: white;border-radius: 50%;cursor: pointer;z-index: 1000;
}
.P10-left {left: 10px;}
.P10-right {right: 10px;}
.P10-container {display: flex; transition: transform 0.5s ease;}
.P10-list {position: relative;min-width: 100%;height: 100%;max-height:1500px;}
.P10-list img { width: 100%;height: 100%;object-fit: cover;}
.P10-list-bt {
    position: absolute;bottom: 0;left: 0;width: 100%;height: 180px;background-color: rgba(0, 0, 0, 0.5); 
    color: white;font-size: 18px;padding-left:30px;padding-right:30px;
}
.d3-border { width: 100%;border: 0px solid red;padding-right:20px;padding-left:20px;padding-top:30px;}
.P10-malistk{width:100%;border:0px solid green;display:flex;padding:0px;justify-content:center;}
.P10-malist{
    width:170px;height:230px;margin-left:20px;margin-right:20px;border:1px solid white;box-shadow: 0 20px 30px rgba(255, 255, 255, 0.2);
    transform: translateY(10px);cursor: pointer;
}
.P10-madowdsk{
    width:100%;height:70px;border:0px solid green;display:flex;justify-content:center;
}
.P10-madowds{
    width:170px;height:30px;border:0px solid white;margin-left:20px;margin-right:20px;
}
.P10-malist-dls{
    text-align:center;font-size:14px;cursor:pointer;height:100%;width:140px;border:1px solid white;margin:0px auto;
    border-radius:10px;display:flex;justify-content:center;line-height:28px;
}
.P10-right-title{height:80px;background-color:#7a7a7a;color:white;border:1px solid white;}
.P10-right-k{height:740px;border:1px solid white;padding: 5px 0;background-color:#27262c;}
.P10-list-item {padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;border-bottom: 1px solid #ccc;}
.P10-list-title {
    font-size: 16px;font-weight: 600; line-height: 2;overflow: hidden;white-space: normal;display: -webkit-box;
    -webkit-line-clamp: 2;  -webkit-box-orient: vertical;text-overflow: ellipsis; 
}
.P10-list-content {
    font-size: 14px;line-height: 1.5;overflow: hidden;white-space: normal;display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis;margin-top: 10px;
}
.P10-list-footer {
    display: flex; justify-content: space-between;align-items: center;margin-top: 10px;
}
.P10-list-date {font-size: 12px;color: #888;}
.P10-list-arrow {font-size: 18px;cursor: pointer;}
.P10-02-right-k {padding: 20px 0;}/*#fe5b37*/
.P10-list-video{display: flex;align-items: center;padding: 20px 0; border-bottom: 1px solid #ccc;color:white;cursor:pointer;}
.P10-play-btn {
    margin-right: 10px;background-color: transparent;border: none;color: white;font-size: 24px;cursor: pointer;
    padding:10px;visibility: hidden; 
}
.P10-play-btn.show {visibility: visible; }
.P10-title-video { font-size: 18px;font-weight: bold;flex: 1;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.P10-duration {
    font-size: 14px; color: #888;margin-left: 10px;
    padding-right:20px;white-space: nowrap;text-align: right;color:white;
}
video {width: 100%;height: 100%;background-color: black;}
.P10-title-video.active, .P10-play-btn.active {color:#fd5b37; }
.P10-title-video, .P10-play-btn { color: white; }
#P10right03{background-color:white;}
.P10-ma-item{
    display: flex;align-items: center;justify-content: space-between; height: 80px;border-bottom: 1px solid #ddd; 
    padding: 0 20px; background-color: white;
}
.P10-ma-title {
    font-size: 18px;font-weight: bold;color: #333;white-space: nowrap;overflow: hidden; 
    text-overflow: ellipsis; max-width: 70%;
}
.P10-download-icon {font-size: 30px;cursor: pointer;}
#P10right03,#P10right02,#P10right01,#P10left01,#P10left02,#P10left03,#P10left04,#P10right04{display:none; }
.P10left01{height:auto;margin-top:-80px;z-index:0px;}
.P10leftlist{padding:0px;max-height:1500px;background-color:white;}
.mpar{padding-right:0px;}
#videoPlayer{height:732px;width:100%;}
@media (max-width: 1900px) {
    .P10-right-k { height: 700px; }
    #videoPlayer iframe { height: 695px;}
    .P10-list-video { padding: 10px 0px; }
    #P10left02 iframe { height: 690px;}
}  
@media (max-width: 1840px) {
    .P10-list-video { padding: 0px; }
}  
@media (max-width: 1800px) {   }  
@media (max-width: 1740px) {
    .P10-list-item { padding-top: 2px; padding-bottom: 2px; }
    .P10-right-k { height: 650px; }
    #videoPlayer{ height: 645px;}
}  
@media (max-width: 1700px) {    }  
@media (max-width: 1600px) {   
    .P10-right-k { height: 550px; }
    .P10-list-title { font-size: 14px; }
    .P10-list-content { -webkit-line-clamp: 1; }
    .P10-list-footer { margin-top: 2px; }
    #P10left02 iframe { height: 545px; width:100%;}
    .P10-malist{height:180px;text-align:center;}
}  
@media (max-width: 1500px) {  
    .title38 { font-size: 32px; }
    .P10-malist{height:160px;}
}  
@media (max-width: 1350px) {
    .P10-right-k { height: 500px; }
    .P10-list-title { -webkit-line-clamp: 1; }
    .P10-list-footer { margin-top: 0px; }
    #P10left02 iframe { height: 490px; width:100%;}
    .P10-madowds { width: 150px; }
    .P10-malist { height: 150px; }
    .P10-right-title { height: 80px; }
}  
@media (max-width: 1300px) {
    .P10-head { font-size: 14px; line-height: 80px; }
    .P10-right-k { height: 450px; }
    .P10-title-video{font-size:var(--font_p2);}.P10-play-btn{padding:5px;}
}  
@media (max-width: 1200px) {
    .P10-madowds { width: 110px; }
    .P10-malist { height: 130px; border: 0px; }
    .P10-malist-dls { width: 120px; }
    .P10-right-k { height: 400px; }
}  
@media (max-width: 1000px) {
    .P10-madowdsk { display: none; }
    .P10-right-k { height: 350px; }
}
@media (max-width: 991px){
    .P10leftlist { padding-left: 0px;height:auto;padding-bottom:50px; }
    .mpar { padding-left:0px;padding-right:0px; }
    #page11{padding-right:var(--lbpd);}  
    .P10-ma-item{font-size:var(--font_p2);height:auto;padding-top:5px;padding-bottom:5px;}
    .P10-title-video{font-size:var(--font_p2);height:auto;padding-top:5px;padding-bottom:5px;}
    .P10-play-btn{padding:0px;padding-left:15px;}
}
@media (max-width: 900px) {
    .P10-malist { width: 100px; height: 150px; }
}  
@media (max-width: 800px) {
    .P10-head { font-size: 14px; }
    .P10-malist { width: 80px; height: 130px; }
}  
@media (max-width: 700px) {
    .P10-head { font-size: 12px; line-height: 80px; }
    .P10-malist { width: 60px; height: 100px; margin-right: 10px; }
} 
@media (max-width: 500px) {
    .P10-right-k { height: auto; }
    .P10-list-bt { display: none; }
    .P10-list-content { font-size: 12px; }
    .P10-ma-title { font-size: 12px; }
    #P10left02 iframe { height: 220px; }
    .P10-malist { width: 40px; height: 50px; margin-right: 5px; }
    .he80, .P10-right-title { height: 60px; }
    .P10-head { font-size: 12px; line-height: 60px; }
}
/****************************************************** page code css 11 end ******************************************************/


/****************************************************** page code css 12 start ****************************************************/
.ueeshop_responsive_feedback .rows textarea{width:100%;max-width:100%;}
.P11-bgimg{height:550px;width:100%;margin-top:140px;margin-bottom:140px;}
.P11-cent{display:flex;flex-wrap: wrap;}
.P11-left{width:800px;height:400px;border:0px solid red;margin-top:65px;padding-top:0px;padding-right:30px;}
.P11-rig{width:505px;height:670px;border:0px solid red;margin-top:-60px;}
.form-title{padding-top:30px;padding-left:0px;}                 
.ueeshop_responsive_feedback form{padding:0 45px;}
.ueeshop_responsive_feedback .form_button{border-radius:30px;}
.form-inp {height:45px;} 
.p12-p2{color: white; font-weight: 600;}
.p12-03{color: white;}
.p12-04{color: #39b54a; font-weight: 600; font-size: 20px;}
@media (max-width: 1420px) {
    .P11-left{width:700px;}
}
@media (max-width: 1320px) {
    .P11-left{width:600px;}
}
@media (max-width: 1220px) {
    .P11-left{width:500px;}
}
@media (max-width: 1100px) {
    .P11-left{width:100%;padding-right:30px;padding-left:10px;}
    .P11-bgimg{height:auto;}
    .P11-rig{margin-top:0px;width:100%;margin-right:30px;}
}
@media (max-width: 700px) {    
    .P11-rig{width:550px;}
}
@media (max-width: 600px) {    
    .P11-rig{width:450px;margin-top:60px;}
}
@media (max-width: 500px) {    
    .P11-rig{width:100%;margin-top:40px;}
    .ueeshop_responsive_feedback form{padding:0px 25px;}
    .P11-rig{margin-right:15px;}
    .p12-p2,.p12-03,.p12-04{font-size:14px;}
    .P11-bgimg{margin-top:30px;margin-bottom:30px;}
}
@media (max-width: 400px) {    
    .P11-rig{margin-top:80px;}    
}
/****************************************************** page code css 12 end ****************************************************/