@charset "utf-8";
/* CSS Document */
body{overflow-x:hidden;background:url(../images/pro-det/dbj-unit.jpg);}
.lb{display:none!important;}
.cplm-nav a{color:#fff;}
.xg-news ul li a .wz{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media screen and (min-width:1200px) and (max-width:1780px){
   	.structure-bj img{margin:2% auto 5% auto;text-align:center;display:none;width:100%;}
	.banner-bj .icon {display:none;}
}

@media screen and (min-width:1200px){
/*banner*/
	.banner-bj{background:#2f4f6f;position:relative;}
	.banner-bj .icon{position:absolute;left:0;bottom:0;}
	.bread ,.bread a{color:#fff;}
	.pro-det{padding-bottom:2%;}
	.pro-det .right{width:63%;float:right;padding:0.75% 0.75% 0 0;background:url(../images/pro-det/cpt-bj.png) no-repeat right top;}
	.pro-det .right img{display:block;}
	.pro-det .left{width:32.2%;float:left;}
	.pro-det .left h1{font-size:34px;color:#fff;font-weight:bold;margin-top:0;}
	.pro-det .left .smimg{margin:5% 0;}
	.pro-det .left .smimg img{margin-right:1.2%;}
	.pro-det .left ul li{background-color:#284562;border-radius:30px 0px 0px 30px;height:60px;line-height:60px;margin:7% 0;}
	.pro-det .left ul li:before{content:'';padding:6.2% 9%;margin-right:3%;}
	.pro-det .left ul li:nth-child(1){font-size:22px;color:#fff;}
	.pro-det .left ul li:nth-child(1):before{background:url(../images/pro-det/p-capacity.png) no-repeat left center;background-size:100% auto;}
	.pro-det .left ul li:nth-child(2){font-size:18px;color:#fff;}
	.pro-det .left ul li:nth-child(2):before{background:url(../images/pro-det/p-heat.png) no-repeat left center;background-size:100% auto;}
                .pro-det .left ul li.az:before{background:url(../images/pro-det/p-install.png) no-repeat left center;background-size:100% auto;}
	.pro-det .left ul p{font-size:16px;color:#fff;}
	.pro-det .left ul p span{color:#f9ba56;}
	.pro-det .left .wx{margin:8% 0 7% 0;}
	.pro-det .left .zxzx{float:right;}
/*xf-bj*/
	.sp-video-bj{background:url(../images/pro-det/video-bj.png) no-repeat;background-size:100% 100%;padding-bottom:3.5%;}
	.xf-bj{background:url(../images/pro-det/nav-bj.png) no-repeat right top;}
	.xf-bj div ul li{float:left;width:20%;}
	.xf-bj div ul li a{font-size:28px;height:115px;line-height:75px; color:#fff;width:100%;text-align:center;}
	.xf-bj div ul li.active a{background:url(../images/pro-det/nav-bj2.png) no-repeat center top;background-size:60% 100%;color:#333;font-weight:bold;}
	.xf-bj div ul li:hover a{color:#333;font-weight:bold;}
/*sp-video*/
	.cp-tit{font-size:34px;color:#333;padding:0.5% 0 0.5% 4.5%;background:url(../images/pro-det/bt-icon.png) no-repeat left center;font-family:MicrosoftYaHei-Bold;font-weight:bold;margin:2% 0;}
/*products-video*/
	.sp-video .sp-bj{background:url(../images/pro-det/video-border-left.png) no-repeat left center;padding-left:2%;overflow:hidden;}
	.sp-video .sp-bj .shipin{width:65%;float:left;border-radius:30px 0px 0px 30px;overflow:hidden;height:495px;display:none;}
	.sp-video .sp-bj .shipin video,.sp-video .sp-bj .shipin iframe,.sp-video .sp-bj .shipin embed{display:block;width:100%!important;height:100%!important;object-fit: fill;}
	.sp-video .sp-bj .hot-sp{border-radius:0px 30px 0px 0px;overflow:hidden;width:35%;float:right;}
	.sp-video .sp-bj .hot-sp h2{text-align:center;font-size:30px;color:#fff;background:#2f4f6f;margin:0;height:80px;line-height:80px;}
	.hot-sp .nei{background:#f1f1f1;height:415px;padding:0 20px;}
	.hot-sp .nei ul{background:#f1f1f1;bordeR:1px solid #f1f1f1;padding-top:15px;}
	.hot-sp .nei ul li a{background-color:#fff;border-radius:15px;padding:8px 12px;font-size:0;margin:8px 0;width:100%;}
	.hot-sp .nei ul li .tu{width:40%;height:93px;float:left;}
	.hot-sp .nei ul li .tu img{width:100%;height:100%;display:block;}
	.hot-sp .nei ul li .wz{width:56%;float:right;}
	.hot-sp .nei ul li .wz h3{font-size:20px;color:#333;margin:5% 0 10% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-sp .nei ul li .wz span{font-size:16px;color:#333;background-color: #fdcc77;border-radius:0px 14px 14px 14px;padding:2% 8%;margin-top:5%;}
/*graphic introduction*/
	.graphic-bj{padding-bottom:1%;}
	.graphic .small{font-size:20px;color:#333;font-weight:bold;margin-bottom:1%;}
	.graphic p{font-size:16px;color:#333;line-height:34px;}
	.graphic ul{margin-top:1%;padding-left:2.5%;background:url(../images/pro-det/profile-line.png) no-repeat 1% center;position:relative;}
	.graphic ul li{font-size:16px;color:#333;line-height:34px;margin:1% 0;}
	.graphic ul li b{color:#2f4f6f;}
	.graphic ul li b:before{content:'';padding:1.2% 1%;position:absolute;left:0;}
	.graphic ul li:nth-child(1) b:before{background:url(../images/pro-det/profile-1.png) no-repeat center;}
	.graphic ul li:nth-child(2) b:before{background:url(../images/pro-det/profile-2.png) no-repeat center;}
	.graphic ul li:nth-child(3) b:before{background:url(../images/pro-det/profile-3.png) no-repeat center;}
	.graphic .intro{background:url(../images/pro-det/profile-kuang.png) no-repeat;padding:0 1%;margin:2% 0;}
	.graphic .intro h2{font-size:18px;color:#2f4f6f;font-weight:bold;}
	.graphic .intro p{font-size:16px;color:#333;line-height:34px;}
	.graphic .intro p img{width:80%;margin:1% 10%;}
	.graphic .intro p iframe,.graphic .intro p video,.graphic .intro p embed{width:80%;margin:1% 10%;height:450px;}
	.graphic .advantage .left{float:left;width:34.6%;}
	.graphic .advantage .right{float:right;box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-webkit-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-moz-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);border-radius:30px;overflow:hidden;width:62%;}
/*parameters*/
	.parameters h2{position:relative;}
	.parameters h2 small{font-size:16px;color:#333;position:absolute;right:0;top:35%;}
	.table-responsive table{width:100%;max-width:100%;margin-bottom: 20px;text-align:center;}
    .table-responsive table > thead > tr > th,
    .table-responsive table > tbody > tr > th,
	.table-responsive table> tfoot > tr > th,
	.table-responsive table > thead > tr > td,
	.table-responsive table > tbody > tr > td,
	.table-responsive table > tfoot > tr > td {padding:10px;line-height: 1.42857143;vertical-align:center;border-top:1px solid #ddd;white-space:nowrap;}
	.table-responsive  table tr:nth-child(even){background:#fff;}
    .table-responsive table tr:nth-child(odd){background:#e6e6e6;}
    .table-responsive table tr:nth-child(1){background-image: linear-gradient(90deg,#2f4f6f 0%,#4d739a 100%);height:60px!important;color:#fff;}
    .table-responsive table tr td,table th td{border:1px solid #d4d4d4;display:table-cell;font-size:16px;}
/*structure*/
	.structure-bj{background:url(../images/pro-det/structure-bj.png) no-repeat;text-align:center;padding-top:0.5%;}
	.structure .tit{position:relative;}
	.structure .tit h1{font-size:38px;color:#fff;font-family:HuXiaoBo-NanShen;background:url(../images/pro-det/structure-bt.png) no-repeat;padding:2.5% 0;}
	.structure .tit p{font-size:16px;color:#fff;font-family:MicrosoftYaHei;padding-left:2%;margin-top:1.5%;text-align:left;}
	.structure .tit span{font-size:20px;color:#fdcc77;padding:0.85% 0;background:url(../images/pro-det/structure-btn2.png) no-repeat;background-size:100% 100%;display:block;width:18%;text-align:center;position:absolute;top:35%;}
	.structure .tit span:before{content:'';padding:0.75% 6%;background:url(../images/pro-det/structure-btn4.png) no-repeat center;}
	.structure .tit .active{background:url(../images/pro-det/structure-btn1.png) no-repeat;background-size:100% 100%;font-weight:bold;}
	.structure .tit .active:before{content:'';padding:0.75% 6%;background:url(../images/pro-det/structure-btn3.png) no-repeat center;}
	.structure .tit .one{right:20%;}
	.structure .tit .two{right:0;}
	.structure-bj img{margin:2% auto 5% auto;text-align:center;display:none;}	
/*process*/
	.process{margin-top:-4%;}
/*ordering information*/
	.ordering{position:relative;}
	.ordering ul li i{padding:2% 3.2%;background:url(../images/pro-det/notice-01.png) no-repeat left center;display:block;width:6%;float:left;}
	.ordering ul li span{font-size:18px;color:#333;padding:1% 0 2.5% 0;display:block;width:93%;float:right;}
	.ordering ul li span b{font-size:20px;}
	.ordering ul li:nth-child(1) i{background:url(../images/pro-det/notice-01.png) no-repeat left center;}
	.ordering ul li:nth-child(1) span{background:url(../images/pro-det/notice-01-line.png) no-repeat left 100%;}
	.ordering ul li:nth-child(2) i{background:url(../images/pro-det/notice-02.png) no-repeat left center;}
	.ordering ul li:nth-child(2) span{background:url(../images/pro-det/notice-02-line.png) no-repeat left 100%;}
	.ordering div{position:relative;margin-top:1.5%;}
	.ordering div p{font-size:20px;color:#333;}
	.ordering div p b{font-size:24px;color:#2f4f6f;}
	.ordering div p small{font-size:20px;color:#2f4f6f;}
	.ordering div a{position:absolute;left:45%;top:-10%;}
	.ordering .gzh{position:absolute;right:15%;top:32%;width:12%;}
	.ordering .wxh{position:absolute;right:0;top:32%;width:12%;}
/*related cases*/
	.xg-case{margin-top:1%;}
	.xg-case h2{position:relative;}
	.xg-case h2 a{position:absolute;right:0;top:0;}
	.xg-case ul{margin:0 -0.5%;}
	.xg-case ul li{padding:0 0.5%;width:25%;float:left;}
	.xg-case ul li a{width:100%;border-radius:15px 15px 0px 0px;overflow:hidden;padding-bottom:7.2%;background:url(../images/pro-det/case-shadow.png) no-repeat center bottom;}
	.xg-case ul li a .tu{width:100%;transition: all 0.6s;}
	.xg-case ul li div{background:#fff;position:relative;}
	.xg-case ul li div h3{font-size:16px;color:#333;margin:0;padding:4.5% 0 4.5% 3%;width:80%;}
	.xg-case ul li div img{width:18%;position:absolute;right:0;bottom:0;}
	.xg-case ul li:hover div h3{color:#b90000;}
	.xg-case ul li:hover .tu{transform:scale(1.1);}
/*related news*/
	.xg-news{background:url(../images/pro-det/new-bj.png) no-repeat;background-size:100% 100%;padding:1% 3% 1.5% 3%;margin-top:1%;}
	.xg-news h2{font-size:30px;color:#2f4f6f;margin-top:0.5%;}
	.xg-news ul{margin:1.5% -2% 0 -2%;}
	.xg-news ul li{width:50%;padding:0 2%;float:left;font-size:0;}
	.xg-news ul li a{width:100%;margin:1% 0;}
	.xg-news ul li a span{font-size:16px;color:#333;display:block;padding:2% 0;}
	.xg-news ul li a .wz{width:80%;float:left;padding-left:5%;background:url(../images/pro-det/new-jt.png) no-repeat left center;}
	.xg-news ul li a .sj{width:20%;text-align:center;float:right;}
	.xg-news ul li:hover a .wz{color:#e12a0c;}
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.banner-bj{background:#2f4f6f;position:relative;}
	.banner-bj .icon{position:absolute;left:0;bottom:0;display:none;}
	.bread ,.bread a{color:#fff;}
	.pro-det{padding-bottom:2%;}
	.pro-det .right{width:63%;float:right;padding:0.75% 0.75% 0 0;background:url(../images/pro-det/cpt-bj.png) no-repeat right top;background-size:100% 100%;}
	.pro-det .right img{display:block;}
	.pro-det .left{width:34%;float:left;}
	.pro-det .left h1{font-size:25px;color:#fff;font-weight:bold;margin-top:0;}
	.pro-det .left .smimg{margin:5% 0;}
	.pro-det .left .smimg img{margin-right:1%;width:31.2%;}
	.pro-det .left ul li{background-color:#284562;border-radius:30px 0px 0px 30px;height:40px;line-height:40px;margin:6% 0;}
	.pro-det .left ul li:before{content:'';padding:6.2% 9%;margin-right:3%;}
	.pro-det .left ul li:nth-child(1){font-size:16px;color:#fff;}
	.pro-det .left ul li:nth-child(1):before{background:url(../images/pro-det/p-capacity.png) no-repeat left center;background-size:100% auto;}
	.pro-det .left ul li:nth-child(2){font-size:15px;color:#fff;}
	.pro-det .left ul li:nth-child(2):before{background:url(../images/pro-det/p-heat.png) no-repeat left center;background-size:100% auto;}
 .pro-det .left ul li.az:before{background:url(../images/pro-det/p-install.png) no-repeat left center;background-size:100% auto;}
	.pro-det .left ul p{font-size:15px;color:#fff;}
	.pro-det .left ul p span{color:#f9ba56;}
	.pro-det .left .wx{margin:6% 0;width:100%;}
	.pro-det .left .zxzx{float:right;width:60%;}
	.pro-det .left .zxzx img{width:100%;}
/*xf-bj*/
	.sp-video-bj{background:url(../images/pro-det/video-bj.png) no-repeat;background-size:100% 100%;padding-bottom:3.5%;}
	.xf-bj{background:#6997c3;}
	.xf-bj div ul li{float:left;width:20%;}
	.xf-bj div ul li a{font-size:21px;height:80px;line-height:50px; color:#fff;width:100%;text-align:center;}
	.xf-bj div ul li.active a{background:url(../images/pro-det/nav-bj2.png) no-repeat center top;background-size:60% 100%;color:#333;font-weight:bold;}
	.xf-bj div ul li:hover a{color:#333;font-weight:bold;}
/*sp-video*/
	.cp-tit{font-size:25px;color:#333;padding:0.5% 0 0.5% 4.5%;background:url(../images/pro-det/bt-icon.png) no-repeat left center;background-size:3.5% auto;font-family:MicrosoftYaHei-Bold;font-weight:bold;margin:2% 0;}
/*products-video*/
	.sp-video .sp-bj{background:url(../images/pro-det/video-border-left.png) no-repeat left center;padding-left:2%;overflow:hidden;}
	.sp-video .sp-bj .shipin{width:65%;float:left;border-radius:30px 0px 0px 30px;overflow:hidden;height:450px;display:none;}
	.sp-video .sp-bj .shipin video,.sp-video .sp-bj .shipin iframe,.sp-video .sp-bj .shipin embed{display:block;width:100%!important;height:100%!important;object-fit: fill;}
	.sp-video .sp-bj .hot-sp{border-radius:0px 30px 0px 0px;overflow:hidden;width:35%;float:right;}
	.sp-video .sp-bj .hot-sp h2{text-align:center;font-size:22px;color:#fff;background:#2f4f6f;margin:0;height:70px;line-height:70px;}
	.hot-sp .nei{background:#f1f1f1;height:380px;padding:0 20px;}
	.hot-sp .nei ul{background:#f1f1f1;bordeR:1px solid #f1f1f1;padding-top:15px;}
	.hot-sp .nei ul li a{background-color:#fff;border-radius:15px;padding:8px 12px;font-size:0;margin:8px 0;width:100%;}
	.hot-sp .nei ul li .tu{width:45%;height:81px;float:left;}
	.hot-sp .nei ul li .tu img{width:100%;height:100%;display:block;}
	.hot-sp .nei ul li .wz{width:52%;float:right;}
	.hot-sp .nei ul li .wz h3{font-size:17px;color:#333;margin:8% 0 15% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-sp .nei ul li .wz span{font-size:15px;color:#333;background-color: #fdcc77;border-radius:0px 14px 14px 14px;padding:3% 9%;margin-top:5%;}
/*graphic introduction*/
	.graphic-bj{padding-bottom:1%;}
	.graphic .small{font-size:18px;color:#333;font-weight:bold;margin-bottom:1%;}
	.graphic p{font-size:15px;color:#333;line-height:34px;}
	.graphic ul{margin-top:1%;padding-left:4%;background:url(../images/pro-det/profile-line.png) no-repeat 1.4% center;position:relative;}
	.graphic ul li{font-size:15px;color:#333;line-height:24px;margin:1% 0;}
	.graphic ul li b{color:#2f4f6f;}
	.graphic ul li b:before{content:'';padding:1.5% 1.5%;position:absolute;left:0;}
	.graphic ul li:nth-child(1) b:before{background:url(../images/pro-det/profile-1.png) no-repeat center bottom;}
	.graphic ul li:nth-child(2) b:before{background:url(../images/pro-det/profile-2.png) no-repeat center;}
	.graphic ul li:nth-child(3) b:before{background:url(../images/pro-det/profile-3.png) no-repeat center;}
	.graphic .intro{background:url(../images/pro-det/profile-kuang.png) no-repeat;padding:0 1%;margin:2% 0;}
	.graphic .intro h2{font-size:18px;color:#2f4f6f;font-weight:bold;}
	.graphic .intro p{font-size:15px;color:#333;line-height:25px;}
	.graphic .intro p img{width:80%;margin:1% 10%;}
	.graphic .intro p iframe,.graphic .intro p video,.graphic .intro p embed{width:80%;margin:1% 10%;height:450px;}
	.graphic .advantage .left{float:left;width:34.6%;}
	.graphic .advantage .right{float:right;box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-webkit-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-moz-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);border-radius:30px;overflow:hidden;width:62%;}
/*parameters*/
	.parameters h2{position:relative;}
	.parameters h2 small{font-size:16px;color:#333;position:absolute;right:0;top:35%;}
	.table-responsive table{width:100%;max-width:100%;margin-bottom: 20px;text-align:center;}
    .table-responsive table > thead > tr > th,
    .table-responsive table > tbody > tr > th,
	.table-responsive table> tfoot > tr > th,
	.table-responsive table > thead > tr > td,
	.table-responsive table > tbody > tr > td,
	.table-responsive table > tfoot > tr > td {padding:10px;line-height: 1.42857143;vertical-align:center;border-top:1px solid #ddd;white-space:nowrap;}
	.table-responsive  table tr:nth-child(even){background:#fff;}
    .table-responsive table tr:nth-child(odd){background:#e6e6e6;}
    .table-responsive table tr:nth-child(1){background-image: linear-gradient(90deg,#2f4f6f 0%,#4d739a 100%);height:60px!important;color:#fff;}
    .table-responsive table tr td,table th td{border:1px solid #d4d4d4;display:table-cell;font-size:16px;}
/*structure*/
	.structure-bj{background:url(../images/pro-det/structure-bj.png) no-repeat;background-size:100% 100%;text-align:center;padding-top:0.5%;}
	.structure .tit{position:relative;}
	.structure .tit h1{font-family:HuXiaoBo-NanShen;background:url(../images/pro-det/structure-bt.png) no-repeat;background-size:32% auto;padding:3% 0;}
	.structure .tit p{font-size:15px;color:#fff;font-family:MicrosoftYaHei;padding-left:2%;margin-top:1.5%;text-align:left;}
	.structure .tit span{font-size:17px;color:#fdcc77;padding:0.85% 0;background:url(../images/pro-det/structure-btn2.png) no-repeat;background-size:100% 100%;display:block;width:18%;text-align:center;position:absolute;top:10%;}
	.structure .tit span:before{content:'';padding:0.75% 6%;background:url(../images/pro-det/structure-btn4.png) no-repeat center;background-size:65% auto;}
	.structure .tit .active{background:url(../images/pro-det/structure-btn1.png) no-repeat;background-size:100% 100%;font-weight:bold;}
	.structure .tit .active:before{content:'';padding:0.75% 6%;background:url(../images/pro-det/structure-btn3.png) no-repeat center;background-size:65% auto;}
	.structure .tit .one{right:20%;}
	.structure .tit .two{right:0;}
	.structure-bj img{margin:2% auto 5% auto;text-align:center;display:none;width:100%;}	
/*process*/
	.process{margin-top:-4%;}
/*ordering information*/
	.ordering{position:relative;}
	.ordering ul li i{padding:2% 3.2%;background:url(../images/pro-det/notice-01.png) no-repeat left center;display:block;width:6%;float:left;}
	.ordering ul li span{font-size:16px;color:#333;padding:1% 0 2.5% 0;display:block;width:93%;float:right;}
	.ordering ul li span b{font-size:18px;}
	.ordering ul li:nth-child(1) i{background:url(../images/pro-det/notice-01.png) no-repeat left center;}
	.ordering ul li:nth-child(1) span{background:url(../images/pro-det/notice-01-line.png) no-repeat left 100%;}
	.ordering ul li:nth-child(2) i{background:url(../images/pro-det/notice-02.png) no-repeat left center;}
	.ordering ul li:nth-child(2) span{background:url(../images/pro-det/notice-02-line.png) no-repeat left 100%;}
	.ordering div{position:relative;margin-top:1.5%;}
	.ordering div p{font-size:16px;color:#333;}
	.ordering div p b{font-size:18px;color:#2f4f6f;}
	.ordering div p small{font-size:16px;color:#2f4f6f;}
	.ordering div a{position:absolute;left:45%;top:-60%;}
	.ordering .gzh{position:absolute;right:12%;top:32%;width:11%;}
	.ordering .wxh{position:absolute;right:0;top:32%;width:11%;}
/*related cases*/
	.xg-case{margin-top:1%;}
	.xg-case h2{position:relative;}
	.xg-case h2 a{position:absolute;right:0;top:0;width:12%;}
	.xg-case h2 a img{width:100%;}
	.xg-case ul{margin:0 -0.5%;}
	.xg-case ul li{padding:0 0.5%;width:25%;float:left;}
	.xg-case ul li a{width:100%;border-radius:15px 15px 0px 0px;overflow:hidden;padding-bottom:7.2%;background:url(../images/pro-det/case-shadow.png) no-repeat center bottom;}
	.xg-case ul li a .tu{width:100%;transition: all 0.6s;}
	.xg-case ul li div{background:#fff;position:relative;}
	.xg-case ul li div h3{font-size:16px;color:#333;margin:0;padding:4.5% 0 4.5% 3%;width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.xg-case ul li div img{width:18%;position:absolute;right:0;bottom:0;}
	.xg-case ul li:hover div h3{color:#b90000;}
	.xg-case ul li:hover .tu{transform:scale(1.1);}
/*related news*/
	.xg-news{background:url(../images/pro-det/new-bj.png) no-repeat;background-size:100% 100%;padding:1% 3% 1.5% 3%;margin-top:1%;}
	.xg-news h2{font-size:25px;color:#2f4f6f;margin-top:0.5%;}
	.xg-news ul{margin:1.5% -2% 0 -2%;}
	.xg-news ul li{width:50%;padding:0 2%;float:left;font-size:0;}
	.xg-news ul li a{width:100%;margin:1% 0;}
	.xg-news ul li a span{font-size:16px;color:#333;display:block;padding:2% 0;}
	.xg-news ul li a .wz{width:75%;float:left;padding-left:5%;background:url(../images/pro-det/new-jt.png) no-repeat left center;background-size:4% auto;}
	.xg-news ul li a .sj{width:24%;text-align:center;float:right;}
	.xg-news ul li:hover a .wz{color:#e12a0c;}	
}

@media screen and (min-width:769px) and (max-width:992px) {
/*banner*/
	.banner-bj{background:#2f4f6f;position:relative;}
	.banner-bj .icon{position:absolute;left:0;bottom:0;display:none;}
	.bread ,.bread a{color:#fff;}
	.pro-det{padding-bottom:2%;}
	.pro-det .right{width:63%;float:right;padding:0.75% 0.75% 0 0;background:url(../images/pro-det/cpt-bj.png) no-repeat right top;background-size:100% 100%;}
	.pro-det .right img{display:block;}
	.pro-det .left{width:34%;float:left;}
	.pro-det .left h1{font-size:20px;color:#fff;font-weight:bold;margin-top:0;}
	.pro-det .left .smimg{margin:5% 0;display:none;}
	.pro-det .left .smimg img{margin-right:1%;width:31.2%;}
	.pro-det .left ul li{background-color:#284562;border-radius:30px 0px 0px 30px;height:30px;line-height:30px;margin:6% 0;padding-left:5%;}
	.pro-det .left ul li:nth-child(1){font-size:13px;color:#fff;}
	.pro-det .left ul li:nth-child(2){font-size:13px;color:#fff;}
	.pro-det .left ul p{font-size:13px;color:#fff;}
	.pro-det .left ul p span{color:#f9ba56;}
	.pro-det .left .wx{margin:6% 0;width:100%;}
	.pro-det .left .zxzx{float:right;width:60%;}
	.pro-det .left .zxzx img{width:100%;}
/*xf-bj*/
	.sp-video-bj{background:url(../images/pro-det/video-bj.png) no-repeat;background-size:100% 100%;padding-bottom:3.5%;}
	.xf-bj{background:#6997c3;}
	.xf-bj div ul li{float:left;width:20%;}
	.xf-bj div ul li a{font-size:16px;height:60px;line-height:36px; color:#fff;width:100%;text-align:center;}
	.xf-bj div ul li.active a{background:url(../images/pro-det/nav-bj2.png) no-repeat center top;background-size:60% 100%;color:#333;font-weight:bold;}
	.xf-bj div ul li:hover a{color:#333;font-weight:bold;}
/*sp-video*/
	.cp-tit{font-size:20px;color:#333;padding:0.5% 0 0.5% 4.5%;background:url(../images/pro-det/bt-icon.png) no-repeat left center;background-size:3.5% auto;font-family:MicrosoftYaHei-Bold;font-weight:bold;margin:2% 0;}
/*products-video*/
	.sp-video .sp-bj{background:url(../images/pro-det/video-border-left.png) no-repeat left center;background-size:4% 95%;padding-left:2%;overflow:hidden;}
	.sp-video .sp-bj .shipin{width:65%;float:left;border-radius:30px 0px 0px 30px;overflow:hidden;height:370px;display:none;}
	.sp-video .sp-bj .shipin video,.sp-video .sp-bj .shipin iframe,.sp-video .sp-bj .shipin embed{display:block;width:100%!important;height:100%!important;object-fit: fill;}
	.sp-video .sp-bj .hot-sp{border-radius:0px 30px 0px 0px;overflow:hidden;width:35%;float:right;}
	.sp-video .sp-bj .hot-sp h2{text-align:center;font-size:17px;color:#fff;background:#2f4f6f;margin:0;height:60px;line-height:60px;}
	.hot-sp .nei{background:#f1f1f1;height:310px;padding:0 10px;}
	.hot-sp .nei ul{background:#f1f1f1;bordeR:1px solid #f1f1f1;padding-top:10px;}
	.hot-sp .nei ul li a{background-color:#fff;border-radius:15px;padding:8px 12px;font-size:0;margin:5px 0;width:100%;}
	.hot-sp .nei ul li .tu{width:45%;height:66px;float:left;}
	.hot-sp .nei ul li .tu img{width:100%;height:100%;display:block;}
	.hot-sp .nei ul li .wz{width:52%;float:right;}
	.hot-sp .nei ul li .wz h3{font-size:15px;color:#333;margin:8% 0 15% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-sp .nei ul li .wz span{font-size:13px;color:#333;background-color: #fdcc77;border-radius:0px 14px 14px 14px;padding:3% 9%;margin-top:5%;}
/*graphic introduction*/
	.graphic-bj{padding-bottom:1%;}
	.graphic .small{font-size:16px;color:#333;font-weight:bold;margin-bottom:1%;}
	.graphic p{font-size:15px;color:#333;line-height:27px;}
	.graphic ul{margin-top:1%;padding-left:4%;background:url(../images/pro-det/profile-line.png) no-repeat 1.4% center;position:relative;}
	.graphic ul li{font-size:15px;color:#333;line-height:24px;margin:1% 0;}
	.graphic ul li b{color:#2f4f6f;}
	.graphic ul li b:before{content:'';padding:1.5% 1.5%;position:absolute;left:0;}
	.graphic ul li:nth-child(1) b:before{background:url(../images/pro-det/profile-1.png) no-repeat center bottom;background-size:100% 100%;}
	.graphic ul li:nth-child(2) b:before{background:url(../images/pro-det/profile-2.png) no-repeat center;background-size:100% 100%;}
	.graphic ul li:nth-child(3) b:before{background:url(../images/pro-det/profile-3.png) no-repeat center;background-size:100% 100%;}
	.graphic .intro{background:url(../images/pro-det/profile-kuang.png) no-repeat;background-size:100% auto;padding:0 1%;margin:2% 0;}
	.graphic .intro h2{font-size:16px;color:#2f4f6f;font-weight:bold;}
	.graphic .intro p{font-size:15px;color:#333;line-height:25px;}
	.graphic .intro p img{width:90%;margin:1% 0;}
	.graphic .intro p iframe,.graphic .intro p video,.graphic .intro p embed{width:80%;margin:1% 10%;height:450px;}
	.graphic .advantage .left{float:left;width:34.6%;}
	.graphic .advantage .right{float:right;box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-webkit-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-moz-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);border-radius:30px;overflow:hidden;width:62%;}
/*parameters*/
	.parameters h2{position:relative;}
	.parameters h2 small{font-size:14px;color:#333;position:absolute;right:0;top:35%;}
	.table-responsive table{width:100%;max-width:100%;margin-bottom: 20px;text-align:center;}
    .table-responsive table > thead > tr > th,
    .table-responsive table > tbody > tr > th,
	.table-responsive table> tfoot > tr > th,
	.table-responsive table > thead > tr > td,
	.table-responsive table > tbody > tr > td,
	.table-responsive table > tfoot > tr > td {padding:10px;line-height: 1.42857143;vertical-align:center;border-top:1px solid #ddd;white-space:nowrap;}
	.table-responsive  table tr:nth-child(even){background:#fff;}
    .table-responsive table tr:nth-child(odd){background:#e6e6e6;}
    .table-responsive table tr:nth-child(1){background-image: linear-gradient(90deg,#2f4f6f 0%,#4d739a 100%);height:50px!important;color:#fff;}
    .table-responsive table tr td,table th td{border:1px solid #d4d4d4;display:table-cell;font-size:15px;}
/*structure*/
	.structure-bj{background:url(../images/pro-det/structure-bj.png) no-repeat;background-size:100% 100%;text-align:center;padding-top:0.5%;}
	.structure .tit{position:relative;}
	.structure .tit h1{font-family:HuXiaoBo-NanShen;background:url(../images/pro-det/structure-bt.png) no-repeat;background-size:32% auto;padding:3% 0;}
	.structure .tit p{font-size:15px;color:#fff;font-family:MicrosoftYaHei;padding-left:2%;margin-top:1.5%;text-align:left;}
	.structure .tit span{font-size:15px;color:#fdcc77;padding:0.85% 0;background:url(../images/pro-det/structure-btn2.png) no-repeat;background-size:100% 100%;display:block;width:20%;text-align:center;position:absolute;top:10%;}
	.structure .tit span:before{content:'';padding:0.75% 6%;background:url(../images/pro-det/structure-btn4.png) no-repeat center;background-size:65% auto;}
	.structure .tit .active{background:url(../images/pro-det/structure-btn1.png) no-repeat;background-size:100% 100%;font-weight:bold;}
	.structure .tit .active:before{content:'';padding:0.75% 6%;background:url(../images/pro-det/structure-btn3.png) no-repeat center;background-size:65% auto;}
	.structure .tit .one{right:22%;}
	.structure .tit .two{right:0;}
	.structure-bj img{margin:2% auto 5% auto;text-align:center;display:none;width:100%;}	
/*process*/
	.process{margin-top:-4%;}
/*ordering information*/
	.ordering{position:relative;}
	.ordering ul li i{padding:2% 3.2%;background:url(../images/pro-det/notice-01.png) no-repeat left center;display:block;width:6%;float:left;}
	.ordering ul li span{font-size:14px;color:#333;padding:1% 0 4.5% 0;display:block;width:93%;float:right;}
	.ordering ul li span b{font-size:16px;}
	.ordering ul li:nth-child(1) i{background:url(../images/pro-det/notice-01.png) no-repeat left center;background-size:100% auto;}
	.ordering ul li:nth-child(1) span{background:url(../images/pro-det/notice-01-line.png) no-repeat left 100%;}
	.ordering ul li:nth-child(2) i{background:url(../images/pro-det/notice-02.png) no-repeat left center;background-size:100% auto;}
	.ordering ul li:nth-child(2) span{background:url(../images/pro-det/notice-02-line.png) no-repeat left 100%;}
	.ordering div{position:relative;margin-top:1.5%;}
	.ordering div p{font-size:14px;color:#333;}
	.ordering div p b{font-size:16px;color:#2f4f6f;}
	.ordering div p small{font-size:14px;color:#2f4f6f;}
	.ordering div a{position:absolute;right:0;top:-40%;width:35%;}
	.ordering div a img{width:100%;}
	.ordering .gzh{position:absolute;right:12%;top:32%;width:11%;display:none;}
	.ordering .wxh{position:absolute;right:0;top:32%;width:11%;display:none;}
/*related cases*/
	.xg-case{margin-top:3%;}
	.xg-case h2{position:relative;}
	.xg-case h2 a{position:absolute;right:0;top:0;width:12%;}
	.xg-case h2 a img{width:100%;}
	.xg-case ul{margin:0 -0.5%;}
	.xg-case ul li{padding:0 0.5%;width:25%;float:left;}
	.xg-case ul li a{width:100%;border-radius:15px 15px 0px 0px;overflow:hidden;padding-bottom:7.2%;background:url(../images/pro-det/case-shadow.png) no-repeat center bottom;}
	.xg-case ul li a .tu{width:100%;transition: all 0.6s;}
	.xg-case ul li div{background:#fff;position:relative;}
	.xg-case ul li div h3{font-size:15px;color:#333;margin:0;padding:4.5% 0 4.5% 3%;width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.xg-case ul li div img{width:18%;position:absolute;right:0;bottom:0;}
	.xg-case ul li:hover div h3{color:#b90000;}
	.xg-case ul li:hover .tu{transform:scale(1.1);}
/*related news*/
	.xg-news{background:url(../images/pro-det/new-bj.png) no-repeat;background-size:100% 100%;padding:1% 3% 1.5% 3%;margin-top:1%;}
	.xg-news h2{font-size:20px;color:#2f4f6f;margin-top:0.5%;font-weight:bold;}
	.xg-news ul{margin:1.5% -2% 0 -2%;}
	.xg-news ul li{width:50%;padding:0 2%;float:left;font-size:0;}
	.xg-news ul li a{width:100%;margin:1% 0;}
	.xg-news ul li a span{font-size:15px;color:#333;display:block;padding:2% 0;}
	.xg-news ul li a .wz{width:73%;float:left;padding-left:5%;background:url(../images/pro-det/new-jt.png) no-repeat left center;background-size:4% auto;}
	.xg-news ul li a .sj{width:27%;text-align:center;float:right;}
	.xg-news ul li:hover a .wz{color:#e12a0c;}
}

@media screen and (max-width:769px) {
/*banner*/
	.banner{background:#2f4f6f;}
	.banner h1{text-align:center;margin:5% 0 12% 0;font-size:0.38rem;color:#fff;font-weight:bold;}
	.banner h1:before{content:'';padding:0 8%;background:url(../images/sj-prodet/bt-1.png) no-repeat left center;background-size:100% auto;margin-right:3%;}
	.banner h1:after{content:'';padding:0 8%;background:url(../images/sj-prodet/bt-2.png) no-repeat left center;background-size:100% auto;margin-left:3%;}
	.pro-det-cs{margin:0 2%;padding:3% 3%;background:#fff;box-shadow:0px 0px 10px 0px rgba(47,79,111,0.1);
	border-radius:30px;position:relative;margin-top:-4%;}
	.pro-det-cs img{position:absolute;top:-5.5%;left:0;right:0;margin:0 auto;width:94%;z-index:1;}
	.pro-det-cs ul{margin-top:5%;position:relative;z-index:2;}
	.pro-det-cs ul li{background:url(../images/sj-prodet/cs-bj-2.png) no-repeat;background-size:100% 100%;border-radius:30px 0px 0px 30px;margin-bottom:9%;padding:3% 0;font-size:0.3rem;color:#333!important;}
	.pro-det-cs ul li:before{content:'';padding:6.2% 9%;margin-right:3%;}
	.pro-det-cs ul li:nth-child(1){font-size:0.32rem;color:#fff;}
	.pro-det-cs ul li:nth-child(1):before{background:url(../images/pro-det/p-capacity.png) no-repeat left 40%;background-size:100% auto;}
	.pro-det-cs ul li:nth-child(2){font-size:0.3rem;color:#fff;}
	.pro-det-cs ul li:nth-child(2):before{background:url(../images/pro-det/p-heat.png) no-repeat left center;background-size:100% auto;}
                .pro-det-cs ul li.az:before{background:url(../images/pro-det/p-heat.png) no-repeat left center;background-size:100% auto;}
	.pro-det-cs ul p{font-size:0.27rem;color:#333;margin-top:-2%;}
	.pro-det-cs ul p u{color:#f9ba56;}
/*contact-lx*/
	.contact-lx {margin:6% 0;}
	.contact-lx a{width:46%;margin:0 2%;float:left;}
	.contact-lx a img{width:100%;}

/*products-video*/
    .sp-video{padding:0 2% 6% 2%;background:url(../images/sj-prodet/video-bj.png) no-repeat center bottom;}
/*sp-video*/
	.cp-tit{font-size:0.36rem;color:#333;padding:0.5% 0 0.5% 9%;background:url(../images/pro-det/bt-icon.png) no-repeat left center;background-size:7% auto;font-family:MicrosoftYaHei-Bold;font-weight:bold;margin:2% 0;}	
	.sp-video .shipin{padding-bottom:3%;background:url(../images/sj-prodet/video-bottom.png) no-repeat right bottom;background-size:96.5% 100%;display:none;}
	.sp-video .shipin video,.sp-video .shipin iframe,.sp-video .shipin embed{width:100%;height:4.2rem;object-fit:fill;display:block;border-radius:30px 0px 0px 30px;}
	.sp-video ul{margin:3% -2% 0 -2%;}
	.sp-video ul li{width:33.33%;padding:0 2%;float:left;}
	.sp-video ul li a{width:100%;text-align:center;font-weight:bold;font-size:0.3rem;color:#315273;background-color:rgba(255,255,255,0.35);box-shadow:inset 0px 0px 30px 0px rgba(17,44,70,0.5);border-radius:15px;border:solid 1px rgba(255,255,255,0.5);padding:6% 0;}
	
/*graphic introduction*/
	.graphic-bj{padding:0 2% 1% 2%;}
	.graphic .small{font-size:0.32rem;color:#333;font-weight:bold;margin-bottom:3%;}
	.graphic p{font-size:0.3rem;color:#333;line-height:0.54rem;}
	.graphic ul{margin-top:1%;padding-left:6%;background:url(../images/pro-det/profile-line.png) no-repeat 1.4% center;position:relative;}
	.graphic ul li{font-size:0.3rem;color:#333;line-height:0.54rem;margin:2% 0;}
	.graphic ul li b{color:#2f4f6f;}
	.graphic ul li b:before{content:'';padding:3.5% 2.5%;position:absolute;left:0;}
	.graphic ul li:nth-child(1) b:before{background:url(../images/pro-det/profile-1.png) no-repeat center;background-size:100% auto;}
	.graphic ul li:nth-child(2) b:before{background:url(../images/pro-det/profile-2.png) no-repeat center;background-size:100% auto;}
	.graphic ul li:nth-child(3) b:before{background:url(../images/pro-det/profile-3.png) no-repeat center;background-size:100% auto;}
	.graphic .intro{background:url(../images/pro-det/profile-kuang.png) no-repeat;background-size:100% auto;padding:0 1%;margin:2% 0;}
	.graphic .intro h2{font-size:0.34rem;color:#2f4f6f;font-weight:bold;}
	.graphic .intro p{font-size:0.32rem;color:#333;line-height:0.54rem;margin:6% 0;}
	.graphic .intro p img{width:100%;margin:1% 0;}
/*	.graphic .intro p iframe,.graphic .intro p video,.graphic .intro p embed{width:80%;margin:1% 10%;height:450px;}*/
	.advantage .cp{box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-webkit-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);-moz-box-shadow:0px 0px 16px 0px rgba(47,79,111,0.35);border-radius:30px;overflow:hidden;margin:3% 0 5% 0;}
/*parameters*/
	.parameters h2{position:relative;}
	.parameters h2 small{font-size:14px;color:#333;position:absolute;right:0;top:35%;display:none;}
	.table-responsive table{width:100%;max-width:100%;text-align:center;table-layout:fixed;}
    .table-responsive table > thead > tr > th,
    .table-responsive table > tbody > tr > th,
	.table-responsive table> tfoot > tr > th,
	.table-responsive table > thead > tr > td,
	.table-responsive table > tbody > tr > td,
	.table-responsive table > tfoot > tr > td {padding:0.1rem;line-height: 1.42857143;vertical-align:center;border-top:1px solid #ddd;word-break: break-all; word-wrap:break-word;}
	.table-responsive  table tr:nth-child(even){background:#fff;}
    .table-responsive table tr:nth-child(odd){background:#e6e6e6;}
    .table-responsive table tr:nth-child(1){background-image: linear-gradient(90deg,#2f4f6f 0%,#4d739a 100%);height:0.85rem!important;color:#fff;}
    .table-responsive table tr td,table th td{border:1px solid #d4d4d4;display:table-cell;font-size:0.3rem;}
/*sj-structure*/
    .sbjgt{padding:0 2%;}
	.structure{background:url(../images/sj-prodet/structure-bj.png) no-repeat;background-size:100% 100%;padding:5% 0 2% 0;}
	.structure h1{font-family:HuXiaoBo-NanShen;background:url(../images/pro-det/structure-bt.png) no-repeat;background-size:60% auto;padding:5% 0;margin-left:2%;}
	.structure .jgtwz{padding-top:2%;background:url(../images/sj-prodet/structure-top.png) no-repeat top center;background-size:88% auto;margin-top:3%;}
	.structure .jgtwz p{width:90%;margin:0 5%;background-color:rgba(255,255,255,1);border-radius:15px;padding:3%;font-size:0.32rem;color:#333;line-height:0.54rem;}	
/*related cases*/
    .xg-case{margin-top:3%;padding:0 2%;}
	.xg-case h2{position:relative;margin-bottom:5%;}
	.xg-case h2 a{position:absolute;right:0;top:-20%;width:30%;}
	.xg-case h2 a img{width:100%;}
	.xg-case ul{margin:0 -1%;}
	.xg-case ul li{padding:0 1%;width:50%;float:left;}
	.xg-case ul li a{width:100%;border-radius:15px 15px 0px 0px;overflow:hidden;padding-bottom:7.2%;background:url(../images/pro-det/case-shadow.png) no-repeat center bottom;}
	.xg-case ul li a .tu{width:100%;transition: all 0.6s;}
	.xg-case ul li div{background:#fff;position:relative;}
	.xg-case ul li div h3{font-size:0.32rem;color:#333;margin:0;padding:4.5% 0 4.5% 3%;width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center;}
	.xg-case ul li div img{width:18%;position:absolute;right:0;bottom:0;display:none;}
	.xg-case ul li:hover div h3{color:#b90000;}
	.xg-case ul li:hover .tu{transform:scale(1.1);}
/*related news*/
	.xg-news{margin-top:1%;padding:0 2%;}
	.xg-news h2{font-size:0.34rem;color:#2f4f6f;margin-top:0.5%;font-weight:bold;}
	.xg-news ul{margin:1.5% 0 0 0;}
	.xg-news ul li{width:100%;float:left;font-size:0;}
	.xg-news ul li a{width:100%;margin:1% 0;}
	.xg-news ul li a span{font-size:0.3rem;color:#333;display:block;padding:2% 0;}
	.xg-news ul li a .wz{width:73%;float:left;padding-left:5%;background:url(../images/pro-det/new-jt.png) no-repeat left center;background-size:5% auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.xg-news ul li a .sj{width:27%;text-align:right;float:right;color:#777;}
	.xg-news ul li:hover a .wz{color:#e12a0c;}
/*sj-foot*/
	.sj-foot p{font-size:0.3rem;color:#333;text-align:center;padding:4% 0;}
	.sj-foot p a{font-size:0.3rem;color:#333;}
	.sj-foot p a:hover{color:#e12a0c;}
}