@charset "utf-8";
/* CSS Document */
/*#navbar-example ul .active {background:#269feb;}*/
.introduction p img{margin:1.5% auto;}

@media screen and (min-width: 1400px) {
                .bread a,.bread {color:#333;}
/*banner*/
	.banner-bj{padding-bottom:2%;}
	.banner .box{position:relative;}
	.banner .box .video-img{float:left;padding:1% 0 0 1%;background:url(../images/pro-det/pro-left-bg.png) no-repeat left top;width:58.5%;position:relative;z-index:1;}
	.banner .box .video-img img{border-radius:15px;}
	.banner .box .video-img video,.banner .box .video-img iframe,.banner .box .video-img p video,.banner .box .video-img p iframe{width:100%;height:490px;border-radius:15px;}
	.banner .box .right{float:right;width:42%;padding:0.5% 2% 2% 2%;position:absolute;right:0;top:0;background:#fff;background-size:100% 100%;}
	.banner .box .right h1{font-size:0.32rem;color:#155799;font-weight:bold;margin:6% 0;}
	.banner .box .right .cs{width:100%;}
	.banner .box .right .cs ul li{width:50%;padding:3% 0 3% 3%;float:left;background:url(../images/pro-det/pro-capacity-bg.png) no-repeat left center;background-size:100% 100%;}
	.banner .box .right .cs ul li b{display:block;width:82%;font-size:0.2rem;color:#000;margin:2% 0;padding:2% 0 2% 18%;}
	.banner .box .right .cs ul .scnl b{background:url(../images/pro-det/pro-capacity.png) no-repeat left center;}
	.banner .box .right .cs ul .zsf b{background:url(../images/pro-det/pro-moisture.png) no-repeat left center;}
	.banner .box .right .cs ul li p{font-size:0.28rem;color:#000;margin:3.5% 0 2% 0;}
	.banner .box .right .cs ul li p small{font-size:0.18rem;}
	.banner .box .right .cs .heat,.banner .box .right .cs .appli{font-size:0.2rem;color:#000;line-height:30px;padding:5px 0 5px 40px;margin-top:2%;}
	.banner .box .right .cs .heat{background:url(../images/pro-det/pro-heat.png) no-repeat left center;}
	.banner .box .right .cs .appli{background:url(../images/pro-det/pro-app.png) no-repeat left 10%;height:70px;overflow-x:hidden;}
	.banner .box .right a{font-size:0.24rem;margin-top:2.5%;color:#EC6941;font-weight:bold;padding:5px 0 5px 40px;}
	.banner .box .right .whatsapp{background:url(../images/pro-det/pro-wechat.png) no-repeat left center;}
	.banner .box .right .email{background:url(../images/pro-det/pro-whatsapp.png) no-repeat left center;}
/*prodet-center*/
	.prodet-center{margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff{background:url(../images/pro-det/pro-nav-bg.png) no-repeat;}
	.prodet-xff ul li{width:20%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:0.24rem;font-family:Arial;color:#000;padding:7.5% 0;}
	.prodet-xff ul .active a{color:#595184;font-weight:bold;}
	.prodet-xff ul li a:hover{color:#595184;font-weight:bold;}
	.prodet-xff ul .active a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;}
	.prodet-xff ul li:hover a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;}
    #navbar-example ul li a:hover{color:#595184;font-weight:bold;}
	#navbar-example ul .active a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;}
    /*prodet-tit*/
	.prodet-tit{position:relative;}
	.prodet-tit h2{font-size:0.36rem;color:#010101;font-family:"pi";}
	.prodet-tit a{font-size:0.18rem;color:#666;position:absolute;right:0;top:25%;padding:1% 0 1% 3%;}
	.prodet-tit .email{background:url(../images/pro-det/top-email.png) no-repeat left center;}
	.prodet-tit .wechat{background:url(../images/pro-det/top-whatsapp.png) no-repeat left center;}
	.prodet-tit a b{color:#EC6941;font-size:0.2rem;}
/*introduction*/
	.introduction p,.principle p,.principle p{font-size:0.16rem;line-height:30px;color:#000;}
        
	.introduction .lunbo{margin:1% 0;}
	.introduction .lunbo .left{float:left;width:49%;margin-top:2.5%;}
	.introduction .lunbo .right{float:right;width:51%;border-radius:20px;overflow:hidden;}
	.introduction .lunbo .right .swiper-pagination span{width:20px;height:20px;border:2px solid #fff;opacity:1;background:transparent;}
	.introduction .lunbo .right .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

/*principle*/
	.principle img{margin:2% 0;}
        .principle .structural{position:relative;}
	.principle .structural a img{position:absolute;left:1.5%;bottom:20%;}

/*parameter*/
	.table-responsive {overflow-x: auto;width:100%;-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.11);border-radius:20px;}
	.table {width: 100%;max-width:100%;}
	table {background-color:transparent;border-spacing:0;border-collapse:collapse!important;display:table;border-collapse:separate;border-spacing: 2px;border-color: grey;}
	tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
	tr {display: table-row;vertical-align: inherit;border-color: inherit;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:10px;vertical-align: center;border: 1px solid #dcdcdc;}
	table .tr0{background: linear-gradient(90deg, #AA4B6B 0%, #155799 100%, #155799 100%);border-radius: 20px 20px 0px 0px;height:60px!important;color:#fff;font-size:0.18rem;text-align:center;}
	table .tr1 td{background:#fff;height:25px;}
	table .tr2 td{background:#eee;height:25px;}
	table tr td, table th td {border: 1px solid #dcdcdc;display: table-cell;text-align:center;font-size:0.16rem;}	
/*partnering with customers*/
	.customers-bj .prodet-tit h2{text-align:center;}
/*successful-case*/
	.anli{margin:0 -1%;}
	.anli li{width:33.33%;padding:0 1%;float:left;}
	.anli li a{border:1px solid #DCDCDC;border-radius:10px;padding:2.5%;}
	.anli li a img{border-radius:10px 10px 0 0;}
	.anli li a .down{box-shadow:2px 2px 6px 0px rgba(21,87,152,0.2);border-radius:0px 0px 10px 10px;background:url(../images/pro-det/pro-case-bg.png) no-repeat;background-size:100% 100%;padding:2% 2% 3% 2%;margin-top:2%;}
	.anli li a .down h3{font-size:0.18rem;color:#000;margin:1% 0 2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li{width:50%;padding:1% 0 1% 8%;float:left;font-size:0.16rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-ad.png) no-repeat left center;}
	.anli li a .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-ca.png) no-repeat left center;}
	.anli li a:hover .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-add.png) no-repeat left center;}
	.anli li a:hover .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-capa.png) no-repeat left center;}
	.anli li a:hover .down{background:url(../images/pro-det/pro-casebg.png) no-repeat;background-size:100% 100%;}
	.anli li a:hover .down h3{color:#fff;}
	.anli li a:hover .down ul li{color:#fff;}	
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
/*banner*/
	.banner-bj{background:url(../images/pro-det/pro-bg.jpg) no-repeat;background-size:100% 100%;padding:0 2% 2% 2%;}
	.banner .box{position:relative;}
	.banner .box .video-img{float:left;padding:1% 0 0 1%;background:url(../images/pro-det/pro-left-bg.png) no-repeat left top;margin-top:5%;width:58.5%;position:relative;z-index:1;}
	.banner .box .video-img img{border-radius:15px;width:100%;}
	.banner .box .video-img video,.banner .box .video-img iframe,.banner .box .video-img p video,.banner .box .video-img p iframe{width:100%;height:400px;border-radius:15px;}
	.banner .box .right{float:right;width:60%;padding:0.5% 2% 2% 2%;position:absolute;right:0;top:0;background:url(../images/pro-det/pro-right-bg.png) no-repeat right top;background-size:100% 100%;}
	.banner .box .right h1{font-size:0.27rem;color:#155799;font-weight:bold;text-align:right;}
	.banner .box .right .cs{width:68%;margin-left:32%;}
	.banner .box .right .cs ul li{width:50%;padding:3% 0 3% 3%;float:left;background:url(../images/pro-det/pro-capacity-bg.png) no-repeat left center;background-size:100% 100%;}
	.banner .box .right .cs ul li b{display:block;width:82%;font-size:0.17rem;color:#000;margin:2% 0;padding:2% 0 2% 16%;}
	.banner .box .right .cs ul .scnl b{background:url(../images/pro-det/pro-capacity.png) no-repeat left center;background-size:14% auto;}
	.banner .box .right .cs ul .zsf b{background:url(../images/pro-det/pro-moisture.png) no-repeat left center;background-size:14% auto;}
	.banner .box .right .cs ul li p{font-size:0.21rem;color:#000;margin:3.5% 0 2% 0;}
	.banner .box .right .cs ul li p small{font-size:0.16rem;}
	.banner .box .right .cs .heat,.banner .box .right .cs .appli{font-size:0.16rem;color:#000;line-height:25px;padding:5px 0 5px 40px;margin-top:2%;}
	.banner .box .right .cs .heat{background:url(../images/pro-det/pro-heat.png) no-repeat left center;background-size:8% auto;}
	.banner .box .right .cs .appli{background:url(../images/pro-det/pro-app.png) no-repeat left 10%;background-size:8% auto;height:85px;overflow-x:hidden;}
	.banner .box .right a{font-size:0.2rem;margin-top:2.5%;color:#EC6941;font-weight:bold;padding:3px 0 3px 40px;}
	.banner .box .right .whatsapp{background:url(../images/pro-det/pro-wechat.png) no-repeat left center;background-size:7% auto;}
	.banner .box .right .email{background:url(../images/pro-det/pro-whatsapp.png) no-repeat left center;background-size:7% auto;}
/*prodet-center*/
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding-top:2.5%;padding:2.5% 2% 0 2%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff{background:url(../images/pro-det/pro-nav-bg.png) no-repeat;background-size:100% 100%;}
	.prodet-xff ul li{width:20%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:0.21rem;font-family:Arial;color:#000;padding:7.5% 0;}
	.prodet-xff ul .active a{color:#595184;font-weight:bold;}
	.prodet-xff ul li a:hover{color:#595184;font-weight:bold;}
	.prodet-xff ul .active a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
	.prodet-xff ul li:hover a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
    /*introduction*/
	.prodet-tit{position:relative;}
	.prodet-tit h2{font-size:0.3rem;color:#010101;font-family:"pi";}
	.prodet-tit a{font-size:0.16rem;color:#666;position:absolute;right:0;top:25%;padding:1% 0 1% 3%;}
	.prodet-tit .email{background:url(../images/pro-det/top-email.png) no-repeat left center;background-size:8% auto;}
	.prodet-tit .wechat{background:url(../images/pro-det/top-whatsapp.png) no-repeat left center;background-size:8% auto;}
	.prodet-tit a b{color:#EC6941;font-size:0.18rem;}
/*introduction*/
	.introduction p,.principle p,.principle p{font-size:0.16rem;line-height:30px;color:#000;}
	.introduction .lunbo{margin:1% 0;}
	.introduction .lunbo .left{float:left;width:49%;margin-top:3.5%;}
	.introduction .lunbo .right{float:right;width:51%;border-radius:20px;overflow:hidden;}
	.introduction .lunbo .right .swiper-slide img{width:100%;}
	.introduction .lunbo .right .swiper-pagination span{width:15px;height:15px;border:2px solid #fff;opacity:1;background:transparent;}
	.introduction .lunbo .right .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

/*principle*/
	.principle img{margin:2% 0; width:100%;}
        .principle .structural{position:relative;}
	.principle .structural a img{position:absolute;left:1.5%;bottom:20%;width:18%;}

/*parameter*/
	.table-responsive {overflow-x: auto;width:100%;-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.11);border-radius:20px;}
	.table {width: 100%;max-width:100%;}
	table {background-color:transparent;border-spacing:0;border-collapse:collapse!important;display:table;border-collapse:separate;border-spacing: 2px;border-color: grey;}
	tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
	tr {display: table-row;vertical-align: inherit;border-color: inherit;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:10px;vertical-align: center;border: 1px solid #dcdcdc;}
	table .tr0{background: linear-gradient(90deg, #AA4B6B 0%, #155799 100%, #155799 100%);border-radius: 20px 20px 0px 0px;height:60px!important;color:#fff;font-size:0.18rem;text-align:center;}
	table .tr1 td{background:#fff;height:25px;}
	table .tr2 td{background:#eee;height:25px;}
	table tr td, table th td {border: 1px solid #dcdcdc;display: table-cell;text-align:center;font-size:0.16rem;}	
/*partnering with customers*/
	.customers-bj .prodet-tit h2{text-align:center;}
/*successful-case*/
	.xg-case{padding:0 2%;}
	.anli{margin:0 -1%;}
	.anli li{width:33.33%;padding:0 1%;float:left;}
	.anli li a{border:1px solid #DCDCDC;border-radius:10px;padding:2.5%;}
	.anli li a img{border-radius:10px 10px 0 0;width:100%;}
	.anli li a .down{box-shadow:2px 2px 6px 0px rgba(21,87,152,0.2);border-radius:0px 0px 10px 10px;background:url(../images/pro-det/pro-case-bg.png) no-repeat;background-size:100% 100%;padding:2% 2% 3% 2%;margin-top:2%;}
	.anli li a .down h3{font-size:0.18rem;color:#000;margin:1% 0 2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li{width:50%;padding:1% 0 1% 8%;float:left;font-size:0.15rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-ad.png) no-repeat left center;}
	.anli li a .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-ca.png) no-repeat left center;}
	.anli li a:hover .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-add.png) no-repeat left center;}
	.anli li a:hover .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-capa.png) no-repeat left center;}
	.anli li a:hover .down{background:url(../images/pro-det/pro-casebg.png) no-repeat;background-size:100% 100%;}
	.anli li a:hover .down h3{color:#fff;}
	.anli li a:hover .down ul li{color:#fff;}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
/*banner*/
	.banner-bj{background:url(../images/pro-det/pro-bg.jpg) no-repeat;background-size:100% 100%;padding:0 2% 2% 2%;}
	.banner .box{position:relative;}
	.banner .box .video-img{float:left;padding:1% 0 0 1%;background:url(../images/pro-det/pro-left-bg.png) no-repeat left top;margin-top:5%;width:58.5%;position:relative;z-index:1;}
	.banner .box .video-img img{border-radius:15px;width:100%;}
	.banner .box .video-img video,.banner .box .video-img iframe,.banner .box .video-img p video,.banner .box .video-img p iframe{width:100%;height:400px;border-radius:15px;}
	.banner .box .right{float:right;width:60%;padding:0.5% 2% 2% 2%;position:absolute;right:0;top:0;background:url(../images/pro-det/pro-right-bg.png) no-repeat right top;background-size:100% 100%;}
	.banner .box .right h1{font-size:0.22rem;color:#155799;font-weight:bold;text-align:right;}
	.banner .box .right .cs{width:68%;margin-left:32%;}
	.banner .box .right .cs ul li{width:50%;padding:3% 0 3% 2%;float:left;background:url(../images/pro-det/pro-capacity-bg.png) no-repeat left center;background-size:100% 100%;}
	.banner .box .right .cs ul li b{display:block;width:82%;font-size:0.14rem;color:#000;padding:2% 0 2% 12%;}
	.banner .box .right .cs ul .scnl b{background:url(../images/pro-det/pro-capacity.png) no-repeat left center;background-size:12% auto;}
	.banner .box .right .cs ul .zsf b{background:url(../images/pro-det/pro-moisture.png) no-repeat left center;background-size:12% auto;}
	.banner .box .right .cs ul li p{font-size:0.17rem;color:#000;margin:3.5% 0 2% 0;}
	.banner .box .right .cs ul li p small{font-size:0.13rem;}
	.banner .box .right .cs .heat,.banner .box .right .cs .appli{font-size:0.15rem;color:#000;line-height:20px;padding:2px 0 2px 24px;margin-top:1%;}
	.banner .box .right .cs .heat{background:url(../images/pro-det/pro-heat.png) no-repeat left center;background-size:6% auto;}
	.banner .box .right .cs .appli{background:url(../images/pro-det/pro-app.png) no-repeat left 10%;background-size:6% auto;height:65px;overflow-x:hidden;margin-bottom:1%;}
	.banner .box .right a{font-size:0.15rem;color:#EC6941;font-weight:bold;padding:3px 0 3px 24px;}
	.banner .box .right .whatsapp{background:url(../images/pro-det/pro-wechat.png) no-repeat left center;background-size:5% auto;}
	.banner .box .right .email{background:url(../images/pro-det/pro-whatsapp.png) no-repeat left center;background-size:5% auto;}
/*prodet-center*/
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding:2.5% 2% 0 2%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff{background:url(../images/pro-det/pro-nav-bg.png) no-repeat;background-size:100% 100%;}
	.prodet-xff ul li{width:20%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:0.18rem;font-family:Arial;color:#000;padding:7.5% 0;}
	.prodet-xff ul .active a{color:#595184;font-weight:bold;}
	.prodet-xff ul li a:hover{color:#595184;font-weight:bold;}
	.prodet-xff ul .active a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
	.prodet-xff ul li:hover a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
    /*introduction*/
	.prodet-tit{position:relative;}
	.prodet-tit h2{font-size:0.24rem;color:#010101;font-family:"pi";}
	.prodet-tit a{font-size:0.15rem;color:#666;position:absolute;right:0;top:25%;padding:1% 0 1% 3%;}
	.prodet-tit .email{background:url(../images/pro-det/top-email.png) no-repeat left center;background-size:7% auto;}
	.prodet-tit .wechat{background:url(../images/pro-det/top-whatsapp.png) no-repeat left center;background-size:7% auto;}
	.prodet-tit a b{color:#EC6941;font-size:0.16rem;}
/*introduction*/
	.introduction p,.principle p,.principle p{font-size:0.15rem;line-height:27px;color:#000;}
	.introduction .lunbo{margin:1% 0;}
	.introduction .lunbo .left{float:left;width:49%;margin-top:3.5%;}
	.introduction .lunbo .right{float:right;width:51%;border-radius:20px;overflow:hidden;}
	.introduction .lunbo .right .swiper-slide img{width:100%;}
	.introduction .lunbo .right .swiper-pagination span{width:15px;height:15px;border:2px solid #fff;opacity:1;background:transparent;}
	.introduction .lunbo .right .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

/*principle*/
	.principle img{margin:2% 0; width:100%;}
        .principle .structural{position:relative;}
	.principle .structural a img{position:absolute;left:1.5%;bottom:20%;width:18%;}

/*parameter*/
	.table-responsive {overflow-x:auto;width:100%;-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.11);border-radius:20px;}
	.table {width: 100%;max-width:100%;}
	table {background-color:transparent;border-spacing:0;border-collapse:collapse!important;display:table;border-collapse:separate;border-spacing: 2px;border-color: grey;}
	tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
	tr {display: table-row;vertical-align: inherit;border-color: inherit;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:10px;vertical-align: center;border: 1px solid #dcdcdc;}
	table .tr0{background: linear-gradient(90deg, #AA4B6B 0%, #155799 100%, #155799 100%);border-radius: 20px 20px 0px 0px;height:60px!important;color:#fff;font-size:0.16rem;text-align:center;}
	table .tr1 td{background:#fff;height:21px;}
	table .tr2 td{background:#eee;height:21px;}
	table tr td, table th td {border: 1px solid #dcdcdc;display: table-cell;text-align:center;font-size:0.16rem;}	
/*partnering with customers*/
	.customers-bj .prodet-tit h2{text-align:center;}
/*successful-case*/
	.xg-case{padding:0 2%;}
	.anli{margin:0 -1%;}
	.anli li{width:33.33%;padding:0 1%;float:left;}
	.anli li a{border:1px solid #DCDCDC;border-radius:10px;padding:2.5%;}
	.anli li a img{border-radius:10px 10px 0 0;width:100%;}
	.anli li a .down{box-shadow:2px 2px 6px 0px rgba(21,87,152,0.2);border-radius:0px 0px 10px 10px;background:url(../images/pro-det/pro-case-bg.png) no-repeat;background-size:100% 100%;padding:2% 2% 3% 2%;margin-top:2%;}
	.anli li a .down h3{font-size:0.18rem;color:#000;margin:1% 0 2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li{width:50%;padding:1% 0 1% 7%;float:left;font-size:0.15rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-ad.png) no-repeat left center;background-size:12% auto;}
	.anli li a .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-ca.png) no-repeat left center;background-size:12% auto;}
	.anli li a:hover .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-add.png) no-repeat left center;background-size:12% auto;}
	.anli li a:hover .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-capa.png) no-repeat left center;background-size:12% auto;}
	.anli li a:hover .down{background:url(../images/pro-det/pro-casebg.png) no-repeat;background-size:100% 100%;}
	.anli li a:hover .down h3{color:#fff;}
	.anli li a:hover .down ul li{color:#fff;}
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.banner-bj{background:url(../images/pro-det/pro-bg.jpg) no-repeat;background-size:100% 100%;padding:0 0 2% 0;}
	.banner .box{position:relative;}
	.banner .box .video-img{float:left;padding:1% 0 0 1%;background:url(../images/pro-det/pro-left-bg.png) no-repeat left top;margin-top:6%;width:58.5%;position:relative;z-index:1;}
	.banner .box .video-img img{border-radius:15px;width:100%;}
	.banner .box .video-img video,.banner .box .video-img iframe,.banner .box .video-img p video,.banner .box .video-img p iframe{width:100%;height:265px;border-radius:15px;}
	.banner .box .right{float:right;width:60%;padding:0.5% 2% 2% 2%;position:absolute;right:0;top:0;background:url(../images/pro-det/pro-right-bg.png) no-repeat right top;background-size:100% 100%;}
	.banner .box .right h1{font-size:0.18rem;color:#155799;font-weight:bold;text-align:right;}
	.banner .box .right .cs{width:68%;margin-left:32%;}
	.banner .box .right .cs ul li{width:50%;padding:3% 0 3% 1%;float:left;background:url(../images/pro-det/pro-capacity-bg.png) no-repeat left center;background-size:100% 100%;}
	.banner .box .right .cs ul li b{display:block;width:82%;font-size:0.11rem;color:#000;padding:2% 0 2% 2%;}
	.banner .box .right .cs ul li p{font-size:0.15rem;color:#000;margin:2% 0 2% 0;}
	.banner .box .right .cs ul li p small{font-size:0.11rem;}
	.banner .box .right .cs .heat,.banner .box .right .cs .appli{font-size:0.13rem;color:#000;line-height:18px;padding:2px 0 2px 20px;margin-top:1%;}
	.banner .box .right .cs .heat{background:url(../images/pro-det/pro-heat.png) no-repeat left center;background-size:6% auto;}
	.banner .box .right .cs .appli{background:url(../images/pro-det/pro-app.png) no-repeat left 10%;background-size:6% auto;height:95px;overflow-x:hidden;margin-bottom:1%;}
	.banner .box .right a{font-size:0.15rem;color:#EC6941;font-weight:bold;padding:3px 0 3px 24px;display:none;}
	.banner .box .right .whatsapp{background:url(../images/pro-det/pro-wechat.png) no-repeat left center;background-size:5% auto;}
	.banner .box .right .email{background:url(../images/pro-det/pro-whatsapp.png) no-repeat left center;background-size:5% auto;}
/*prodet-center*/
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding:2.5% 2% 0 2%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff{background:url(../images/pro-det/pro-nav-bg.png) no-repeat;background-size:100% 100%;}
	.prodet-xff ul li{width:20%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:0.15rem;font-family:Arial;color:#000;padding:7.5% 0;}
	.prodet-xff ul .active a{color:#595184;font-weight:bold;}
	.prodet-xff ul li a:hover{color:#595184;font-weight:bold;}
	.prodet-xff ul .active a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
	.prodet-xff ul li:hover a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
/*prodet-tit*/
	.prodet-tit{position:relative;}
	.prodet-tit h2{font-size:0.2rem;color:#010101;font-family:"pi";}
	.prodet-tit a{font-size:0.13rem;color:#666;position:absolute;right:0;top:25%;padding:1% 0 1% 3%;}
	.prodet-tit .email{background:url(../images/pro-det/top-email.png) no-repeat left center;background-size:7% auto;}
	.prodet-tit .wechat{background:url(../images/pro-det/top-whatsapp.png) no-repeat left center;background-size:7% auto;}
	.prodet-tit a b{color:#EC6941;font-size:0.15rem;}
/*introduction*/
	.introduction p,.principle p,.principle p{font-size:0.15rem;line-height:24px;color:#000;}
	.introduction .lunbo{margin:1% 0;}
	.introduction .lunbo .left{float:left;width:49%;margin-top:3.5%;}
	.introduction .lunbo .right{float:right;width:51%;border-radius:20px;overflow:hidden;}
	.introduction .lunbo .right .swiper-slide img{width:100%;}
	.introduction .lunbo .right .swiper-pagination span{width:15px;height:15px;border:2px solid #fff;opacity:1;background:transparent;}
	.introduction .lunbo .right .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

/*principle*/
	.principle img{margin:2% 0; width:100%;}
        .principle .structural{position:relative;}
	.principle .structural a img{position:absolute;left:1.5%;bottom:20%;width:18%;}

/*parameter*/
	.table-responsive {overflow-x:auto;width:100%;-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.11);border-radius:20px;}
	.table {width: 100%;max-width:100%;}
	table {background-color:transparent;border-spacing:0;border-collapse:collapse!important;display:table;border-collapse:separate;border-spacing: 2px;border-color: grey;}
	tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
	tr {display: table-row;vertical-align: inherit;border-color: inherit;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:10px;vertical-align: center;border: 1px solid #dcdcdc;}
	table .tr0{background: linear-gradient(90deg, #AA4B6B 0%, #155799 100%, #155799 100%);border-radius: 20px 20px 0px 0px;height:60px!important;color:#fff;font-size:0.14rem;text-align:center;}
	table .tr1 td{background:#fff;height:21px;}
	table .tr2 td{background:#eee;height:21px;}
	table tr td, table th td {border: 1px solid #dcdcdc;display: table-cell;text-align:center;font-size:0.14rem;}	
/*partnering with customers*/
	.customers-bj .prodet-tit h2{text-align:center;}
/*successful-case*/
	.xg-case{padding:0 2%;}
	.anli{margin:0 -1%;}
	.anli li{width:33.33%;padding:0 1%;float:left;}
	.anli li a{border:1px solid #DCDCDC;border-radius:10px;padding:2.5%;}
	.anli li a img{border-radius:10px 10px 0 0;width:100%;}
	.anli li a .down{box-shadow:2px 2px 6px 0px rgba(21,87,152,0.2);border-radius:0px 0px 10px 10px;background:url(../images/pro-det/pro-case-bg.png) no-repeat;background-size:100% 100%;padding:2% 2% 3% 2%;margin-top:2%;}
	.anli li a .down h3{font-size:0.14rem;color:#000;margin:1% 0 2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li{width:100%;padding:1% 0 1% 10%;float:left;font-size:0.14rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-ad.png) no-repeat left center;background-size:9% auto;}
	.anli li a .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-ca.png) no-repeat left center;background-size:12% auto;display:none;}
	.anli li a:hover .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-add.png) no-repeat left center;background-size:9% auto;}
	.anli li a:hover .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-capa.png) no-repeat left center;background-size:12% auto;}
	.anli li a:hover .down{background:url(../images/pro-det/pro-casebg.png) no-repeat;background-size:100% 100%;}
	.anli li a:hover .down h3{color:#fff;}
	.anli li a:hover .down ul li{color:#fff;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner-bj{background:url(../images/pro-det/pro-bg.jpg) no-repeat;background-size:100% 100%;padding:0 2% 2% 2%;}
	.banner .box{position:relative;}
	.banner .box .video-img{padding:1% 0 0 1%;background:url(../images/pro-det/pro-left-bg.png) no-repeat left top;margin-top:3%;width:100%;position:relative;z-index:1;}
	.banner .box .video-img img{border-radius:0.15rem;width:100%;}
	.banner .box .video-img video,.banner .box .video-img iframe,.banner .box .video-img p video,.banner .box .video-img p iframe{width:100%;height:4.5rem;border-radius:0.15rem;}
	.banner .box .right{width:100%;padding:0.5% 2% 2% 2%;background:url(../images/pro-det/pro-right-bg.png) no-repeat right top;background-size:100% 100%;margin-top:5%;}
	.banner .box .right h1{font-size:0.3rem;color:#155799;font-weight:bold;text-align:left;}
	.banner .box .right .cs{width:100%;}
	.banner .box .right .cs ul li{width:50%;padding:3% 0 3% 1%;float:left;background:url(../images/pro-det/pro-capacity-bg.png) no-repeat left center;background-size:100% 100%;}
	.banner .box .right .cs ul li b{display:block;width:82%;font-size:0.24rem;color:#000;padding:2% 0 2% 2%;}
	.banner .box .right .cs ul li p{font-size:0.28rem;color:#000;margin:2% 0 2% 0;}
	.banner .box .right .cs ul li p small{font-size:0.21rem;}
	.banner .box .right .cs .heat,.banner .box .right .cs .appli{font-size:0.27rem;color:#000;padding:2% 0 2% 7%;margin-top:1%;line-height:0.3rem;}
	.banner .box .right .cs .heat{background:url(../images/pro-det/pro-heat.png) no-repeat left center;background-size:6% auto;}
	.banner .box .right .cs .appli{background:url(../images/pro-det/pro-app.png) no-repeat left 10%;background-size:6% auto;margin-bottom:1%;}
	.banner .box .right a{font-size:0.15rem;color:#EC6941;font-weight:bold;padding:3px 0 3px 24px;display:none;}
	.banner .box .right .whatsapp{background:url(../images/pro-det/pro-wechat.png) no-repeat left center;background-size:5% auto;}
	.banner .box .right .email{background:url(../images/pro-det/pro-whatsapp.png) no-repeat left center;background-size:5% auto;}
/*prodet-center*/
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding:2.5% 2% 0 2%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff{background:url(../images/pro-det/pro-nav-bg.png) no-repeat;background-size:100% 100%;display:none;}
	.prodet-xff ul li{width:20%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:0.15rem;font-family:Arial;color:#000;padding:7.5% 0;}
	.prodet-xff ul .active a{color:#595184;font-weight:bold;}
	.prodet-xff ul li a:hover{color:#595184;font-weight:bold;}
	.prodet-xff ul .active a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
	.prodet-xff ul li:hover a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;background-size:70% auto;}
/*prodet-tit*/
	.prodet-tit{position:relative;}
	.prodet-tit h2{font-size:0.34rem;color:#010101;font-family:"pi";}
	.prodet-tit a{font-size:0.21rem;color:#666;position:absolute;right:0;top:25%;padding:1% 0 1% 3%;display:none;}
	.prodet-tit .email{background:url(../images/pro-det/top-email.png) no-repeat left center;background-size:7% auto;}
	.prodet-tit .wechat{background:url(../images/pro-det/top-whatsapp.png) no-repeat left center;background-size:7% auto;}
	.prodet-tit a b{color:#EC6941;font-size:0.24rem;}
/*introduction*/
	.introduction p,.principle p{font-size:0.27rem;line-height:0.42rem;color:#000;}
	.introduction .lunbo{margin:1% 0;}
	.introduction .lunbo .left{float:left;width:49%;margin-top:3.5%;display:none;}
	.introduction .lunbo .right{float:right;width:100%;border-radius:0.2rem;overflow:hidden;}
	.introduction .lunbo .right .swiper-slide img{width:100%;}
	.introduction .lunbo .right .swiper-pagination span{width:15px;height:15px;border:2px solid #fff;opacity:1;background:transparent;}
	.introduction .lunbo .right .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
/*principle*/
	.principle img{margin:2% 0; width:100%;}
/*parameter*/
	.table-responsive {overflow-x:auto;width:100%;-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.11);border-radius:20px;}
	.table {width: 100%;max-width:100%;}
	table {background-color:transparent;border-spacing:0;border-collapse:collapse!important;display:table;border-collapse:separate;border-spacing: 2px;border-color: grey;}
	tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
	tr {display: table-row;vertical-align: inherit;border-color: inherit;}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:10px;vertical-align: center;border: 1px solid #dcdcdc;}
	table .tr0{background: linear-gradient(90deg, #AA4B6B 0%, #155799 100%, #155799 100%);border-radius: 20px 20px 0px 0px;height:60px!important;color:#fff;font-size:0.25rem;text-align:center;}
	table .tr1 td{background:#fff;height:21px;}
	table .tr2 td{background:#eee;height:21px;}
	table tr td, table th td {border: 1px solid #dcdcdc;display: table-cell;text-align:center;font-size:0.25rem;}	
/*partnering with customers*/
	.customers-bj .prodet-tit h2{text-align:center;}
/*successful-case*/
	.xg-case{padding:0 2%;}
	.anli{margin:0 -1%;}
	.anli li{width:50%;padding:0 1%;float:left;}
	.anli li a{border:1px solid #DCDCDC;border-radius:10px;padding:2.5%;}
	.anli li a img{border-radius:10px 10px 0 0;width:100%;}
	.anli li a .down{box-shadow:2px 2px 6px 0px rgba(21,87,152,0.2);border-radius:0px 0px 10px 10px;background:url(../images/pro-det/pro-case-bg.png) no-repeat;background-size:100% 100%;padding:2% 2% 3% 2%;margin-top:2%;}
	.anli li a .down h3{font-size:0.27rem;height:0.6rem;line-height:0.3rem;color:#000;margin:1% 0 2% 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.anli li a .down ul{display:none;}
	.anli li a .down ul li{width:100%;padding:1% 0 1% 10%;float:left;font-size:0.14rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.anli li a .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-ad.png) no-repeat left center;background-size:9% auto;}
	.anli li a .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-ca.png) no-repeat left center;background-size:12% auto;display:none;}
	.anli li a:hover .down ul li:nth-child(1){background:url(../images/pro-det/pro-case-add.png) no-repeat left center;background-size:9% auto;}
	.anli li a:hover .down ul li:nth-child(2){background:url(../images/pro-det/pro-case-capa.png) no-repeat left center;background-size:12% auto;}
	.anli li a:hover .down{background:url(../images/pro-det/pro-casebg.png) no-repeat;background-size:100% 100%;}
	.anli li a:hover .down h3{color:#fff;}
	.anli li a:hover .down ul li{color:#fff;}
	.anli li:nth-child(3){display:none;}
}