@charset "utf-8";body{margin:0;padding:0;font-size:12px;font-family:Arial,"微软雅黑";color:#666;overflow-x:hidden}
a{color:#666;text-decoration:none;outline:0}
a:active{star:expression(this.onFocus=this.blur())}
img{border:0;vertical-align:middle}
a:link{text-decoration:none;outline:0}
a:visited{text-decoration:none;outline:0}
a:hover{text-decoration:none;color:#fff;outline:0}
p,ul{padding:0;margin:0}
li{list-style-position:outside;list-style-type:none}
em{font-style:normal}
@font-face{font-family:medium;src:url(../fonts/72e216f853074676a0ca630d74ac3fc5.woff)}
[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}
@media (max-width:1024px){.pagenav{display:block}
}
.pageBanner{position:relative;margin-top:82px}
.pageBanner .imgDiv{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}
.pageNow{padding-left:.34rem;line-height:.7rem}
.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:#666}
.pageNow img{padding-right:.12rem;position:relative;top:-.02rem}
.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}
#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}
}
.box1{background:linear-gradient(#eae9e9,#ccc);font-family:'Merriweather Sans',sans-serif;border-radius:7px;position:relative;overflow:hidden;border:1px solid #ccc}
.box1 img{width:100%;height:auto;transition:all .5s ease;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.box1:hover img{opacity:.5;-webkit-clip-path:polygon(50% 0,99% 50%,50% 99%,0 50%);clip-path:polygon(50% 0,99% 50%,50% 99%,0 50%)}
.box1 .title{font-size:25px;font-weight:700;text-transform:uppercase;text-shadow:0 0 5px #000;margin:0 0 3px 0}
@media screen and (max-width:1440px){.pageNav li{margin-right:.36rem}
.pageBanner .botDiv{width:96%;margin:0 2%}
.pageBanner .rightDiv{width:4.5rem}
}
@media screen and (max-width:1004px){.pageBanner{display:none}
.pageBannerTel{display:block;margin-top:57px}
.rightDiv{width:100%;float:none}
}
@media screen and (max-width:700px){.pageBannerTel .txt{left:30%}
.pageBannerTel .imgDiv{height:2.5rem;line-height:2.5rem}
}


/*应用场景*/
.yingyong {width: 82%; margin: .5rem auto; }
.yingyong-left {text-align: center;width: 42%; position: relative;overflow: hidden;}
.yingyong-left img{width:100%; transition: transform 0.3s ease; /* 添加过渡效果 */}
.yingyong-left:hover img {transform: scale(1.2); /* 鼠标移入时放大10% */}
.yingyong-content{width:3%;}
.yingyong-right {text-align: center;width: 55%; padding: .4rem 0;}
.yingyong-right h1{ color: #019fe9; margin: 0 auto .15rem;}
.yingyong-right span{width: 4%; height: .05rem; background: #019fe9; margin: 0 auto .15rem;}
.yingyong-right .jianjie{font-size: .16rem;line-height: .3rem;padding-bottom: 0.1rem;}
.yingyong-right .gengduo{width: 20%; margin: .2rem auto; padding: .1rem .2rem; border: 1px solid #019fe9;}
.yingyong-right .gengduo a{ color: #019fe9; font-size: .16rem;}
.yingyong-right .gengduo:hover {background:#019fe9; }
.yingyong-right .gengduo:hover a{color: #fff;}

.yingyong:nth-child(odd) {
  /* 这是默认样式，不包含 flex-direction 规则 */
}

/* 反转偶数项的布局 */
@media (min-width: 1004px) {
  .yingyong:nth-child(odd) {flex-direction: row-reverse;}
	.yingyong{display: flex;align-items: center;}
}



/*产品类别*/
.chanpinleibie{width: 82%; margin:0 auto;}
.chanpinleibie 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;margin:0 10px 0;padding:10px 10px 20px;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:60px;line-height:20px;color:#989898}
.index-news2 .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-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;}

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

/*分页*/
.index-news2 .pageNum{ text-align:center; padding-bottom: 0.3rem;}
.index-news2 .pageNum span{background:#038ad4; color:#FFF; margin:0 0.1rem; display:inline-block; height:0.48rem; line-height:0.48rem;  padding: 0 0.3rem; font-size:0.13rem;}
.index-news2 .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-news2 .pageNum a:hover{background:#038ad4; color:#FFF;}


@media screen and (max-width:1200px){
	.yingyong{width: 90%;}
	.chanpinleibie{width: 90%;}
}


@media screen and (max-width:1004px){
	.yingyong-left{width: 96%; margin: 0 auto;}
	.yingyong-right{width: 96%; margin: 0 auto;}
	.yingyong-content{display: none;}
	.yingyong-right .jianjie{line-height: .4rem;}
	.index-news2 .bd a{width: 24%}
	.chanpinleibie h2{font-size: .4rem;padding-right: .3rem; width: 13%; padding-bottom: .15rem;}
}

@media screen and (max-width:768px){
	.yingyong-right .gengduo{width: 40%;}
	.yingyong{width: 92%;}
	.chanpinleibie{width: 92%;}
	.index-news2 .bd a{width: 49%}
	.chanpinleibie h2{width: 30%; }
	
}