@charset "UTF-8";

/* 产品中心 */
.pro-main{padding-bottom: 100px;background: #f0f6fb;}
.pro-bar-bg{position:fixed;z-index: 99998;background:#000;opacity:0.6;left:0;width:100%;height:100%;top:0;display:none;}
.pro-side-bar{float:left;width:230px;}
.wap-bar{display:none;width:100%;background-color: #f5f5f5;background-repeat:repeat;background-size:141px;padding:10px 12px;}
.wap-bar .page-title{float:left;width:80%;font-size:18px;color:#333;line-height:28px;}
.wap-bar .bar-btn{float:right;padding:0 16px 0 8px;height:28px;font-size:12px;color:#0075c9;line-height:26px; background-image:url(../images/icon-right04.png);background-repeat:no-repeat;background-position:86% center;background-size:5px;border:#0075c9 solid 1px;border-radius:4px;cursor:pointer;}
.bar-top{display:none;float:left;width:100%;padding:10px 16px;}
.bar-top .bar-return{float:left;width:28px;}
.bar-top .bar-return img{display:block;width:100%;}
.pro-side-bar .pro-bar{width:100%;z-index: auto;margin-top: 40px;position: relative;}
.pro-side-bar .pro-bar li{float:left;width:100%;background-color: #ffffff;border-bottom: 1px solid #e4e6ea;border-left: 1px solid #e4e6ea;border-right: 1px solid #e4e6ea;}
.pro-side-bar .pro-bar li:nth-child(1){border-bottom:1px solid #e4e6ea;border-left: none;border-right: none;}
.pro-side-bar .pro-bar li:last-child{margin-top: 60px;padding: 10px 0;border-top:1px solid #e4e6ea;}
.pro-side-bar .pro-bar li:last-child h3{font-size:18px;color:#004097;line-height:30px;font-family: "微软雅黑";padding-left: 20px;}
.pro-side-bar .pro-bar li:last-child p{font-size:24px;color:#004097;line-height:24px;font-family: "微软雅黑";padding-left: 20px;}
.pro-side-bar .pro-bar li:nth-child(2):hover a{color: red;}
.pro-side-bar .pro-bar li:hover h3 a{color: #004097;}
.pro-side-bar .pro-bar li dd:hover h5 a{color: #004097;}
.pro-side-bar .pro-bar dl{margin-bottom: 10px;}
.pro-side-bar .pro-bar dl dt{float:left;width:100%;}
.pro-side-bar .pro-bar li h3{float:left;width:100%;background-repeat:no-repeat;background-position: right center;background-size:7px;padding: 0 40px;}
.pro-side-bar .pro-bar li h3 a{display:block;width:70%;float: left;font-size:18px;color:#333;line-height:30px;padding: 20px 0 10px 0;font-family: "微软雅黑";}
.pro-side-bar .pro-bar li h3 i{font-size: 18px;text-align: right;cursor: pointer;display: block;line-height:30px;padding: 20px 0 10px 0;transition: all .2s linear;-webkit-transition: all .2s linear;}
.pro-side-bar .pro-bar li.open h3 a{padding:20px 0 10px 0;}
.pro-side-bar .pro-bar li:nth-child(2) a{color: red;padding: 20px 0 20px 0 ;}
.pro-side-bar .pro-bar li:nth-child(2) span{margin-left: 10px;}
.pro-side-bar .pro-bar li dd{display:none;float:left;width:100%;padding-left:60px;}
.pro-side-bar .pro-bar li dd h5{float:left;width:100%;}
.pro-side-bar .pro-bar li dd h5 a{float:left;font-size:14px;color:#666666;line-height:16px;padding:4px 20px 4px 0;position:relative;}
.pro-side-bar .pro-bar li dd h5 a .icon-down{content:"";position:absolute;right:0;top:0;width:7px;height:36px;background-repeat:no-repeat;background-size:7px;background-position: center;background-image: url(../images/icon-down03.png);}
.pro-side-bar .pro-bar .third-bar{float:left;width:100%;padding-left:20px;display:none;}
.pro-side-bar .pro-bar .third-bar li{float:left;width:100%;}
.pro-side-bar .pro-bar .third-bar li a{float:left;font-size:14px;color:#fff;line-height:24px;padding:2px 0;}

.pro-side-bar .pro-bar li.open h3 i{transform: rotate(90deg);color: #004097;}
.pro-side-bar .pro-bar li.open h3 a{color:#004097;}
.pro-side-bar .pro-bar li.open dl{margin-bottom: 20px;}
.pro-side-bar .pro-bar li.open dd{display:block;}
.pro-side-bar .pro-bar li dd.active h5 a{color: #004097;}
.pro-side-bar .pro-bar li dd.open .third-bar{display:block;}

.pro-side-bar .pro-bar li dd h5 a.open{color:#004097;}

.pro-side-bar .pro-bar li.open dt h3 a{color:#004097;}
.pro-side-bar .pro-bar li:nth-child(3):hover img{display: none;}
.pro-side-bar .pro-bar li:hover dt h3{background-image:url(../images/icon-right.png);}

@media(max-width:1080px){
	.pro-side-bar{width:100%;}
	.pro-main{padding-bottom: 30px;}
	.wap-bar{display:block;}
	.bar-top{display:block;}
	.pro-side-bar .pro-bar li.open h3 i{color: #fff;}
	.pro-side-bar .pro-bar li:nth-child(1){display: none;}
	.pro-side-bar .pro-bar li:nth-child(2) a{color: #fff;}
	.pro-side-bar .pro-bar li:nth-child(2) span{display: none;}
	.pro-side-bar .pro-bar li{border:none;}
	.pro-side-bar .pro-bar li h3{border-bottom:1px solid #fff ;}
	.pro-side-bar .pro-bar li:last-child{display: none;}
	.pro-side-bar .pro-bar{width:72%;position:fixed;margin-top:0;z-index:99999;height:100%;right:-100%;top:0;overflow:auto;background-color: #0075c9;background-repeat:repeat;background-size:141px;}
	.pro-side-bar .pro-bar li{float:left;background:none;padding:0 30px;color: #fff;}
	.pro-side-bar .pro-bar li.open h3 a{color: #fff;}
	.pro-side-bar .pro-bar li dd h5 a{color: #fff;}
	.pro-side-bar .pro-bar li.open dd.active h5{border-bottom:2px solid #fff ;}
	.pro-side-bar .pro-bar li dt{padding-left:10px;}
	.pro-side-bar .pro-bar li dt h3{background-image:url(../images/icon-right.png);}
	.pro-side-bar .pro-bar li h3 a{color:#fff;}
	.pro-side-bar .pro-bar li.open{background:none;}
	.pro-side-bar .pro-bar li.open dl{margin-bottom: 0;padding: 10px 0;}
	.pro-side-bar .pro-bar li:hover h3 a{color: #fff;}
	.pro-side-bar .pro-bar li dd.active h5 a{color: #fff;}
}


/* .pro-up{display: block;} */
.pro-content{float:right;width:calc(100% - 270px);}
.pro-content .location{width: 100%;display: flex;justify-content: flex-end;padding: 40px 0 0px 0;}
.pro-content .location p{font-family: "微软雅黑";font-size: 14px;line-height: 30px;}
.cent-title{width: 100%;position: relative;margin-top: 30px;}
.cent-title p{display: inline-block;font-size: 18px;line-height: 24px;color: #333;font-family: "微软雅黑";position: relative;}
.cent-title i{display: block;height: 1px;background: #e8eaee;position: absolute;top: 14px;width: 88%;right: 0;}

.pro-box{width: 100%;}
.pro-box ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.pro-main .location-phone{display: none;height: 48px;line-height: 48px;}
.pro-main .location-phone div{float: left;font-size: 16px;line-height: 48px;font-family: "微软雅黑";color: #333;}
.pro-main .location-phone div a{display: block;width: 100%;padding-left: 22px;background: url(../images/home-ic.png)no-repeat;background-position:0 center;background-size: 20px;}
.pro-main .location-phone p{display: block;float: right;text-align: right;font-size: 16px;line-height: 48px;font-family: "微软雅黑";color: #333;}
.pro-box li{width: 32%;margin-right: 1%;background: #fff;border: 1px solid #e4e6ea;float: left;padding-bottom: 30px;margin-top: 2%;}
.pro-box li .img{width: 100%;overflow: hidden;border-bottom: 1px solid #e4e6ea;}
.pro-box li .img img{display: block;max-width: 100%;margin: 0 auto;transition:all 1s;-webkit-transition: all 1s;}
.pro-box li a:hover .img img{transform: scale(1.2);}
.pro-box li h3{font-size: 18px;font-weight: bold;line-height: 24px;padding:0 30px;margin: 30px 0 20px 0;}
.pro-box li p{font-size: 14px;line-height: 16px;padding: 0 30px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	line-clamp: 7;
	-webkit-box-orient: vertical;
}

@media(max-width:1080px){
	.pro-content .location{padding: 0;}
	.pro-content{width:100%;margin-top:30px;}
	.cent-title{margin-top: 10px;}
	.pro-side-bar{box-shadow: 1px 1px 10px #b4a3a3;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
}
@media(max-width:769px){
	.pro-main .location-phone{display: block;}
	.pro-content .location{display: none;}
	.pro-content{margin-top: 0px;}
	.cent-title{margin-top: 20px;}
	.pro-box li{width: 48%;margin-right: 2%;}
}
@media (max-width:460px) {
	.pro-box li .img img{max-height: 200px;}
	.pro-box li h3{margin: 10px 0 10px 0;}
	.pro-box li{width: 100%;margin-right: 0%;padding-bottom: 20px;}
}

/* 表贴隔离器 */
.tab-bigbox{overflow: hidden;position: relative;display: none;margin-bottom: 20px;}
.table-box{overflow: hidden;overflow-x: scroll;}
.pro-box table{width: 100%;border: none;}
.pro-box thead{background: #f0f6fb;height: 70px;}
.pro-box thead th{color: #333;padding: 20px 0;font-size: 16px;line-height: 14px;font-family: "微软雅黑";text-align: center;}
.pro-box tbody{text-align: center;}
.pro-box tbody tr{background: #e9eef2;}
.pro-box tbody tr:nth-child(2n){background: #f0f6fb;}
.pro-box tbody td{color: #333;font-size: 16px;line-height: 24px;font-family: "微软雅黑";padding: 20px;}
.pro-box tbody td:first-child a{color: #004097;padding: 5px 5px;font-size: 16px;line-height: 24px;word-wrap: break-word;word-break: break-all;}
.pro-detail .pro-box tbody td:first-child a{cursor: default;}
/* .pro-box tbody tr th{width: 100px;position: fixed;left: 0;} */

/* .pro-detail .pro-box tbody tr{position: relative;} */
.pro-detail .pro-box tbody td:first-child a{position: absolute;left: 20px;top: 50%;transform :translateY(-50%);}
.pro-box th.col-one{width: 100px;height: 90px;background: #f0f6fb;line-height: 14px;}
.pro-box th.col-one p{line-height: 70px;color: #333;font-size: 16px;font-family: "微软雅黑";}
.pro-box tbody tr:nth-child(odd) .col-one{background: #e9eef2;}
.pro-box tbody tr:nth-child(odd) td{background:#e9eef2!important;} 
.pro-box tbody tr:nth-child(2n) .col-one{background: #f0f6fb;}
.pro-box tbody td:nth-child(2){border-radius:  1px solid #dee3e8;}
.pro-box .col-one{position: absolute;left: 0;z-index: 2;border:none;}
.pro-box .empty{width: 160px;z-index: 1;border-right: 1px solid #dee3e8;}
.pro-list-ul .pro-box .empty{width: 45px;}

/* 环形器 list */
.list2 li{padding-bottom:0px}
.list2 li a{display: block;width: 100%;}
.pro-box .li-cent{margin: 20px 0;}
.pro-box .li-cent h4{text-align: center;font-size: 18px;line-height: 24px;font-weight: bold;font-family: "微软雅黑";color: #333;}
.pro-box .li-cent h5{text-align: center;color: #999999;font-size: 14px;line-height: 24px;font-family: "微软雅黑";}
@media (max-width:1080px) {
	.pro-box .li-cent{margin: 20px 0;}
	.pro-list-ul .pro-box .empty{width: 100px;}
}
@media (max-width:769px) {
	.pro-box th.col-one{height: 100%;}
	.pro-box .li-cent h4{font-size: 16px;line-height: 20px;}
	.pro-box .li-cent h5{font-size: 12px;line-height: 16px;}
	.pro-list-ul .pro-box .empty{width: 114px;}
}
@media (max-width:690px) {
	.pro-box th.col-one{width: 147px;}
	.pro-box .empty{width: 150px;}
	.pro-box tbody tr td.col-one{width: 150px;}
}
@media (max-width:400px) {
	.pro-box .col-one{width: 150px;}
}
/* 环形器 list  结束*/


/* 新产品中心 */
.pro-center{max-width: 1240px;margin: 0 auto;padding: 0 20px;}
.pro-center h3{font-size: 16px;line-height: 24px;color: #666;font-family: "微软雅黑";}
.pro-center .name{margin: 90px 0 40px 0;}
.list-more{width: 100%;margin-bottom: 200px;}
.list-more ul{width: 100%;}
.list-more li{width: 100%;}
.list-more li a{display: block;width:100%;}
.list-more li h2{font-size: 24px;line-height: 30px;color: #004097;font-family: "微软雅黑";margin-bottom: 30px;}
.list-more li h3{font-size: 16px;line-height: 24px;color: #666;font-family: "微软雅黑";}
.list-more li .cent{max-width: 1240px;margin: 0 auto;padding: 24px 20px;display: flex;align-items: center;justify-content: space-between;}
.list-more li .cent img{display: block;width: 100%;object-fit: contain;transition: all .6s linear;-webkit-transition: all .6s linear;}
.list-more li a:hover img{transform: scale(1.04);}
.list-more li .cent .text{max-width: 52%;}
.list-more li .cent .img{max-width: 40%;overflow: hidden;}
.list-more li:nth-child(odd){background: #f0f6fb;width: 100%;}
.list-more li:nth-child(odd) .img{margin-left: auto;}
.list-more li:nth-child(even) .text{margin-left: auto;}
@media (max-width:1280px) {
	.pro-center .name{margin: 5% 0 4% 0;}
	.list-more li .cent{padding: 20px;}
	.list-more li .cent img{max-height: 230px;}
}
@media (max-width:1080px) {
	.pro-center h3{font-size: 14px;line-height: 20px;}
	.list-more li h2{margin-bottom: 4%;}
	.list-more li h3{font-size: 14px;line-height: 20px;}
	.list-more{margin-bottom: 10%;}
}
@media (max-width:769px) {
	.list-more li h2{font-size: 18px;line-height: 24px;}
	.pro-center h3{font-size: 12px;line-height: 18px;}
	.list-more li h3{font-size: 12px;line-height: 18px;}
}
@media (max-width:480px) {
	.list-more li .cent .img{max-width: 44%;}
}

/* 产品-列表 */
.pro-swiper{max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.pro-swiper .swiper-container{margin: 80px 0;}
.pro-swiper h3{font-size: 18px;line-height: 25px;color: #4f4e4e;font-family: "微软雅黑";margin-top: 20px;}
.pro-list-ul{max-width: 1200px;margin: 0 auto 200px;padding: 0 20px;}
.pro-list-ul li:first-child{border-top:1px solid #cccccc ;}
.pro-list-ul li{border-bottom:1px solid #cccccc ;cursor: pointer;}
.pro-list-ul li h3{color: #4f4e4e;font-size: 18px;line-height: 26px;font-family: "微软雅黑";transition: all .8s linear;-webkit-transition: all .8s linear;;margin: 24px 0;background: url(../images/pro-add.png)no-repeat left;padding-left: 40px;}
.pro-list-ul li.open h3{color: #004097;background: url(../images/pro-sub.png)no-repeat left;}
@media (max-width:1280px) {
	.pro-list-ul{margin: 0 auto 10%;}
}
@media (max-width:1080px) {
	.pro-swiper .swiper-container{margin:6% 0 ;}
}
@media (max-width:769px) {
	.pro-swiper .li img{max-width:170px ;}
	.pro-swiper h3{margin-top: 10px;font-size: 14px;}
	.pro-list-ul li h3{font-size: 14px;}
	.swiper-button-next, .swiper-button-prev{background-size: 27px 30px}
}
@media (max-width:660px) {
	.pro-swiper .li img{max-width: 124px;}
}
.pro-swiper .swiper-button-prev{background-image: url(../images/pro-left.png)!important;}
.pro-swiper .swiper-button-next{background-image: url(../images/pro-right.png)!important;}

/* 产品-详情 */
.pro-detail{padding: 20px 0 200px 0;}
.pro-detail h2{font-size: 20px;line-height: 24px;color: #333;font-family: "微软雅黑";padding: 30px 0;border-bottom: 1px solid #e4e6ea;}

.pro-detail h3{font-size: 16px;line-height: 24px;color: #333;font-family: "微软雅黑";white-space: nowrap;}
.pro-detail li{padding: 50px 0;display: flex;}
.pro-detail li:not(:first-child){border-top: 1px solid #e4e6ea;}
.pro-detail li:last-child{flex-direction: column;}
.pro-detail li:last-child .detail-center{margin: 0;}
.pro-detail li .detail-center{margin: 0 auto;}
.pro-detail li .detail-center h3{white-space: unset;}
.pro-detail li .detail-center img{display: block;width: 100%;object-fit: cover;}
.detail-center .tab-bigbox{display: block;margin-top: 22px;}
.detail-center .pro-box .empty{width: 134px;}
.detail-center .pro-box th.col-one{width: 175px;}
.detail-center .pro-box td.col-one{width: 175px;height: 64px;}

.pdf-down{border: 1px solid #004097;width: 120px;margin:0 auto;text-align: center;border-radius: 30px;}
.pdf-down a{display: block;width: 100%;}
.pdf-down h4{color: #004097;font-size: 16px;line-height: 40px;}

@media (max-width:1280px) {
	.pro-detail li .detail-center h3{margin-left: 2%;}
}
@media (max-width:1080px) {
	.pro-detail{padding: 20px 0 10% 0;}
}
@media (max-width:769px) {
	.pro-detail li .detail-center{margin-left: 20px;}
	.pro-detail h2{padding: 20px 0;}
	.pro-detail li{padding: 4% 0;}
}
@media (max-width:500px) {
	.pro-detail h2{font-size: 18px;}
	.pro-detail h3{font-size: 14px;}
	.pro-detail li{flex-direction: column;}
	.pro-detail li .detail-center{margin-top: 2%;margin-left: 0;}
	.pro-detail li .detail-center h3{margin-left: 0;}
}