@charset "utf-8";
body{overflow-x: hidden;overflow-y: auto;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #555;}
/*内页大图*/
.nybanner{position: relative;}
.nybanner .txt{position: absolute;left: 51px;bottom: 57px;}
/*标题*/
*[class*="cp-"] .tit *{margin: 0;}
*[class*="cp-"] .tit{text-align: center;}
*[class*="cp-"] .tit h3{color: #0c61d5;font-size: 26px;font-weight: bold;}
*[class*="cp-"] .tit p{color: #444;font-size: 16px;margin-top: 20px;}
/*产品简介*/
.cp-jj .box{padding: 71px 0;display: flex;background: url(../images/cp_bg.jpg) left top no-repeat;align-items: center;justify-content: space-between;}
.cp-jj .cp-left{width: 430px;}
.cp-jj .cp-left .img{width: 100%;height: 100%;text-align: center;display: none;}
.cp-jj .cp-left .img img{width: auto;height: auto;object-fit: contain;}
.cp-jj .cp-left .img.cur{display: block;animation: hideIndex 1s ease;}
.cp-jj .cp-right{width: 640px;padding-left: 30px;}
.cp-jj .cp-right h3{position: relative;color: #0c61d5;font-size: 26px;font-weight: bold;margin: 0;}
.cp-jj .cp-right h3:before{content: " ";position: absolute;top: 5px;left: -30px;width: 12px;height: 12px;background: #0c61d5;box-shadow: 2px 2px 0 #fff;border-radius: 3px;z-index: 1;}
.cp-jj .cp-right h3:after{content: " ";position: absolute;top: 11px;left: -25px;width: 12px;height: 12px;border: 2px solid #0c61d5;border-radius: 3px;opacity: .5;}
.cp-jj .cp-right p{color: #444;font-size: 16px;line-height: 32px;text-align: justify;margin: 30px 0 50px;}
.cp-jj .cp-right .tab{display: flex;}
.cp-jj .cp-right .tab .img{width: 150px;height: 105px;margin-right: 15px;background: #f7f8fa;border: 1px solid #f7f8fa;cursor: pointer;transition: all .5s ease;}
.cp-jj .cp-right .tab .img img{width: 100%;height: 100%;object-fit: contain;}
.cp-jj .cp-right .tab .img.cur{border: 1px solid #0c61d5;}
@keyframes hideIndex{0%{ opacity: 0;}100%{opacity: 1;}}
/*产品特点*/
.cp-td{padding: 50px 0;background: #0c61d5 url(../images/td_bg.jpg) center bottom  no-repeat;}
.cp-td .tit h3{color: #fff;}
.cp-td ul{display: flex;width: calc(100% + 15px);margin: 0;padding-top: 40px;}
.cp-td ul li{width: 274px;text-align: center;margin-right: 15px;padding: 45px 40px 24px;background: #eef7ff;border-radius: 3px;}
.cp-td ul li h3{color: #0c61d5;font-size: 22px;font-weight: bold;margin: 0;}
.cp-td ul li p{color: #444;font-size: 16px;line-height: 28px;text-align: center;margin: 20px 0 35px;}
.cp-td ul li a{display: block;color: #fff;font-size: 14px;line-height: 36px;background: #0c61d5;border-radius: 3px;}
.cp-td ul li a:hover{background: #003987;}
/*产品指标*/
.cp-zb{padding: 50px 0;}
.cp-zb table{width: 100%;color: #69798f;font-size: 15px;line-height: 55px;text-align: center;margin-top: 40px;border: 1px solid #c0d7f5;border-collapse: unset;border-radius: 10px;overflow: hidden;}
.cp-zb table tr:nth-child(even){background: #f7faff;}
.cp-zb table tr:nth-child(1) td:first-child{border-left: 0;}
.cp-zb table tr:nth-child(2) td:first-child{width: 320px;background: #fff;border-left: 0;}
.cp-zb table tr td:nth-last-child(1),
.cp-zb table tr td:nth-last-child(2){color: #555;}
.cp-zb table tr.firstRow{line-height: 66px;background: url(../images/bg_title.jpg) center no-repeat;}
.cp-zb table tr.firstRow td{color: #fff;font-size: 18px;font-weight: bold;}
.cp-zb table td{width: 270px;border-left: 1px solid #e6f1ff;border-bottom-color: transparent;}
.cp-zb table .ico{display: inline-block;width: 78px;height: 78px;border-radius: 50%;background: #0c61d5 url(../images/zb_ico.png) center no-repeat;}
.cp-zb table h3{color: #0c61d5;font-size: 17px;font-weight: bold;margin: 0;}
/*工艺流程*/
.cp-lc{padding: 65px 0 80px;background: url(../images/lc_bg.jpg) center no-repeat;}
.cp-lc ul{display: flex;background: rgba(255,255,255,.66);box-shadow: 0 0 20px rgb(12 97 213 / 5%);margin: 0;margin-top: 50px;}
.cp-lc ul li{width: auto;}
.cp-lc ul li img{display: block;}
/*技术服务*/
.cp-fw{padding: 75px 0 90px;}
.cp-fw ul{display: flex;width: calc(100% + 20px);margin: 0;padding-top: 80px;}
.cp-fw ul li{position: relative;width: 270px;margin-right: 20px;}
.cp-fw ul li .box{width: 100%;height: 100%;text-align: center;padding: 10px;padding-top: 55px;border: 1px solid #c0ddf6;box-shadow: 0 0 20px rgb(12 97 213 / 4%);transition: all .5s ease;cursor: pointer;}
.cp-fw ul li em{position: absolute;top: -33px;left: 50%;margin-left: -19px;width: 38px;height: 66px;background-color: #e6effb;}
.cp-fw ul li em:before,
.cp-fw ul li em:after{content:" ";width: 0;height: 0;position: absolute;top: 0;left: -20px;border: 33px solid transparent;border-right: 20px solid #e6effb;border-left:none;}
.cp-fw ul li em:after{left: auto;right: -20px;border-right: none;border-left: 20px solid #e6effb;}
.cp-fw ul li i{position: absolute;top: 50%;left: 50%;margin-top: -28px;margin-left: -16px;width: 32px;height: 56px;color: #fff;font-size: 28px;line-height: 56px;font-family: Impact;font-style: normal;background-color: #0c61d5;z-index: 1;}
.cp-fw ul li i:before,
.cp-fw ul li i:after{content:" ";width: 0;height: 0;position: absolute;top: 0;left: -17px;border: 28px solid transparent;border-right: 17px solid #0c61d5;border-left:none;}
.cp-fw ul li i:after{left: auto;right: -17px;border-right: none;border-left: 17px solid #0c61d5;}
.cp-fw ul li .text{text-align: center;}
.cp-fw ul li .text h3{color: #0c61d5;font-size: 18px;font-weight: bold;margin: 0;}
.cp-fw ul li .text p{color: #666;font-size: 15px;line-height: 24px;height: 45px;margin: 0;margin-top: 10px;overflow: hidden;}
.cp-fw ul li .dian{display: flex;justify-content: center;flex-direction: column;align-items: center;padding: 15px 0;}
.cp-fw ul li .dian:before,.cp-fw ul li .dian:after{content: " ";display: flex;width: 5px;height: 5px;background: #0c61d5;border-radius: 50%;}
.cp-fw ul li .dian:before{margin-bottom: 5px;opacity: .4;}
.cp-fw ul li .img{width: 100%;height: 188px;}
.cp-fw ul li .img img{width: 100%;height: 100%;display: block;}
.cp-fw ul li:hover .box{border-color: #0c61d5;}
/*客户案例*/
.cp-kh{padding: 70px 0;background: #f7fafd;}
.cp-kh .box{position: relative;display: flex;flex-wrap: wrap;margin: 0 72px;margin-top: 40px;justify-content: space-between;}
.cp-kh .box:before{content:" ";position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -110px;width: 140px;height: 100px;background: #0c61d5;border-radius: 0 30px 0 30px;opacity: .9;z-index: 9;}
.cp-kh .box:after{content:" ";position: absolute;top: 50%;left: 50%;margin-top: -8px;margin-left: -50px;width: 115px;height: 75px;border: 3px solid #fff;opacity: .5;z-index: 11;}
.cp-kh .img{padding: 8px;margin-top: 10px;background: #fff;border-radius: 10px;box-shadow: 0 0 30px rgb(0 80 188 / 10%);}
.cp-kh .img:last-child{z-index: 10;}
.cp-kh .img img{display: block;}
.cp-kh .text{width: 50%;padding-left: 70px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.cp-kh .text h3{color: #0c61d5;font-size: 17px;font-weight: bold;margin: 0;}
.cp-kh .text ul{position: relative;margin: 0;margin-top: 20px;}
.cp-kh .text ul:before{content:" ";position: absolute;top: 50%;left: 5px;width: 0;height: 88%;transform: translateY(-50%);border-left: 1px dashed rgba(12,97,213,.5);}
.cp-kh .text ul li{color: #555;font-size: 14px;line-height: 30px;padding-left: 23px;background: url(../images/gou.png) left center no-repeat;background-size: 11px;}
/*企业概况*/
.cp-qy{padding: 70px 0;}
.cp-qy .cont{margin-top: 40px;color: #555;font-size: 16px;line-height: 34px;text-align: justify;}
.cp-qy .cont span{color: #0c61d5;}
.cp-qy .box{display: flex;padding: 35px 45px 35px 30px;margin-top: 40px;border: 1px solid #dfefff;background: #f5f9fd;justify-content: space-between;align-items: center;}
.cp-qy .img img{display: block;}
.cp-qy .text{width: 445px;}
.cp-qy .text h3{position: relative;color: #0c61d5;font-size: 18px;margin: 0;}
.cp-qy .text h3:before{content:" ";position: absolute;top: 50%;right: 0;margin-top: -1px;width: 88%;height: 1px;background: #0c61d5;opacity: .06;}
.cp-qy .text h3:after{content:" ";position: absolute;top: 7px;right: 0;width: 5px;height: 5px;background: #ddeaf9;}
.cp-qy .text ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 13px 0;}
.cp-qy .text ul li{position: relative;width: 50%;color: #555;font-size: 14px;line-height: 24px;padding-left: 17px;}
.cp-qy .text ul.cur li:last-child{width: 100%;}
.cp-qy .text ul li:before{content:" ";position: absolute;top: 10px;left: 3px;width: 5px;height: 5px;background: #0c61d5;border-radius: 50%;opacity: .5;}
/*企业优势*/
.cp-ys{padding: 70px 0;background: url(../images/jd_bg.jpg) center no-repeat;}
.cp-ys .box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cp-ys .img{position: relative;width: 600px;height: 440px;}
.cp-ys .img img{border: 5px solid #fff;box-shadow: 0 0 24px rgb(0 0 0 / 10%);}
.cp-ys .img .img2{position: absolute;right: 0;bottom: 0;}
.cp-ys .text.fr{width: 500px;padding-top: 40px;}
.cp-ys .text.fl{width: 600px;padding-top: 15px;}
.cp-ys .text h3{position: relative;color: #0c61d5;font-size: 26px;font-weight: bold;line-height: 40px;height: 48px;margin: 0;margin-left: 8px;padding-left: 25px;}
.cp-ys .text h3:before,.cp-ys .text h3:after{content:" ";position: absolute;top: 0;left: 0;width: 158px;height: 40px;background: #fff;transform: skewX(-20deg);z-index: 2;}
.cp-ys .text h3:after{top: 8px;left: 5px;background: none;border: 1px solid #fff;opacity: .6;z-index: 1;}
.cp-ys .text h3 span{position: relative;z-index: 2;}
.cp-ys .text p{color: #fff;font-size: 16px;line-height: 30px;text-align: justify;margin: 0;margin-top: 35px;}
.cp-ys .pic{width: 485px;height: 360px;background: #fff;box-shadow: 0 0 24px rgb(0 0 0 / 8%);}
.cp-ys .pic ul{}
.cp-ys .pic ul li{display: none;}
.cp-ys .pic ul li.cur{display: block;animation: hideIndex 1s ease;}
.cp-ys .pic ul li div img{}
.cp-ys .pic ul li h3{color: #333;font-size: 16px;line-height: 30px;text-align: center;margin: 0;}
.cp-ys .pic .tab{text-align: center;}
.cp-ys .pic .tab span{display: inline-block;width: 8px;height: 8px;margin: 0 5px;background: #0c61d5;border-radius: 50%;cursor: pointer;opacity: .5;transition: all .5s ease;}
.cp-ys .pic .tab span.cur{opacity: 1;}
/*实验条件*/
.cp-sy{padding: 70px 0;background: url(../images/sy_bg.jpg) center no-repeat;}
.cp-sy .box{display: flex;justify-content: space-between;}
.cp-sy .img{position: relative;width: 484px;height: 276px;}
.cp-sy .img:after{content:" ";position: absolute;top: 10px;left: 10px;width: 100%;height: 100%;border: 1px solid #0c61d5;opacity: .2;}
.cp-sy .img img{position: relative;display: block;z-index: 1;}
.cp-sy .text{width: 620px;padding: 20px 0 0 25px;}
.cp-sy .text h3{color: #0c61d5;font-size: 26px;font-weight: bold;margin: 0;}
.cp-sy .text p{color: #555;font-size: 16px;line-height: 30px;text-align: justify;margin: 25px 0 45px;}
.cp-sy .text .pic{position: relative;left: -25px;width: 340px;}
.cp-sy .text .pic:after{content:" ";position: absolute;top: 10px;left: 10px;width: 100%;height: 100%;border: 1px solid #0c61d5;border-image: linear-gradient(90deg,#0c61d5 0 ,transparent 85%) 30 30;opacity: .2;}
/*质量控制*/
.cp-zl{padding: 60px 0;}
.cp-zl .cont{color: #555;font-size: 16px;line-height: 30px;text-align: center;margin: 0 131px;margin-top: 35px;}
.cp-zl ul.zl1{display: flex;margin: 0;margin-top: 60px;}
.cp-zl ul.zl1 li{position: relative;display: flex;color: #fff;width: 120px;font-size: 14px;line-height: 20px;text-align: center;height: 55px;margin-right: 10px;background: #0c61d5;align-items: center;justify-content: center;}
.cp-zl ul.zl1 li:nth-child(5),
.cp-zl ul.zl1 li:nth-child(n+7){width: 90px;}
.cp-zl ul.zl1 li:last-child{margin-right: 0;}
.cp-zl ul.zl1 li:nth-child(2n){background: #4989e0;}
.cp-zl ul.zl1 li em{position: absolute;top: 50%;right: -15px;margin-top: -10px;width: 20px;height: 20px;background: #fff;border-radius: 50%;z-index: 1;}
.cp-zl ul.zl1 li em:after{content:" ";position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: -2px;border: 4px solid transparent;border-left: 6px solid #0c61d5;border-right: 0;}
.cp-zl ul.zl1 li:nth-child(2n) em:after{border-left-color: #4989e0;}
.cp-zl ul.zl2{display: flex;margin: 0;}
.cp-zl ul.zl2 li{width: 250px;color: #777;font-size: 14px;line-height: 35px;text-align: center;margin-right: 10px;/* padding-top: 50px; */flex-shrink: 0;}
.cp-zl ul.zl2 li:last-child{margin-right: 0;}
.cp-zl ul.zl2 li:nth-child(3){width: 320px;}
.cp-zl ul.zl2 li:nth-child(4){width: 190px;}
.cp-zl ul.zl2 li:last-child{width: 90px;}
.cp-zl ul.zl2 li em{position: relative;display: block;width: 132px;height: 30px;margin: auto;margin-bottom: 20px;border: 1px solid #0c61d5;border-top: 0;opacity: .2;}
.cp-zl ul.zl2 li em:after{content:" ";position: absolute;top: 0;left: 50%;width: 1px;height: 20px;margin-top: 30px;background: #0c61d5;}
.cp-zl ul.zl2 li:nth-child(3) em{width: 230px;}
.cp-zl ul.zl2 li:last-child em{width: 100%;border: 0;}
.cp-zl ul.zl2 li:last-child em:after{margin: 0;height: 50px;}
.cp-zl ul.zl1 li:nth-child(1){z-index: 1000;}
.cp-zl ul.zl1 li:nth-child(2){z-index:900;}
.cp-zl ul.zl1 li:nth-child(3){z-index:800;}
.cp-zl ul.zl1 li:nth-child(4){z-index: 700;}
.cp-zl ul.zl1 li:nth-child(5){z-index: 600;}
.cp-zl ul.zl1 li:nth-child(6){z-index: 500;}
.cp-zl ul.zl1 li:nth-child(7){z-index: 400;}
.cp-zl ul.zl1 li:nth-child(8){z-index: 300;}
.cp-zl ul.zl1 li:nth-child(9){z-index: 200;}
.cp-zl ul.zl1 li:nth-child(10){z-index: 100;}