﻿*html .baseMessage {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.baseMessage{height:53px;overflow:hidden;padding:5px 15px 5px 10px;display:none;position:fixed;top:35%;left:50%;z-index:1000;}
.baseMessage .icon_ok{background:url(../images/tip_layer.png) no-repeat -7px 0;_background:url(../images/tip_layer.gif) no-repeat -7px 0;height:53px;display:inline-block;width:44px;vertical-align:middle;}
.baseMessage .icon_warn{background:url(../images/tip_layer.png) no-repeat -7px -54px;_background:url(../images/tip_layer.gif) no-repeat -7px -54px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_error{background:url(../images/tip_layer.png) no-repeat -7px -108px;_background:url(../images/tip_layer.gif) no-repeat -7px -108px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_txt{background:url(../images/tip_layer.png) 0 -161px;_background:url(../images/tip_layer.gif) 0 -161px;height:53px;line-height:53px;display:inline-block;padding:0 10px;vertical-align:middle;min-width:50px;font-size:14px;font-weight:bold;color:#606060;}
.baseMessage .icon_r{background:url(../images/tip_layer.png) no-repeat 0 0;_background:url(../images/tip_layer.gif) no-repeat 0 0;height:53px;display:inline-block;width:6px;vertical-align:middle;}


/*调用开始*/
form{margin:0;padding:0;}
.dis{display:none;}

.nlist{margin:0;padding:0;list-style:none}
.nlist li{line-height:30px;height:30px;border-bottom:1px dashed #ccc;font-family:arial;}
.nlist li span{float:right;}
.nlist li dl{margin:0;*margin:-14px 0 0 0;padding:0;}
.nlist li dl dt{line-height:30px;height:30px;border-bottom:1px dashed #ccc;}
.nlist b{font-family:"宋体";font-weight:normal;}

.nlists ul{margin:0;padding:0;list-style:none}
.nlists ul li{line-height:30px;height:30px;border-bottom:1px dashed #ccc;font-family:arial;}
.nlists ul li span{float:right;}



.smallpic{border:1px solid #ccc;padding:2px;background:#fff;}
#marqueeboxa{height:300px;overflow:hidden;margin:10px 0 0 0;clear:both;width:750px;}
.List{margin:0;padding:0;list-style:none;}
.List li{line-height:30px;height:30px;border-bottom:1px dashed #ccc;}
.List li span{float:right;color:#999;}
.List li b{font-family:"宋体";font-weight:normal;}

.List_page{text-align:center;margin:8px;font-family:"宋体";clear:both;}
.List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;color:#333;font-family:"宋体";}
.List_page span{background:#ccc;color:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;font-family:"宋体";}
.clear{clear:both;}
.news_title{margin:5px 0;padding:0;text-align:center;font-size:24px;}
.news_info{text-align:center;color:#999;border:1px solid #e1e1e1;border-left:0;border-right:0;margin:10px 0;padding:5px 0;}
#art_content{word-break:break-all;font-size:13px;padding:0 0 10px 0;}
#art_content a{color:blue;}
#art_content a:hover{color:red;}
#art_content img{max-width:920px;}
.news_pre{margin:10px 0 5px 0;clear:both;}
.xypg-product-detail a{color:blue;}
.xypg-product-detail a:hover{color:red;}
.cplb-3n-ts-03-list a{color:blue;}
.cplb-3n-ts-03-list a:hover{color:red;}
.nr a{color:blue;}
.nr a:hover{color:red;}

.blk-sm a{color:blue;}
.blk-sm a:hover{color:red;}
.c9{color:#999;}

/*留言部分*/
.book_title{background:#f3f3f3;border:1px solid #ccc;line-height:30px;padding:4px 15px;}
.book_title span{float:right;color:#333;}
.book_Content{border:1px solid #ccc;border-top:0;line-height:24px;padding:10px 15px;margin:0 0 10px 0;background:#fff;}
.book_Content div{border-top:1px dashed #ccc;padding:5px 0;margin:5px 0 0 0;}
.book_Content b{color:#f30;}

.book_add{margin:0;padding:0;list-style:none;}
.book_add input{vertical-align:middle;border:1px solid #ccc;padding:8px 10px;font-size:12px;background:#fff;}
.book_add textarea{vertical-align:top;border:1px solid #ccc;padding:8px 10px;overflow:hidden;}
.book_add li{padding:3px;clear:both;font-size:12px;}
.book_add li span{display:block;float:left;width:73px;line-height:25px;}
.book_add #showmsg{position:absolute;color:#f30;margin:-18px 0 0 130px;*margin:8px 0 0 20px;}
/*人才招聘*/

.hr_subject{background:#F8F8F8;border:1px solid #E8E8E8;border-left:0;border-right:0;color:#333;text-align:center;line-height:30px;height:30px;}
.hr_td{line-height:30px;height:30px;border-bottom:1px dashed #ccc;}

.hr_resume{padding:15px 0;}
.hr_resume a{border:1px solid #1B96FF;background:#1B96FF;width:80px;height:25px;line-height:25px;text-align:center;display:block;margin:15px 0;float:left;color:#fff;margin:0 10px 0 0;}
.hr_resume a:hover{background:#FF7200;color:#fff;border:1px solid #FF7200;}
.hr_ip{border:1px solid #ccc;padding:4px 10px;}
.hr_ips{border:1px solid #ccc;width:450px;height:100px;}
.hr_red{color:#f30;font-family:"宋体";margin:0 0 0 10px;}

.gallery{margin:0 5px 0 5px;padding:0;display:block;height:50px;width:200px;overflow:hidden;float:left;position:relative;}
.gallery ul{margin:6px 0 0 0;padding:0;list-style:none;overflow:hidden;height:48px;position:absolute;width:2000px;}
.gallery ul li{float:left;width:50px;height:46px;margin:0;padding:0;text-align:center;}
.gallery ul li img{border:1px solid #ccc;width:46px;height:42px;}



/******产品分页*******/
/* .jumpto {display: none;} */
.pagination .jumpto{
	display: inline-block;
	margin-left: 2px;
}
.pagination .jumpto input {
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
}
/* .pagination .submit {
    border-radius: 0 0.25rem 0.25rem 0;
}
.pagination .page_number {
    width: 55px;
    margin-right: -1px;
} */
.ny_news_page{
	margin:10px auto 60px;
	clear:both;
	padding-top:10px;
	width:1200px;}
.ny_news_page a,.ny_news_page span{
	display:block;
	float:left;
	line-height:40px;
	text-align:center;
	font-size:12px;
	color:#333;
	background-color:#f8f8f8;
	margin-right:10px}
.ny_news_page a:hover,.ny_news_page span{
	background-color:#03c;
	color:#fff;}
.ny_news_page a.page_aa{
	background-color:#00b366;
	color:#fff;}
/**************************/
.ny_news_pageaaa{
	margin-top:80px;
	margin-bottom:50px;}

/*********************产品详情页*********/
/* ========== 产品详情页样式 ========== */

/* 标题样式 */
.texttitle {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding: 15px 0;
    border-bottom: 2px solid #1f99d6;
    margin-bottom: 25px;
}

.texttitle span {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    margin-left: 10px;
}

/* 参数表格样式 */
.param-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.param-table tr {
    border-bottom: 1px solid #eee;
}

.param-table tr:last-child {
    border-bottom: none;
}

.param-table td {
    padding: 14px 18px;
    vertical-align: top;
    line-height: 1.6;
}

.param-table td:first-child {
    width: 160px;
    background: #f5f7fa;
    font-weight: 600;
    color: #333;
    border-right: 1px solid #e8e8e8;
}

.param-table td:last-child {
    color: #666;
    background: #fff;
}

.param-table strong {
    font-size: 14px;
    color: #1f99d6;
}

/* 产品详情内容区域 */
.product-detail-content {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.product-detail-content h1,
.product-detail-content h2,
.product-detail-content h3 {
    color: #1f99d6;
    margin: 20px 0 15px;
}

.product-detail-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
}

.product-detail-content p {
    line-height: 1.8;
    margin-bottom: 15px;
    color: #555;
}

/* 产品详情标签页样式 */
.product-detail-tab {
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-detail-tabli {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
}

.product-detail-tabli li {
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 600;
    color: #1f99d6;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    background: #f8f8f8;
    margin-right: 5px;
	border-radius: 5px 5px 0 0;
	background:#fff;
}

.product-detail-tabli li:hover {
    color: #1f99d6;
    background: #f0f0f0;
}

.product-detail-tabli li.active {
    color: #fff;
    background:  #1f99d6;
    border-top: 2px solid #e0e0e0 ;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #fff;
    /* margin-bottom: -1px; #1f99d6*/
}

/* 标签内容盒子 */
.product-detail-tabbox {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: none;
    min-height: 400px;
}

/* 标签内容面板 */
.product-detail-tabcon {
    padding: 25px;
    background: #fff;
}

/* 滚动区域 */
.ls_bot {
    overflow-x: auto;
}

.scroll {
    min-width: 300px;
}

/* 产品展示区 */
.product-detail-slick {
    margin-top: 20px;
}

.product-detail-slick .owl-carousel .slick-item {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.product-detail-slick .owl-carousel .slick-item:hover {
    border-color: #1f99d6;
    box-shadow: 0 2px 8px rgba(31, 153, 214, 0.2);
}

.product-detail-slick .owl-carousel .slick-item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

/* 产品主图区域 */
.page-product-detail-box {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.page-product-detail-effect {
    flex: 0 0 400px;
}

.big-img {
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 8px;
    background: #fafafa;
}

.big-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.page-product-detail-right {
    flex: 1;
}

.page-product-detail-right h1 {
    font-size: 24px;
    color: #333;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.product-detail-item {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.product-detail-item li {
    line-height: 2.2;
    color: #666;
    font-size: 14px;
}

.product-detail-item li span {
    color: #999;
}

/* 上一篇/下一篇导航样式 */
.nextprev {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
}

.nextprev a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nextprev a:hover {
    color: #1f99d6;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .page-product-detail-box {
        flex-direction: column;
    }
    
    .page-product-detail-effect {
        flex: 0 0 auto;
    }
    
    .param-table td {
        padding: 10px 12px;
        display: block;
        width: 100%;
    }
    
    .param-table td:first-child {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
    }
    
    .texttitle {
        font-size: 20px;
    }
    
    .product-detail-tabli li {
        padding: 8px 15px;
        font-size: 14px;
    }
    
    .product-detail-tabcon {
        padding: 15px;
    }
    
    .product-detail-tabbox {
        min-height: 300px;
    }
}

@media (max-width: 480px) {
    .product-detail-tabli {
        flex-direction: column;
        border-bottom: none;
    }
    
    .product-detail-tabli li {
        border-radius: 5px;
        margin-bottom: 5px;
    }
    
    .product-detail-tabli li.active {
        border: 1px solid #1f99d6;
        margin-bottom: 5px;
    }
    
    .nextprev {
        flex-direction: column;
        gap: 10px;
    }
}


/* ========== 说明书链接样式 ========== */
.product-manual-link {
    margin: 20px 0;
}

.manual-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px 25px;
    transition: all 0.3s ease;
}

.manual-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.manual-icon {
    font-size: 48px;
    background: #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.manual-info {
    flex: 1;
}

.manual-info h3 {
    font-size: 18px;
    color: #1f2937;
    margin: 0 0 8px 0;
    font-weight: 600;
}

.manual-info p {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

.manual-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #27ae60;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.manual-btn:hover {
    background: #219a52;
    transform: scale(1.02);
    color: #fff;
}

.manual-btn.disabled {
    background: #cbd5e1;
    cursor: not-allowed;
}

.manual-btn.disabled:hover {
    transform: none;
    background: #cbd5e1;
}

/* 响应式 */
@media (max-width: 640px) {
    .manual-card {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    
    .manual-info h3 {
        font-size: 16px;
    }
    
    .manual-btn {
        width: 100%;
        justify-content: center;
    }
}


/* =====================================详情展示图 */

/* ========== Swiper 轮播图样式 ========== */
.page-product-detail-effect {
    flex: 0 0 400px;
}

.detailslide {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
}

.detailslide .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.detailslide .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
}

.detailslide .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.detailslide .swiper-slide img:hover {
    transform: scale(1.02);
}

/* 左右导航按钮 */
.swiper_button_prev_detailslide,
.swiper_button_next_detailslide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.swiper_button_prev_detailslide:hover,
.swiper_button_next_detailslide:hover {
    background: rgba(0, 0, 0, 0.8);
}

.swiper_button_prev_detailslide {
    left: 12px;
}

.swiper_button_next_detailslide {
    right: 12px;
}

/* 添加箭头图标（使用伪元素） */
.swiper_button_prev_detailslide::before,
.swiper_button_next_detailslide::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.swiper_button_prev_detailslide::before {
    transform: translate(-40%, -50%) rotate(45deg);
}

.swiper_button_next_detailslide::before {
    transform: translate(-60%, -50%) rotate(-135deg);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .page-product-detail-effect {
        flex: 0 0 auto;
    }
    
    .detailslide {
        height: 320px;
    }
    
    .swiper_button_prev_detailslide,
    .swiper_button_next_detailslide {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 480px) {
    .detailslide {
        height: 280px;
    }
}

/* 分页器样式 */
.detailslide .swiper-pagination {
    bottom: 12px;
}

.detailslide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 0.7;
}

.detailslide .swiper-pagination-bullet-active {
    background: #27ae60;
}