/* 内页banner */
.nyBanner{height: 0;padding-bottom: 24.48%;background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 2.63rem;}

/* nyWrap */
.nyWrap{padding: 2.33rem 0 2.66rem;min-height: 450px;}
.nyWrap .nyRight{width: calc(100% - 10rem);}

/* nySide */
.nySide{width: 8.33rem;}
.nySide .title{background: url(../images/nySideBg.jpg) no-repeat right center;background-size: cover;height: 5rem;display: flex;align-items: center;padding: 0 1rem 0 1.5rem;color: #fff;line-height: 1;}
.nySide .title .en{font-family: "Arial";opacity: 0.5;font-weight: normal;margin-top: 0.33rem;}
.nySide .sideNav .nLi{position: relative;background: #FFFFFF;border: 1px solid #DEDEDE;border-top: none;}
.nySide .sideNav .nLi > h3 a{display: block;position: relative;padding: 0 1rem;color: #333333;font-weight: normal;line-height: 2.2rem;}
.nySide .sideNav .nLi > h3 a::before{content: "";width: 2px;height: 100%;position: absolute;left: -2px;background: #0271B3;transform: scale(1,0);opacity: 0;}
.nySide .sideNav .nLi > h3 a::after{content: "";width: 0.3rem;height: 0.5rem;background: url(../images/icon_arr2.svg) no-repeat center;background-size: 100%;position: absolute;right: 0.6rem;top: 50%;transform: translateY(-50%);filter: brightness(0) invert(0.5);opacity: 0.4;}
.nySide .sideNav .navSub{border-top: 1px solid #DEDEDE;display: none;}
.nySide .sideNav .navSub > ul{padding: 0.5rem 0.5rem 0.9rem 1rem;}
.nySide .sideNav .navSub > ul a{display: block;position: relative;padding: 5px 0 5px 12px;color: #666666;line-height: 1rem;}
.nySide .sideNav .navSub > ul a::before{content: "";width: 5px;height: 5px;background: #C8C8C8;border-radius: 50%;position: absolute;left: 0;top: calc(5px + (1rem - 5px)/2);}
.nySide .sideNav .nLi.on > h3 a::before,
.nySide .sideNav .nLi:hover > h3 a::before{transform: scale(1);opacity: 1;}
.nySide .sideNav .nLi.on > h3 a::after,
.nySide .sideNav .nLi:hover > h3 a::after{filter: brightness(1) invert(0);opacity: 1;}
.nySide .sideNav .nLi.on > h3 a,
.nySide .sideNav .nLi:hover > h3 a{color: #0271B3;font-weight: bold;}
.nySide .sideNav .navSub > ul li.on a,
.nySide .sideNav .navSub > ul li:hover a{color: #0271B3;}
.nySide .sideNav .navSub > ul li.on a::before,
.nySide .sideNav .navSub > ul li:hover a::before{background: #0271B3;}

/* 面包屑 */
.bread{border-bottom: 1px solid #D8D8D8;color: #666666;line-height: 2.56rem;margin-bottom: 1.5rem;}
.bread .tit{position: relative;color: #0271B3;}
.bread .tit::before{content: "";width: 100%;height: 3px;background: #0271B3;position: absolute;left: 0;bottom: -1px;}
.bread a:hover{color: #0271B3;}

/* nyTitle */
.nyTitle{text-align: center;font-weight: normal;line-height: 1;color: #333333;margin-bottom: 0.6rem;}

/* 产品筛选 */
.filter{margin-bottom: 0.9rem;}
.filter .all{width: 4rem;height: 1.33rem;background: #0271B3;border-radius: 0.66rem;text-align: center;color: #fff;line-height: 1.33rem;margin-right: 0.66rem;}
.filter .select{width: 10rem;position: relative;z-index: 5;}
.filter .select dt{padding: 0 1.5rem 0 0.7rem;background: #FDFDFD;border: 1px solid #D0D0D0;border-radius: 0.66rem;color: #666666;line-height: 1.266rem;position: relative;cursor: pointer;}
.filter .select dt::before{content: "";width: 0;height: 0;border: 6px solid transparent;border-top-color: #999999;position: absolute;right: 0.7rem;top: 50%;margin-top: -3px;}
.filter .select dd{position: absolute;left: 0;top: 100%;width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 0.66rem;display: none;background: #fff}
.filter .select dd ul{padding: 0.5rem 0.3rem;max-height: 8rem;overflow: auto;}
.filter .select dd li{color: #666666;line-height: 1.6;padding: 0.2rem 0;cursor: pointer;width: 16.666%;text-align: center;}
.filter .select dd li:hover,
.filter .select dd li.on{background: #efefef;color: #0271B3;font-weight: bold;}
.filter .right{border: 1px solid #D0D0D0;background: #FFFFFF;border-radius: 20px;}
.filter .text{width: 13.36rem;box-sizing: border-box;padding: 0 0.5rem 0 0.8rem;border: none;background: none;height: 1.33rem;line-height: 1.33rem;color: #666;}
.filter .btn{width: 3.8rem; height: 1.33rem;background-image: linear-gradient(#26C7B9, #177EC4);border-radius: 0 20px 20px 0;}
.filter .subm{width: 100%;box-sizing: border-box;padding-left: 1rem;border: none;background: none;color: #fff;font-weight: bold;height: 1.33rem;line-height: 1.33rem;text-align: left;background: url(../images/icon_search2.svg) no-repeat 2.33rem center;cursor: pointer;}

/* 产品列表 */
.infoStyle{margin: 0 1.66rem 1.66rem;text-align: center;}
.product .list{padding-bottom: 0.8rem;}
.product .list li{width: 48.6%;margin-bottom: 1rem;box-sizing: border-box;height: 5.33rem;padding: 1rem 0.9rem 0;background: #F9F9F9;cursor: pointer;}
.product .list li:nth-child(2n){float: right;}
.product .list li .tit{color: #333333;line-height: 0.86rem;}
.product .list li .desc{color: #666666;line-height: 0.66rem;margin: 7px 0 0.8rem;}
.product .list li .btm{color: #333333;line-height: 0.86rem;}
.product .list li .btm span{margin-right: 1rem;}
.product .list li .btm span:last-child{margin-right: 0;}
.product .list li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);background: #fff;}
.product .list li:hover .tit{color: #0271B3;}

/* 分页 */
.page a{padding: 0 0.6rem;margin: 0 5px;border: 1px solid #ECECEC;background: #fff;color: #666666;line-height: 1.6rem;}
.page .btn{padding: 0 1.6rem;margin: 0 0.8rem;}
.page .on,.page  a:hover{border-color: #0271B3;background: #0271B3;color: #fff;}

/* 标题 */
.titleStyle{margin-bottom: 0.6rem;line-height: 0.66rem;color: #0271B3;position: relative;padding-left: 0.4rem;}
.titleStyle::before{content: "";width: 4px;height: 0.5rem;background: #0271B3;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

/* 表格样式 */
.tableStyle table{width: 100%;border-collapse: collapse;}
.tableStyle table td{border: 1px solid #E3E3E3;padding: 0.6rem;}
.tableStyle table tr:nth-child(2n){background: rgba(244, 244, 244, 0.5);}
.tableStyle table .black{color: #333333;}


/* 产品详情页 */
.tabStyle{margin-bottom: 1.2rem;background: #F0F0F0;line-height: 2rem;color: #333333;}
.tabStyle li{padding: 0 0.66rem;position: relative;cursor: pointer;}
.tabStyle li::before{content: "";width: 1px;height: 0.66rem;background: #D6D8D9;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.tabStyle li:first-child::before{display: none;}
.tabStyle li:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(#26C7B9, #177EC4);opacity: 0;transform: scale(0,1);}
.tabStyle li span{position: relative;z-index: 2;}
.tabStyle li.active{color: #fff;}
.tabStyle li.active::before{opacity: 0;}
.tabStyle li.active::after{opacity: 1;transform: scale(1);}
.contProduct .container{position: relative;overflow: hidden;}
.contProduct .container .product{padding: 0 10px;}
.contProduct .container .cont{margin-top: 0.7rem;}

/* 技术服务 */
.service .list{display: flex;flex-wrap: wrap;}
.service .list li{width: 32%;margin: 0 2% 2% 0;background: #F9F9F9;}
.service .list li:nth-child(3n){margin-right: 0;}
.service .list .top{padding: 0.8rem 0.8rem 0.5rem;background: #EEEEEE;position: relative;}
.service .list .top::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(to right bottom, #26C7B9 , #177EC4);opacity: 0;}
.service .list .top > div{align-items: flex-start;position: relative;z-index: 2;}
.service .list .top .icon{width: 2rem;height: 2rem;background: #FFFFFF;border-radius: 50%;flex-shrink: 0;margin-right: 0.4rem;}
.service .list .top .icon img{max-width: 60%;max-height: 60%;}
.service .list .top .text{flex: 1;overflow: hidden;line-height: 1.1;color: #333333;}
.service .list .top .text .tit{margin: 7px 0 5px;}
.service .list .top .text .desc{line-height: 0.86rem;height: 1.72rem;overflow: hidden;}
.service .list .btm{min-height: 6rem;box-sizing: border-box;padding: 0.5rem 0.8rem;}
.service .list .btm dd a{display: block;position: relative;padding-left: 0.4rem;color: #333333;line-height: 1.06rem;}
.service .list .btm dd a::before{content: "";width: 5px;height: 5px;background: #C3C3C3;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.service .list li:hover{background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);}
.service .list li:hover .top::before{opacity: 1;}
.service .list li:hover .top .icon{background: rgba(255, 255, 255, 0.23);}
.service .list li:hover .top .icon img{filter: brightness(0) invert(1);}
.service .list li:hover .top .text{color: #FFFFFF;}
.service .list .btm dd a:hover{color: #0271B3;}
.service .list .btm dd a:hover::before{background: #0271B3;}

/* 资料下载 */
.download ul{padding-bottom: 0.66rem;}
.download ul li{width: 48.6%;position: relative;background: #F9F9F9;margin-bottom: 1rem;}
.download ul li:nth-child(2n){float: right;}
.download ul li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(to right bottom, #26C7B9 , #177EC4);opacity: 0;}
.download ul li a{display: block;position: relative;padding: 0 2rem 0 0.66rem;color: #333333;line-height: 2.33rem;z-index: 2;}
.download ul li .tit{font-weight: normal;}
.download ul li .tit span{position: relative;padding-right: 1rem;}
.download ul li .tit span::before{content: "";width: 1px;height: 0.6rem;background: #999999;position: absolute;right: 0.5rem;top: 50%;transform: translateY(-50%);}
.download ul li .icon{position: absolute;right: 0.8rem;top: 50%;transform: translateY(-50%);width: 0.8rem;}
.download ul li:hover::before{opacity: 1;}
.download ul li:hover a{color: #fff;}
.download ul li:hover .tit span::before{background: #fff;}
.download ul li:hover .icon{filter: brightness(0) invert(1);}


/* 列表 */
.notice ul li a{padding: 0 0.66rem;}


/* 技术文档 */
.doc .container{position: relative;overflow: hidden;}
.doc .container .cont{margin-bottom: 0.8rem;}
.doc .container .cont:last-child{margin-bottom: 0;}
.doc .container .titleStyle{margin-bottom: 0.5rem;}

/* 新闻列表 */
.newsList ul{padding-bottom: 0.66rem;}
.newsList ul li{margin-bottom: 1rem;background: #F9F9F9;}
.newsList .pic{flex-shrink: 0;width: 8.33rem;height: 5.53rem;position: relative;overflow: hidden;}
.newsList .right{flex-shrink: 0;padding: 0 1.1rem;}
.newsList .right span{display: block;color: #666666;line-height: 0.6rem;}
.newsList .right em{display: block;color: #000000;line-height: 1rem;margin: 0 0 0.5rem;}
.newsList .right .icon{width: 1.33rem;filter: brightness(0) invert(0.5);opacity: 0.6;}
.newsList .text{flex: 1;box-sizing: border-box;padding: 0 1.3rem 0 0.8rem;position: relative;overflow: hidden;}
.newsList .text::before{content: "";width: 1px;height: 3.76rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #D8D8D8;}
.newsList .tit{padding-bottom: 0.6rem;border-bottom: 1px solid #D8D8D8;position: relative;margin-bottom: 0.5rem;}
.newsList .tit:before{content: "";width: 3.33rem;height: 1px;position: absolute;left: 0;bottom: -1px;background: #333333;}
.newsList .tit h5{color: #000000;font-weight: normal;line-height: 1rem;}
.newsList .desc{color: #666666;line-height: 0.8rem;max-height: 1.6rem;overflow: hidden;}
.newsList .wrap:hover{background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);}
.newsList .wrap:hover .tit h5,
.newsList .wrap:hover .desc,
.newsList .wrap:hover .right em,
.newsList .wrap:hover .right span{color: #0271B3;}
.newsList .wrap:hover .right .icon{filter: brightness(1) invert(0);opacity: 1;}
.newsList .wrap:hover .tit:before{width: 100%;background: #0271B3;}


/* 新闻详情页 */
.passage .psgTitle{margin-bottom: 0.66rem;}
.passage .psgTitle .tit{margin-bottom: 1.1rem;color: #333333;font-weight: normal;line-height: 1;text-align: center;}
.passage .psgTitle .info{padding: 0.66rem 0;line-height: 0.66rem;color: #666666;border-top: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;}
.passage .psgTitle .info .left > div{margin-right: 1.7rem;}
.passage .psgTitle .info .left > div:last-child{margin-right: 0;}
.passage .psgTitle .info .left img{margin-right: 0.3rem;}
.passage .share .item{margin-left: 0.4rem;}
.passage .psgCont{color: #333333;min-height: 350px;}
.passage .psgLink{margin-top: 0.8rem;border-top: 1px solid #D8D8D8;padding-top: 0.8rem;color: #333333;line-height: 1.06rem;}
.passage .psgLink li a:hover{color: #0271B3;text-decoration: underline;}


/* 关于我们 */
.aboutWrap{background: url(../images/aboutBg.jpg) no-repeat center top;background-size: cover;}
.aboutWrap .about{align-items: flex-start;}
.aboutWrap .about .text{width: 62.7%;color: #333333;}
.aboutWrap .about .text .tit{font-weight: normal;line-height: 1;margin-bottom: 1rem;}
.aboutWrap .about .pic{width: 30.7%;padding-right: 1rem;position: relative;}
.aboutWrap .about .pic::before{content: "";width: 89.4%;height: 79.4%;position: absolute;right: 0;bottom: -1rem;background: #E9E9E9;}
.aboutWrap .about .pic img{width: 100%;position: relative;z-index: 2;}


/* 联系我们 */
.contact .top{margin-bottom: 1.5rem;background: #FFFFFF;box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);padding: 1.4rem 0 1rem;}
.contact .top li{width: 28.2%;position: relative;box-sizing: border-box;padding: 0 1.4rem;text-align: center;color: #666666;line-height: 26px;}
.contact .top li:nth-child(3){width: 43.6%;}
.contact .top li::before{content: "";width: 1px;height: 3.33rem;background: #DADADA;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.contact .top li:first-child::before{display: none;}
.contact .top li .icon{height: 0.83rem;}
.contact .top li .tit{color: #333333;line-height: 1.4rem;font-weight: normal;margin: 5px 0 9px;}


@media screen and (max-width: 1480px){
/* 产品筛选 */
.filter .select{width: 8rem;}
.filter .text{width: 12.6rem;}

/* 关于我们 */
.aboutWrap .about{align-items: center;}

/* 联系我们 */
.contact .top li{padding: 0 0.8rem;}
}

@media screen and (max-width: 1240px){
.nySide{display: none;}
.nyWrap{padding: 1rem 0 2rem;}
.nyWrap .nyRight{width: 100%;}
.bread{line-height: 1.6rem;margin-bottom: 1rem;}

/* 产品筛选 */
.filter{display: block;}
.filter .left{margin-bottom: 0.5rem;}
.filter .select{width: calc(100% - 4.66rem);}
.filter .text{width: calc(100% - 3.8rem);}

/* infoStyle */
.infoStyle{margin: 0 0 1rem;}

/* 关于我们 */
.aboutWrap .about .pic{display: none;}
.aboutWrap .about .text{width: 100%;}

}


@media screen and (max-width: 1024px){
/* nyBanner */
.nyBanner{margin-top: 0;}
/* 分页 */
.page a{padding: 0 0.4rem;line-height: 1rem;}
.page .btn{padding: 0 0.8rem;margin: 0 10px;}
}

@media screen and (max-width: 760px){
/* 筛选 */
.filter .text{padding: 0 12px;font-size: 12px;}

/* 分页 */
.page .num{display: none;}
.page .num.on{display: block;}

/* 产品列表 */
.product .list{padding-bottom: 0;}
.product .list li{width: 100%;height: auto;padding: 0.8rem;}
.product .list li .desc{margin: 4px 0 0.4rem;}

/* 表格样式 */
.tableStyle table td{padding: 0.3rem;}

/* tabStyle */
.tabStyle{margin-bottom: 0.6rem;line-height: 1.6rem;}
.tabStyle li{width: 33.33%;box-sizing: border-box;padding: 0;text-align: center;}
.tabStyle li:nth-child(4)::before{display: none;}

/* 技术服务 */
.service .list{justify-content: space-between;}
.service .list li{width: 49%;margin-right: 0;}
.service .list .top{padding: 0.6rem 0.4rem;}
.service .list .top > div{align-items: center;}
.service .list .top .icon{width: 1.6rem;height: 1.6rem;}
.service .list .top .text .tit{margin: 0;}
.service .list .top .text .desc{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.service .list .btm{padding: 0.3rem 0.5rem;}

/* 资料下载 */
.download ul li{width: 100%;margin-bottom: 0.5rem;}

/* 新闻列表 */
.newsList .right{display: none;}
.newsList .text{padding: 0 0.6rem;}
.newsList .text::before{display: none;}
.newsList .pic{width: 5rem;height: 3.33rem;}
.newsList .tit{padding-bottom: 0.3rem;margin-bottom: 0.3rem;}

/* 新闻详情页 */
.passage .psgTitle .tit{margin-bottom: 0.6rem;}
.passage .psgTitle .info{padding: 0.3rem 0;}
.passage .psgTitle .info .left{width: 100%;}
.passage .share{display: none;}

/* 联系我们 */
.contact .top{padding: 0.8rem 0 0.5rem;display: block;margin-bottom: 0.8rem;}
.contact .top li,
.contact .top li:nth-child(3){width: 100%;}
.contact .top li{padding: 0.6rem 0.6rem 1rem;border-bottom: 1px solid #DADADA;}
.contact .top li::before{display: none;}
.contact .top li:last-child{border: none;}
.contact .top li .tit{margin: 0;}
}

@media screen and (max-width: 468px){
/* 关于我们 */
.aboutWrap .about{flex-wrap: wrap;}
.aboutWrap .about .pic{display: block;width: 100%;margin-top: 0.5rem;box-sizing: border-box;}

}