@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1400px){
/*banner*/
	.body-center{background:url(../images/pro-det/prode-bg.jpg) no-repeat;padding-bottom:2.4%;}
	.banner .case-det .left{width:60%;padding:1%;background:rgba(255,255,255,0.06);border-radius:15px;float:left;}
	.banner .case-det .left img{width:100%;border-radius:25px;}
	.banner .case-det .right{width:36%;float:right;padding-top:2%;}
	.banner .case-det .right h1{font-size:28px;color:#fff;padding-top:6%;background:url(../images/pro-det/prode-you.png) no-repeat right top;}
	.banner .case-det .right ul li{font-size:18px;color:#fff;padding-left:8%;margin:3% 0;}
	.banner .case-det .right ul li:nth-child(1){font-size:20px;background:url(../images/pro-det/prode-cap.png) no-repeat left center;}
	.banner .case-det .right ul li:nth-child(1) b{font-size:24px;color:#F39700;}
	.banner .case-det .right ul li:nth-child(2){line-height:28px;background:url(../images/pro-det/prode-app.png) no-repeat left 4px;}
	.banner .case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:36%;margin:3% 7%;text-align:center;font-size:18px;color:#fff;float:left;}
	.banner .case-det .right button a{border-radius:20px;font-size:18px;color:#fff;width:100%;padding:5% 0;}
	.banner .case-det .right .quote{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .message{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .quote a{background:#F39700;}
	.banner .case-det .right .message a{background:#fff;color:#272E3D;}
	.banner .case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.banner .case-det .right .message:hover a{background:#F39700;color:#fff;}
	.banner .case-det .right .lianxi{padding:1%;background:url(../images/pro-det/prode-con.png) no-repeat left center;margin-top:20%;}
	.banner .case-det .right .lianxi a{padding:1% 1% 1% 2.5%;font-size:17px;color:#fff;line-height:26px;width:90%;}
	.banner .case-det .right .lianxi a:hover{color:#F39700;}
	.banner .case-det .right .lianxi a:before{content:'';padding:1% 3.5%;}
	.banner .case-det .right .lianxi .whatsapp:before{background:url(../images/pro-det/prode-whatspp.png) no-repeat left center;}
	.banner .case-det .right .lianxi .email:before{background:url(../images/pro-det/prode-email.png) no-repeat left center;}
/*nav*/
    .navbar-bj{background:#ECEFF3;}
	.prodet-xff{background:#ECEFF3;}
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding-top:2.5%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff ul li{width:16.6%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:22px;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;}
	#navbar-example ul .active a:before{content:'';padding:1.5% 4%;background:url(../images/pro-det/pro-nav-quan.png) no-repeat left center;}	
/*introduction*/
	.introduction{margin-top:3%;}
	.introduction p,.principle p,.material .left p{font-size:16px;color:#333;line-height:30px;margin:1.2% 0;}
	.principle p b{color:#003399;}
	.principle p img{margin:2% 0 0 0;}
/*raw-materials*/
	.material-bj{background:url(../images/pro-det/prode-wuliao.jpg) no-repeat left top;margin-bottom:2.5%;margin-top:1%;}
	.material .left{width:46.65%;margin-top:3%;float:left;}
	.material .left h1{font-size:24px;color:#fff;margin-bottom:2%;}
	.material .left p{margin:0;color:#fff;line-height:27px;font-size:15px;}
	.material .left img{width:100%;margin-top:3%;}
	.material .right{width:50%;float:right;}
	.material .right .luobo{background:#fff;padding:1.25% 0 0 1.25%;}
	.material .right a{font-size:16px;color:#333;display:block;text-align:right;margin:0.5% 0 1% 0;}
	.material .right a:before{content:'';padding:0 2%;background:url(../images/pro-det/prode-mail.png) no-repeat left center;}
	.material .right a b{color:#F39700;font-weight:400;}
	.material .right .swiper-container .swiper-slide img{width:100%;}
	.material .right .swiper-container span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;}
	.material .right .swiper-container .swiper-pagination-bullet-active{background:#F39700;}
/*parameters*/
	.parameters{padding-top:2%;}
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:15px 15px 0px 0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background-image:linear-gradient(90deg,#1755a3 0%,#5393de 100%);height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*related-products*/
	.xg-case{padding:2% 0;}
	.xg-case ul{margin:0 -1.5%;}
	.xg-case ul li{width:30.33%;padding:0 1.5%;float:left;}
	.xg-case ul li a{background:#F8F8F8;width:91%;padding:4.5%;}
	.xg-case ul li a:hover{background:#F2F6FB;}
	.xg-case ul li a:hover h3{color:#003399;}
	.xg-case ul li a h3{font-size:20px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.xg-case ul li a p{font-size:16px;color:#666;line-height:27px;margin:1% 0;}
}

@media screen and (min-width:1200px) and (max-width:1400px){
/*banner*/
	.body-center{background:url(../images/pro-det/prode-bg.jpg) no-repeat;padding-bottom:2.4%;}
	.banner .case-det .left{width:60%;padding:1%;background:rgba(255,255,255,0.06);border-radius:15px;float:left;}
	.banner .case-det .left img{width:100%;border-radius:25px;}
	.banner .case-det .right{width:36%;float:right;}
	.banner .case-det .right h1{font-size:21px;color:#fff;padding-top:6%;background:url(../images/pro-det/prode-you.png) no-repeat right top;background-size:10% auto;}
	.banner .case-det .right ul li{font-size:16px;color:#fff;padding-left:8%;margin:3% 0;}
	.banner .case-det .right ul li:nth-child(1){font-size:18px;background:url(../images/pro-det/prode-cap.png) no-repeat left center;background-size:6% auto;}
	.banner .case-det .right ul li:nth-child(1) b{font-size:20px;color:#F39700;}
	.banner .case-det .right ul li:nth-child(2){line-height:24px;background:url(../images/pro-det/prode-app.png) no-repeat left 4px;background-size:6.5% auto;}
	.banner .case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:36%;margin:2% 7%;text-align:center;font-size:15px;color:#fff;float:left;}
	.banner .case-det .right button a{border-radius:20px;font-size:16px;color:#fff;width:100%;padding:5% 0;}
	.banner .case-det .right .quote{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .message{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .quote a{background:#F39700;}
	.banner .case-det .right .message a{background:#fff;color:#272E3D;}
	.banner .case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.banner .case-det .right .message:hover a{background:#F39700;color:#fff;}
	.banner .case-det .right .lianxi{padding:1%;background:url(../images/pro-det/prode-con.png) no-repeat left center;margin-top:20%;}
	.banner .case-det .right .lianxi a{padding:1% 1% 1% 2.5%;font-size:15px;color:#fff;line-height:26px;width:90%;}
	.banner .case-det .right .lianxi a:hover{color:#F39700;}
	.banner .case-det .right .lianxi a:before{content:'';padding:1% 3.5%;}
	.banner .case-det .right .lianxi .whatsapp:before{background:url(../images/pro-det/prode-whatspp.png) no-repeat left center;background-size:80% auto;}
	.banner .case-det .right .lianxi .email:before{background:url(../images/pro-det/prode-email.png) no-repeat left center;background-size:80% auto;}
/*nav*/
    .navbar-bj{background:#ECEFF3;}
	.prodet-xff{background:#ECEFF3;}
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding-top:2.5%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff ul li{width:16.6%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:22px;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;}
	#navbar-example ul .active a:before{content:'';padding:1.5% 4%;}	
/*introduction*/
	.introduction{margin-top:3%;}
	.introduction p,.principle p,.material .left p{font-size:16px;color:#333;line-height:30px;margin:1.2% 0;}
	.principle p b{color:#003399;}
	.principle p img{margin:2% 0 0 0;width:100%;}
/*raw-materials*/
	.material-bj{background:url(../images/pro-det/prode-wuliao.jpg) no-repeat left top;background-size:70% 70%;margin-bottom:2.5%;margin-top:1%;}
	.material .left{width:46.65%;margin-top:3%;float:left;}
	.material .left h1{font-size:20px;color:#fff;margin-bottom:2%;}
	.material .left p{margin:0;color:#fff;line-height:21px;font-size:14px;}
	.material .left img{width:95%;margin-top:3%;}
	.material .right{width:50%;float:right;}
	.material .right .luobo{background:#fff;padding:1.25% 0 0 1.25%;}
	.material .right a{font-size:15px;color:#333;display:block;text-align:right;margin:0.5% 0 1% 0;}
	.material .right a:before{content:'';padding:0 2%;background:url(../images/pro-det/prode-mail.png) no-repeat left center;}
	.material .right a b{color:#F39700;font-weight:400;}
	.material .right .swiper-container .swiper-slide img{width:100%;}
	.material .right .swiper-container span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;}
	.material .right .swiper-container .swiper-pagination-bullet-active{background:#F39700;}
/*parameters*/
	.parameters{padding-top:2%;}
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:15px 15px 0px 0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background-image:linear-gradient(90deg,#1755a3 0%,#5393de 100%);height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*related-products*/
	.xg-case{padding:2% 0;}
	.xg-case ul{margin:0 -1.5%;}
	.xg-case ul li{width:30.33%;padding:0 1.5%;float:left;}
	.xg-case ul li a{background:#F8F8F8;width:91%;padding:4.5%;}
	.xg-case ul li a:hover{background:#F2F6FB;}
	.xg-case ul li a:hover h3{color:#003399;}
	.xg-case ul li a h3{font-size:20px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.xg-case ul li a p{font-size:16px;color:#666;line-height:27px;margin:1% 0;}

}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.body-center{background:url(../images/pro-det/prode-bg.jpg) no-repeat;padding-bottom:2.4%;}
	.banner .case-det .left{width:60%;padding:1%;background:rgba(255,255,255,0.06);border-radius:15px;float:left;}
	.banner .case-det .left img{width:100%;border-radius:25px;}
	.banner .case-det .right{width:36%;float:right;}
	.banner .case-det .right h1{font-size:17px;color:#fff;padding-top:6%;background:url(../images/pro-det/prode-you.png) no-repeat right top;background-size:10% auto;}
	.banner .case-det .right ul li{font-size:14px;color:#fff;padding-left:8%;margin:3% 0;}
	.banner .case-det .right ul li:nth-child(1){font-size:15px;background:url(../images/pro-det/prode-cap.png) no-repeat left center;background-size:6% auto;}
	.banner .case-det .right ul li:nth-child(1) b{font-size:15px;color:#F39700;}
	.banner .case-det .right ul li:nth-child(2){line-height:20px;background:url(../images/pro-det/prode-app.png) no-repeat left 4px;background-size:6.5% auto;}
	.banner .case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:36%;margin:2% 7%;text-align:center;font-size:14px;color:#fff;float:left;}
	.banner .case-det .right button a{border-radius:20px;font-size:14px;color:#fff;width:100%;padding:5% 0;}
	.banner .case-det .right .quote{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .message{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .quote a{background:#F39700;}
	.banner .case-det .right .message a{background:#fff;color:#272E3D;}
	.banner .case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.banner .case-det .right .message:hover a{background:#F39700;color:#fff;}
	.banner .case-det .right .lianxi{padding:1%;background:url(../images/pro-det/prode-con.png) no-repeat left center;margin-top:20%;background-size:100% auto;}
	.banner .case-det .right .lianxi a{padding:1% 1% 1% 2.5%;font-size:14px;color:#fff;line-height:26px;width:90%;}
	.banner .case-det .right .lianxi a:hover{color:#F39700;}
	.banner .case-det .right .lianxi a:before{content:'';padding:1% 3.5%;}
	.banner .case-det .right .lianxi .whatsapp:before{background:url(../images/pro-det/prode-whatspp.png) no-repeat left center;background-size:80% auto;}
	.banner .case-det .right .lianxi .email:before{background:url(../images/pro-det/prode-email.png) no-repeat left center;background-size:80% auto;}
/*nav*/
    .navbar-bj{background:#ECEFF3;}
	.prodet-xff{background:#ECEFF3;}
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding-top:2.5%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff ul li{width:16.6%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:20px;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;}
	#navbar-example ul .active a:before{content:'';padding:1.5% 4%;}	
/*introduction*/
	.introduction{margin-top:3%;}
	.introduction p,.principle p,.material .left p{font-size:15px;color:#333;line-height:25px;margin:1.2% 0;}
	.principle p b{color:#003399;}
	.principle p img{margin:2% 0 0 0;width:100%;}
/*raw-materials*/
	.material-bj{background:url(../images/pro-det/prode-wuliao.jpg) no-repeat left top;background-size:70% 70%;margin-bottom:2.5%;margin-top:1%;}
	.material .left{width:46.65%;margin-top:3%;float:left;}
	.material .left h1{font-size:16px;color:#fff;margin-bottom:2%;}
	.material .left p{margin:0;color:#fff;line-height:18px;font-size:14px;}
	.material .left img{width:90%;margin-top:3%;}
	.material .right{width:50%;float:right;padding-top:2%;}
	.material .right .luobo{background:#fff;padding:1.25% 0 0 1.25%;}
	.material .right a{font-size:15px;color:#333;display:block;text-align:right;margin:0.5% 0 1% 0;}
	.material .right a:before{content:'';padding:0 2%;background:url(../images/pro-det/prode-mail.png) no-repeat left center;}
	.material .right a b{color:#F39700;font-weight:400;}
	.material .right .swiper-container .swiper-slide img{width:100%;}
	.material .right .swiper-container span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;}
	.material .right .swiper-container .swiper-pagination-bullet-active{background:#F39700;}
/*parameters*/
	.parameters{padding-top:2%;}
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:15px 15px 0px 0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background-image:linear-gradient(90deg,#1755a3 0%,#5393de 100%);height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*related-products*/
	.xg-case{padding:2% 0;}
	.xg-case ul{margin:0 -1.5%;}
	.xg-case ul li{width:30.33%;padding:0 1.5%;float:left;}
	.xg-case ul li a{background:#F8F8F8;width:91%;padding:4.5%;}
	.xg-case ul li a:hover{background:#F2F6FB;}
	.xg-case ul li a:hover h3{color:#003399;}
	.xg-case ul li a h3{font-size:16px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.xg-case ul li a p{font-size:15px;color:#666;line-height:20px;margin:1% 0;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.body-center{background:url(../images/pro-det/prode-bg.jpg) no-repeat;padding-bottom:2.4%;}
	.banner .case-det .left{width:60%;padding:1%;background:rgba(255,255,255,0.06);border-radius:15px;float:left;}
	.banner .case-det .left img{width:100%;border-radius:25px;}
	.banner .case-det .right{width:37%;float:right;}
	.banner .case-det .right h1{font-size:15px;color:#fff;padding-top:6%;background:url(../images/pro-det/prode-you.png) no-repeat right top;background-size:10% auto;}
	.banner .case-det .right ul li{font-size:14px;color:#fff;padding-left:8%;margin:3% 0;}
	.banner .case-det .right ul li:nth-child(1){font-size:15px;background:url(../images/pro-det/prode-cap.png) no-repeat left center;background-size:6% auto;}
	.banner .case-det .right ul li:nth-child(1) b{font-size:14px;color:#F39700;}
	.banner .case-det .right ul li:nth-child(2){line-height:20px;background:url(../images/pro-det/prode-app.png) no-repeat left 4px;background-size:6.5% auto;display:none;}
	.banner .case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:46%;margin:2% 2%;text-align:center;font-size:14px;color:#fff;float:left;}
	.banner .case-det .right button a{border-radius:20px;font-size:14px;color:#fff;width:100%;padding:5% 0;}
	.banner .case-det .right .quote{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .message{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .quote a{background:#F39700;}
	.banner .case-det .right .message a{background:#fff;color:#272E3D;}
	.banner .case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.banner .case-det .right .message:hover a{background:#F39700;color:#fff;}
	.banner .case-det .right .lianxi{padding:1%;background:url(../images/pro-det/prode-con.png) no-repeat left center;margin-top:20%;background-size:100% auto;}
	.banner .case-det .right .lianxi a{padding:1% 1% 1% 2.5%;font-size:12px;color:#fff;line-height:26px;width:97%;}
	.banner .case-det .right .lianxi a:hover{color:#F39700;}
	.banner .case-det .right .lianxi a:before{content:'';padding:1% 3.5%;}
	.banner .case-det .right .lianxi .whatsapp:before{background:url(../images/pro-det/prode-whatspp.png) no-repeat left center;background-size:80% auto;}
	.banner .case-det .right .lianxi .email:before{background:url(../images/pro-det/prode-email.png) no-repeat left center;background-size:80% auto;}
/*nav*/
    .navbar-bj{background:#ECEFF3;}
	.prodet-xff{background:#ECEFF3;}
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding-top:2.5%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff ul li{width:16.6%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:16px;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;}
	#navbar-example ul .active a:before{content:'';padding:1.5% 4%;}	
/*introduction*/
	.introduction{margin-top:3%;}
	.introduction p,.principle p,.material .left p{font-size:15px;color:#333;line-height:24px;margin:1.5% 0;}
	.principle p b{color:#003399;}
	.principle p img{margin:2% 0 0 0;width:100%;}
/*raw-materials*/
	.material-bj{background:url(../images/pro-det/prode-wuliao.jpg) no-repeat left top;background-size:60% 70%;margin-bottom:2.5%;margin-top:1%;}
	.material .left{width:46.65%;margin-top:3%;float:left;}
	.material .left h1{font-size:16px;color:#fff;margin-bottom:2%;}
	.material .left p{margin:0;color:#fff;line-height:15px;font-size:12px;}
	.material .left img{width:90%;margin-top:3%;}
	.material .right{width:50%;float:right;padding-top:2%;}
	.material .right .luobo{background:#fff;padding:1.25% 0 0 1.25%;}
	.material .right a{font-size:15px;color:#333;display:block;text-align:right;margin:0.5% 0 1% 0;}
	.material .right a:before{content:'';padding:0 2%;background:url(../images/pro-det/prode-mail.png) no-repeat left center;background-size:100% auto;}
	.material .right a b{color:#F39700;font-weight:400;}
	.material .right .swiper-container .swiper-slide img{width:100%;}
	.material .right .swiper-container span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;}
	.material .right .swiper-container .swiper-pagination-bullet-active{background:#F39700;}
/*parameters*/
	.parameters{padding-top:2%;}
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:15px 15px 0px 0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background-image:linear-gradient(90deg,#1755a3 0%,#5393de 100%);height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*related-products*/
	.xg-case{padding:2% 0;}
	.xg-case ul{margin:0 -1%;}
	.xg-case ul li{width:31.33%;padding:0 1%;float:left;}
	.xg-case ul li a{background:#F8F8F8;width:91%;padding:4.5%;}
	.xg-case ul li a img{width:100%;}
	.xg-case ul li a:hover{background:#F2F6FB;}
	.xg-case ul li a:hover h3{color:#003399;}
	.xg-case ul li a h3{font-size:15px;color:#333;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.xg-case ul li a p{font-size:14px;color:#666;line-height:20px;margin:1% 0;}
	.xg-case ul li a p:nth-child(5),.xg-case ul li a p:nth-child(4){display:none;}
}

@media screen and (max-width:769px){
/*banner*/
	.body-center{background:#012365;padding:5% 2% 5% 2%;}
	.banner .case-det .left{width:96%;padding:1%;background:rgba(255,255,255,0.06);border-radius:15px;margin:0 auto;}
	.banner .case-det .left img{width:100%;border-radius:25px;}
	.banner .case-det .right{width:100%;}
	.banner .case-det .right h1{font-size:0.36rem;color:#fff;padding-top:6%;}
	.banner .case-det .right ul li{font-size:0.25rem;color:#fff;margin:3% 0;padding:1% 0 1% 8%;}
	.banner .case-det .right ul li:nth-child(1){font-size:0.25rem;background:url(../images/pro-det/prode-cap.png) no-repeat left center;background-size:6% auto;}
	.banner .case-det .right ul li:nth-child(1) b{font-size:0.27rem;color:#F39700;}
	.banner .case-det .right ul li:nth-child(2){line-height:0.36rem;background:url(../images/pro-det/prode-app.png) no-repeat left 6px;background-size:6.5% auto;}
	.banner .case-det .right button{border:0;padding:1% 1%;border-radius:25px;width:46%;margin:2% 2%;text-align:center;font-size:0.25rem;color:#fff;float:left;}
	.banner .case-det .right button a{border-radius:20px;font-size:0.25rem;color:#fff;width:100%;padding:5% 0;}
	.banner .case-det .right .quote{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .message{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .quote a{background:#F39700;}
	.banner .case-det .right .message a{background:#fff;color:#272E3D;}
	.banner .case-det .right .quote:hover{background:rgba(255,255,255,0.2);}
	.banner .case-det .right .message:hover{background:rgba(243,151,0,0.2);}
	.banner .case-det .right .quote:hover a{background:#fff;color:#272E3D;}
	.banner .case-det .right .message:hover a{background:#F39700;color:#fff;}
	.banner .case-det .right .lianxi{padding:1%;background:url(../images/pro-det/prode-con.png) no-repeat left center;margin-top:20%;background-size:100% auto;font-size:0;}
	.banner .case-det .right .lianxi a{padding:1% 1% 1% 2.5%;font-size:0.25rem;color:#fff;line-height:26px;width:97%;}
	.banner .case-det .right .lianxi a:hover{color:#F39700;}
	.banner .case-det .right .lianxi a:before{content:'';padding:1% 3.5%;}
	.banner .case-det .right .lianxi .whatsapp:before{background:url(../images/pro-det/prode-whatspp.png) no-repeat left center;background-size:80% auto;}
	.banner .case-det .right .lianxi .email:before{background:url(../images/pro-det/prode-email.png) no-repeat left center;background-size:80% auto;}
/*nav*/
    .navbar-bj{background:#ECEFF3;}
	.prodet-xff{background:#ECEFF3;}
	.prodet-center{background:url(../images/pro-det/product-bg.jpg) no-repeat center top;padding-top:2.5%;margin-bottom:3%;}
	/*prodet-xff*/
	.prodet-xff ul li{width:16.6%;float:left;}
	.prodet-xff ul li a{width:100%;text-align:center;font-size:16px;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;}
	#navbar-example ul .active a:before{content:'';padding:1.5% 4%;}	
/*introduction*/
	.introduction,.principle{margin-top:3%;padding:0 2%;}
                .introduction h2{font-size:0.3rem;color:#333;text-align:center;}
	.introduction p,.principle p,.material .left p{font-size:0.25rem;color:#333;line-height:0.36rem;margin:3% 0;}
                .introduction p img,.principle p img,.material .left p img{width:100%;}
	.principle p b{color:#003399;}
	.principle p img{margin:2% 0 0 0;width:100%;}
/*raw-materials*/
	.material-bj{background:#083283;background-size:100% 100%;margin-bottom:2.5%;margin-top:5%;padding:5% 2% 5% 2%;}
	.material .left{width:100%;margin-top:3%;}
	.material .left h1{font-size:0.3rem;color:#fff;margin-bottom:2%;}
	.material .left p{margin:3% 0;color:#fff;line-height:0.36rem;font-size:0.25rem;}
	.material .left img{width:100%;margin:5% 0;}
	.material .right{width:100%;padding-top:2%;}
	.material .right .luobo{background:#fff;padding:1.5%;}
	.material .right a{font-size:15px;color:#333;display:block;text-align:right;margin:0.5% 0 1% 0;display:none;}
	.material .right a:before{content:'';padding:0 2%;background:url(../images/pro-det/prode-mail.png) no-repeat left center;background-size:100% auto;}
	.material .right a b{color:#F39700;font-weight:400;}
	.material .right .swiper-container .swiper-slide img{width:100%;}
	.material .right .swiper-container span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:1;}
	.material .right .swiper-container .swiper-pagination-bullet-active{background:#F39700;}
/*parameters*/
	.parameters{padding:5% 2%;}
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:15px 15px 0px 0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background-image:linear-gradient(90deg,#1755a3 0%,#5393de 100%);height:50px!important;font-size:0.25rem;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:0.25rem;padding:0.75% 0;}
/*related-products*/
	.xg-case{padding:2% 0;}
	.xg-case ul{margin:0 -1%;}
	.xg-case ul li{width:48%;padding:0 1%;float:left;}
	.xg-case ul li a{background:#F8F8F8;width:91%;padding:4.5%;}
	.xg-case ul li a img{width:100%;}
	.xg-case ul li a:hover{background:#F2F6FB;}
	.xg-case ul li a:hover h3{color:#003399;}
	.xg-case ul li a h3{font-size:0.25rem;color:#333;margin:3% 0;line-height:0.36rem;height:0.72rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.xg-case ul li a p{font-size:0.21rem;color:#666;line-height:20px;margin:1% 0;}
	.xg-case ul li a p:nth-child(5),.xg-case ul li a p:nth-child(4){display:none;}
	.xg-case ul li:nth-child(3){display:none;}

}