/* header */
.header{position: relative;}

/* 内页banner */
.nyBanner{height: 8.33rem;text-align: right;color: #fff;}
/* .nyBanner > .w1210{padding: 0 5%;box-sizing: border-box;} */
.nyBanner .path{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.6rem;filter: brightness(0) invert(1);}

/* 面包屑 */
.bread{border-bottom: 1px solid #e5e5e5;line-height: 1.87rem;color: #383838;}
.bread .path{padding-left: 25px;background: url(../images/img_wz.png) 0 center no-repeat;}
.bread .path span{margin: 0 5px;}
.bread .path a:hover{color: var(--primary-color);}
.bread .container{flex-shrink: 0;overflow: hidden;}
.bread .container .swiper-slide{width: auto;}
.bread .container a{display: block;position: relative;}
.bread .container a::before{content: "";width: 100%;height: 2px;background: var(--primary-color);position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.bread .container a:after{content: "";width: 1px;height: 0.4rem;position: absolute;top: 50%;right: -15px;transform: translateY(-50%);background: #e5e5e5;}
.bread .container .swiper-slide:last-child a::after{display: none;}
.bread .container .on a,
.bread .container a:hover{color: var(--primary-color);}
.bread .container .on a::before,
.bread .container a:hover::before{transform: scale(1);opacity: 1;}


/* 内页盒子 */
.nyWrap{padding: 2.33rem 0;min-height: 300px;}

/* 新闻详情 */
.passage{ padding-top: 76px; padding-bottom: 70px;}
.passage .title{ margin-bottom: 0.67rem; text-align: center; color: #313131;}
.passage .infor{ text-align: center; color: #555; opacity: 0.8; filter: alpha(opacity=80);}
.passage .infor span{margin: 0 0.6rem;}
.passage .fanye{ padding-top: 10px; border-top: 1px solid #e6e6e6;}
.passage .fanye p{ line-height: 14px;  color: #777; margin-top: 15px;}
.passage .fanye p a{ color: #555555;}
.passage .fanye p a:hover{ color: var(--primary-color);}
.passage .psgCont{min-height: 300px;padding-top: 0.67rem;}

/* 新闻列表 */
.newsList{padding-bottom: 0.67rem;}
.newsList li{margin-bottom: 0.67rem;}

/* 分页 */
.page{flex-wrap: wrap;}
.page a{width: 1rem;height: 1rem;margin: 0 0.3rem;background: #ede9e8;border-radius: 50%;text-align: center;line-height: 1rem;color: #645448;transition: 0.3s;}
.page a.on,
.page a:hover{background: var(--primary-color);color: #fff;}
.page a.disable{pointer-events: none;opacity: 0.4;}

/* 解决方案 */
.solutionList{padding-bottom: 0.67rem;}
.solutionList li{width: 32%;margin: 0 2% 2% 0;}
.solutionList li:nth-child(3n){margin-right: 0;}

/* 图片列表 */
.picList{padding-bottom: 0.67rem;}
.picList li{width: 24%;margin: 0 1.33% 0.67rem 0;box-sizing: border-box;}
.picList li:nth-child(4n){margin-right: 0;}
.picList li .wrap{display: block;border: 1px solid #eeeeee;padding: 0.33rem;}
.picList li .pic{padding-bottom: 71.42%;margin-bottom: 0.27rem;}
.picList li .tit{text-align: center;color: #666;line-height: 0.8rem;height: 1.6rem;}
.picList li .wrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.picList li .wrap:hover .tit{color: var(--primary-color);}

/* 下载列表 */
.downloadList{padding-bottom: 0.67rem;}
.downloadList li{margin-bottom: 0.66rem;}
.downloadList .wrap{border: 1px solid #D8D8D8;background: #FFFFFF;padding: 0.3rem;line-height: 1.5rem;color: #3D3D3D;}
.downloadList .icon{flex-shrink: 0;height: 1rem;}
.downloadList .btn{flex-shrink: 0;height: 0.8rem;opacity: .5;margin-right: 0.2rem;}
.downloadList .tit{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 0.5rem 0 0.2rem;}
.downloadList .right{flex-shrink: 0;margin-left: 2rem;}
.downloadList .right .date{margin-right: 1rem;}
.downloadList .wrap:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.downloadList .wrap:hover .tit{color: var(--primary-color);}
.downloadList .wrap:hover .btn{opacity: 1;}

/* 在线留言 */
.message .topText{padding-bottom: 1rem;border: 1px solid #e5e5e5;margin-bottom: 3rem;border-radius: 8px;padding: 1rem;}

.message{max-width: 800px;}
.message .line{flex-wrap: wrap;}
.message .formItem{width: 24%;margin-bottom: 2.8%;width: 100%;}
.message .formItem.w100p{width: 100%;}
.message .formItem.w65p{width: 65.8%;}
.message .formItem.w50p{width: 49.33%;}
.message .formItem dt{color: #333333;line-height: 1;margin-bottom: 0.3rem;}
.message .formItem dt span{color: #D43030;}
.message .formItem dd{position: relative;}
.message .formItem .text,
.message .formItem textarea{width: 100%;height: 1.5rem;background: #F8F8F8;border: 1px solid #D8D8D8;border-radius: 4px;box-sizing: border-box;padding: 0 0.67rem;color: #333333;}
.message .formItem .text::placeholder,
.message .formItem texteare::placeholder{color: #C2C3C3;}
.message .formItem textarea{height: 5.73rem;line-height: 1.2rem;}
.message .formItem .code{width: 3.33rem;height: calc(100% - 2px);position: absolute;right: 1px;top: 1px;border-radius: 0 4px 4px 0;cursor: pointer;}
.message .btn{width: 5rem;height: 1.5rem;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 1.43rem;margin-left: 0.67rem;background: #FFFFFF;cursor: pointer;}
.message .btn.subm{border-color: var(--primary-color);background: var(--primary-color);color: #fff;margin-left: 0;}

/* 三级栏目 */
.thirdNav{padding-top: 1.67rem;}
.thirdNav li{margin: 0 0.33rem;}
.thirdNav li a{display: block;padding: 0 0.33rem;border: 1px solid #e5e5e5;line-height: 1rem;border-radius: 0.67rem;}
.thirdNav li.on a,
.thirdNav li a:hover{border-color: var(--primary-color);background: var(--primary-color);color: #fff;}

/* 通知公告 */
.noticeList{padding-bottom: 1rem;}
.noticeList li{margin-bottom: 0.8rem;background: #fafafa;border-radius: 8px;}
.noticeList li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(180deg, #F1FAFF 0%, #FFFFFF 100%);opacity: 0;}
.noticeList li::after{content: "";width: 100%;height: 2px;background: var(--primary-color);position: absolute;left: 0;top: 0;transform-origin: left center;transform: scale(0, 1);opacity: 0;}
.noticeList .wrap{padding: 0.8rem;line-height: 0.93rem;}
.noticeList .date{flex-shrink: 0;line-height: 1;display: flex;flex-direction: column;padding-bottom: 0.73rem;}
.noticeList .date span{line-height: 1.2;}
.noticeList .line{width: 1px;height: 2rem;background: #DDDDDD;margin: 0 1rem 0 1.67rem;}
.noticeList .line2{margin: 0 1.33rem;}
.noticeList .more{flex-shrink: 0;}
.noticeList .more img{filter: brightness(0) invert(0.5);margin-left: 8px;}
.noticeList .text{flex: 1;overflow: hidden;}
.noticeList .title{margin-bottom: 0.47rem;}
.noticeList li:hover{box-shadow: 0px 6px 0.6rem 0px rgba(33, 35, 36, 0.14);background: transparent;}
.noticeList li:hover::before{opacity: 1;}
.noticeList li:hover::after{transform: scale(1);opacity: 1;}
.noticeList li:hover .date,
.noticeList li:hover .title{color: var(--primary-color);}

/* 产品详情页 */
.contProduct{padding: 0;margin-top: 2rem;}
.contProduct .part1{padding: 2rem 0;background: #f9f9f9;border-top: 1px solid #f0f0f0;}
.contProduct .part1 > .flexBetweenTop{align-items: flex-start;}
.contProduct .part1 .contLeft{width: 46%;box-sizing: border-box;border: 1px solid #dddddd;background: #fff;}
.contProduct .part1 .contLeft .picScroll{border-bottom: 1px solid #dddddd;}
.contProduct .part1 .contLeft .picScroll .wrap{height: 13rem;}
.contProduct .part1 .contLeft .picScroll .wrap img{width: calc(100% - 20px);height: calc(100% - 20px);margin: 10px;object-fit: cover;}
.contProduct .part1 .thumb{padding: 0.5rem 1rem;}
.contProduct .part1 .thumb .wrap{height: 2.4rem;cursor: pointer;}
.contProduct .part1 .thumb .wrap img{max-width: 100%;max-height: 100%;}
.contProduct .part1 .thumb .btn{width: 1rem;height: 100%;position: absolute;top: 0;cursor: pointer;}
.contProduct .part1 .thumb .btn.prev{left: 0;}
.contProduct .part1 .thumb .btn.next{right: 0;}
.contProduct .part1 .thumb .btn img{filter: brightness(0) invert(0.5);height: 0.6rem;}
.contProduct .part1 .thumb .btn.swiper-button-disabled{pointer-events: none;opacity: 0.3;}
.contProduct .part1 .thumb .btn:hover img{filter: brightness(1) invert(0);}
.contProduct .part1 .contRight{width: 50%;}
.contProduct .part1 .contRight .title{line-height: 1.4;padding-bottom: 0.8rem;margin-bottom: 0.8rem;border-bottom: 1px solid #dddddd;}
.contProduct .part1 .contRight .desc{line-height: 1.8;color: #666;margin-bottom: 1rem;}
.contProduct .part1 .contRight .btn{width: 8rem;height: 2rem;background: url(../images/btn3.png) no-repeat center;background-size: 100% 100%;color: #fff;cursor: pointer;position: relative;}
.contProduct .part1 .contRight .btn:first-child{background-image: url(../images/btn2.png);}
.contProduct .part1 .contRight .btn .icon{height: 0.66rem;margin-right: 0.5rem;}
.contProduct .part1 .contRight .btn .fenhover1{position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box;border: 1px solid #ddd;background: #fff;display: none;}
.contProduct .part1 .contRight .btn .fenhover1 .wrap{padding: 0 0.6rem;height: 2rem;color: #666;align-items: center;}
.contProduct .part1 .contRight .btn .fenhover1 .wrap img{width: 0.8rem;margin-right: 0.8rem;}
.contProduct .part1 .contRight .btn .fenhover1 .wrap:hover{background: var(--primary-color);color: #fff;}
.contProduct .part1 .contRight .btn .fenhover1 .wrap:hover img{filter: brightness(0) invert(1);}
.contProduct .part2{padding: 2rem 0;align-items: flex-start;}
.contProduct .part2 .contLeft{width: 100%;}
.contProduct .part2 .contLeft .tabs{border-bottom: 2px solid var(--primary-color);margin-bottom: 1rem;}
.contProduct .part2 .contLeft .tabs li{padding: 0 1rem;line-height: 1.5rem;cursor: pointer;}
.contProduct .part2 .contLeft .tabs li.active{background: var(--primary-color);color: #fff;}
.contProduct .part2 .contLeft .tabs li:first-child,
.contProduct .part2 .contLeft .tabs li:first-child.active{background: url(../images/con_tab1.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.contProduct .part2 .container .pNewsList{margin-bottom: 1rem;}
.contProduct .part2 .container .pNewsList .wrap{height: 1.5rem;line-height: 1.5rem;color: #666666;}
.contProduct .part2 .container .pNewsList .wrap span{flex-shrink: 0;margin-left: 1rem;}
.contProduct .part2 .container .pNewsList .wrap .tit{flex: 1;overflow: hidden;font-weight: normal;}
.contProduct .part2 .container .pNewsList .wrap:hover .tit{color: var(--primary-color);}
.contProduct .part2 .container .returnBtn{padding: 0 0.5rem;line-height: 1.5rem;border: 1px solid #ddd;color: #666;display: inline-flex;align-items: center;}
.contProduct .part2 .container .returnBtn img{width: 0.6rem;margin-right: 0.3rem;filter: brightness(0) invert(0.5);opacity: 0.6;}
.contProduct .part2 .container .returnBtn:hover img{filter: brightness(0) invert(1);opacity: 1;}
.contProduct .part2 .container .pDownList .btn{width: 2.4rem;height: 1rem;border: 1px solid #ddd;border-radius: 3px;}
.contProduct .part2 .container .pDownList .btn img{width: 0.6rem;}
.contProduct .part2 .container .pDownList .btn:hover img{filter: brightness(0) invert(1);}
.contProduct .part2 .contRight{width: 26%;}
.contProduct .part2 .contRight .title{line-height: 1.5rem;border-bottom: 2px solid #dddddd;margin-bottom: 1rem;}
.contProduct .part2 .contRight ul li{margin-bottom: 0.5rem;}
.contProduct .part2 .contRight ul li:last-child{margin-bottom: 0;}
.contProduct .part2 .contRight ul .pic{height: 7rem;border: 1px solid #dddddd;margin-bottom: 0.3rem;}
.contProduct .part2 .contRight ul .pic img{max-width: 80%;max-height: 80%;}
.contProduct .part2 .contRight ul .tit{text-align: center;}
.contProduct .part2 .contRight ul li:hover .tit{color: var(--primary-color);}

.popWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;display: none;}
.popWrap .bgLayer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
.popWrap .content{width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);box-sizing: border-box;padding: 1rem;border-radius: 5px;border: 2px solid var(--primary-color);max-width: 520px;max-height: 90vh;overflow-y: auto;background: #fff;}
.popWrap .content .title{text-align: center;margin-bottom: 0.5rem;}
.popWrap .content .formItem{margin-bottom: 0.4rem;background: #f5f5f5;border: 1px solid #ddd;border-radius: 3px;margin-bottom: 0.5rem;position: relative;padding: 0 0.7rem;}
.popWrap .content .formItem .text{width: 100%;height: 1.5rem;color: #333;line-height: 1.5rem;border: none;background: none;}
.popWrap .content .formItem .tips{position: absolute;left: 0.7rem;top: 0;line-height: 1.5rem;pointer-events: none;transition: 0.3s;}
.popWrap .content .formItem .tips span{color: red;}
.popWrap .content .formItem .code{width: 3rem;height: 100%;position: absolute;right: 0;top: 0;border-radius: 0 3px 3px 0;cursor: pointer;}
.popWrap .content .formItem .text:focus + .tips,
.popWrap .content .formItem .text.hasContent + .tips{visibility: hidden;opacity: 0;transform: translateY(-10px);}
.popWrap .content .subm{width: 100%;height: 1.5rem;border-radius: 3px;border: none;background: var(--primary-color);color: #fff;cursor: pointer;}
.popWrap .content .close{position: absolute;right: 0.5rem;top: 0.5rem;width: 0.5rem;cursor: pointer;filter: brightness(0) invert(0.5);}
.popWrap .content .close:hover{filter: brightness(1) invert(0);}



@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1024px){

}

@media screen and (max-width: 760px){
.bread{line-height: 1rem;padding: 0.3rem 0 0;}
.bread .w1210{flex-wrap: wrap;}
.bread .container{width: 100%;}
.bread .container a:after{right: -7px;}

.nyWrap{padding: 1.5rem 0;}

.page a{margin: 0 0.1rem;}

.solutionList{justify-content: space-between;}
.solutionList li{width: 49%;margin-right: 0;}

.picList{justify-content: space-between;}
.picList li{width: 49%;margin-right: 0;}

.downloadList li{margin-bottom: 0.4rem;}
.downloadList .wrap{padding: 0.4rem;flex-wrap: wrap;line-height: 1rem;}
.downloadList .tit{width: 100%;padding: 0;flex: auto;}
.downloadList .right{width: 100%;justify-content: flex-start;margin-left: 0;}


.message .line{flex-wrap: wrap;}
.message .formItem,
.message .formItem.w50p{width: 100%;margin-bottom: 0.5rem;}
.message .formItem dt{margin-bottom: 0.4rem;}
.message .formItem .text, 
.message .formItem textarea{padding: 0 0.5rem;}
.message .formItem .text{height: 1.6rem;}
.message .btn{width: 5.8rem;height: 1.6rem;}

.thirdNav{display: none;}

.noticeList li{margin-bottom: 0.5rem;}
.noticeList .wrap{padding: 0.8rem;}
.noticeList .more,
.noticeList .line2{display: none;}
.noticeList .line{margin: 0 0.5rem;}

.contProduct{padding-top: 0;margin-top: 0;}
.contProduct .part1,
.contProduct .part2{padding: 1.6rem 0;}
.contProduct .part1 > .flexBetweenTop,
.contProduct .part2{flex-wrap: wrap;}
.contProduct .part1 .contLeft,
.contProduct .part1 .contRight,
.contProduct .part2 .contLeft,
.contProduct .part2 .contRight{width: 100%;}
.contProduct .part1 .contLeft{margin-bottom: 1rem;}
.contProduct .part1 .contLeft .picScroll .wrap{height: 10rem;}
.contProduct .part1 .contRight .btn{width: 6rem;height: 1.5rem;}
.contProduct .part2 .contRight{margin-top: 1rem;}
.contProduct .part2 .contLeft .tabs li{width: 25%;padding: 0;text-align: center;}
.contProduct .part2 .container .returnBtn{padding: 0 0.4rem;line-height: 1.3rem;}

}

@media screen and (max-width: 468px){
.solutionList li{width: 100%;}
}