@charset 'utf-8';
h2 { font-size: 18px; }
h3 { font-size: 16px; }
.productdetail { padding: 50px 0; display: flex; }
.productdetail .contentdetail { }
.productdetail .contentdetail .picture { width: 502px; float: left; }
.productdetail .contentdetail .picture .bigpicture { width: 500px; max-width: 100%; border: solid #e5e5e5 1px; }
.productdetail .contentdetail .picture .bigpicture img { width: 100%; }
.productdetail .contentdetail .picture .thumbnail img { width: 98%; border: 1px solid #ddd;}
@media (max-width:1023.99px) {
	.productdetail .contentdetail .picture .thumbnail img { width: 97%}
}
.productdetail .contentdetail .abstract { width: calc(100% - 550px); float: right; }
.productdetail .contentdetail .abstract .name { padding: 20px 0; border-bottom: dashed #e5e5e5 1px; }
.productdetail .contentdetail .abstract .name h1 { font-size: 34px; }
.productdetail .contentdetail .abstract .describe { margin-top: 20px; line-height: 28px; }
.productdetail .contentdetail .abstract .consult { margin-top: 20px; }
.productdetail .contentdetail .abstract .consult a { height: 42px; display: inline-block; padding: 0 20px; line-height: 42px; background: #117fca; color: #fff; border-radius: 5px; }
.productdetail .contentdetail .abstract .consult a img { vertical-align: middle; }
.productdetail .contentdetail .abstract .consult a:nth-child(2) { background-image: url("../images/pdf.png"); background-position: 13px center; background-repeat: no-repeat; background-size: 20px; padding-left: 42px; margin-left: 20px; }
.productdetail .contentdetail .productdetailtitle { margin-top: 30px; border-bottom: solid #e8e8e8 1px; }
.productdetail .contentdetail .productdetailtitle b { display: inline-block; font-size: 20px; background: #117fca; color: #fff; padding: 0 20px; line-height: 42px; }
.productdetail .contentdetail .productdetailcontent { margin-top: 20px; font-size: 16px; line-height: 2em; }
.productdetail .contentdetail .productdetailcontent table { max-width: 100%; border-collapse: collapse; }
.productdetail .contentdetail .productdetailcontent table th { padding: 5px 10px; background: #f5f5f5; border: solid #e8e8e8 1px; }
.productdetail .contentdetail .productdetailcontent table td { padding: 5px 10px; border: solid #e8e8e8 1px; }
.productdetail .contentdetail .productdetailcontent img { max-width: 100%; height: auto !important; }
.productdetail .common_quote { padding: 50px; margin-top: 50px; }
.productdetail .common_quote h2 { font-size: 36px; }
.productdetail .contentdetail .relatedproducts { margin-top: 50px; }
.productdetail .contentdetail .relatedproducts .title { font-size: 18px; padding: 0 20px; line-height: 42px; border-bottom: solid #e6e6e6 1px; }
.productdetail .contentdetail .relatedproducts .relatedlist { margin-top: 30px; }
.productdetail .contentdetail .relatedproducts .relatedlist::after { content: ''; display: table; clear: both; }
.productdetail .contentdetail .relatedproducts .relatedlist .list { width: 23.5%; float: left; margin-right: 2%; }
.productdetail .contentdetail .relatedproducts .relatedlist .list:nth-child(4) { margin-right: 0; }
.productdetail .contentdetail .relatedproducts .relatedlist .list .image { overflow: hidden; border: solid #e6e6e6 1px; }
.productdetail .contentdetail .relatedproducts .relatedlist .list .image img { width: 100%; transition: all 0.5s; }
.productdetail .contentdetail .relatedproducts .relatedlist .list:hover .image img { transform: scale(1.1); }
.productdetail .contentdetail .relatedproducts .relatedlist .list .name { text-align: center; padding: 10px; }
.productdetail .contentdetail .relatedproducts .relatedlist .list .name a { font-size: 16px; line-height: 22px; }
.shemeider { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 50px; }
.shemeider li { margin: 0 2%; }
.shemeider li img { max-width: 100%; }
.productdetail .contentdetail { width: 100%; float: right; }
.productdetail .contentdetail .picture { width: 40%; float: left; }
.productdetail .contentdetail .picture .bigimg { /* border: solid #e5e5e5 1px; */
text-align: center; border: 1px solid #ddd; }
.productdetail .contentdetail .picture .bigimg .swiper-slide { position: relative; }
.moking1 { position: absolute; width: 100%; height: 100%; top: 0; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.5); opacity: 0; }
.moking { width: 100px; height: 100px; }
.productdetail .contentdetail .picture .bigimg img { width: 100%; height: auto; }
.productdetail .contentdetail .picture .bigimg .swiper-slide:hover .moking1 { opacity: 1; }
.productdetail .contentdetail .picture .thumbnail { margin-top: 10px; border: none; overflow: hidden; }
.productdetail .contentdetail .picture .thumbnail .button { width: 25px; height: 82px; float: left; }
.productdetail .contentdetail .picture .thumbnail .button button { width: 25px; display: block; height: 80px; box-shadow: 0 0 10px 0 #ddd; font-size: 20px; background: #08943d; border: solid #eee 1px; cursor: pointer; color: #fff; }
.productdetail .contentdetail .picture .thumbnail .button button:hover { border-color: #fff; }
.productdetail .contentdetail .picture .thumbnail .imglist { max-width: calc(100% - 60px); float: left; overflow: hidden; box-sizing: border-box; margin: 0 5px; }
.productdetail .contentdetail .picture .thumbnail .imglist ul { width: max-content; }
.productdetail .contentdetail .picture .thumbnail .imglist li { height: 80px; float: left; margin: 0 10px; border: solid #ffffff 3px; cursor: pointer; }
.productdetail .contentdetail .picture .thumbnail .imglist li img { height: 74px;/* height: 100%; */
}
.productdetail .contentdetail .picture .thumbnail .imglist li.current { border-color: #08943d; }
.productdetail .contentdetail .abstract { width: 55%; float: right; }
.productdetail .contentdetail .abstract .name { /* padding: 20px 0; */
    /* border-bottom: dashed #e5e5e5 1px; */
}
.productdetail .contentdetail .abstract .name h1 { font-size: 34px; margin: 0 0 20px; }
.productdetail .contentdetail .abstract .name p { font-size: 20px; margin: 0 0 20px; color: #ed2939; }
.productdetail .contentdetail .abstract .describe { margin-top: 20px; line-height: 28px; font-size: 15px; }
.productdetail .contentdetail .abstract .consult { margin-top: 20px; display: flex; justify-content: space-between; }
.productdetail .contentdetail .abstract .consult a { height: 42px; display: block; /* padding: 0 20px; */
line-height: 42px; /* background: #1453ac; */
color: #fff; border-radius: 5px; transition: all 0.3s; margin-right: 0; }
.productdetail .contentdetail .abstract .consult a:hover { box-shadow: 0 3px 5px #71a2e8; }
.productdetail .contentdetail .abstract .consult a img { vertical-align: middle; }
.productdetail .contentdetail .detail_tab { margin-top: 30px; }
.productdetail .contentdetail .detail_tab ul { /* border: solid #e8e8e8 1px; */
}
.productdetail .contentdetail .detail_tab ul li { display: inline-block; line-height: 46px; font-size: 28px; cursor: pointer; color: #000; font-weight: bold; width: 100%; display: flex; justify-content: space-between; }
.productdetail .contentdetail .detail_tab ul li.current { /* border-bottom: solid #1453ac 3px; */
    /* margin-bottom: -1px; */
}
.productdetail .contentdetail .detail_content { margin-top: 30px; font-size: 16px; padding-bottom: 50px; line-height: 1.8; }
.productdetail .contentdetail .detail_content .content { display: none; }
.productdetail .contentdetail .detail_content .content.show { display: block; }
.productdetail .contentdetail .detail_content table { max-width: 100%; border-collapse: collapse; }
.productdetail .contentdetail .detail_content table td { word-break: break-word; }
.productdetail .contentdetail .detail_content img { max-width: 100%; }
.productdetail .contentdetail .detail_content .techological_process::after { content: ''; display: table; clear: both; }
.productdetail .contentdetail .detail_content .techological_process .list { width: 23.5%; float: left; text-align: center; box-sizing: border-box; padding: 40px 20px; background: #fff; box-shadow: 0 0 10px 10px #eee; margin: 0 2% 30px 0; }
.productdetail .contentdetail .detail_content .techological_process .list:nth-child(4n) { margin-right: 0; }
.productdetail .contentdetail .detail_content .techological_process .list .icon { text-align: center; }
.productdetail .contentdetail .detail_content .techological_process .list .text { font-size: 20px; line-height: 30px; height: 60px; color: #222; font-weight: bold; margin-top: 10px; }
.productdetail .prev_next { border: dashed #e5e5e5 1px; padding: 5px 16px; font-size: 16px; line-height: 32px; margin-top: 20px; }
.productdetail .prev_next span { float: right; font-size: 14px; color: #888; }
.color_yu_auto .list { width: 30%; float: left; box-sizing: border-box; margin-right: 0; margin-bottom: 30px; display: flex; align-items: center; text-align: center; flex-wrap: wrap; margin: 0 2%; }
.color_yu_auto .list:nth-child(3n) { margin-right: 0; }
.color_yu_auto .list .picture {/* border-bottom: solid #e8e8e8 1px; */ overflow: hidden; width: 100%; }
.color_yu_auto .list .picture img { width: 100%; transition: all 0.5s; }
.color_yu_auto .list .picture:hover img { transform: scale(1.1); }
.color_yu_auto .list .text { padding: 15px 18px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */ width: 100%; }
.color_yu_auto .list .text a h2 { font-size: 20px; color: #333; margin: 0; margin-bottom: 20px; }
.color_yu_auto .list .text a p { font-size: 16px; color: #333; word-wrap: break-word; word-break: break-all; margin: 30px 0; box-shadow: 0 0 3px 0 #ddd; padding: 10px; }
.color_yu_auto .list .text a:hover { color: #08943d; }
.get_iorerd .ikrr .btn span { font-size: 16px; }
.color_yu { margin-top: 50px; }
.color_titke { margin: 20px 0; }
.color_titke h3 { font-size: 36px; color: #08943d; font-weight: bold; }
.color_titke p { font-size: 22px; font-weight: bold; color: #08943d; }
.color_yu_auto { margin-top: 30px; }
.color_yu_auto ul { display: flex; flex-wrap: wrap; }
.color_yu_auto ul li { width: 14.5%; margin: 0 1% 1%; }
.color_yu_auto ul li img { max-width: 100%; }
.color_yu_auto ul li p { font-size: 16px; padding: 10px; line-height: 1.5; color: #666; }
.mySwiper2 .swiper-button-next, .mySwiper2.swiper-container-rtl .swiper-button-prev { background-image: url(../images/es.png); right: 10px; left: auto; }
.mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-container-rtl .swiper-button-next { background-image: url(../images/os.png); left: 10px; right: auto; }
.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev { position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 48px 48px; background-position: center; background-repeat: no-repeat; }
.thumbnail .mySwiper { padding-bottom: 30px; }
.thumbnail .swiper-container-horizontal>.swiper-pagination-progressbar, .thumbnail .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 2px; left: 0; top: 90%; }
.thumbnail .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #117fca; }
.cuant { padding: 0; margin-top: 15px; background: #fff; padding: 20px 15px; }
.cuant h3 { padding-bottom: 15px; font-size: 20px; font-weight: bold;/* margin-bottom: 20px; */ color: #000; border-bottom: 1px solid #ddd; }
.cuant p { font-size: 14px; line-height: 1.8; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ddd; color: #000; }
.cuant_news { padding: 20px 15px; background: #fff; margin-top: 15px; }
.cuant_news h3 { padding-bottom: 15px; font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #000; border-bottom: 1px solid #ddd; }
.cuant_news ul li { width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.cuant_news ul li a .img_mewsd img { width: 100%; }
.cuant_news ul li p { font-size: 14px; line-height: 1.8; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ddd; color: #fff; }
.cuant_news ul li h3 { font-size: 16px; line-height: 1.8; padding: 10px 0 0; margin-bottom: 10px; border-bottom: none; color: #000; }
.im_gr { margin: 20px 0; font-size: 14px; }
.im_gr .table>tbody>tr>td, .im_gr .table>tbody>tr>th, .im_gr .table>tfoot>tr>td, .im_gr .table>tfoot>tr>th, .im_gr .table>thead>tr>td, .im_gr .table>thead>tr>th { border-top: none; }
.naiuyd2 { margin-right: 2%; }
.naiuyd2 ul { display: flex; justify-content: flex-start; }
.naiuyd2 ul li { margin: 0 10px; }
.naiuyd3 { margin-top: 3%; }
.naiuyd3 ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.naiuyd3 ul li { width: 100%; display: flex; font-size: 15px; padding: 15px 0; border-bottom: 1px solid #ddd; }
.naiuyd3 ul li .fan_k { width: 50%; }
.naiuyd3 ul li .fan_u { margin: 0 10px; }
.consult .ikrr { width: 49%; }
.consult .ikrr .btn { width: 100%; font-weight: bold; }
.consult .ikrr .btn-1s::before { border-radius: 0; }
.consult .ikrr2 .btn-1s::before { background-color: #e8e8e8; }
.consult .ikrr2 .btn-1s span { color: #000; }
.consult .ikrr2:hover .btn-1s span { color: #fff; }
.video-container { position: relative; width: 100%; max-width: 800px; margin: 0 auto; border-radius: 0; overflow: hidden;/* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); */
}
/* 视频封面样式 */
.video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; transition: opacity 0.3s ease; z-index: 1; }
/* 播放按钮样式 - 带波纹效果 */
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 2px solid #ed2939; border-radius: 50%; display: flex; align-items: center; background: initial; justify-content: center; cursor: pointer; z-index: 2; overflow: hidden; /* border: none; */
transition: all 0.3s ease; }
.play-button:hover { background-color: white; transform: translate(-50%, -50%) scale(1.05); }
.play-icon { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #ff3e3e; margin-left: 8px; z-index: 3; position: relative; }
/* 波纹效果 */
.play-button .ripple { position: absolute; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); transform: scale(0); animation: ripple 1.5s linear infinite; }
 @keyframes ripple {
 to {
 transform: scale(2.5);
 opacity: 0;
}
}
/* 视频元素样式 */
video { width: 100%; height: auto; display: block; }
.info-text { text-align: center; margin-top: 1rem; color: #666; }
/* 确保缩略图可点击 */
.thumbnail .swiper-slide { pointer-events: auto; cursor: pointer; z-index: 10;}
.thumbnail .swiper-slide-thumb-active { border-color: #1453ac; }
/* 视频适配轮播容器 */
.video-slide { width: 100%; height: auto; max-height: 500px; object-fit: cover; }
/* 提示可点击的样式 */
.trigger-video-play { cursor: pointer; transition: opacity 0.3s ease; }
.trigger-video-play:hover { opacity: 0.8; }
.picture .swiper-wrapper { align-items: center; }

@media (max-width: 990px) {
.xypg-left-nav .xypg-left-threenav { display: block; }
}
.productdetail .classification .title { text-align: center; padding: 15px; background: #fff; margin: 0; }

@media (max-width:960px) {
.productdetail { padding: 30px 5px; }
.productdetail .contentdetail .picture { width: 340px; float: left; }
.productdetail .contentdetail .picture .bigpicture { border: solid #e5e5e5 1px; }
.productdetail .contentdetail .picture .bigpicture img { width: 100%; }
.productdetail .contentdetail .picture .zoomdiv { display: none !important; }
.productdetail .contentdetail .picture .jqZoomPup { display: none !important; }
.productdetail .contentdetail .picture .thumbnail { margin-top: 20px; }
.productdetail .contentdetail .picture .thumbnail .button a { line-height: 53px; font-size: 26px; }
.productdetail .contentdetail .picture .thumbnail .imglist { max-width: calc(100% - 60px); float: left; overflow: hidden; box-sizing: border-box; margin: 0 5px; }
.productdetail .contentdetail .picture .thumbnail .imglist ul { width: max-content; }
.productdetail .contentdetail .picture .thumbnail .imglist li { width: 60px; float: left; margin: 0 5px; border: solid #eee 1px; cursor: pointer; }
.productdetail .contentdetail .picture .thumbnail .imglist li.current { border-color: #117fca; }
.productdetail .contentdetail .abstract { width: 100%; float: right; }
.productdetail .contentdetail .abstract .name { padding: 20px 0 10px; border-bottom: dashed #e5e5e5 1px; }
.productdetail .contentdetail .abstract .name h1 { font-size: 18px; }
.productdetail .contentdetail .abstract .describe { margin-top: 20px; line-height: 28px; }
.productdetail .contentdetail .abstract .consult { margin-top: 20px; }
.productdetail .contentdetail .abstract .consult a { height: 42px; display: inline-block; padding: 0 20px; line-height: 42px; background: #117fca; color: #fff; border-radius: 5px; transition: all 0.3s; margin-right: 20px; }
.productdetail .contentdetail .abstract .consult a img { vertical-align: middle; }
.productdetail .contentdetail .productdetailtitle { margin-top: 20px; }
.productdetail .contentdetail .productdetailtitle b { font-size: 16px; padding: 0 15px; line-height: 32px; }
.productdetail .contentdetail .productdetailcontent { margin-top: 10px; font-size: 14px; }
.productdetail .common_quote { padding: 30px 15px; margin-top: 30px; }
.productdetail .common_quote h2 { font-size: 20px; }
.productdetail .contentdetail .relatedproducts .relatedlist .list { width: 48%; float: left; margin-right: 4%; margin-bottom: 20px; }
.productdetail .contentdetail .relatedproducts .relatedlist .list:nth-child(2n) { margin-right: 0; }
.productdetail .contentdetail .relatedproducts .relatedlist .list .name { padding: 5px; }
.productdetail .contentdetail .relatedproducts .relatedlist .list .name a { font-size: 13px; line-height: 18px; }
}