@charset "utf-8";body{margin:0;padding:0;font-size:12px;font-family:Arial,"微软雅黑";color:#666;overflow-x:hidden}
img{border:0;vertical-align:middle}
p{padding:0;margin:0}
@font-face{font-family:medium;src:url(../fonts/72e216f853074676a0ca630d74ac3fc5.woff)}
.clear{zoom:1}
.clear:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
[imgsalc] img,[transition="5s"]{transition:.5s ease-in-out 0s;-webkit-transition:.5s ease-in-out 0s;-moz-transition:.5s ease-in-out 0s}
[imgsalc]{overflow:hidden}
.pageBanner{position:relative;margin-top:82px}
.pageBanner .imgDiv{/*height:6.3rem;line-height:6.3rem;*/background:#019fe9}
.pageBanner .imgDiv img{width:100%}

.pageBanner .botDiv{position:absolute;bottom:0;width:82%;height:.7rem;margin:0 9%}
.pageBanner .botDiv:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.03rem}
.pageNav{height:.7rem;padding-left:.5rem}
.pageNav li{float:left;margin-right:.42rem;font-size:.14rem;font-weight:700}
.pageNav li a{display:block;height:.7rem;line-height:.7rem;color:#fff;position:relative}
.pageNav li em{position:absolute;left:0;bottom:0;width:100%;height:.03rem;background:#fff;display:none;z-index:2}
.pageNav li .aNow em,.pageNav li a:hover em{display:block}
.pageBanner .rightDiv{position:absolute;right:0;top:0;width:4rem;height:.7rem}
.pageBanner .rightDiv:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.03rem;z-index:2}

.pageBanner .layer{position:absolute;left:0;top:2rem;width:100%;z-index:2;text-align:center}
.pageBanner .layer .name{margin:0 auto;width:3rem;height:1.5rem;background:url(../img/nimg210bg.png) center no-repeat;background-size:2.8rem;font-size:.23rem;color:#fff;line-height:1.5rem}
.pageBanner .layer .nameImg{height:.76rem;padding-top:.32rem;position:relative;font-size:.5rem;font-weight:700;color:#fff}
.pageBanner .layer .nameImg p{text-transform:uppercase}
.pageBanner .layer .nameImg img{height:.47rem}
.pageBanner .layer .nameImg:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-.23rem;width:.46rem;height:.04rem;background:#fff}
.pageBannerTel{display:none;position:relative}
.pageBannerTel .imgDiv{height:5.3rem;line-height:5.3rem;background:#019fe9}
.pageBannerTel .imgDiv img{width: 105%;height: 105%;object-fit: cover;}
.pageBannerTel .txt{text-align:center;position:absolute;left:50%;margin-left:-1.05rem;top:50%;margin-top:-.64rem;width:3rem;height:1.5rem;background:url(../img/nimg210bg.png) center no-repeat;background-size:2.8rem;font-size:.23rem;color:#fff;line-height:1.5rem}
.treflip{width:82%;background:#fff;padding:.54rem 0 0;margin:0 auto;position:relative;z-index:2;overflow:hidden;}
.treflip2{padding:.84rem 0 0}
.treflip3{padding:0}
#Layer1{position:absolute;position:fixed;width:100%;z-index:111;top:0;left:0;background-color:#000;display:none}
@-webkit-keyframes detailsNavList{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
}
@-moz-keyframes detailsNavList{0%{opacity:0;-moz-transform:translateX(70px);transform:translateX(70px);-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
100%{opacity:1;-moz-transform:translateX(0);transform:translateX(0);-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
}
@-o-keyframes detailsNavList{0%{opacity:0;-o-transform:translateX(70px);transform:translateX(70px);backface-visibility:hidden;transform-style:preserve-3d}
100%{opacity:1;-o-transform:translateX(0);transform:translateX(0);backface-visibility:hidden;transform-style:preserve-3d}
}
@keyframes detailsNavList{0%{opacity:0;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
}
@-webkit-keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
@-moz-keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
@-o-keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
@keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
@media screen and (max-width:1440px){.treflip{width:92%}
}
@media screen and (max-width:1004px){.pageBanner{display:none}
.pageBannerTel{display:block;margin-top:57px;margin-bottom:6px;}
.treflip{width:94%}
.treflip3{padding:0 .2rem}
.pageBanner .botDiv{width:96%;margin:0 2%}
}
@media screen and (max-width:700px){.pageBannerTel .txt{left:45%}
.pageBannerTel .imgDiv{height:2.5rem;line-height:2.5rem}
}

/*产品*/
.chanpinzuo{width:25%; float: left; }
.chanpinzuo p{width:100%;border: 1px solid #d1d1d1;line-height: .7rem; text-align: center; font-size: .32rem; color:#019fe9; font-weight:600;}
.menu12{color:#4D4D4D;width:100%;font-size: .18rem;}
.menu12>li{border-bottom: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;text-indent: 1em;line-height: .58rem;}
.submenu{display:none;}
.menu12>li:hover .submenu{display:block;}
.submenu>li{border-top: 1px solid #d1d1d1; text-indent: 2em;line-height: .58rem;font-weight:400;}
.submenu>li:hover{background: #d1d1d1;}
.submenu>li:hover a{ color:#fff; }
.menu12>li:hover{cursor:pointer;}
.menu12>li:hover span a{color:#019fe9;}

.menu12 .remen1{font-size: .14rem;}
.menu12 .remen1:hover a{color:#019fe9;}

.guanjianci{border-bottom: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1; padding: .1rem;}
.guanjianci li{display: inline-block;margin: .1rem .08rem;}
.guanjianci li a{border: 1px solid #d1d1d1; padding: .07rem; color:#4D4D4D; font-size: .16rem;}
.guanjianci li a:hover{background: #019fe9; color: #fff; border-color:#019fe9;}

.chanpinyou{width:72%; float:right; }
.index-block-a{background-color:#fff;}
.index-block-a .swiper-box .cont .title{margin-bottom:4px;font-family:Arial-BoldMT;font-size: 12px;font-weight:600;line-height:1.4em;letter-spacing:1px;color:#222;}
.index-block-a .swiper-box .swiper-container{padding:20px 10px 0;}

.pageNow2{width:100%; background: #d1d1d1; margin-bottom: .3rem;}
.pageNow{line-height:.5rem; text-align:right; padding-right: .2rem;}
.pageNow a{color:#fff;background:url(../img/nimg5_1.png) left center no-repeat;background-size:.05rem;padding:0 .12rem 0 .19rem}
.pageNow a:hover{color:#fff}
.pageNow em{background:url(../img/nimg5_1.png) left center no-repeat;background-size:.05rem;padding-left:.13rem;color:#fff}
.pageNow img{padding-right:.12rem;position:relative;top:-.02rem}

.cc:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.cc{zoom:1; /*margin-top: 15px;*/}
.section{width:100%;margin:0 auto}
.index-news{padding: 0}

.index-news .bd a{position:relative;display:block;float:left;width:31%;background:#fff;margin-right: 3.5%;margin-bottom: .35rem;border: 1px #f1f1f1 solid;}

.index-news .bd a img{display:block;width:100%;border-bottom: 1px #f1f1f1 solid;}
.index-news .bd a .txt{position:relative;margin:0 10px 0;padding:10px 10px 20px;background:#fff}
.index-news .bd a .txt h2{overflow:hidden;height:24px;line-height:24px;margin:5px 0 10px;font-size:16px;color:#313131;font-weight:700}
.index-news .bd a .txt p{overflow:hidden;height:60px;line-height:20px;color:#989898}
.index-news .bd a .txt .em{display:block;height:11px;line-height:11px;margin-top:20px;padding-right:30px;color:#989898;background:url(s5.png) right 0 no-repeat;text-align:right}
.index-news .bd a .txt .em span{margin-left: .2rem;}
.index-news .bd a:hover{box-shadow:0 3px 20px #ccc}
.index-news .bd a:hover h2{color:#019fe9}
.index-news .bd a:hover .em{color:#019fe9;background-position:right -19px}
.index-news .bd a:hover .txt .em span{color:#019fe9;}

/*分页*/
.index-news .pageNum{ text-align:center; padding-bottom: 0.3rem;}
.index-news .pageNum span{background:#038ad4; color:#FFF; margin:0.1rem; display:inline-block; height:0.48rem; line-height:0.48rem;  padding: 0 0.3rem; font-size:0.13rem;}
.index-news .pageNum a{margin:0 0.1rem; display:inline-block; color: #353535; height:0.48rem; line-height:0.48rem; background:#eee; padding: 0 0.3rem; font-size:0.13rem;}
.index-news .pageNum a:hover{background:#038ad4; color:#FFF;}


/*产品详情*/
.xiangqing{width: 82%; margin: .2rem auto;}
.xiangqing-left{width: 30%;  float: left;position: relative;overflow: hidden; border: 2px solid #f1f1f1;}
.xiangqing-left img{width:100%; transition: transform 0.3s ease; /* 添加过渡效果 */}
.xiangqing-left:hover img {transform: scale(1.4); /* 鼠标移入时放大10% */}
.xiangqing-left2{width: 30%;  float: left;position: relative;overflow: hidden; border: 2px solid #f1f1f1; display: none;}
.xiangqing-left2 img{width:100%; transition: transform 0.3s ease; /* 添加过渡效果 */}
.xiangqing-left2:hover img {transform: scale(1.4); /* 鼠标移入时放大10% */}

.xiangqing-left3{width: 30%;  float: left;position: relative;overflow: hidden; }
.xiangqing-left3 #mainImageContainer img{width:100%; height:100%;}

#mainImageContainer {border: 2px solid #f1f1f1; /* 大图区域的边框 */width: 100%; /* 设置大图区域宽度 */height: auto; /* 设置大图区域高度 */overflow: hidden; /* 隐藏溢出部分 */position: relative;}
#mainImage {width: 100%;height: auto;object-fit: cover; /* 图片不变形填充整个区域 */transition: transform 0.3s ease; /* 添加放大过渡效果 */}
#thumbnailContainer {display: flex;justify-content: center;margin-top: 10px;}
.thumbnail {width: 32%; /* 调整缩略图的大小 */height: auto;margin-right:2%; margin-top:.1rem;cursor: pointer; border: 1px solid #f1f1f1; /* 缩略图添加边框 */ }
.thumbnail:nth-of-type(3) {margin-right: 0;}



.xiangqing-right{width: 65%; float: right; }
.xiangqing-right h1{border-bottom: 1px #f1f1f1 solid;padding-bottom: 0.15rem; color: #019fe9;}
.xiangqing-right .jianjie{font-size: 14px;line-height: 28px;padding-bottom: 0.1rem;border-bottom: 1px #f1f1f1 solid;}
.xiangqing-right .texing{margin-top: .1rem;}
.xiangqing-right .texing p{font-size: 14px; line-height: 32px;}
.xiangqing-right .texing p::before {content: "▶";margin-right: .1rem; /* 可选，添加间距 */color: #019fe9;}
.xiangqing-right .lianxi2{margin-top: .2rem;} 
.xiangqing-right .lianxi2 a{padding: .1rem .2rem; background: #c1c1c1; color: #fff; float: left; margin-right: .2rem; font-size: .16rem;}
.xiangqing-right .lianxi2 .dianhua5{padding: .1rem .2rem; background: #c1c1c1; color: #fff; float: left; font-size: .16rem;
cursor: pointer;}
.xiangqing-right .lianxi2 a:hover{background: #019fe9; color: #fff;}
.xiangqing-right .lianxi2 .dianhua5:hover{background: #019fe9; color: #fff;}

/*技术参数*/
.canshu{width: 82%; margin: .5rem auto;}
.canshu h2{font-size: .3rem; border-bottom: 3px #019fe9 solid; padding-right: .2rem; width: 10%; padding-bottom: .1rem;}
.canshu p{width: 33%; float: left; font-size: .16rem; line-height: .4rem; }
.canshu p::before {content: "▲";margin-right: .1rem; /* 可选，添加间距 */ }

/*应用场景*/
.yingyong{width: 82%; margin:0 auto;}
.yingyong h2{font-size: .3rem; border-bottom: 3px #019fe9 solid; padding-right: .2rem; width: 10%; padding-bottom: .1rem;}

.index-news2{padding: 0}
.index-news2 .bd a{position:relative;display:block;float:left;width:19%;background:#fff;margin-right: 1%;margin-bottom: .35rem;border: 1px #f1f1f1 solid;}
.index-news2 .bd a img{display:block;width:100%;border-bottom: 1px #f1f1f1 solid;}
.index-news2 .bd a .txt{position:relative;padding:10px;background:#fff}
.index-news2 .bd a .txt h3{overflow:hidden;height:24px;line-height:24px;margin:5px 0 10px;font-size:16px;color:#313131;font-weight:700}
.index-news2 .bd a .txt p{overflow:hidden;height:80px;line-height:20px;color:#989898}
.index-news2 .bd a .txt .em{display:block;height:11px;line-height:11px;margin-top:10px;color:#989898;background:url(s5.png) right 0 no-repeat;text-align:right}
.index-news2 .bd a .txt .em span{margin-left: .2rem;}
.index-news2 .bd a:hover{box-shadow:0 3px 20px #ccc}
.index-news2 .bd a:hover h3{color:#019fe9}
.index-news2 .bd a:hover .em{color:#019fe9;background-position:right -19px}
.index-news2 .bd a:hover .txt .em span{color:#019fe9;}

.yingyong .xinwen p{width: 100%; line-height: .5rem; font-size: .16rem; border-bottom: 1px #d1d1d1 solid;}
.yingyong .xinwen p a{ color: #999; padding-left: .1rem;}
.yingyong .xinwen p a span{float: right; padding-right: .1rem;}
.yingyong .xinwen p a:hover {color:#019fe9}



@media (min-width:1201px){.wrap2{max-width: 760px;}}
@media (min-width:1471px){.wrap2{max-width: 960px;}}
@media (min-width: 768px){.index-news .bd a:nth-child(3n) {margin-right: 0;}}

@media (min-width:1201px){.wrap5{max-width:92%}}
@media (min-width:1231px){.wrap5{margin: 0 auto;}}
@media (min-width:1471px){.wrap5{max-width:1520px}}
@media (max-width:1200px){.wrap5{max-width:90%;margin-left: 5%;}}
@media (max-width:768px){.wrap5{max-width:100%;margin-left: 0;}}


@media screen and (max-width:1440px){
	.menu12{font-size: .16rem;}
	.menu12>li{line-height: .7rem;}
	.submenu>li{line-height: .7rem;}
	.menu12 .remen1{font-size: .12rem;}

	.xiangqing{width: 92%;}
	.xiangqing-right h1{padding-bottom: 0.1rem; color: #019fe9;}
	.xiangqing-right .jianjie{font-size: 12px;line-height: 24px;padding-bottom: .05rem;}
	.xiangqing-right .texing{margin-top: .05rem;}
	.xiangqing-right .texing p{font-size: 12px; line-height: 28px;}
	.xiangqing-right .lianxi2{margin-top: .15rem;} 
	
	.canshu{width: 92%;}
	.yingyong{width: 92%;}
	
}
@media screen and (max-width:1200px){
	.xiangqing{width: 90%;margin: 0.4rem auto;}
	.canshu{width: 90%;}
	.yingyong{width: 90%;}
}
@media screen and (max-width:1004px){
	.chanpinzuo{display:none;}
	.chanpinyou{width:100%; float: none;}
	.pageNow2 .pageNow{display:none;}
	
	.canshu p{width: 45%; line-height: .6rem;}
}

@media screen and (max-width:768px){
	.index-news .bd a{width:48%;margin-right: 4%;}
	.index-news .bd a:nth-child(2n) {margin-right: 0;}
	.index-news .bd a .txt h2{font-size: 14px;}
	.index-news .bd a .txt .em{display:none;}
	
	.index-news .bd a .txt p{height:80px;}
	
	.xiangqing-left{ display: none;}
	.xiangqing-left2{width: 100%;display: block;}
	.xiangqing-left3{width: 100%;display: block;}
	.xiangqing-right{width: 100%; }
	.canshu h2{ width: 25%; }
	.canshu p{width: 100%; font-size:12px; line-height:24px;}
	.yingyong h2{ width: 25%; }
	.index-news2 .bd a{width: 48.5%;}
	.yingyong .xinwen p{ line-height: .7rem; }
	.yingyong .xinwen p a span{display: none;}
	.index-news2 .bd a .txt .em{margin-top: 10px;
    padding-right: 10px;}
}