@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1600px) {
/*banner*/
	.banner-bj{background:#3636368f; background-size:100% auto;}
	.banner .right{float:right;width:58.5%;padding:1%;border-radius:15px;border:3px solid #ffffff;}
	.banner .right p iframe,.banner .right p video{width:100%;max-height:557px;min-height:497px;height:100%;object-fit:fill;display:block;}
	.banner .left{float:left;width:39%;}
	.banner .left h1{/*font-size:48px;*/font-size:2.4vw;color:#fff;padding-top:1%;background:url(../images/p-det/cp-bt-text.png) no-repeat left top;background-size:30% auto;margin:3% 0 3% 0;}
	.banner .left ul{background:url(../images/p-det/cp-cs-bj.png) no-repeat;padding:2% 5%;}
	.banner .left ul li:nth-child(1){margin-right:10%;}
	.banner .left ul li:nth-child(2){background:0;}
	.banner .left ul li{width:40%;float:left;background:url(../images/p-det/cp-cs-line.png) no-repeat right center;}
	.banner .left ul li b{/*font-size:32px;*/font-size:1.6vw;color:#148fed;display:block;position:relative;z-index:1;}

   .banner .left ul li b:before{content:'';padding:5%;position:absolute;left:-5%;bottom:0;background:url(../images/p-det/cp-cs-dot.png) no-repeat left bottom;z-index:-1;}
	
	.banner .left ul li span{/*font-size:18px;*/font-size:0.95vw;color:#222;background:url(../images/p-det/cp-cs-bt.png) no-repeat;background-size:100% 100%;padding:2.5% 0 3.5% 0;display:inline-block;text-align:center;width:70%;margin-top:5%;}
	.banner .left p{/*font-size:18px;*/font-size:0.95vw;color:#fff;display:flex;align-items:center;margin-top:5%;margin-bottom:7%;}
	.banner .left p img{display:inline;margin:0 1%;}
	.banner .left div{margin-bottom:1%;}
	.banner .left div b{color:#222;/*font-size:18px;*/font-size:0.95vw;width:21%;float:left;line-height:38px;text-align:left;}
	.banner .left div span{color:#222;/*font-size:18px;*/font-size:0.95vw;width:79%;float:right;line-height:38px;}
	.banner .left .wl b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-3.png) no-repeat left center;}
	.banner .left .hb b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-4.png) no-repeat left center;}
	.banner .left .zxzx img{margin-top:2%;}
/*small-message*/
	.small-messaage-bj{background:url(../images/p-det/ly-bj.jpg) no-repeat left center;padding:0.75% 0 1% 0;}
	.small-messaage{-moz-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);-webkit-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);border-radius:15px;background:url(../images/p-det/ly-bj-1.jpg);position:relative;font-size:0;padding:1.2% 0 1.2% 10%;}
	.small-messaage .bt{width:11%;position:absolute;left:0;top:0;height:100%;background:url(../images/p-det/ly-bt-bj.png) no-repeat left top;background-size:100% auto;color:#fefefe;/*font-size:28px;*/font-size:1.4vw;padding-left:1.2%;padding-top:0.85%;}
	.small-messaage form div{float:left;font-size:0;width:39%;margin-right:2%;}
	.small-messaage form div label{width:15%;display:block;float:left;/*font-size:18px;*/font-size:0.95vw;color:#222;height:54px;line-height:54px;font-weight:bold;}
	.small-messaage form div label i{color:#e64b1a;}
	.small-messaage form div input{width:85%;display:block;float:right;/*font-size:18px;*/font-size:0.95vw;color:#222;height:54px;border-radius:10px;border:1px solid #999;background:#fff;padding:0 2%;}
	.small-messaage form button{width:13%;background-image:linear-gradient(90deg,#f53718 0%, #fb951a 100%);border:0;/*font-size:18px;*/font-size:0.95vw;color:#fffefd;text-align:center;border-radius:8px;height:54px;}
/*prodet-xff*/
	.navbj{height:80px;margin:2% 0;}
	.banner-nav{background:#eee;border-radius:9px;padding-left:3%;height:80px;}
	.banner-nav ul{height:80px;}
	.banner-nav ul li{width:16.66%;float:left;height:100%;position:relative;}
	.banner-nav ul li a{width:100%;height:100%;line-height:80px;text-align:center;color:#1f2023;/*font-size:24px;*/font-size:1.2vw;}
	.banner-nav ul li a:before{content:'';padding:1% 8%;}
	.banner-nav ul li:nth-child(1) a:before{background:url(../images/p-det/nav-1.png) no-repeat left center;background-size:65% auto;}
	.banner-nav ul li:nth-child(2) a:before{background:url(../images/p-det/nav-2.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(3) a:before{background:url(../images/p-det/nav-3.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(4) a:before{background:url(../images/p-det/nav-4.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(5) a:before{background:url(../images/p-det/nav-5.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(6) a:before{background:url(../images/p-det/nav-6.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li a:hover{color:#f94c2a;height:90px;line-height:90px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}
	.banner-nav ul li.active a{color:#f94c2a;height:90px;line-height:90px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}	
/*introduction*/
	.introduction{margin:3% auto;}
	.introduction .left{width:52%;float:left;background:url(../images/p-det/profile-p-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding:1.5% 0 1.5% 10.5%;}
	.introduction .left .tit{position:absolute;left:0;top:10%;width:18%;}
	.introduction .left .box{background:#fff;box-shadow:0px 2px 28px 0px rgba(34,94,146,0.38);border-radius:15px;border:1px solid #e4ebf0;padding:1%;}
	.introduction .left .box .swiper-slide{border-radius:10px;overflow:hidden;}
	.introduction .left .box .swiper-slide img{width:100%;}
	.introduction .left .box .swiper-pagination{width:15%;margin:0 auto;right:0;border-radius:15px;background:rgba(0,0,0,0.2);}
	.introduction .left .box .swiper-pagination span{margin-top:-50%;}
	.introduction .left .box .swiper-pagination-bullet{width:10px;height:10px;font-size:0;background-color: rgba(255,255,255,0.5);}
	.introduction .left .box .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
	.introduction .right{width:46%;float:right;}
	.introduction .right span{/*font-size:36px;*/font-size:1.7vw;color:#dbdbdb;text-align:left;display:block;}
	.introduction .right h2{/*font-size:36px;*/font-size:1.7vw;color:#222;text-align:left;margin:0 0 1% 0;display:inline-block;}
	.introduction .right p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:38px;height:338px;overflow-x:hidden;}
/*structure*/
	.structure-bj{background:url(../images/p-det/structure-bj.jpg) no-repeat;position:relative;}
	.structure .new-tit{margin-top:0;}
	.structure .new-tit h2{margin-bottom:0;}
	.structure img{width:99.8%;}
	.structure-bj .adv{-moz-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);-webkit-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);border-radius:30px;position:absolute;left:0;right:0;bottom:-12%;margin:0 auto;background:#fff;}
	.structure-bj ul{overflow:hidden;}
	.structure-bj ul li{width:33.33%;padding:1% 2.5%;float:left;}
	.structure-bj ul li h3{/*font-size:26px;*/font-size:1.3vw;margin:0;display:inline-block;background:-webkit-linear-gradient(left,#fa921a,#f43a22);-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
	.structure-bj ul li p{/*font-size:18px;*/font-size:0.95vw;color:#000;line-height:34px;margin-top:3%;}
/*parameter*/
	.parameter-bj{background:url(../images/p-det/cs-bj.jpg);padding-top:2%;max-height:605px;min-height:420px;height:100%;}
	.parameter .box{padding:1%;background:#fff;border-radius:15px;position:relative;}
/*设备选型*/
	.table-responsive{overflow:hidden;border:1px solid #fff;overflow-y:auto;}
	.table .tr0 td,.table .tr0 th{padding:1% 0;/*font-size:20px;*/font-size:1vw;color:#fdfdfd;text-align:center;overflow:hidden;border:1px solid #e6e6e6;}
    .table-responsive table{width:100%;border:0;padding:0;border-collapse:collapse;overflow:hidden;}
    .table-responsive table .tr0{background-image:linear-gradient(90deg,#f42e18 0%,#fb961a 100%);font-size:0.16rem;color:#333;padding:1.5% 0;}
    .table-responsive table .tr1{background:#fff;}
    .table-responsive table .tr2{background:#f3f8fd;}
    .table-responsive table .tr1 td,.table-responsive table .tr1 th,.table-responsive table .tr2 td,.table-responsive table .tr2 th{border:1px solid #e6e6e6;text-align: center;padding:0.6% 0;/*font-size:18px;*/font-size:0.95vw;;}
/*case*/
	.kh-case-bj{background:url(../images/p-det/case-bj.jpg) no-repeat;padding-bottom:1%;}
	.kh-case ul{margin:0 -0.5%;}
	.kh-case ul li{width:25%;float:left;padding:0 0.5%;margin-bottom:1%;}
	.kh-case ul li:nth-child(1){width:50%;padding:0 0.5%;}
	.kh-case ul li:nth-child(1) .icon{width:8%;}
	.kh-case ul li:nth-child(1) h3{position:absolute;left:0;right:0;bottom:0;padding:2% 0;}
	.kh-case ul li a{position:relative;-moz-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);-webkit-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);overflow:hidden;}
	.kh-case ul li a .tu{width:100%;transition:all 1s;}
	.kh-case ul li a:hover .tu{transform:scale(1.05)}
	.kh-case ul li .icon{position:absolute;left:0;right:0;top:37%;margin:0 auto;width:12%;}
	.kh-case ul li h3{text-align:center;background:url(../images/p-det/case-bt-bj.jpg) no-repeat;background-size:100% 100%;margin:0;padding:3% 0;/*font-size:20px;*/font-size:1vw;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.kh-case .row{position:relative;}
	.kh-case .row .lx{position:absolute;left:0;bottom:2.5%;width:47.8%;}
/*site*/
	.site-bj{background:url(../images/p-det/anxc-bj.jpg) no-repeat;padding-bottom:2%;}
	.site .new-tit{margin-top:2%;}
	.site .new-tit h2{color:#fff;}
	.site img{width:99.8%;margin-top:1%;}
/*A&Q*/
	.quote-bj{background-image:linear-gradient(90deg,rgba(240,243,250,0.1) 0%, rgba(240,243,250,1) 100%);padding:2% 0 0.75% 0;}
	.quote{overflow:hidden;}
	.quote .new-tit{margin-top:0;}
	.quote ul{background:#fff;margin:1% 0 0 0;border-radius:30px;padding:0 0 2% 0;}
	.quote ul li{width:50%;padding:0 2%;float:left;}
	.quote ul li div{position:relative;background:url(../images/p-det/aq-a.png) no-repeat 1% center;margin:4% 0;}
	.quote ul li div i{padding:8px;position:absolute;left:6.1%;top:34.5%;background:url(../images/p-det/aq-a-jt.png) no-repeat right center;}
	.quote ul li div b{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-left:8%;padding:2%;background:#dae4eb;border-radius:9px;}
	.quote ul li p{position:relative;background:url(../images/p-det/aq-q.png) no-repeat right 20%;}
	.quote ul li p span{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-right:8%;margin-left:18%;padding:2%;border:1px dashed #5f93b7;border-radius:9px;}
	.quote ul li p i{padding:10px;position:absolute;right:7.2%;top:24.5%;background:url(../images/p-det/aq-q-jt.jpg) no-repeat left center;}
/*progress*/
	.progress{overflow:hidden;padding:2% 0;}
	.progress .new-tit{margin-top:0;}
	.progress ul{margin:1% -1.5% 0 -1.5%;}
	.progress ul li{width:20%;padding:0 1.5%;float:left;}
	.progress ul li a{border:1px solid rgba(153,153,153,0.19);padding:0.5% 0.5% 3% 0.5%;}
	.progress ul li a img{margin:0 auto;width:99.8%;}
	.progress ul li a h3{/*font-size:26px;*/font-size:1.3vw;color:#222;text-align:center;margin:0 0 1% 0;padding-top:6%;}
	.progress ul li a p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:30px;text-align:center;width:80%;margin:0 auto;}
	.progress ul li:nth-child(1) h3{background:url(../images/p-det/service-1-1.jpg) no-repeat center top;}
	.progress ul li:nth-child(2) h3{background:url(../images/p-det/service-2-2.jpg) no-repeat center top;}
	.progress ul li:nth-child(3) h3{background:url(../images/p-det/service-3-3.jpg) no-repeat center top;}
	.progress ul li:nth-child(4) h3{background:url(../images/p-det/service-4-4.jpg) no-repeat center top;}
	.progress ul li:nth-child(5) h3{background:url(../images/p-det/service-5-5.jpg) no-repeat center top;}
}

@media screen and (max-width: 1600px) and (min-width: 1400px){
/*banner*/
	.banner-bj{background:url(../images/p-det/cp-bj.jpg) no-repeat;background-size:100% auto;}
	.banner .right{float:right;width:58.5%;padding:1%;border-radius:15px;border:3px solid #ffffff;}
	.banner .right p iframe,.banner .right p video{width:100%;max-height:557px;min-height:420px;height:100%;object-fit:fill;display:block;}
	.banner .left{float:left;width:39%;}
	.banner .left h1{/*font-size:48px;*/font-size:2.4vw;color:#fff;padding-top:1%;background:url(../images/p-det/cp-bt-text.png) no-repeat left top;background-size:30% auto;margin:3% 0 3% 0;}
	.banner .left ul{background:url(../images/p-det/cp-cs-bj.png) no-repeat;padding:2% 5%;}
	.banner .left ul li:nth-child(1){margin-right:10%;}
	.banner .left ul li:nth-child(2){background:0;}
	.banner .left ul li{width:40%;float:left;background:url(../images/p-det/cp-cs-line.png) no-repeat right center;}
	.banner .left ul li b{/*font-size:32px;*/font-size:1.6vw;color:#148fed;display:block;position:relative;z-index:1;}

   .banner .left ul li b:before{content:'';padding:5%;position:absolute;left:-5%;bottom:0;background:url(../images/p-det/cp-cs-dot.png) no-repeat left bottom;background-size:50% auto;z-index:-1;}
	
	.banner .left ul li span{/*font-size:18px;*/font-size:0.95vw;color:#222;background:url(../images/p-det/cp-cs-bt.png) no-repeat;background-size:100% 100%;padding:2.5% 0 3.5% 0;display:inline-block;text-align:center;width:70%;margin-top:5%;}
	.banner .left p{/*font-size:18px;*/font-size:0.95vw;color:#fff;display:flex;align-items:center;margin-top:5%;margin-bottom:7%;}
	.banner .left p img{display:inline;margin:0 1%;width:15%;}
	.banner .left div{margin-bottom:1%;}
	.banner .left div b{color:#222;/*font-size:18px;*/font-size:0.95vw;width:19%;float:left;line-height:30px;text-align:left;}
	.banner .left div span{color:#222;/*font-size:18px;*/font-size:0.95vw;width:81%;float:right;line-height:30px;}
	.banner .left .wl b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-3.png) no-repeat left center;background-size:80% auto;}
	.banner .left .hb b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-4.png) no-repeat left center;background-size:80% auto;}
	.banner .left .zxzx img{margin-top:2%;}
/*small-message*/
	.small-messaage-bj{background:url(../images/p-det/ly-bj.jpg) no-repeat left center;padding:0.75% 0 1% 0;}
	.small-messaage{-moz-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);-webkit-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);border-radius:15px;background:url(../images/p-det/ly-bj-1.jpg);position:relative;font-size:0;padding:1.2% 0 1.2% 10%;}
	.small-messaage .bt{width:11%;position:absolute;left:0;top:0;height:100%;background:url(../images/p-det/ly-bt-bj.png) no-repeat left top;background-size:100% auto;color:#fefefe;/*font-size:28px;*/font-size:1.4vw;padding-left:1.2%;padding-top:0.85%;}
	.small-messaage form div{float:left;font-size:0;width:39%;margin-right:2%;}
	.small-messaage form div label{width:13%;display:block;float:left;/*font-size:18px;*/font-size:0.95vw;color:#222;height:45px;line-height:45px;font-weight:bold;}
	.small-messaage form div label i{color:#e64b1a;}
	.small-messaage form div input{width:87%;display:block;float:right;/*font-size:18px;*/font-size:0.95vw;color:#222;height:45px;border-radius:10px;border:1px solid #999;background:#fff;padding:0 2%;}
	.small-messaage form button{width:13%;background-image:linear-gradient(90deg,#f53718 0%, #fb951a 100%);border:0;/*font-size:18px;*/font-size:0.95vw;color:#fffefd;text-align:center;border-radius:8px;height:45px;}
/*prodet-xff*/
	.navbj{height:80px;margin:2% 0;}
	.banner-nav{background:#eee;border-radius:9px;padding-left:3%;height:80px;}
	.banner-nav ul{height:80px;}
	.banner-nav ul li{width:16.66%;float:left;height:100%;position:relative;}
	.banner-nav ul li a{width:100%;height:100%;line-height:80px;text-align:center;color:#1f2023;/*font-size:24px;*/font-size:1.2vw;}
	.banner-nav ul li a:before{content:'';padding:1% 8%;}
	.banner-nav ul li:nth-child(1) a:before{background:url(../images/p-det/nav-1.png) no-repeat left center;background-size:65% auto;}
	.banner-nav ul li:nth-child(2) a:before{background:url(../images/p-det/nav-2.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(3) a:before{background:url(../images/p-det/nav-3.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(4) a:before{background:url(../images/p-det/nav-4.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(5) a:before{background:url(../images/p-det/nav-5.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(6) a:before{background:url(../images/p-det/nav-6.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li a:hover{color:#f94c2a;height:90px;line-height:90px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}
	.banner-nav ul li.active a{color:#f94c2a;height:90px;line-height:90px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}	
/*introduction*/
	.introduction{margin:3% auto;}
	.introduction .left{width:52%;float:left;background:url(../images/p-det/profile-p-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding:1.5% 0 1.5% 10.5%;}
	.introduction .left .tit{position:absolute;left:0;top:10%;width:17%;}
	.introduction .left .box{background:#fff;box-shadow:0px 2px 28px 0px rgba(34,94,146,0.38);border-radius:15px;border:1px solid #e4ebf0;padding:1%;}
	.introduction .left .box .swiper-slide{border-radius:10px;overflow:hidden;}
	.introduction .left .box .swiper-slide img{width:100%;}
	.introduction .left .box .swiper-pagination{width:15%;margin:0 auto;right:0;border-radius:15px;background:rgba(0,0,0,0.2);}
	.introduction .left .box .swiper-pagination span{margin-top:-50%;}
	.introduction .left .box .swiper-pagination-bullet{width:10px;height:10px;font-size:0;background-color: rgba(255,255,255,0.5);}
	.introduction .left .box .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
	.introduction .right{width:46%;float:right;}
	.introduction .right span{/*font-size:36px;*/font-size:1.7vw;color:#dbdbdb;text-align:left;display:block;}
	.introduction .right h2{/*font-size:36px;*/font-size:1.7vw;color:#222;text-align:left;margin:0 0 1% 0;display:inline-block;}
	.introduction .right p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:32px;height:290px;overflow-x:hidden;}
/*structure*/
	.structure-bj{background:url(../images/p-det/structure-bj.jpg) no-repeat;position:relative;}
	.structure .new-tit{margin-top:0;}
	.structure .new-tit h2{margin-bottom:0;}
	.structure img{width:99.8%;}
	.structure-bj .adv{-moz-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);-webkit-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);border-radius:30px;position:absolute;left:0;right:0;bottom:-12%;margin:0 auto;background:#fff;}
	.structure-bj ul{overflow:hidden;}
	.structure-bj ul li{width:33.33%;padding:1% 2.5%;float:left;}
	.structure-bj ul li h3{/*font-size:26px;*/font-size:1.3vw;margin:0;display:inline-block;background:-webkit-linear-gradient(left,#fa921a,#f43a22);-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
	.structure-bj ul li p{/*font-size:18px;*/font-size:0.95vw;color:#000;line-height:34px;margin-top:3%;}
/*parameter*/
	.parameter-bj{background:url(../images/p-det/cs-bj.jpg);padding-top:2%;max-height:605px;min-height:420px;height:100%;}
	.parameter .box{padding:1%;background:#fff;border-radius:15px;position:relative;}
/*设备选型*/
	.table-responsive{overflow:hidden;border:1px solid #fff;overflow-y:auto;}
	.table .tr0 td,.table .tr0 th{padding:1% 0;/*font-size:20px;*/font-size:1vw;color:#fdfdfd;text-align:center;overflow:hidden;border:1px solid #e6e6e6;}
    .table-responsive table{width:100%;border:0;padding:0;border-collapse:collapse;overflow:hidden;}
    .table-responsive table .tr0{background-image:linear-gradient(90deg,#f42e18 0%,#fb961a 100%);font-size:0.16rem;color:#333;padding:1.5% 0;}
    .table-responsive table .tr1{background:#fff;}
    .table-responsive table .tr2{background:#f3f8fd;}
    .table-responsive table .tr1 td,.table-responsive table .tr1 th,.table-responsive table .tr2 td,.table-responsive table .tr2 th{border:1px solid #e6e6e6;text-align: center;padding:0.6% 0;/*font-size:18px;*/font-size:0.95vw;;}
/*case*/
	.kh-case-bj{background:url(../images/p-det/case-bj.jpg) no-repeat;padding-bottom:1%;}
	.kh-case ul{margin:0 -0.5%;}
	.kh-case ul li{width:25%;float:left;padding:0 0.5%;margin-bottom:1%;}
	.kh-case ul li:nth-child(1){width:50%;padding:0 0.5%;}
	.kh-case ul li:nth-child(1) .icon{width:8%;}
	.kh-case ul li:nth-child(1) h3{position:absolute;left:0;right:0;bottom:0;padding:2% 0;}
	.kh-case ul li a{position:relative;-moz-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);-webkit-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);overflow:hidden;}
	.kh-case ul li a .tu{width:100%;transition:all 1s;}
	.kh-case ul li a:hover .tu{transform:scale(1.05)}
	.kh-case ul li .icon{position:absolute;left:0;right:0;top:37%;margin:0 auto;width:12%;}
	.kh-case ul li h3{text-align:center;background:url(../images/p-det/case-bt-bj.jpg) no-repeat;background-size:100% 100%;margin:0;padding:3% 0;/*font-size:20px;*/font-size:1vw;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.kh-case .row{position:relative;}
	.kh-case .row .lx{position:absolute;left:0;bottom:2.5%;width:47.8%;}
/*site*/
	.site-bj{background:url(../images/p-det/anxc-bj.jpg) no-repeat;padding-bottom:2%;}
	.site .new-tit{margin-top:2%;}
	.site .new-tit h2{color:#fff;}
	.site img{width:99.8%;margin-top:1%;}
/*A&Q*/
	.quote-bj{background-image:linear-gradient(90deg,rgba(240,243,250,0.1) 0%, rgba(240,243,250,1) 100%);padding:2% 0 0.75% 0;}
	.quote{overflow:hidden;}
	.quote .new-tit{margin-top:0;}
	.quote ul{background:#fff;margin:1% 0 0 0;border-radius:30px;padding:0 0 2% 0;}
	.quote ul li{width:50%;padding:0 2%;float:left;}
	.quote ul li div{position:relative;background:url(../images/p-det/aq-a.png) no-repeat 1% center;background-size:6% auto;margin:4% 0;}
	.quote ul li div i{padding:8px;position:absolute;left:6.1%;top:34.5%;background:url(../images/p-det/aq-a-jt.png) no-repeat right center;}
	.quote ul li div b{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-left:8%;padding:2%;background:#dae4eb;border-radius:9px;}
	.quote ul li p{position:relative;background:url(../images/p-det/aq-q.png) no-repeat right 20%;background-size:8% auto;}
	.quote ul li p span{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-right:8%;margin-left:18%;padding:2%;border:1px dashed #5f93b7;border-radius:9px;}
	.quote ul li p i{padding:10px;position:absolute;right:7.2%;top:24.5%;background:url(../images/p-det/aq-q-jt.jpg) no-repeat left center;}
/*progress*/
	.progress{overflow:hidden;padding:2% 0;}
	.progress .new-tit{margin-top:0;}
	.progress ul{margin:1% -1.5% 0 -1.5%;}
	.progress ul li{width:20%;padding:0 1.5%;float:left;}
	.progress ul li a{border:1px solid rgba(153,153,153,0.19);padding:0.5% 0.5% 3% 0.5%;}
	.progress ul li a img{margin:0 auto;width:99.8%;}
	.progress ul li a h3{/*font-size:26px;*/font-size:1.3vw;color:#222;text-align:center;margin:0 0 1% 0;padding-top:6%;}
	.progress ul li a p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:30px;text-align:center;width:80%;margin:0 auto;}
	.progress ul li:nth-child(1) h3{background:url(../images/p-det/service-1-1.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(2) h3{background:url(../images/p-det/service-2-2.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(3) h3{background:url(../images/p-det/service-3-3.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(4) h3{background:url(../images/p-det/service-4-4.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(5) h3{background:url(../images/p-det/service-5-5.jpg) no-repeat center top;background-size:15% auto;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/p-det/cp-bj.jpg) no-repeat;background-size:100% auto;}
	.banner .right{float:right;width:58.5%;padding:1%;border-radius:15px;border:3px solid #ffffff;}
	.banner .right p iframe,.banner .right p video{width:100%;max-height:420px;min-height:380px;height:100%;object-fit:fill;display:block;}
	.banner .left{float:left;width:39%;}
	.banner .left h1{/*font-size:48px;*/font-size:2.4vw;color:#fff;padding-top:1%;background:url(../images/p-det/cp-bt-text.png) no-repeat left top;background-size:30% auto;margin:3% 0 3% 0;}
	.banner .left ul{background:url(../images/p-det/cp-cs-bj.png) no-repeat;padding:2% 5%;}
	.banner .left ul li:nth-child(1){margin-right:10%;}
	.banner .left ul li:nth-child(2){background:0;}
	.banner .left ul li{width:40%;float:left;background:url(../images/p-det/cp-cs-line.png) no-repeat right center;}
	.banner .left ul li b{/*font-size:32px;*/font-size:1.6vw;color:#148fed;display:block;position:relative;z-index:1;}

   .banner .left ul li b:before{content:'';padding:5%;position:absolute;left:-5%;bottom:0;background:url(../images/p-det/cp-cs-dot.png) no-repeat left bottom;background-size:50% auto;z-index:-1;}
	
	.banner .left ul li span{/*font-size:18px;*/font-size:0.95vw;color:#222;background:url(../images/p-det/cp-cs-bt.png) no-repeat;background-size:100% 100%;padding:2.5% 0 3.5% 0;display:inline-block;text-align:center;width:70%;margin-top:5%;}
	.banner .left p{/*font-size:18px;*/font-size:0.95vw;color:#fff;display:flex;align-items:center;margin-top:5%;margin-bottom:7%;}
	.banner .left p img{display:inline;margin:0 1%;width:15%;}
	.banner .left div{margin-bottom:1%;}
	.banner .left div b{color:#222;/*font-size:18px;*/font-size:0.95vw;width:20%;float:left;line-height:30px;text-align:left;}
	.banner .left div span{color:#222;/*font-size:18px;*/font-size:0.95vw;width:80%;float:right;line-height:30px;}
	.banner .left .wl b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-3.png) no-repeat left center;background-size:80% auto;}
	.banner .left .hb b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-4.png) no-repeat left center;background-size:80% auto;}
	.banner .left .zxzx img{margin-top:2%;}
/*small-message*/
	.small-messaage-bj{background:url(../images/p-det/ly-bj.jpg) no-repeat left center;padding:0.75% 0 1% 0;}
	.small-messaage{-moz-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);-webkit-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);border-radius:15px;background:url(../images/p-det/ly-bj-1.jpg);position:relative;font-size:0;padding:1.2% 0 1.2% 10%;}
	.small-messaage .bt{width:11%;position:absolute;left:0;top:0;height:100%;background:url(../images/p-det/ly-bt-bj.png) no-repeat left top;background-size:100% auto;color:#fefefe;/*font-size:28px;*/font-size:1.4vw;padding-left:1.2%;padding-top:0.85%;}
	.small-messaage form div{float:left;font-size:0;width:39%;margin-right:2%;}
	.small-messaage form div label{width:13%;display:block;float:left;/*font-size:18px;*/font-size:0.95vw;color:#222;height:45px;line-height:45px;font-weight:bold;}
	.small-messaage form div label i{color:#e64b1a;}
	.small-messaage form div input{width:87%;display:block;float:right;/*font-size:18px;*/font-size:0.95vw;color:#222;height:45px;border-radius:10px;border:1px solid #999;background:#fff;padding:0 2%;}
	.small-messaage form button{width:13%;background-image:linear-gradient(90deg,#f53718 0%, #fb951a 100%);border:0;/*font-size:18px;*/font-size:0.95vw;color:#fffefd;text-align:center;border-radius:8px;height:45px;}
/*prodet-xff*/
	.navbj{height:80px;margin:2% 0;}
	.banner-nav{background:#eee;border-radius:9px;padding-left:3%;height:60px;}
	.banner-nav ul{height:60px;}
	.banner-nav ul li{width:16.66%;float:left;height:100%;position:relative;}
	.banner-nav ul li a{width:100%;height:100%;line-height:60px;text-align:center;color:#1f2023;/*font-size:24px;*/font-size:1.2vw;}
	.banner-nav ul li a:before{content:'';padding:1% 8%;}
	.banner-nav ul li:nth-child(1) a:before{background:url(../images/p-det/nav-1.png) no-repeat left center;background-size:65% auto;}
	.banner-nav ul li:nth-child(2) a:before{background:url(../images/p-det/nav-2.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(3) a:before{background:url(../images/p-det/nav-3.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(4) a:before{background:url(../images/p-det/nav-4.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(5) a:before{background:url(../images/p-det/nav-5.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(6) a:before{background:url(../images/p-det/nav-6.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li a:hover{color:#f94c2a;height:70px;line-height:70px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}
	.banner-nav ul li.active a{color:#f94c2a;height:70px;line-height:70px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}	
/*introduction*/
	.introduction{margin:3% auto;}
	.introduction .left{width:52%;float:left;background:url(../images/p-det/profile-p-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding:1.5% 0 1.5% 10.5%;}
	.introduction .left .tit{position:absolute;left:0;top:10%;width:15%;}
	.introduction .left .box{background:#fff;box-shadow:0px 2px 28px 0px rgba(34,94,146,0.38);border-radius:15px;border:1px solid #e4ebf0;padding:1%;}
	.introduction .left .box .swiper-slide{border-radius:10px;overflow:hidden;}
	.introduction .left .box .swiper-slide img{width:100%;}
	.introduction .left .box .swiper-pagination{width:15%;margin:0 auto;right:0;border-radius:15px;background:rgba(0,0,0,0.2);}
	.introduction .left .box .swiper-pagination span{margin-top:-50%;}
	.introduction .left .box .swiper-pagination-bullet{width:10px;height:10px;font-size:0;background-color: rgba(255,255,255,0.5);}
	.introduction .left .box .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
	.introduction .right{width:46%;float:right;}
	.introduction .right span{/*font-size:36px;*/font-size:1.7vw;color:#dbdbdb;text-align:left;display:block;}
	.introduction .right h2{/*font-size:36px;*/font-size:1.7vw;color:#222;text-align:left;margin:0 0 1% 0;display:inline-block;}
	.introduction .right p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:27px;height:250px;overflow-x:hidden;}
/*structure*/
	.structure-bj{background:url(../images/p-det/structure-bj.jpg) no-repeat;position:relative;}
	.structure .new-tit{margin-top:0;}
	.structure .new-tit h2{margin-bottom:0;}
	.structure img{width:99.8%;}
	.structure-bj .adv{-moz-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);-webkit-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);border-radius:30px;position:absolute;left:0;right:0;bottom:-12%;margin:0 auto;background:#fff;}
	.structure-bj ul{overflow:hidden;}
	.structure-bj ul li{width:33.33%;padding:1% 2.5%;float:left;}
	.structure-bj ul li h3{/*font-size:26px;*/font-size:1.3vw;margin:0;display:inline-block;background:-webkit-linear-gradient(left,#fa921a,#f43a22);-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
	.structure-bj ul li p{/*font-size:18px;*/font-size:0.95vw;color:#000;line-height:24px;margin-top:3%;}
/*parameter*/
	.parameter-bj{background:url(../images/p-det/cs-bj.jpg);padding-top:2%;max-height:605px;min-height:420px;height:100%;margin-top:3%;}
	.parameter .box{padding:1%;background:#fff;border-radius:15px;position:relative;}
/*设备选型*/
	.table-responsive{overflow:hidden;border:1px solid #fff;overflow-y:auto;}
	.table .tr0 td,.table .tr0 th{padding:1% 0;/*font-size:20px;*/font-size:1vw;color:#fdfdfd;text-align:center;overflow:hidden;border:1px solid #e6e6e6;}
    .table-responsive table{width:100%;border:0;padding:0;border-collapse:collapse;overflow:hidden;}
    .table-responsive table .tr0{background-image:linear-gradient(90deg,#f42e18 0%,#fb961a 100%);font-size:0.16rem;color:#333;padding:1.5% 0;}
    .table-responsive table .tr1{background:#fff;}
    .table-responsive table .tr2{background:#f3f8fd;}
    .table-responsive table .tr1 td,.table-responsive table .tr1 th,.table-responsive table .tr2 td,.table-responsive table .tr2 th{border:1px solid #e6e6e6;text-align: center;padding:0.6% 0;/*font-size:18px;*/font-size:0.95vw;;}
/*case*/
	.kh-case-bj{background:url(../images/p-det/case-bj.jpg) no-repeat;padding-bottom:1%;}
	.kh-case ul{margin:0 -0.5%;}
	.kh-case ul li{width:25%;float:left;padding:0 0.5%;margin-bottom:1%;}
	.kh-case ul li:nth-child(1){width:50%;padding:0 0.5%;}
	.kh-case ul li:nth-child(1) .icon{width:8%;}
	.kh-case ul li:nth-child(1) h3{position:absolute;left:0;right:0;bottom:0;padding:2% 0;}
	.kh-case ul li a{position:relative;-moz-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);-webkit-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);overflow:hidden;}
	.kh-case ul li a .tu{width:100%;transition:all 1s;}
	.kh-case ul li a:hover .tu{transform:scale(1.05)}
	.kh-case ul li .icon{position:absolute;left:0;right:0;top:37%;margin:0 auto;width:12%;}
	.kh-case ul li h3{text-align:center;background:url(../images/p-det/case-bt-bj.jpg) no-repeat;background-size:100% 100%;margin:0;padding:3% 0;/*font-size:20px;*/font-size:1vw;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.kh-case .row{position:relative;}
	.kh-case .row .lx{position:absolute;left:0;bottom:2.5%;width:47.8%;}
/*site*/
	.site-bj{background:url(../images/p-det/anxc-bj.jpg) no-repeat;padding-bottom:2%;}
	.site .new-tit{margin-top:2%;}
	.site .new-tit h2{color:#fff;}
	.site img{width:99.8%;margin-top:1%;}
/*A&Q*/
	.quote-bj{background-image:linear-gradient(90deg,rgba(240,243,250,0.1) 0%, rgba(240,243,250,1) 100%);padding:2% 0 0.75% 0;}
	.quote{overflow:hidden;}
	.quote .new-tit{margin-top:0;}
	.quote ul{background:#fff;margin:1% 0 0 0;border-radius:30px;padding:0 0 2% 0;}
	.quote ul li{width:50%;padding:0 2%;float:left;}
	.quote ul li div{position:relative;background:url(../images/p-det/aq-a.png) no-repeat 1% center;background-size:6% auto;margin:4% 0;}
	.quote ul li div i{padding:8px;position:absolute;left:6.1%;top:34.5%;background:url(../images/p-det/aq-a-jt.png) no-repeat right center;}
	.quote ul li div b{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-left:8%;padding:2%;background:#dae4eb;border-radius:9px;}
	.quote ul li p{position:relative;background:url(../images/p-det/aq-q.png) no-repeat right 20%;background-size:8% auto;}
	.quote ul li p span{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-right:8%;margin-left:18%;padding:2%;border:1px dashed #5f93b7;border-radius:9px;}
	.quote ul li p i{padding:10px;position:absolute;right:7.2%;top:24.5%;background:url(../images/p-det/aq-q-jt.jpg) no-repeat left center;}
/*progress*/
	.progress{overflow:hidden;padding:2% 0;}
	.progress .new-tit{margin-top:0;}
	.progress ul{margin:1% -1.5% 0 -1.5%;}
	.progress ul li{width:20%;padding:0 1.5%;float:left;}
	.progress ul li a{border:1px solid rgba(153,153,153,0.19);padding:0.5% 0.5% 3% 0.5%;}
	.progress ul li a img{margin:0 auto;width:99.8%;}
	.progress ul li a h3{/*font-size:26px;*/font-size:1.3vw;color:#222;text-align:center;margin:0 0 1% 0;padding-top:6%;}
	.progress ul li a p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:25px;text-align:center;width:80%;margin:5% auto 0 auto;}
	.progress ul li:nth-child(1) h3{background:url(../images/p-det/service-1-1.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(2) h3{background:url(../images/p-det/service-2-2.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(3) h3{background:url(../images/p-det/service-3-3.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(4) h3{background:url(../images/p-det/service-4-4.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(5) h3{background:url(../images/p-det/service-5-5.jpg) no-repeat center top;background-size:15% auto;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner-bj{background:url(../images/p-det/cp-bj.jpg) no-repeat;background-size:100% auto;}
	.banner .right{float:right;width:58.5%;padding:1%;border-radius:15px;border:3px solid #ffffff;}
	.banner .right p iframe,.banner .right p video{width:100%;max-height:380px;min-height:330px;height:100%;object-fit:fill;display:block;}
	.banner .left{float:left;width:39%;}
	.banner .left h1{/*font-size:48px;*/font-size:2.4vw;color:#fff;padding-top:3%;background:url(../images/p-det/cp-bt-text.png) no-repeat left top;background-size:30% auto;margin:6% 0 8% 0;}
	.banner .left ul{background:url(../images/p-det/cp-cs-bj.png) no-repeat;padding:2% 5%;margin-bottom:8%;}
	.banner .left ul li:nth-child(1){margin-right:10%;}
	.banner .left ul li:nth-child(2){background:0;}
	.banner .left ul li{width:40%;float:left;background:url(../images/p-det/cp-cs-line.png) no-repeat right center;}
	.banner .left ul li b{/*font-size:32px;*/font-size:1.6vw;color:#148fed;display:block;position:relative;z-index:1;}

   .banner .left ul li b:before{content:'';padding:5%;position:absolute;left:-5%;bottom:0;background:url(../images/p-det/cp-cs-dot.png) no-repeat left bottom;background-size:50% auto;z-index:-1;}
	
	.banner .left ul li span{/*font-size:18px;*/font-size:0.95vw;color:#222;background:url(../images/p-det/cp-cs-bt.png) no-repeat;background-size:100% 100%;padding:2.5% 0 3.5% 0;display:inline-block;text-align:center;width:70%;margin-top:5%;}
	.banner .left p{/*font-size:18px;*/font-size:0.95vw;color:#fff;display:flex;align-items:center;margin-top:5%;display:none;}
	.banner .left p img{display:inline;margin:0 1%;width:15%;}
	.banner .left div{margin-top:1%;}
	.banner .left div b{color:#222;/*font-size:18px;*/font-size:0.95vw;width:25%;float:left;line-height:25px;text-align:left;}
	.banner .left div span{color:#222;/*font-size:18px;*/font-size:0.95vw;width:75%;float:right;line-height:25px;}
	.banner .left .wl b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-3.png) no-repeat left center;background-size:80% auto;}
	.banner .left .hb b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-4.png) no-repeat left center;background-size:80% auto;}
	.banner .left .zxzx img{margin-top:2%;}
/*small-message*/
	.small-messaage-bj{background:url(../images/p-det/ly-bj.jpg) no-repeat left center;padding:0.75% 0 1% 0;}
	.small-messaage{-moz-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);-webkit-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);border-radius:15px;background:url(../images/p-det/ly-bj-1.jpg);position:relative;font-size:0;padding:1.2% 0 1.2% 10%;}
	.small-messaage .bt{width:11%;position:absolute;left:0;top:0;height:100%;background:url(../images/p-det/ly-bt-bj.png) no-repeat left top;background-size:100% auto;color:#fefefe;/*font-size:28px;*/font-size:1.4vw;padding-left:1.2%;padding-top:0.85%;}
	.small-messaage form div{float:left;font-size:0;width:39%;margin-right:2%;}
	.small-messaage form div label{width:15%;display:block;float:left;/*font-size:18px;*/font-size:0.95vw;color:#222;height:40px;line-height:40px;font-weight:bold;}
	.small-messaage form div label i{color:#e64b1a;}
	.small-messaage form div input{width:85%;display:block;float:right;/*font-size:18px;*/font-size:0.95vw;color:#222;height:40px;border-radius:10px;border:1px solid #999;background:#fff;padding:0 2%;}
	.small-messaage form button{width:13%;background-image:linear-gradient(90deg,#f53718 0%, #fb951a 100%);border:0;/*font-size:18px;*/font-size:0.95vw;color:#fffefd;text-align:center;border-radius:8px;height:40px;}
/*prodet-xff*/
	.navbj{height:80px;margin:2% 0;}
	.banner-nav{background:#eee;border-radius:9px;padding-left:3%;height:50px;}
	.banner-nav ul{height:50px;}
	.banner-nav ul li{width:16.66%;float:left;height:100%;position:relative;}
	.banner-nav ul li a{width:100%;height:100%;line-height:50px;text-align:center;color:#1f2023;/*font-size:24px;*/font-size:1.2vw;}
	.banner-nav ul li a:before{content:'';padding:1% 8%;}
	.banner-nav ul li:nth-child(1) a:before{background:url(../images/p-det/nav-1.png) no-repeat left center;background-size:65% auto;}
	.banner-nav ul li:nth-child(2) a:before{background:url(../images/p-det/nav-2.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(3) a:before{background:url(../images/p-det/nav-3.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(4) a:before{background:url(../images/p-det/nav-4.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(5) a:before{background:url(../images/p-det/nav-5.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(6) a:before{background:url(../images/p-det/nav-6.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li a:hover{color:#f94c2a;height:60px;line-height:60px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}
	.banner-nav ul li.active a{color:#f94c2a;height:60px;line-height:60px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}	
/*introduction*/
	.introduction{margin:3% auto;}
	.introduction .left{width:52%;float:left;background:url(../images/p-det/profile-p-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding:1.5% 0 1.5% 9%;}
	.introduction .left .tit{position:absolute;left:0;top:10%;width:15%;}
	.introduction .left .box{background:#fff;box-shadow:0px 2px 28px 0px rgba(34,94,146,0.38);border-radius:15px;border:1px solid #e4ebf0;padding:1%;}
	.introduction .left .box .swiper-slide{border-radius:10px;overflow:hidden;}
	.introduction .left .box .swiper-slide img{width:100%;}
	.introduction .left .box .swiper-pagination{width:15%;margin:0 auto;right:0;border-radius:15px;background:rgba(0,0,0,0.2);}
	.introduction .left .box .swiper-pagination span{margin-top:-50%;}
	.introduction .left .box .swiper-pagination-bullet{width:10px;height:10px;font-size:0;background-color: rgba(255,255,255,0.5);}
	.introduction .left .box .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
	.introduction .right{width:46%;float:right;}
	.introduction .right span{/*font-size:36px;*/font-size:1.7vw;color:#dbdbdb;text-align:left;display:block;}
	.introduction .right h2{/*font-size:36px;*/font-size:1.7vw;color:#222;text-align:left;margin:0 0 1% 0;display:inline-block;}
	.introduction .right p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:27px;height:210px;overflow-x:hidden;}
/*structure*/
	.structure-bj{background:url(../images/p-det/structure-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding-top:2%;}
	.structure .new-tit{margin-top:0;}
	.structure .new-tit h2{margin-bottom:0;}
	.structure img{width:99.8%;}
	.structure-bj .adv{-moz-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);-webkit-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);border-radius:30px;position:absolute;left:0;right:0;bottom:-12%;margin:0 auto;background:#fff;}
	.structure-bj ul{overflow:hidden;display:none;}
	.structure-bj ul li{width:33.33%;padding:1% 2.5%;float:left;}
	.structure-bj ul li h3{/*font-size:26px;*/font-size:1.3vw;margin:0;display:inline-block;background:-webkit-linear-gradient(left,#fa921a,#f43a22);-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
	.structure-bj ul li p{/*font-size:18px;*/font-size:0.95vw;color:#000;line-height:24px;margin-top:3%;}
/*parameter*/
	.parameter-bj{background:url(../images/p-det/cs-bj.jpg);padding-top:2%;height:100%;margin-top:0;}
	.parameter .box{padding:1%;background:#fff;border-radius:15px;position:relative;}
/*设备选型*/
	.table-responsive{overflow:hidden;border:1px solid #fff;overflow-y:auto;}
	.table .tr0 td,.table .tr0 th{padding:1% 0;/*font-size:20px;*/font-size:1vw;color:#fdfdfd;text-align:center;overflow:hidden;border:1px solid #e6e6e6;}
    .table-responsive table{width:100%;border:0;padding:0;border-collapse:collapse;overflow:hidden;}
    .table-responsive table .tr0{background-image:linear-gradient(90deg,#f42e18 0%,#fb961a 100%);font-size:0.16rem;color:#333;padding:1.5% 0;}
    .table-responsive table .tr1{background:#fff;}
    .table-responsive table .tr2{background:#f3f8fd;}
    .table-responsive table .tr1 td,.table-responsive table .tr1 th,.table-responsive table .tr2 td,.table-responsive table .tr2 th{border:1px solid #e6e6e6;text-align: center;padding:0.6% 0;/*font-size:18px;*/font-size:0.95vw;;}
/*case*/
	.kh-case-bj{background:url(../images/p-det/case-bj.jpg) no-repeat;padding-bottom:1%;}
	.kh-case ul{margin:0 -0.5%;}
	.kh-case ul li{width:25%;float:left;padding:0 0.5%;margin-bottom:1%;}
	.kh-case ul li:nth-child(1){width:50%;padding:0 0.5%;}
	.kh-case ul li:nth-child(1) .icon{width:8%;}
	.kh-case ul li:nth-child(1) h3{position:absolute;left:0;right:0;bottom:0;padding:2% 0;}
	.kh-case ul li a{position:relative;-moz-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);-webkit-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);overflow:hidden;}
	.kh-case ul li a .tu{width:100%;transition:all 1s;}
	.kh-case ul li a:hover .tu{transform:scale(1.05)}
	.kh-case ul li .icon{position:absolute;left:0;right:0;top:37%;margin:0 auto;width:12%;}
	.kh-case ul li h3{text-align:center;background:url(../images/p-det/case-bt-bj.jpg) no-repeat;background-size:100% 100%;margin:0;padding:3% 0;/*font-size:20px;*/font-size:1vw;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.kh-case .row{position:relative;}
	.kh-case .row .lx{position:absolute;left:0;bottom:2.5%;width:47.8%;}
/*site*/
	.site-bj{background:url(../images/p-det/anxc-bj.jpg) no-repeat;padding-bottom:2%;}
	.site .new-tit{margin-top:2%;}
	.site .new-tit h2{color:#fff;}
	.site img{width:99.8%;margin-top:1%;}
/*A&Q*/
	.quote-bj{background-image:linear-gradient(90deg,rgba(240,243,250,0.1) 0%, rgba(240,243,250,1) 100%);padding:2% 0 0.75% 0;}
	.quote{overflow:hidden;}
	.quote .new-tit{margin-top:0;}
	.quote ul{background:#fff;margin:1% 0 0 0;border-radius:30px;padding:0 0 2% 0;}
	.quote ul li{width:50%;padding:0 2%;float:left;}
	.quote ul li div{position:relative;background:url(../images/p-det/aq-a.png) no-repeat 1% center;background-size:6% auto;margin:4% 0;}
	.quote ul li div i{padding:8px;position:absolute;left:6.1%;top:34.5%;background:url(../images/p-det/aq-a-jt.png) no-repeat right center;}
	.quote ul li div b{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-left:8%;padding:2%;background:#dae4eb;border-radius:9px;}
	.quote ul li p{position:relative;background:url(../images/p-det/aq-q.png) no-repeat right 20%;background-size:8% auto;}
	.quote ul li p span{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-right:8%;margin-left:18%;padding:2%;border:1px dashed #5f93b7;border-radius:9px;}
	.quote ul li p i{padding:10px;position:absolute;right:7.2%;top:24.5%;background:url(../images/p-det/aq-q-jt.jpg) no-repeat left center;}
/*progress*/
	.progress{overflow:hidden;padding:2% 0;}
	.progress .new-tit{margin-top:0;}
	.progress ul{margin:1% -1.5% 0 -1.5%;}
	.progress ul li{width:20%;padding:0 1.5%;float:left;}
	.progress ul li a{border:1px solid rgba(153,153,153,0.19);padding:0.5% 0.5% 3% 0.5%;}
	.progress ul li a img{margin:0 auto;width:99.8%;}
	.progress ul li a h3{/*font-size:26px;*/font-size:1.3vw;color:#222;text-align:center;margin:0 0 1% 0;padding-top:6%;}
	.progress ul li a p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:25px;text-align:center;width:80%;margin:5% auto 0 auto;}
	.progress ul li:nth-child(1) h3{background:url(../images/p-det/service-1-1.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(2) h3{background:url(../images/p-det/service-2-2.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(3) h3{background:url(../images/p-det/service-3-3.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(4) h3{background:url(../images/p-det/service-4-4.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(5) h3{background:url(../images/p-det/service-5-5.jpg) no-repeat center top;background-size:15% auto;}

}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.banner-bj{background:url(../images/p-det/cp-bj.jpg) no-repeat;background-size:100% 95%;}
	.banner .right{float:right;width:58.5%;padding:1%;border-radius:15px;border:3px solid #ffffff;margin-top:5%;}
	.banner .right p iframe,.banner .right p video{width:100%;max-height:380px;min-height:250px;height:100%;object-fit:fill;display:block;}
	.banner .left{float:left;width:39%;}
	.banner .left h1{/*font-size:48px;*/font-size:2.4vw;color:#fff;padding-top:3%;background:url(../images/p-det/cp-bt-text.png) no-repeat left top;background-size:30% auto;margin:6% 0 8% 0;}
	.banner .left ul{background:url(../images/p-det/cp-cs-bj.png) no-repeat;padding:2% 5%;margin-bottom:8%;}
	.banner .left ul li:nth-child(2){background:0;margin-right:0;}
	.banner .left ul li{width:48%;margin-right:4%;float:left;}
	.banner .left ul li b{/*font-size:32px;*/font-size:2vw;color:#148fed;display:block;position:relative;z-index:1;}

   .banner .left ul li b:before{content:'';padding:5%;position:absolute;left:-5%;bottom:0;background:url(../images/p-det/cp-cs-dot.png) no-repeat left bottom;background-size:50% auto;z-index:-1;}
	
	.banner .left ul li span{/*font-size:18px;*/font-size:0.95vw;color:#222;background:url(../images/p-det/cp-cs-bt.png) no-repeat;background-size:100% 100%;padding:2.5% 0 3.5% 0;display:inline-block;text-align:center;width:100%;margin-top:5%;}
	.banner .left p{/*font-size:18px;*/font-size:0.95vw;color:#fff;display:flex;align-items:center;margin-top:5%;display:none;}
	.banner .left p img{display:inline;margin:0 1%;width:15%;}
	.banner .left div{margin-top:1%;}
	.banner .left div b{color:#222;/*font-size:18px;*/font-size:0.95vw;width:30%;float:left;line-height:25px;text-align:left;}
	.banner .left div span{color:#222;/*font-size:18px;*/font-size:0.95vw;width:70%;float:right;line-height:25px;}
	.banner .left .wl b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-3.png) no-repeat left center;background-size:80% auto;}
	.banner .left .hb b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-4.png) no-repeat left center;background-size:80% auto;}
	.banner .left .zxzx img{margin-top:2%;display:none;}
/*small-message*/
	.small-messaage-bj{background:url(../images/p-det/ly-bj.jpg) no-repeat left center;padding:0.75% 0 1% 0;}
	.small-messaage{-moz-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);-webkit-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);border-radius:15px;background:url(../images/p-det/ly-bj-1.jpg);position:relative;font-size:0;padding:1.2% 0 1.2% 10%;}
	.small-messaage .bt{width:11%;position:absolute;left:0;top:0;height:100%;background:url(../images/p-det/ly-bt-bj.png) no-repeat left top;background-size:100% auto;color:#fefefe;/*font-size:28px;*/font-size:1.4vw;padding-left:1.2%;padding-top:0.85%;}
	.small-messaage form div{float:left;font-size:0;width:39%;margin-right:2%;}
	.small-messaage form div label{width:18%;display:block;float:left;/*font-size:18px;*/font-size:0.95vw;color:#222;height:36px;line-height:36px;font-weight:bold;}
	.small-messaage form div label i{color:#e64b1a;}
	.small-messaage form div input{width:82%;display:block;float:right;/*font-size:18px;*/font-size:0.95vw;color:#222;height:36px;border-radius:10px;border:1px solid #999;background:#fff;padding:0 2%;}
	.small-messaage form button{width:13%;background-image:linear-gradient(90deg,#f53718 0%, #fb951a 100%);border:0;/*font-size:18px;*/font-size:0.95vw;color:#fffefd;text-align:center;border-radius:8px;height:36px;}
/*prodet-xff*/
	.navbj{height:50px;margin:2% 0;}
	.banner-nav{background:#eee;border-radius:9px;padding-left:3%;height:50px;}
	.banner-nav ul{height:50px;}
	.banner-nav ul li{width:16.66%;float:left;height:100%;position:relative;}
	.banner-nav ul li a{width:100%;height:100%;line-height:50px;text-align:center;color:#1f2023;/*font-size:24px;*/font-size:1.2vw;}
	.banner-nav ul li a:before{content:'';padding:1% 8%;}
	.banner-nav ul li:nth-child(1) a:before{background:url(../images/p-det/nav-1.png) no-repeat left center;background-size:65% auto;}
	.banner-nav ul li:nth-child(2) a:before{background:url(../images/p-det/nav-2.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(3) a:before{background:url(../images/p-det/nav-3.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(4) a:before{background:url(../images/p-det/nav-4.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(5) a:before{background:url(../images/p-det/nav-5.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(6) a:before{background:url(../images/p-det/nav-6.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li a:hover{color:#f94c2a;height:60px;line-height:60px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}
	.banner-nav ul li.active a{color:#f94c2a;height:60px;line-height:60px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}	
/*introduction*/
	.introduction{margin:3% auto;}
	.introduction .left{width:52%;float:left;background:url(../images/p-det/profile-p-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding:1.5% 0 1.5% 9%;}
	.introduction .left .tit{position:absolute;left:0;top:15%;width:15%;}
	.introduction .left .box{background:#fff;box-shadow:0px 2px 28px 0px rgba(34,94,146,0.38);border-radius:15px;border:1px solid #e4ebf0;padding:1%;}
	.introduction .left .box .swiper-slide{border-radius:10px;overflow:hidden;}
	.introduction .left .box .swiper-slide img{width:100%;}
	.introduction .left .box .swiper-pagination{width:25%;margin:0 auto;right:0;border-radius:15px;background:rgba(0,0,0,0.2);}
	.introduction .left .box .swiper-pagination span{margin-top:-50%;}
	.introduction .left .box .swiper-pagination-bullet{width:10px;height:10px;font-size:0;background-color: rgba(255,255,255,0.5);}
	.introduction .left .box .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
	.introduction .right{width:46%;float:right;}
	.introduction .right span{/*font-size:36px;*/font-size:1.7vw;color:#dbdbdb;text-align:left;display:block;}
	.introduction .right h2{/*font-size:36px;*/font-size:1.7vw;color:#222;text-align:left;margin:0 0 1% 0;display:inline-block;}
	.introduction .right p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:25px;height:180px;overflow-x:hidden;}
/*structure*/
	.structure-bj{background:url(../images/p-det/structure-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding-top:2%;}
	.structure .new-tit{margin-top:0;}
	.structure .new-tit h2{margin-bottom:0;}
	.structure img{width:99.8%;}
	.structure-bj .adv{-moz-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);-webkit-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);border-radius:30px;position:absolute;left:0;right:0;bottom:-12%;margin:0 auto;background:#fff;}
	.structure-bj ul{overflow:hidden;display:none;}
	.structure-bj ul li{width:33.33%;padding:1% 2.5%;float:left;}
	.structure-bj ul li h3{/*font-size:26px;*/font-size:1.3vw;margin:0;display:inline-block;background:-webkit-linear-gradient(left,#fa921a,#f43a22);-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
	.structure-bj ul li p{/*font-size:18px;*/font-size:0.95vw;color:#000;line-height:24px;margin-top:3%;}
/*parameter*/
	.parameter-bj{background:url(../images/p-det/cs-bj.jpg);padding-top:2%;height:100%;margin-top:0;}
	.parameter .box{padding:1%;background:#fff;border-radius:15px;position:relative;}
/*设备选型*/
	.table-responsive{overflow:hidden;border:1px solid #fff;overflow-y:auto;}
	.table .tr0 td,.table .tr0 th{padding:1% 0;/*font-size:20px;*/font-size:1vw;color:#fdfdfd;text-align:center;overflow:hidden;border:1px solid #e6e6e6;}
    .table-responsive table{width:100%;border:0;padding:0;border-collapse:collapse;overflow:hidden;}
    .table-responsive table .tr0{background-image:linear-gradient(90deg,#f42e18 0%,#fb961a 100%);font-size:0.16rem;color:#333;padding:1.5% 0;}
    .table-responsive table .tr1{background:#fff;}
    .table-responsive table .tr2{background:#f3f8fd;}
    .table-responsive table .tr1 td,.table-responsive table .tr1 th,.table-responsive table .tr2 td,.table-responsive table .tr2 th{border:1px solid #e6e6e6;text-align: center;padding:0.6% 0;/*font-size:18px;*/font-size:0.95vw;;}
/*case*/
	.kh-case-bj{background:url(../images/p-det/case-bj.jpg) no-repeat;padding-bottom:1%;}
	.kh-case ul{margin:0 -0.5%;}
	.kh-case ul li{width:25%;float:left;padding:0 0.5%;margin-bottom:1%;}
	.kh-case ul li:nth-child(1){width:50%;padding:0 0.5%;}
	.kh-case ul li:nth-child(1) .icon{width:8%;}
	.kh-case ul li:nth-child(1) h3{position:absolute;left:0;right:0;bottom:0;padding:2% 0;}
	.kh-case ul li a{position:relative;-moz-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);-webkit-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);overflow:hidden;}
	.kh-case ul li a .tu{width:100%;transition:all 1s;}
	.kh-case ul li a:hover .tu{transform:scale(1.05)}
	.kh-case ul li .icon{position:absolute;left:0;right:0;top:37%;margin:0 auto;width:12%;}
	.kh-case ul li h3{text-align:center;background:url(../images/p-det/case-bt-bj.jpg) no-repeat;background-size:100% 100%;margin:0;padding:3% 0;/*font-size:20px;*/font-size:1vw;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.kh-case .row{position:relative;}
	.kh-case .row .lx{position:absolute;left:0;bottom:2.5%;width:47.8%;}
/*site*/
	.site-bj{background:url(../images/p-det/anxc-bj.jpg) no-repeat;padding-bottom:2%;}
	.site .new-tit{margin-top:2%;}
	.site .new-tit h2{color:#fff;}
	.site img{width:99.8%;margin-top:1%;}
/*A&Q*/
	.quote-bj{background-image:linear-gradient(90deg,rgba(240,243,250,0.1) 0%, rgba(240,243,250,1) 100%);padding:2% 0 0.75% 0;}
	.quote{overflow:hidden;}
	.quote .new-tit{margin-top:0;}
	.quote ul{background:#fff;margin:1% 0 0 0;border-radius:30px;padding:0 0 2% 0;}
	.quote ul li{width:50%;padding:0 2%;float:left;}
	.quote ul li div{position:relative;background:url(../images/p-det/aq-a.png) no-repeat 1% center;background-size:6% auto;margin:4% 0;}
	.quote ul li div i{padding:8px;position:absolute;left:6.1%;top:34.5%;background:url(../images/p-det/aq-a-jt.png) no-repeat right center;}
	.quote ul li div b{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-left:8%;padding:2%;background:#dae4eb;border-radius:9px;}
	.quote ul li p{position:relative;background:url(../images/p-det/aq-q.png) no-repeat right 20%;background-size:8% auto;}
	.quote ul li p span{/*font-size:18px;*/font-size:0.95vw;color:#222;display:block;width:72%;margin-right:8%;margin-left:18%;padding:2%;border:1px dashed #5f93b7;border-radius:9px;}
	.quote ul li p i{padding:10px;position:absolute;right:7.2%;top:24.5%;background:url(../images/p-det/aq-q-jt.jpg) no-repeat left center;}
/*progress*/
	.progress{overflow:hidden;padding:2% 0;}
	.progress .new-tit{margin-top:0;}
	.progress ul{margin:1% -1.5% 0 -1.5%;}
	.progress ul li{width:20%;padding:0 1.5%;float:left;}
	.progress ul li a{border:1px solid rgba(153,153,153,0.19);padding:0.5% 0.5% 3% 0.5%;}
	.progress ul li a img{margin:0 auto;width:99.8%;}
	.progress ul li a h3{/*font-size:26px;*/font-size:1.3vw;color:#222;text-align:center;margin:0 0 1% 0;padding-top:6%;}
	.progress ul li a p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:21px;text-align:center;width:80%;margin:5% auto 0 auto;}
	.progress ul li:nth-child(1) h3{background:url(../images/p-det/service-1-1.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(2) h3{background:url(../images/p-det/service-2-2.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(3) h3{background:url(../images/p-det/service-3-3.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(4) h3{background:url(../images/p-det/service-4-4.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(5) h3{background:url(../images/p-det/service-5-5.jpg) no-repeat center top;background-size:15% auto;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner-bj{background:#000;padding:2% 2% 5% 2%;}
	.banner .right{width:100%;padding:1%;border-radius:15px;border:3px solid #ffffff;margin-top:5%;}
	.banner .right p iframe,.banner .right p video{width:100%;height:3.6rem;object-fit:fill;display:block;}
	.banner .left{width:100%;}
	.banner .left h1{/*font-size:48px;*/font-size:0.36rem;color:#fff;padding-top:3%;background:url(../images/p-det/cp-bt-text.png) no-repeat left top;background-size:30% auto;margin:5% 0 5% 0;}
	.banner .left ul{background:url(../images/p-det/cp-cs-bj.png) no-repeat;padding:2% 5%;margin-bottom:5%;}
	.banner .left ul li:nth-child(2){background:0;margin-right:0;}
	.banner .left ul li{width:48%;margin-right:4%;float:left;font-size:0;}
	.banner .left ul li b{/*font-size:32px;*/font-size:0.3rem;color:#148fed;display:inline-block;position:relative;z-index:1;}

   .banner .left ul li b:before{content:'';padding:5%;position:absolute;left:-5%;bottom:0;background:url(../images/p-det/cp-cs-dot.png) no-repeat left bottom;background-size:50% auto;z-index:-1;}
	
	.banner .left ul li span{/*font-size:18px;*/font-size:0.25rem;color:#fff;background:url(../images/p-det/cp-cs-bt.png) no-repeat;background-size:100% 100%;padding:2.5% 0 3.5% 0;display:inline-block;text-align:center;width:80%;margin-top:5%;}
	.banner .left p{/*font-size:18px;*/font-size:0.95vw;color:#fff;display:flex;align-items:center;margin-top:5%;display:none;}
	.banner .left p img{display:inline;margin:0 1%;width:15%;}
	.banner .left div{margin-top:3%;}
	.banner .left div b{color:#fff;/*font-size:18px;*/font-size:0.25rem;width:30%;float:left;line-height:30px;text-align:left;}
	.banner .left div span{color:#fff;/*font-size:18px;*/font-size:0.25rem;width:70%;float:right;line-height:30px;}
	.banner .left .wl b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-3.png) no-repeat left center;background-size:80% auto;}
	.banner .left .hb b:before{content:'';padding:2% 13%;background:url(../images/p-det/cp-cs-4.png) no-repeat left center;background-size:80% auto;}
	.banner .left .zxzx img{margin-top:5%;}
/*small-message*/
	.small-messaage-bj{background:url(../images/p-det/ly-bj.jpg) no-repeat left center;padding:0.75% 0 1% 0;display:none;}
	.small-messaage{-moz-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);-webkit-box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);box-shadow:0px 2px 14px 0px rgba(128,15,1,0.26);border-radius:15px;background:url(../images/p-det/ly-bj-1.jpg);position:relative;font-size:0;padding:1.2% 0 1.2% 10%;}
	.small-messaage .bt{width:11%;position:absolute;left:0;top:0;height:100%;background:url(../images/p-det/ly-bt-bj.png) no-repeat left top;background-size:100% auto;color:#fefefe;/*font-size:28px;*/font-size:1.4vw;padding-left:1.2%;padding-top:0.85%;}
	.small-messaage form div{float:left;font-size:0;width:39%;margin-right:2%;}
	.small-messaage form div label{width:18%;display:block;float:left;/*font-size:18px;*/font-size:0.95vw;color:#222;height:36px;line-height:36px;font-weight:bold;}
	.small-messaage form div label i{color:#e64b1a;}
	.small-messaage form div input{width:82%;display:block;float:right;/*font-size:18px;*/font-size:0.95vw;color:#222;height:36px;border-radius:10px;border:1px solid #999;background:#fff;padding:0 2%;}
	.small-messaage form button{width:13%;background-image:linear-gradient(90deg,#f53718 0%, #fb951a 100%);border:0;/*font-size:18px;*/font-size:0.95vw;color:#fffefd;text-align:center;border-radius:8px;height:36px;}
/*prodet-xff*/
	.navbj{height:50px;margin:2% 0;display:none;}
	.banner-nav{background:#eee;border-radius:9px;padding-left:3%;height:50px;}
	.banner-nav ul{height:50px;}
	.banner-nav ul li{width:16.66%;float:left;height:100%;position:relative;}
	.banner-nav ul li a{width:100%;height:100%;line-height:50px;text-align:center;color:#1f2023;/*font-size:24px;*/font-size:1.2vw;}
	.banner-nav ul li a:before{content:'';padding:1% 8%;}
	.banner-nav ul li:nth-child(1) a:before{background:url(../images/p-det/nav-1.png) no-repeat left center;background-size:65% auto;}
	.banner-nav ul li:nth-child(2) a:before{background:url(../images/p-det/nav-2.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(3) a:before{background:url(../images/p-det/nav-3.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(4) a:before{background:url(../images/p-det/nav-4.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(5) a:before{background:url(../images/p-det/nav-5.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li:nth-child(6) a:before{background:url(../images/p-det/nav-6.png) no-repeat left center;background-size:75% auto;}
	.banner-nav ul li a:hover{color:#f94c2a;height:60px;line-height:60px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}
	.banner-nav ul li.active a{color:#f94c2a;height:60px;line-height:60px;margin-top:-5px;position:absolute;width:100%;background-image:linear-gradient(90deg,#1f2023 0%,#3c3d42 100%);}	
/*introduction*/
	.introduction{margin:3% auto;padding:0 2%;}
	.introduction .left{width:100%;background:url(../images/p-det/profile-p-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding:1.5% 0 1.5% 0;}
	.introduction .left .tit{position:absolute;left:0;top:15%;width:15%;display:none;}
	.introduction .left .box{background:#fff;box-shadow:0px 2px 28px 0px rgba(34,94,146,0.38);border-radius:15px;border:1px solid #e4ebf0;padding:1%;}
	.introduction .left .box .swiper-slide{border-radius:10px;overflow:hidden;}
	.introduction .left .box .swiper-slide img{width:100%;}
	.introduction .left .box .swiper-pagination{width:25%;margin:0 auto;right:0;}
	.introduction .left .box .swiper-pagination span{margin-top:-50%;}
	.introduction .left .box .swiper-pagination-bullet{width:10px;height:10px;font-size:0;background-color: rgba(255,255,255,0.5);}
	.introduction .left .box .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
	.introduction .right{width:100%;font-size:0;margin-top:5%;}
	.introduction .right span{/*font-size:36px;*/font-size:0.3rem;color:#dbdbdb;text-align:left;display:block;}
	.introduction .right h2{/*font-size:36px;*/font-size:0.3rem;color:#222;text-align:left;margin:0 0 1% 0;display:inline-block;}
	.introduction .right p{/*font-size:18px;*/font-size:0.25rem;color:#222;line-height:0.42rem;}
/*structure*/
	.structure-bj{background:url(../images/p-det/structure-bj.jpg) no-repeat;background-size:100% 100%;position:relative;padding-top:2%;}
	.structure .new-tit{margin-top:0;}
	.structure .new-tit h2{margin-bottom:0;}
	.structure img{width:99.8%;}
	.structure-bj .adv{-moz-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);-webkit-box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);box-shadow:0px 0px 34px 0px rgba(34,34,34,0.36);border-radius:30px;position:absolute;left:0;right:0;bottom:-12%;margin:0 auto;background:#fff;}
	.structure-bj ul{overflow:hidden;display:none;}
	.structure-bj ul li{width:33.33%;padding:1% 2.5%;float:left;}
	.structure-bj ul li h3{/*font-size:26px;*/font-size:1.3vw;margin:0;display:inline-block;background:-webkit-linear-gradient(left,#fa921a,#f43a22);-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
	.structure-bj ul li p{/*font-size:18px;*/font-size:0.95vw;color:#000;line-height:24px;margin-top:3%;}
/*parameter*/
	.parameter-bj{background:url(../images/p-det/cs-bj.jpg);padding-top:2%;height:100%;margin-top:0;}
	.parameter .box{padding:1%;background:#fff;border-radius:15px;position:relative;}
/*设备选型*/
	.table-responsive{overflow:hidden;border:1px solid #fff;overflow-y:auto;}
	.table .tr0 td,.table .tr0 th{padding:1% 0;/*font-size:20px;*/font-size:0.27rem;color:#fdfdfd;text-align:center;overflow:hidden;border:1px solid #e6e6e6;}
    .table-responsive table{width:100%;border:0;padding:0;border-collapse:collapse;overflow:hidden;}
    .table-responsive table .tr0{background-image:linear-gradient(90deg,#f42e18 0%,#fb961a 100%);font-size:0.25rem;color:#333;padding:1.5% 0;}
    .table-responsive table .tr1{background:#fff;}
    .table-responsive table .tr2{background:#f3f8fd;}
    .table-responsive table .tr1 td,.table-responsive table .tr1 th,.table-responsive table .tr2 td,.table-responsive table .tr2 th{border:1px solid #e6e6e6;text-align: center;padding:0.6% 0;/*font-size:18px;*/font-size:0.25rem;}
/*case*/
	.kh-case-bj{background:url(../images/p-det/case-bj.jpg) no-repeat;padding-bottom:1%;padding:0 2% 5% 2%;}
	.kh-case ul{margin-top:5%;}
	.kh-case ul li{width:50%;float:left;padding:0 1%;margin-bottom:5%;}
	.kh-case ul li:nth-child(1){width:100%;padding:0 1%;}
	.kh-case ul li:nth-child(1) .icon{width:8%;}
	.kh-case ul li:nth-child(1) h3{padding:2% 0;}
	.kh-case ul li a{position:relative;-moz-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);-webkit-box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);box-shadow:0px 0px 12px 0px rgba(5,86,142,0.4);overflow:hidden;}
	.kh-case ul li a .tu{width:100%;transition:all 1s;}
	.kh-case ul li a:hover .tu{transform:scale(1.05)}
	.kh-case ul li .icon{position:absolute;left:0;right:0;top:37%;margin:0 auto;width:12%;}
	.kh-case ul li h3{text-align:center;background:url(../images/p-det/case-bt-bj.jpg) no-repeat;background-size:100% 100%;margin:0;padding:3% 0;/*font-size:20px;*/font-size:0.27rem;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.kh-case .row{position:relative;}
	.kh-case .row .lx{position:absolute;left:0;bottom:2.5%;width:47.8%;}
/*site*/
	.site-bj{background:url(../images/p-det/anxc-bj.jpg) no-repeat;padding-bottom:2%;}
	.site .new-tit{margin-top:2%;}
	.site .new-tit h2{color:#fff;}
	.site img{width:99.8%;margin-top:1%;}
/*A&Q*/
	.quote-bj{background-image:linear-gradient(90deg,rgba(240,243,250,0.1) 0%, rgba(240,243,250,1) 100%);padding:5% 0 5% 0;}
	.quote{overflow:hidden;}
	.quote .new-tit{margin-top:0;}
	.quote ul{background:#fff;margin:1% 0 0 0;border-radius:30px;padding:0 0 2% 0;}
	.quote ul li{width:100%;padding:0 2%;float:left;}
	.quote ul li div{position:relative;background:url(../images/p-det/aq-a.png) no-repeat 1% center;background-size:6% auto;margin:4% 0;}
	.quote ul li div i{padding:8px;position:absolute;left:6.1%;top:34.5%;background:url(../images/p-det/aq-a-jt.png) no-repeat right center;}
	.quote ul li div b{/*font-size:18px;*/font-size:0.27rem;color:#222;display:block;width:72%;margin-left:8%;padding:2%;background:#dae4eb;border-radius:9px;}
	.quote ul li p{position:relative;background:url(../images/p-det/aq-q.png) no-repeat right 20%;background-size:8% auto;}
	.quote ul li p span{/*font-size:18px;*/font-size:0.27rem;color:#222;display:block;width:72%;margin-right:8%;margin-left:18%;padding:2%;border:1px dashed #5f93b7;border-radius:9px;}
	.quote ul li p i{padding:10px;position:absolute;right:7.2%;top:24.5%;background:url(../images/p-det/aq-q-jt.jpg) no-repeat left center;}
/*progress*/
	.progress{overflow:hidden;padding:2% 0;display:none;}
	.progress .new-tit{margin-top:0;}
	.progress ul{margin:1% -1.5% 0 -1.5%;}
	.progress ul li{width:100%;padding:0 1.5%;float:left;}
	.progress ul li a{border:1px solid rgba(153,153,153,0.19);padding:0.5% 0.5% 3% 0.5%;}
	.progress ul li a img{width:40%;}
	.progress ul li a h3{/*font-size:26px;*/font-size:1.3vw;color:#222;text-align:center;margin:0 0 1% 0;padding-top:6%;}
	.progress ul li a p{/*font-size:18px;*/font-size:0.95vw;color:#222;line-height:21px;text-align:center;width:80%;margin:5% auto 0 auto;}
	.progress ul li:nth-child(1) h3{background:url(../images/p-det/service-1-1.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(2) h3{background:url(../images/p-det/service-2-2.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(3) h3{background:url(../images/p-det/service-3-3.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(4) h3{background:url(../images/p-det/service-4-4.jpg) no-repeat center top;background-size:15% auto;}
	.progress ul li:nth-child(5) h3{background:url(../images/p-det/service-5-5.jpg) no-repeat center top;background-size:15% auto;}

}
