@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1400px)  {
/*banner*/
    .banner-bj{background:url(../images/p-details/bj.png) no-repeat;}
	.prodet-center{padding:3% 0 1.2% 0;background:url(../images/p-details/bj-2.png) no-repeat right center;background-size:80% 100%;position:relative;}
	.prodet-center .tu{width:61%;float:left;}
	.prodet-center .tu img{border-radius:24px;border:4px solid #fff;}
	.prodet-center .tu video,.prodet-center .tu iframe,.prodet-center .tu embed{width:100%;height:473px;}
	.prodet-center .wz{width:31%;float:right;margin-right:4%;}
	.prodet-center .wz h1{font-size:24px;color:#333;margin:0;}
	.prodet-center .wz ul li{font-size:16px;color:#333;padding-left:8%;background:url(../images/p-details/cs-jt.png) no-repeat left center;margin:4% 0;}
	.prodet-center .wz p{font-size:16px;color:#333;line-height:30px;}
	.prodet-center .wz .email{box-shadow: 0px 0px 10px 0px rgba(2, 27, 41, 0.18);border-radius: 20px 0px 20px 0px;width:98%;margin:3% 0;}
	.prodet-center .wz .lx{position:relative;}
	.prodet-center .wz .lx a{width:50%;padding:6.5% 0;position:absolute;left:2%;}
	.prodet-center .wz .lx a.whats{top:10%;}
	.prodet-center .wz .lx a.quote{top:55%;}
	.prodet-center .bao-tu{position:absolute;right:0.5%;bottom:1.5%;}
/*xf-nav*/
    .xf-nav{padding:1% 0;background:#fff;box-shadow: 0px 0px 8px 0px rgba(4, 39, 59, 0.1);-webkit-box-shadow:0px 0px 8px 0px rgba(4, 39, 59, 0.1);-moz-box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);}
	.xfnav {overflow:hidden;}
	.xfnav ul{margin:0 -1%;}
	.xfnav ul li{width:18%;float:left;padding:0 1%;}
	.xfnav ul li a{background:url(../images/p-details/p-nav-bt2.png) no-repeat;background-size:100% 100%;text-align:center;font-size:20px;color:#333;padding:6% 0;}
	.xfnav ul li a i{padding:0 6%;background:url(../images/p-details/p-nav-icon.png) no-repeat left center;}
	.xfnav ul li.last i{background:url( ../images/p-details/p-nav-icon3.1.png) no-repeat left center;}
	.xfnav ul li.last a{color:#df414a;}
	.xfnav ul li:hover a{background:url(../images/p-details/p-nav-bt3.png) no-repeat;background-size:100% 100%;color:#f8b551;}
	.xfnav ul li:hover a i{background:url(../images/p-details/p-nav-icon2.png) no-repeat left center;}
	.xfnav ul li.active a{background:url(../images/p-details/p-nav-bt3.png) no-repeat;background-size:100% 100%;color:#f8b551;}
	.xfnav ul li.active a i{background:url(../images/p-details/p-nav-icon2.png) no-repeat left center;}
/*pro-det-xq*/
    .intro h3 i,.parameters h3 i{padding:0 2%;}
    .prodet .left{width:73%;float:left;float:left;}
	.intro .lunbo{padding:2.5% 1.5% 1.5% 5%;background:url(../images/p-details/p-tu-bj.jpg) no-repeat;background-size:100% 100%;}
	.intro .lunbo .gallery-top{width:77.5%;float:left;box-shadow: 3px 5px 8px 0px rgba(1, 25, 45, 0.28);border-radius: 25px;}
/*	.intro .lunbo .gallery-top .swiper-slide{overflow:hidden;}*/
	.intro .lunbo .gallery-top .swiper-slide img{width:98.5%;border-radius: 25px;border: solid 4px #ffffff;}
	.intro .lunbo .gallery-thumbs{width:20%;float:right;}
	.intro .lunbo .gallery-thumbs .swiper-slide{height:100%!important;width:97.5%!important;padding:2.5% 1.5% 0 0;background:url(../images/p-details/p-tu-bj2.png) no-repeat right top;background-size:97% 92%;cursor:pointer;}
/*	.intro .lunbo .gallery-thumbs .swiper-slide div{}*/
	.intro .lunbo .gallery-thumbs .swiper-slide img{width:98.5%;border-radius: 8px 8px 8px 25px;border: solid 1px #ffffff;}
	.intro .lunbo .gallery-thumbs .swiper-slide-thumb-active{background:url(../images/p-details/p-tu-bj1.png) no-repeat right top;background-size:97% 92%;}
/*right*/
	.hot-pro{width:23%;float:right;background:url(../images/case-details/slide-top.png) no-repeat top center;background-size:100% auto;}
	.hot-pro .hot-nei{width:95%;margin:2% 2.8% 0 2.2%;box-shadow: 0px 0px 11px 0px rgba(1, 25, 45, 0.13);padding-bottom:0.8%;margin-top:3%;}
	.hot-pro .hot-nei h2{background:url(../images/case-details/slide-bt.png) no-repeat center;text-align:center;font-size:22px;color:#333;padding:5% 0;margin:0;}
	.hot-pro ul li{padding:0 3.5%;margin-bottom:5%;}
	.hot-pro ul li a{width:97%;padding:2%;border-radius: 15px 15px 0px 0px;background:#fff;box-shadow: 0px 0px 2px 0px rgba(1, 25, 45, 0.34);}
	.hot-pro ul li a:hover{background-image: linear-gradient(90deg,#e19a30 0%, #f8b551 100%);}
	.hot-pro ul li a:hover div h3{color:#fff;}
	.hot-pro ul li a img{border-radius:15px;}
	.hot-pro ul li a div{background:url(../images/new-details/Side-jt1.png) no-repeat right bottom;margin-top:2%;margin-bottom:1%;}
	.hot-pro ul li a div h3{margin:0;width:88%;font-size:16px;color:#333;line-height:24px;padding:3% 0;text-align:center;}	
	.intro .strength{margin:2% 0;}
	
	.intro p{font-size:16px;color:#333;line-height:30px;margin:1% 0;  text-indent:32px;}
	/*table*/
	.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);}
	.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: 8px;line-height: 1.42857143;vertical-align: center;border-top: 1px solid #ddd;}
	table .tr0{background:#1d4a63;height:50px!important;color: #fff;font-size: 18px;text-align:center;}
	table .tr0 td {line-height: 35px!important;}
	table .tr1 td{background:#fff;}
	table .tr2 td{background:#e8edef;}
	table tr td, table th td {border: 1px solid #777;display: table-cell;text-align:center;}	 
/*chare*/
	.chare{margin-bottom:1.5%;}
	.chare ul li{background-image: linear-gradient(90deg, #0660a2 0%, #ffffff 50%);border-radius: 0px 0px 0px 15px;padding:0.2% 0 0 0.3%;margin:1% 0;}
	.chare ul li p{background:#fff;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);padding:1% 1.5%;border-radius: 0px 0px 0px 8px;position:relative;}
	.chare ul li p i{height:8px;width:8px;border-radius:50%;background:#0660a2;display:block;position:absolute;top:10%;left:0.5%;}
/*question & answer*/
    .qa-bj{background:url(../images/p-details/qa-bj.png) no-repeat;background-size:100% 100%;padding:1.5% 0;margin-top:1.5%;}
	.qa .zuo{width:60%;float:left;}
	.qa .zuo h1{font-size:26px;color:#333;margin:0;padding-bottom:2%;border-bottom:1px dashed #25466e;}
	.qa .zuo dl dt{font-size:18px;color:#333;font-weight:bold;padding:2% 0;margin-top:2%;}
	.qa .zuo dl dt i{padding:2% 4%;background:url(../images/p-details/qa-tx.png) no-repeat left center;}
	.qa .zuo dl dd{width:100%;display:table;background:#fff;margin:2% 0 0 0;}
	.qa .zuo dl dd p{font-size:16px;color:#333;display:table-cell;vertical-align:middle;padding:0 0 0 8.5%;height:76px;border:1px dashed #d3d4d4;background:url(../images/p-details/qa-a1.png) no-repeat left center;}
	
	.qa .you{width:36%;float:right;background-color: #ffffff;border: solid 1px #bfbfbf;overflow:hidden;border-radius: 25px 25px 8px 8px;}
	.qa .you h1{font-size:24px;color:#fff;background-image: linear-gradient(82deg, #075ea0 0%, #f6b452 100%);margin:0;padding:5% 0;text-align:center;}
	.qa .you ul{padding:2.5% 5% 2.5% 5%;}
	.qa .you ul li{padding-bottom:2.5%;margin-top:2.5%;border-bottom:1px solid #bfbfbf;}
	.qa .you ul li p{font-size:18px;color:#222;font-weight:bold;padding-bottom:2%;}
	.qa .you ul li span{font-size:16px;color:#777;}
	
	#scrollbox {height:305px;overflow:hidden;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/p-details/bj.png) no-repeat;}
	.prodet-center{padding:3% 0 1.2% 0;background:url(../images/p-details/bj-2.png) no-repeat right center;background-size:80% 100%;position:relative;}
	.prodet-center .tu{width:61%;float:left;}
	.prodet-center .tu img{border-radius:24px;border:4px solid #fff;}
	.prodet-center .tu video,.prodet-center .tu iframe,.prodet-center .tu embed{width:100%;height:321px;}
	.prodet-center .wz{width:31%;float:right;margin-right:4%;}
	.prodet-center .wz h1{font-size:24px;color:#333;margin:0 0 5% 0;}
	.prodet-center .wz ul li{font-size:18px;color:#333;padding-left:8%;background:url(../images/p-details/cs-jt.png) no-repeat left center;margin:4% 0;background-size:7% auto;}
	.prodet-center .wz p{font-size:18px;color:#333;line-height:32px;}
	.prodet-center .wz .email{box-shadow: 0px 0px 10px 0px rgba(2, 27, 41, 0.18);border-radius: 20px 0px 20px 0px;width:98%;margin:3% 0;}
	.prodet-center .wz .lx{position:relative;}
	.prodet-center .wz .lx a{width:50%;padding:6.5% 0;position:absolute;left:2%;}
	.prodet-center .wz .lx a.whats{top:10%;}
	.prodet-center .wz .lx a.quote{top:55%;}
	.prodet-center .bao-tu{position:absolute;right:0.5%;bottom:1.5%;}
/*xf-nav*/
    .xf-nav{padding:1% 0;background:#fff;box-shadow: 0px 0px 8px 0px rgba(4, 39, 59, 0.1);-webkit-box-shadow:0px 0px 8px 0px rgba(4, 39, 59, 0.1);-moz-box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);}
	.xfnav {overflow:hidden;}
	.xfnav ul{margin:0 -1%;}
	.xfnav ul li{width:18%;float:left;padding:0 1%;}
	.xfnav ul li a{background:url(../images/p-details/p-nav-bt2.png) no-repeat;background-size:100% 100%;text-align:center;font-size:18px;color:#333;padding:6% 0;}
	.xfnav ul li a i{padding:0 6%;background:url(../images/p-details/p-nav-icon.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last i{background:url( ../images/p-details/p-nav-icon3.1.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last a{color:#df414a;}
	.xfnav ul li:hover a{background:url(../images/p-details/p-nav-bt3.png) no-repeat;background-size:100% 100%;color:#f8b551;}
	.xfnav ul li:hover a i{background:url(../images/p-details/p-nav-icon2.png) no-repeat left center;background-size:80% auto;}
/*pro-det-xq*/
    .intro h3 i,.parameters h3 i{padding:0 2%;}
    .prodet .left{width:73%;float:left;float:left;}
	.intro .lunbo{padding:2.5% 1.5% 1.5% 5%;background:url(../images/p-details/p-tu-bj.jpg) no-repeat;background-size:100% 100%;}
	.intro .lunbo .gallery-top{width:77.5%;float:left;box-shadow: 3px 5px 8px 0px rgba(1, 25, 45, 0.28);border-radius: 25px;}
/*	.intro .lunbo .gallery-top .swiper-slide{overflow:hidden;}*/
	.intro .lunbo .gallery-top .swiper-slide img{width:98.5%;border-radius: 25px;border: solid 4px #ffffff;}
	.intro .lunbo .gallery-thumbs{width:20%;float:right;}
	.intro .lunbo .gallery-thumbs .swiper-slide{height:100%!important;width:97.5%!important;padding:2.5% 1.5% 0 0;background:url(../images/p-details/p-tu-bj2.png) no-repeat right top;background-size:97% 92%;cursor:pointer;}
/*	.intro .lunbo .gallery-thumbs .swiper-slide div{}*/
	.intro .lunbo .gallery-thumbs .swiper-slide img{width:98.5%;border-radius: 8px 8px 8px 25px;border: solid 1px #ffffff;}
	.intro .lunbo .gallery-thumbs .swiper-slide-thumb-active{background:url(../images/p-details/p-tu-bj1.png) no-repeat right top;background-size:97% 92%;}
/*right*/
	.hot-pro{width:23%;float:right;background:url(../images/case-details/slide-top.png) no-repeat top center;background-size:100% auto;}
	.hot-pro .hot-nei{width:95%;margin:2% 2.8% 0 2.2%;box-shadow: 0px 0px 11px 0px rgba(1, 25, 45, 0.13);padding-bottom:0.8%;}
	.hot-pro .hot-nei h2{background:url(../images/case-details/slide-bt.png) no-repeat center;text-align:center;font-size:22px;color:#333;padding:5% 0;margin:0;}
	.hot-pro ul li{padding:0 3.5%;margin-bottom:5%;}
	.hot-pro ul li a{width:97%;padding:2%;border-radius: 15px 15px 0px 0px;background:#fff;box-shadow: 0px 0px 2px 0px rgba(1, 25, 45, 0.34);}
	.hot-pro ul li a:hover{background-image: linear-gradient(90deg,#e19a30 0%, #f8b551 100%);}
	.hot-pro ul li a:hover div h3{color:#fff;}
	.hot-pro ul li a img{border-radius:15px;}
	.hot-pro ul li a div{background:url(../images/new-details/Side-jt1.png) no-repeat right center;background-size:12% auto;margin-top:2%;margin-bottom:1%;}
	.hot-pro ul li a div h3{margin:0;width:88%;font-size:18px;color:#333;line-height:21px;padding:3% 0;text-align:center;}	
	
	.intro .strength{margin:2% 0;}
	
	.intro p{font-size:17px;color:#333;line-height:32px;margin:1% 0;}
	/*table*/
	.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);}
	.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: 8px;line-height: 1.42857143;vertical-align: center;border-top: 1px solid #ddd;}
	table .tr0{background:#1d4a63;height:50px!important;color: #fff;font-size:17px;text-align:center;}
	table .tr0 td {line-height: 35px!important;}
	table .tr1 td{background:#fff;}
	table .tr2 td{background:#e8edef;}
	table tr td, table th td {border: 1px solid #777;display: table-cell;text-align:center;}	 
/*chare*/
	.chare{margin-bottom:1.5%;}
	.chare ul li{background-image: linear-gradient(90deg, #0660a2 0%, #ffffff 50%);border-radius: 0px 0px 0px 15px;padding:0.2% 0 0 0.3%;margin:1% 0;}
	.chare ul li p{background:#fff;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);padding:1% 1.5%;border-radius: 0px 0px 0px 8px;position:relative;font-size:17px;}
	.chare ul li p i{height:8px;width:8px;border-radius:50%;background:#0660a2;display:block;position:absolute;top:10%;left:0.5%;}
/*question & answer*/      
    .qa-bj{background:url(../images/p-details/qa-bj.png) no-repeat;background-size:100% 100%;padding:1.5% 0;margin-top:1.5%;}
	.qa .zuo{width:60%;float:left;}
	.qa .zuo h1{font-size:21px;color:#333;margin:0;padding-bottom:2%;border-bottom:1px dashed #25466e;}
	.qa .zuo dl dt{font-size:16px;color:#333;font-weight:bold;padding:2% 0;margin-top:3%;}
	.qa .zuo dl dt i{padding:3% 5%;background:url(../images/p-details/qa-tx.png) no-repeat left center;}
	.qa .zuo dl dd{width:100%;display:table;margin:3% 0 0 0;background:#fff;}
	.qa .zuo dl dd p{font-size:15px;color:#333;display:table-cell;vertical-align:middle;padding:0 0 0 10%;height:72px;border:1px dashed #d3d4d4;background:url(../images/p-details/qa-a1.png) no-repeat left center;}
	
	.qa .you{width:36%;float:right;background-color: #ffffff;border: solid 1px #bfbfbf;overflow:hidden;border-radius: 25px 25px 8px 8px;}
	.qa .you h1{font-size:21px;color:#fff;background-image: linear-gradient(82deg, #075ea0 0%, #f6b452 100%);margin:0;padding:5% 0;text-align:center;}
	.qa .you ul{padding:2.5% 5% 2.5% 5%;}
	.qa .you ul li{padding-bottom:2.5%;margin-top:2.5%;border-bottom:1px solid #bfbfbf;}
	.qa .you ul li p{font-size:16px;color:#222;font-weight:bold;padding-bottom:2%;}
	.qa .you ul li span{font-size:15px;color:#777;}
	
	#scrollbox {height:305px;overflow:hidden;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner-bj{background:url(../images/p-details/bj.png) no-repeat;}
	.prodet-center{padding:3% 0 1.2% 0;background:url(../images/p-details/bj-2.png) no-repeat right center;background-size:80% 100%;position:relative;}
	.prodet-center .tu{width:61%;float:left;}
	.prodet-center .tu img{border-radius:24px;border:4px solid #fff;}
	.prodet-center .tu video,.prodet-center .tu iframe,.prodet-center .tu embed{width:100%;height:473px;}
	.prodet-center .wz{width:31%;float:right;margin-right:4%;}
	.prodet-center .wz h1{font-size:18px;color:#333;margin:0;}
	.prodet-center .wz ul li{font-size:14px;color:#333;padding-left:8%;background:url(../images/p-details/cs-jt.png) no-repeat left center;margin:3% 0;background-size:7% auto;}
	.prodet-center .wz p{font-size:15px;color:#333;line-height:24px;margin-bottom:5%;}
	.prodet-center .wz .email{box-shadow: 0px 0px 10px 0px rgba(2, 27, 41, 0.18);border-radius: 20px 0px 20px 0px;width:98%;margin:3% 0;display:none;}
	.prodet-center .wz .lx{position:relative;}
	.prodet-center .wz .lx a{width:50%;padding:6.5% 0;position:absolute;left:2%;}
	.prodet-center .wz .lx a.whats{top:10%;}
	.prodet-center .wz .lx a.quote{top:55%;}
	.prodet-center .bao-tu{position:absolute;right:0.5%;bottom:1.5%;width:8%;}
/*xf-nav*/
    .xf-nav{padding:1% 0;background:#fff;box-shadow: 0px 0px 8px 0px rgba(4, 39, 59, 0.1);-webkit-box-shadow:0px 0px 8px 0px rgba(4, 39, 59, 0.1);-moz-box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);}
	.xfnav {overflow:hidden;}
	.xfnav ul{margin:0 -1%;}
	.xfnav ul li{width:18%;float:left;padding:0 1%;}
	.xfnav ul li a{background:url(../images/p-details/p-nav-bt2.png) no-repeat;background-size:100% 100%;text-align:center;font-size:16px;color:#333;padding:6% 0;}
	.xfnav ul li a i{padding:0 6%;background:url(../images/p-details/p-nav-icon.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last i{background:url( ../images/p-details/p-nav-icon3.1.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last a{color:#df414a;}
	.xfnav ul li:hover a{background:url(../images/p-details/p-nav-bt3.png) no-repeat;background-size:100% 100%;color:#f8b551;}
	.xfnav ul li:hover a i{background:url(../images/p-details/p-nav-icon2.png) no-repeat left center;background-size:80% auto;}
/*pro-det-xq*/
    .intro h3 i,.parameters h3 i{padding:0 2%;}
    .prodet .left{width:73%;float:left;float:left;}
	.intro .lunbo{padding:2.5% 1.5% 1.5% 5%;background:url(../images/p-details/p-tu-bj.jpg) no-repeat;background-size:100% 100%;}
	.intro .lunbo .gallery-top{width:77.5%;float:left;box-shadow: 3px 5px 8px 0px rgba(1, 25, 45, 0.28);border-radius: 25px;}
/*	.intro .lunbo .gallery-top .swiper-slide{overflow:hidden;}*/
	.intro .lunbo .gallery-top .swiper-slide img{width:98.5%;border-radius: 25px;border: solid 4px #ffffff;}
	.intro .lunbo .gallery-thumbs{width:20%;float:right;}
	.intro .lunbo .gallery-thumbs .swiper-slide{height:100%!important;width:97.5%!important;padding:2.5% 1.5% 0 0;background:url(../images/p-details/p-tu-bj2.png) no-repeat right top;background-size:97% 92%;cursor:pointer;}
	.intro .lunbo .gallery-thumbs .online img{width:100%;}
/*	.intro .lunbo .gallery-thumbs .swiper-slide div{}*/
	.intro .lunbo .gallery-thumbs .swiper-slide img{width:98.5%;border-radius: 8px 8px 8px 25px;border: solid 1px #ffffff;}
	.intro .lunbo .gallery-thumbs .swiper-slide-thumb-active{background:url(../images/p-details/p-tu-bj1.png) no-repeat right top;background-size:97% 92%;}
/*right*/
	.hot-pro{width:23%;float:right;background:url(../images/case-details/slide-top.png) no-repeat top center;background-size:100% auto;}
	.hot-pro .hot-nei{width:95%;margin:2% 2.8% 0 2.2%;box-shadow: 0px 0px 11px 0px rgba(1, 25, 45, 0.13);padding-bottom:0.8%;}
	.hot-pro .hot-nei h2{background:url(../images/case-details/slide-bt.png) no-repeat center;text-align:center;font-size:18px;color:#333;padding:5% 0;margin:0;}
	.hot-pro ul li{padding:0 3.5%;margin-bottom:5%;}
	.hot-pro ul li a{width:97%;padding:2%;border-radius: 15px 15px 0px 0px;background:#fff;box-shadow: 0px 0px 2px 0px rgba(1, 25, 45, 0.34);}
	.hot-pro ul li a:hover{background-image: linear-gradient(90deg,#e19a30 0%, #f8b551 100%);}
	.hot-pro ul li a:hover div h3{color:#fff;}
	.hot-pro ul li a img{border-radius:15px;}
	.hot-pro ul li a div{background:url(../images/new-details/Side-jt1.png) no-repeat right bottom;background-size:12% auto;margin-top:2%;margin-bottom:1%;}
	.hot-pro ul li a div h3{margin:0;width:88%;font-size:14px;color:#333;line-height:18px;}	
	
	.intro .strength{margin:2% 0;}
	
	.intro p{font-size:14px;color:#333;line-height:27px;margin:1% 0; text-indent:28px;}
	/*table*/
	.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);}
	.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: 8px;line-height: 1.42857143;vertical-align: center;border-top: 1px solid #ddd;}
	table .tr0{background:#1d4a63;height:25px!important;color: #fff;font-size:15px;text-align:center;}
	table .tr0 td {line-height:25px!important;}
	table .tr1 td{background:#fff;}
	table .tr2 td{background:#e8edef;}
	table tr td, table th td {border: 1px solid #777;display: table-cell;text-align:center;}	 
/*chare*/
	.chare{margin-bottom:1.5%;}
	.chare ul li{background-image: linear-gradient(90deg, #0660a2 0%, #ffffff 50%);border-radius: 0px 0px 0px 15px;padding:0.2% 0 0 0.3%;margin:1% 0;}
	.chare ul li p{background:#fff;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);padding:1% 1.5%;border-radius: 0px 0px 0px 8px;position:relative;font-size:15px;}
	.chare ul li p i{height:8px;width:8px;border-radius:50%;background:#0660a2;display:block;position:absolute;top:10%;left:0.5%;}
/*question & answer*/      
    .qa-bj{background:url(../images/p-details/qa-bj.png) no-repeat;background-size:100% 100%;padding:1.5% 0;margin-top:1.5%;}
	.qa .zuo{width:60%;float:left;}
	.qa .zuo h1{font-size:18px;color:#333;margin:0;padding-bottom:2%;border-bottom:1px dashed #25466e;}
	.qa .zuo dl dt{font-size:15px;color:#333;font-weight:bold;padding:2% 0;margin-top:4%;}
	.qa .zuo dl dt i{padding:3% 5%;background:url(../images/p-details/qa-tx.png) no-repeat left center;}
	.qa .zuo dl dd{width:100%;display:table;margin:4% 0 0 0;background:#fff;}
	.qa .zuo dl dd p{font-size:14px;color:#333;display:table-cell;vertical-align:middle;padding:0 0 0 10%;height:72px;border:1px dashed #d3d4d4;background:url(../images/p-details/qa-a1.png) no-repeat left center;}
	
	.qa .you{width:36%;float:right;background-color: #ffffff;border: solid 1px #bfbfbf;overflow:hidden;border-radius: 25px 25px 8px 8px;}
	.qa .you h1{font-size:18px;color:#fff;background-image: linear-gradient(82deg, #075ea0 0%, #f6b452 100%);margin:0;padding:5% 0;text-align:center;}
	.qa .you ul{padding:2.5% 5% 2.5% 5%;}
	.qa .you ul li{padding-bottom:2.5%;margin-top:2.5%;border-bottom:1px solid #bfbfbf;}
	.qa .you ul li p{font-size:15px;color:#222;font-weight:bold;padding-bottom:2%;}
	.qa .you ul li span{font-size:14px;color:#777;}
	
	#scrollbox {height:300px;overflow:hidden;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/p-details/bj.png) no-repeat;}
	.prodet-center{padding:3% 0 1.2% 0;background:url(../images/p-details/bj-2.png) no-repeat right center;background-size:80% 100%;position:relative;}
	.prodet-center .tu{width:61%;float:left;}
	.prodet-center .tu img{border-radius:24px;border:4px solid #fff;}
	.prodet-center .tu video,.prodet-center .tu iframe,.prodet-center .tu embed{width:100%;height:253px;}
	.prodet-center .wz{width:31%;float:right;margin-right:4%;}
	.prodet-center .wz h1{font-size:15px;color:#333;margin:0;}
	.prodet-center .wz ul li{font-size:13px;color:#333;padding-left:8%;background:url(../images/p-details/cs-jt.png) no-repeat left center;margin:3% 0;background-size:8% auto;}
	.prodet-center .wz p{font-size:14px;color:#333;line-height:21px;margin-bottom:5%;}
	.prodet-center .wz .email{box-shadow: 0px 0px 10px 0px rgba(2, 27, 41, 0.18);border-radius: 20px 0px 20px 0px;width:98%;margin:3% 0;}
	.prodet-center .wz .lx{position:relative;display:none;}
	.prodet-center .wz .lx a{width:50%;padding:6.5% 0;position:absolute;left:2%;}
	.prodet-center .wz .lx a.whats{top:10%;}
	.prodet-center .wz .lx a.quote{top:55%;}
	.prodet-center .bao-tu{position:absolute;right:0.5%;bottom:1.5%;width:8%;}
/*xf-nav*/
    .xf-nav{padding:1% 0;background:#fff;box-shadow: 0px 0px 8px 0px rgba(4, 39, 59, 0.1);-webkit-box-shadow:0px 0px 8px 0px rgba(4, 39, 59, 0.1);-moz-box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);}
	.xfnav {overflow:hidden;}
	.xfnav ul{margin:0 -1%;}
	.xfnav ul li{width:18%;float:left;padding:0 1%;}
	.xfnav ul li a{background:url(../images/p-details/p-nav-bt2.png) no-repeat;background-size:100% 100%;text-align:center;font-size:15px;color:#333;padding:6% 0;}
	.xfnav ul li a i{padding:0 6%;background:url(../images/p-details/p-nav-icon.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last i{background:url( ../images/p-details/p-nav-icon3.1.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last a{color:#df414a;}
	.xfnav ul li:hover a{background:url(../images/p-details/p-nav-bt3.png) no-repeat;background-size:100% 100%;color:#f8b551;}
	.xfnav ul li:hover a i{background:url(../images/p-details/p-nav-icon2.png) no-repeat left center;background-size:80% auto;}
/*pro-det-xq*/
    .intro h3 i,.parameters h3 i{padding:0 2%;}
    .prodet .left{width:73%;float:left;float:left;}
	.intro .lunbo{padding:2.5% 1.5% 1.5% 5%;background:url(../images/p-details/p-tu-bj.jpg) no-repeat;background-size:100% 100%;}
	.intro .lunbo .gallery-top{width:77.5%;float:left;box-shadow: 3px 5px 8px 0px rgba(1, 25, 45, 0.28);border-radius: 25px;}
/*	.intro .lunbo .gallery-top .swiper-slide{overflow:hidden;}*/
	.intro .lunbo .gallery-top .swiper-slide img{width:98.5%;border-radius: 25px;border: solid 2px #ffffff;}
	.intro .lunbo .gallery-thumbs{width:20%;float:right;}
	.intro .lunbo .gallery-thumbs .swiper-slide{height:100%!important;width:97.5%!important;padding:2.5% 1.5% 0 0;background:url(../images/p-details/p-tu-bj2.png) no-repeat right top;background-size:97% 92%;cursor:pointer;}
	.intro .lunbo .gallery-thumbs .online img{width:100%;}
/*	.intro .lunbo .gallery-thumbs .swiper-slide div{}*/
	.intro .lunbo .gallery-thumbs .swiper-slide img{width:98.5%;border-radius: 8px 8px 8px 15px;border: solid 1px #ffffff;}
	.intro .lunbo .gallery-thumbs .swiper-slide-thumb-active{background:url(../images/p-details/p-tu-bj1.png) no-repeat right top;background-size:90% 92%;}
/*right*/
	.hot-pro{width:23%;float:right;background:url(../images/case-details/slide-top.png) no-repeat top center;background-size:100% auto;}
	.hot-pro .hot-nei{width:95%;margin:2% 2.8% 0 2.2%;box-shadow: 0px 0px 11px 0px rgba(1, 25, 45, 0.13);padding-bottom:0.8%;}
	.hot-pro .hot-nei h2{background:url(../images/case-details/slide-bt.png) no-repeat center;text-align:center;font-size:18px;color:#333;padding:5% 0;margin:0;}
	.hot-pro ul li{padding:0 3.5%;margin-bottom:5%;}
	.hot-pro ul li a{width:97%;padding:2%;border-radius: 15px 15px 0px 0px;background:#fff;box-shadow: 0px 0px 2px 0px rgba(1, 25, 45, 0.34);}
	.hot-pro ul li a:hover{background-image: linear-gradient(90deg,#e19a30 0%, #f8b551 100%);}
	.hot-pro ul li a:hover div h3{color:#fff;}
	.hot-pro ul li a img{border-radius:15px;}
/*	.hot-pro ul li a div{background:url(../images/new-details/Side-jt1.png) no-repeat right bottom;background-size:12% auto;margin-top:2%;margin-bottom:1%;}*/
	.hot-pro ul li a div h3{margin:0;width:100%;font-size:13px;color:#333;line-height:18px;}	
	
	.intro .strength{margin:2% 0;}
	
	.intro p{font-size:14px;color:#333;line-height:27px;margin:1% 0;}
	/*table*/
	.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);}
	.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:5px;line-height: 1.42857143;vertical-align: center;border-top: 1px solid #ddd;}
	table .tr0{background:#1d4a63;height:25px!important;color: #fff;font-size:14px;text-align:center;}
	table .tr0 td {line-height:25px!important;}
	table .tr1 td{background:#fff;}
	table .tr2 td{background:#e8edef;}
	table tr td, table th td {border: 1px solid #777;display: table-cell;text-align:center;}	 
/*chare*/
	.chare{margin-bottom:1.5%;}
	.chare ul li{background-image: linear-gradient(90deg, #0660a2 0%, #ffffff 50%);border-radius: 0px 0px 0px 15px;padding:0.2% 0 0 0.3%;margin:1% 0;}
	.chare ul li p{background:#fff;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);padding:1% 1.5%;border-radius: 0px 0px 0px 8px;position:relative;font-size:14px;}
	.chare ul li p i{height:8px;width:8px;border-radius:50%;background:#0660a2;display:block;position:absolute;top:10%;left:0.5%;}
/*question & answer*/      
    .qa-bj{background:url(../images/p-details/qa-bj.png) no-repeat;background-size:100% 100%;padding:1.5% 0;margin-top:1.5%;}
	.qa .zuo{width:60%;float:left;}
	.qa .zuo h1{font-size:18px;color:#333;margin:0;padding-bottom:2%;border-bottom:1px dashed #25466e;}
	.qa .zuo dl dt{font-size:14px;color:#333;font-weight:bold;padding:2% 0;margin-top:4%;}
	.qa .zuo dl dt i{padding:3% 5%;background:url(../images/p-details/qa-tx.png) no-repeat left center;background-size:80% auto;}
	.qa .zuo dl dd{width:100%;display:table;margin:4% 0 0 0;background:#fff;}
	.qa .zuo dl dd p{font-size:13px;color:#333;display:table-cell;vertical-align:middle;padding:0 0 0 10%;height:72px;border:1px dashed #d3d4d4;background:url(../images/p-details/qa-a1.png) no-repeat left center;background-size:8.5% auto;}
	
	.qa .you{width:36%;float:right;background-color: #ffffff;border: solid 1px #bfbfbf;overflow:hidden;border-radius: 25px 25px 8px 8px;}
	.qa .you h1{font-size:18px;color:#fff;background-image: linear-gradient(82deg, #075ea0 0%, #f6b452 100%);margin:0;padding:5% 0;text-align:center;}
	.qa .you ul{padding:2.5% 5% 2.5% 5%;}
	.qa .you ul li{padding-bottom:2.5%;margin-top:2.5%;border-bottom:1px solid #bfbfbf;}
	.qa .you ul li p{font-size:13px;color:#222;font-weight:bold;padding-bottom:2%;}
	.qa .you ul li span{font-size:12px;color:#777;}
	
	#scrollbox {height:275px;overflow:hidden;}

}

@media screen and (max-width: 768px) {
/*banner*/
    .banner-bj{background:url(../images/p-details/bj.png) no-repeat;}
	.prodet-center{padding:3% 2% 1.2% 2%;/*background:url(../images/p-details/bj-2.png) no-repeat right center;*/background-size:80% 100%;position:relative;}
	.prodet-center .tu{width:98.5%;}
	.prodet-center .tu img{border-radius:24px;border:4px solid #fff;width:100%;height:3.6rem;}
	.prodet-center .tu video,.prodet-center .tu iframe,.prodet-center .tu embed{width:100%;height:3.6rem;}
	.prodet-center .wz{width:100%;margin-right:4%;}
	.prodet-center .wz h1{font-size:0.27rem;color:#333;margin:1% 0;}
	.prodet-center .wz ul li{font-size:0.28rem;color:#333;padding-left:6%;background:url(../images/p-details/cs-jt.png) no-repeat left center;margin:2% 0;background-size:6% auto;}
	.prodet-center .wz p{font-size:0.28rem;color:#333;line-height:0.42rem;}
	.prodet-center .wz .email{box-shadow: 0px 0px 10px 0px rgba(2, 27, 41, 0.18);border-radius: 20px 0px 20px 0px;width:98%;margin:3% 0;}
	.prodet-center .wz .lx{position:relative;}
	.prodet-center .wz .lx a{width:50%;padding:6.5% 0;position:absolute;left:2%;}
	.prodet-center .wz .lx a.whats{top:10%;}
	.prodet-center .wz .lx a.quote{top:55%;}
	.prodet-center .bao-tu{position:absolute;right:0.5%;bottom:1.5%;width:8%;}
/*xf-nav*/
    .xf-nav{padding:1% 0;background:#fff;box-shadow: 0px 0px 8px 0px rgba(4, 39, 59, 0.1);-webkit-box-shadow:0px 0px 8px 0px rgba(4, 39, 59, 0.1);-moz-box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);box-shadow:0px 0px 8px 0px rgba(4,39,59,0.1);display:none;}
	.xfnav {overflow:hidden;}
	.xfnav ul{margin:0 -1%;}
	.xfnav ul li{width:18%;float:left;padding:0 1%;}
	.xfnav ul li a{background:url(../images/p-details/p-nav-bt2.png) no-repeat;background-size:100% 100%;text-align:center;font-size:15px;color:#333;padding:6% 0;}
	.xfnav ul li a i{padding:0 6%;background:url(../images/p-details/p-nav-icon.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last i{background:url( ../images/p-details/p-nav-icon3.1.png) no-repeat left center;background-size:80% auto;}
	.xfnav ul li.last a{color:#df414a;}
	.xfnav ul li:hover a{background:url(../images/p-details/p-nav-bt3.png) no-repeat;background-size:100% 100%;color:#f8b551;}
	.xfnav ul li:hover a i{background:url(../images/p-details/p-nav-icon2.png) no-repeat left center;background-size:80% auto;}
/*pro-det-xq*/
    .intro h3{ font-size:0.35rem;}
    .intro h3 i,.parameters h3 i{padding:0 3%;}
	.prodet{padding:0 2%;}
    .prodet .left{width:100%;}
	.intro .lunbo{padding:2.5% 1.5% 1.5% 5%;background:url(../images/p-details/p-tu-bj.jpg) no-repeat;background-size:100% 100%;}
	.intro .lunbo .gallery-top{width:100%;box-shadow: 3px 5px 8px 0px rgba(1, 25, 45, 0.28);border-radius: 25px;}
/*	.intro .lunbo .gallery-top .swiper-slide{overflow:hidden;}*/
	.intro .lunbo .gallery-top .swiper-slide img{width:98.5%;border-radius: 25px;border: solid 2px #ffffff;}
	.intro .lunbo .gallery-thumbs{width:20%;float:right;}
	.intro .lunbo .gallery-thumbs .swiper-slide{height:100%!important;width:97.5%!important;padding:2.5% 1.5% 0 0;background:url(../images/p-details/p-tu-bj2.png) no-repeat right top;background-size:97% 92%;cursor:pointer;}
	.intro .lunbo .gallery-thumbs .online img{width:100%;}
/*	.intro .lunbo .gallery-thumbs .swiper-slide div{}*/
	.intro .lunbo .gallery-thumbs .swiper-slide img{width:98.5%;border-radius: 8px 8px 8px 15px;border: solid 1px #ffffff;}
	.intro .lunbo .gallery-thumbs .swiper-slide-thumb-active{background:url(../images/p-details/p-tu-bj1.png) no-repeat right top;background-size:90% 92%;}
/*right*/
	.hot-pro{width:23%;float:right;background:url(../images/case-details/slide-top.png) no-repeat top center;background-size:100% auto;display:none;}
	.hot-pro .hot-nei{width:95%;margin:2% 2.8% 0 2.2%;box-shadow: 0px 0px 11px 0px rgba(1, 25, 45, 0.13);padding-bottom:0.8%;}
	.hot-pro .hot-nei h2{background:url(../images/case-details/slide-bt.png) no-repeat center;text-align:center;font-size:18px;color:#333;padding:5% 0;margin:0;}
	.hot-pro ul li{padding:0 3.5%;margin-bottom:5%;}
	.hot-pro ul li a{width:97%;padding:2%;border-radius: 15px 15px 0px 0px;background:#fff;box-shadow: 0px 0px 2px 0px rgba(1, 25, 45, 0.34);}
	.hot-pro ul li a:hover{background-image: linear-gradient(90deg,#e19a30 0%, #f8b551 100%);}
	.hot-pro ul li a:hover div h3{color:#fff;}
	.hot-pro ul li a img{border-radius:15px;}
/*	.hot-pro ul li a div{background:url(../images/new-details/Side-jt1.png) no-repeat right bottom;background-size:12% auto;margin-top:2%;margin-bottom:1%;}*/
	.hot-pro ul li a div h3{margin:0;width:100%;font-size:13px;color:#333;line-height:18px;}	
	
	.intro .strength{margin:2% 0;}
	
	.intro p{font-size:0.3rem;color:#333;line-height:0.55rem;margin:3% 0; text-indent:0.56rem;}
	/*table*/
	.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);}
	.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:5px;line-height: 1.42857143;vertical-align: center;border-top: 1px solid #ddd;}
	table .tr0{background:#1d4a63;height:0.4rem!important;color: #fff;font-size:0.25rem;text-align:center;}
	table .tr0 td {line-height:0.4rem!important;}
	table .tr1 td{background:#fff;}
	table .tr2 td{background:#e8edef;}
	table tr td, table th td {border: 1px solid #777;display: table-cell;text-align:center;font-size:0.25rem;}	 
/*chare*/
	.chare{margin-bottom:1.5%;}
	.chare ul li{background-image: linear-gradient(90deg, #0660a2 0%, #ffffff 50%);border-radius: 0px 0px 0px 15px;padding:0.2% 0 0 0.3%;margin:2% 0;}
	.chare ul li p{background:#fff;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);padding:2% 3%;border-radius: 0px 0px 0px 8px;position:relative;font-size:0.3rem; line-height:0.55rem;}
	.chare ul li p i{height:8px;width:8px;border-radius:50%;background:#0660a2;display:block;position:absolute;top:10%;left:0.5%;}
	.chare img{ width:100%;}
/*question & answer*/      
    .qa-bj{background:url(../images/p-details/qa-bj.png) no-repeat;background-size:100% 100%;padding:1.5% 0;margin-top:1.5%;display:none;}
	.qa{padding:0 2%;}
	.qa .zuo{width:60%;float:left;display:none;}
	.qa .zuo h1{font-size:18px;color:#333;margin:0;padding-bottom:2%;border-bottom:1px dashed #25466e;}
	.qa .zuo dl dt{font-size:14px;color:#333;font-weight:bold;padding:2% 0;margin-top:4%;}
	.qa .zuo dl dt i{padding:3% 5%;background:url(../images/p-details/qa-tx.png) no-repeat left center;background-size:80% auto;}
	.qa .zuo dl dd{width:100%;display:table;margin:4% 0 0 0;background:#fff;}
	.qa .zuo dl dd p{font-size:13px;color:#333;display:table-cell;vertical-align:middle;padding:0 0 0 10%;height:72px;border:1px dashed #d3d4d4;background:url(../images/p-details/qa-a1.png) no-repeat left center;background-size:8.5% auto;}
	
	.qa .you{width:100%;background-color: #ffffff;border: solid 1px #bfbfbf;overflow:hidden;border-radius: 25px 25px 8px 8px;}
	.qa .you h1{font-size:0.3rem;color:#fff;background-image: linear-gradient(82deg, #075ea0 0%, #f6b452 100%);margin:0;padding:3.5% 0;text-align:center;}
	.qa .you ul{padding:2.5% 5% 2.5% 5%;}
	.qa .you ul li{border-bottom:1px solid #bfbfbf;}
	.qa .you ul li p{font-size:0.25rem;color:#222;font-weight:bold;}
	.qa .you ul li span{font-size:0.24rem;color:#777;}
	
	
	#scrollbox {height:275px;overflow:hidden;}
}