@charset "utf-8";
/* CSS Document */
.introduction .box ul li:nth-child(1):before{content:'支持定制';}
.introduction .box ul li:nth-child(2):before{content:'环保达标';}
.introduction .box ul li:nth-child(3):before{content:'省 钱';}
.introduction .box ul li:nth-child(4):before{content:'省 心';}

@media screen and (min-width: 1380px) {
/*banner*/
	.banner{background:#012345;padding-bottom:2%;}
	.case-det{background:url(../images/case-det/bj.png) no-repeat;background-size:100% 100%;padding:2% 0 1% 2%;margin-top:2%;}
	.case-det .right{float:right;width:63.5%;padding:0.75% 0 0 0.75%;background:url(../images/case-det/case-kuang.png) no-repeat left top;}
	.case-det .right img{border-radius:30px;width:100%;}
	.case-det .right video,.case-det .right iframe{width:100%!important;height:534px!important;object-fit: fill;display:block;}
	.case-det .right ul li{width:22%;float:left;font-size:16px;color:#333;padding:1.5% 0 1.5% 3%;background:url(../images/case-det/case-ys.png) no-repeat left center;}
	.case-det .left{float:left;width:33%;}
	.case-det .left h1{font-size:34px;color:#16558a;}
	.case-det .left ul li{font-size:16px;color:#333;margin:3.5% 0;padding-left:8%;}
	.case-det .left ul li:nth-child(1){background:url(../images/case-det/cs1.png) no-repeat left center;}
	.case-det .left ul li:nth-child(2){background:url(../images/case-det/cs2.png) no-repeat left center;}
	.case-det .left .liuyan{background:url(../images/case-det/msj-bj.png);background-size:100% 100%;padding:1% 4%;}
	.case-det .left .liuyan h3{font-size:20px;color:#333;font-weight:bold;font-family:HuXiaoBo-NanShen;margin:3% 0;}
	.case-det .left .liuyan h3 span{font-size:16px;color:#333;}
	.case-det .left .liuyan form{position:relative;}
	.case-det .left .liuyan form input{width:87.5%;padding:0 2% 0 10%;height:34px;border-radius:8px;border:1px solid #d4d4d4;margin-bottom:3%;font-size:16px;color:#777;}
	.case-det .left .liuyan form .name{background:url(../images/case-det/msj-name.png) no-repeat 3% center;}
	.case-det .left .liuyan form .tel{background:url(../images/case-det/msj-phone.png) no-repeat 3% center;}
	.case-det .left .liuyan form textarea{background:url(../images/case-det/msj-need.png) no-repeat 3% 6%;border-radius:8px;border:solid 1px #d4d4d4;max-width:64%;min-width:64%;min-height:81px;max-height:81px;padding:1% 1% 1% 10%;font-size:16px;color:#777;font-family:MicrosoftYaHei;}
	.case-det .left .liuyan form button{width:21.5%;height:90px;background:url(../images/case-det/msj-submit.png) no-repeat;background-size:100% 100%;border:0;}
	.case-det .left .lx{background:url(../images/case-det/hd-ewm.png) no-repeat left center;padding:7% 0 5% 0;} 
	.case-det .left .lx .you{width:67%;margin-left:33%;}
	.case-det .left .lx .you .rxdh{padding:0 0 8% 0;background:url(../images/case-det/hd-line.png) no-repeat left 78%;}
/*introduction*/
	.introduction{background:url(../images/case-det/ccenter-bj.png) no-repeat top center;background-size:100% 100%;padding:0 4% 2% 4%;}
	.introduction .box{padding:0 5%!important;width:90%;}
	.introduction .box p video,.introduction .box p iframe{width:80%;margin:2% 10%;height:540px!important;object-fit:fill;display:block;}
	.introduction p{font-size:18px;color:#333;line-height:36px;}
	.introduction .box ul li{margin:2.5% 0;padding-left:2.5%;background:url(../images/case-det/conter-1.png) no-repeat left center;}
	.introduction .box ul li span{font-size:18px;color:#333;padding-left:2%;background:url(../images/case-det/conter-2.png) no-repeat 1.2% center;}
	.introduction .box ul li:before{padding:0.25% 0;width:9%;display:inline-block;text-align:center;background:#16558a;border-radius:5px;font-size:18px;color:#fff;}
/*hot-pro*/
	.hot-pro ul{margin:0 -1.5%;}
	.hot-pro ul li{width:47%;padding:0 1.5%;float:left;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li img{width:65%;float:left;height:268px;}
	.hot-pro ul li div{width:31%;background:url(../images/case-det/p-bj.png) no-repeat;background-size:100% 100%;position:absolute;right:0;height:240px;padding:0 2%;margin:14px 0;}
	.hot-pro ul li div h3{font-size:24px;color:#fff;margin:10% 0 10% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul{margin-bottom:15%;}
	.hot-pro ul li div ul li{font-size:18px;color:#fff;width:100%;margin:8% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul li b{display:inline;}
	.hot-pro ul li div span{background:#f95a2a;border-radius:5px;font-size:18px;color:#fff;padding:2% 5%;}
/*client feedback*/
	.client{position:relative;z-index:1;background:#fff;}
	.client .khfk{background:url(../images/case-det/user-contact.png) no-repeat left center;}
	.client .khfk .right{width:82%;position:relative;margin-left:18%;}
	.client .khfk .right h3{background:url(../images/case-det/user-bt.jpg) no-repeat left center;margin:0;padding:1.1% 0 1.1% 1.5%;font-size:20px;color:#fff;}
	.client .khfk .right a{font-size:20px;color:#333;width:25%;position:absolute;right:0;top:13%;}
	.client .khfk .right a b{color:#f95a2a;}
	.client .khfk .right a:before{content:'';padding:0 7%;background:url(../images/case-det/tel-icon.png) no-repeat left center;}
	.client .khfk .right p{font-size:20px;color:#333;line-height:38px;margin:2.1% 0;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
	.banner{background:#012345;padding-bottom:2%;}
	.case-det{background:url(../images/case-det/bj.png) no-repeat;background-size:100% 100%;padding:2% 0 1% 2%;margin-top:2%;}
	.case-det .right{float:right;width:63.5%;padding:0.75% 0 0 0.75%;background:url(../images/case-det/case-kuang.png) no-repeat left top;background-size:100% 88%;}
	.case-det .right img{border-radius:30px;width:100%;}
	.case-det .right video,.case-det .right iframe{width:100%!important;height:534px!important;object-fit: fill;display:block;}
	.case-det .right ul li{width:22%;float:left;font-size:16px;color:#333;padding:1.5% 0 1.5% 3%;background:url(../images/case-det/case-ys.png) no-repeat left center;background-size:10% auto;}
	.case-det .left{float:left;width:33%;}
	.case-det .left h1{font-size:27px;color:#16558a;}
	.case-det .left ul li{font-size:16px;color:#333;margin:3.5% 0;padding-left:8%;}
	.case-det .left ul li:nth-child(1){background:url(../images/case-det/cs1.png) no-repeat left center;}
	.case-det .left ul li:nth-child(2){background:url(../images/case-det/cs2.png) no-repeat left center;}
	.case-det .left .liuyan{background:url(../images/case-det/msj-bj.png);background-size:100% 100%;padding:1% 4%;}
	.case-det .left .liuyan h3{font-size:18px;color:#333;font-weight:bold;font-family:HuXiaoBo-NanShen;margin:3% 0;}
	.case-det .left .liuyan h3 span{font-size:14px;color:#333;}
	.case-det .left .liuyan form{position:relative;}
	.case-det .left .liuyan form input{width:87.5%;padding:0 2% 0 10%;height:34px;border-radius:8px;border:1px solid #d4d4d4;margin-bottom:3%;font-size:15px;color:#777;}
	.case-det .left .liuyan form .name{background:url(../images/case-det/msj-name.png) no-repeat 3% center;}
	.case-det .left .liuyan form .tel{background:url(../images/case-det/msj-phone.png) no-repeat 3% center;}
	.case-det .left .liuyan form textarea{background:url(../images/case-det/msj-need.png) no-repeat 3% 6%;border-radius:8px;border:solid 1px #d4d4d4;max-width:64%;min-width:64%;min-height:72px;max-height:72px;padding:1% 1% 1% 10%;font-size:16px;color:#777;font-family:MicrosoftYaHei;}
	.case-det .left .liuyan form button{width:21.5%;height:80px;background:url(../images/case-det/msj-submit.png) no-repeat;background-size:100% 100%;border:0;}
	.case-det .left .lx{background:url(../images/case-det/hd-ewm.png) no-repeat left center;background-size:28% auto;padding:7% 0 5% 0;} 
	.case-det .left .lx .you{width:67%;margin-left:33%;}
	.case-det .left .lx .you img{width:100%;}
	.case-det .left .lx .you .rxdh{padding:0 0 8% 0;background:url(../images/case-det/hd-line.png) no-repeat left 78%;}
/*introduction*/
	.introduction{background:url(../images/case-det/ccenter-bj.png) no-repeat top center;background-size:100% 100%;padding:0 4% 2% 4%;}
	.introduction .box{padding:0 5%!important;width:90%;}
	.introduction .box p video,.introduction .box p iframe{width:90%!important;margin:2% 5%;height:480px!important;object-fit:fill;display:block;}
	.introduction p{font-size:16px;color:#333;line-height:36px;}
	.introduction .box ul li{margin:2% 0;padding-left:2.5%;background:url(../images/case-det/conter-1.png) no-repeat left center;}
	.introduction .box ul li span{font-size:16px;color:#333;padding-left:2%;background:url(../images/case-det/conter-2.png) no-repeat 1.2% center;}
	.introduction .box ul li:before{padding:0.25% 0;width:9%;display:inline-block;text-align:center;background:#16558a;border-radius:5px;font-size:16px;color:#fff;text-align:center;}
/*hot-pro*/
	.hot-pro ul{margin:0 -1.5%;}
	.hot-pro ul li{width:47%;padding:0 1.5%;float:left;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li img{width:65%;float:left;height:240px;}
	.hot-pro ul li div{width:31%;background:url(../images/case-det/p-bj.png) no-repeat;background-size:100% 100%;position:absolute;right:0;height:220px;padding:0 2%;margin:10px 0;}
	.hot-pro ul li div h3{font-size:20px;color:#fff;margin:14% 0 5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul{margin-bottom:62%!important;}
	.hot-pro ul li div ul li{font-size:16px;color:#fff;width:100%;margin:5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul li b{display:inline;}
	.hot-pro ul li div span{background:#f95a2a;border-radius:5px;font-size:16px;color:#fff;padding:2% 5%;}
/*client feedback*/
	.client{position:relative;z-index:1;background:#fff;}
	.client .khfk{background:url(../images/case-det/user-contact.png) no-repeat left top;background-size:18% auto;padding:1% 0;}
	.client .khfk .right{width:80%;position:relative;margin-left:20%;}
	.client .khfk .right h3{background:url(../images/case-det/user-bt.jpg) no-repeat left center;margin:0;padding:1.1% 0 1.1% 1.5%;font-size:18px;color:#fff;}
	.client .khfk .right a{font-size:18px;color:#333;width:29%;position:absolute;right:0;top:13%;}
	.client .khfk .right a b{color:#f95a2a;}
	.client .khfk .right a:before{content:'';padding:0 7%;background:url(../images/case-det/tel-icon.png) no-repeat left center;}
	.client .khfk .right p{font-size:16px;color:#333;line-height:42px;margin:2.1% 0;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner{background:#012345;padding-bottom:2%;}
	.case-det{background:url(../images/case-det/bj.png) no-repeat;background-size:100% 100%;padding:2% 0 1% 2%;margin-top:2%;}
	.case-det .right{float:right;width:63.5%;padding:0.75% 0 0 0.75%;background:url(../images/case-det/case-kuang.png) no-repeat left top;background-size:100% 82%;}
	.case-det .right img{border-radius:30px;width:100%;}
	.case-det .right video,.case-det .right iframe{width:100%!important;height:362px!important;object-fit: fill;display:block;}
	.case-det .right ul li{width:22%;float:left;font-size:12px;color:#333;padding:1.5% 0 1.5% 3%;background:url(../images/case-det/case-ys.png) no-repeat left center;background-size:10% auto;}
	.case-det .left{float:left;width:33%;}
	.case-det .left h1{font-size:24px;color:#16558a;}
	.case-det .left ul li{font-size:15px;color:#333;margin:3.5% 0;padding-left:8%;}
	.case-det .left ul li:nth-child(1){background:url(../images/case-det/cs1.png) no-repeat left center;background-size:6% auto;}
	.case-det .left ul li:nth-child(2){background:url(../images/case-det/cs2.png) no-repeat left center;background-size:6% auto;}
	.case-det .left .liuyan{background:url(../images/case-det/msj-bj.png);background-size:100% 100%;padding:1% 4%;}
	.case-det .left .liuyan h3{font-size:16px;color:#333;font-weight:bold;font-family:HuXiaoBo-NanShen;margin:3% 0;}
	.case-det .left .liuyan h3 span{font-size:13px;color:#333;display:none;}
	.case-det .left .liuyan form{position:relative;}
	.case-det .left .liuyan form input{width:87.5%;padding:0 2% 0 10%;height:27px;border-radius:8px;border:1px solid #d4d4d4;margin-bottom:3%;font-size:15px;color:#777;}
	.case-det .left .liuyan form .name{background:url(../images/case-det/msj-name.png) no-repeat 3% center;background-size:6% auto;}
	.case-det .left .liuyan form .tel{background:url(../images/case-det/msj-phone.png) no-repeat 3% center;background-size:6% auto;}
	.case-det .left .liuyan form textarea{background:url(../images/case-det/msj-need.png) no-repeat 3% 6%;background-size:8% auto;border-radius:8px;border:solid 1px #d4d4d4;max-width:64%;min-width:64%;min-height:60px;max-height:60px;padding:1% 1% 1% 10%;font-size:16px;color:#777;font-family:MicrosoftYaHei;}
	.case-det .left .liuyan form button{width:21.5%;height:68px;background:url(../images/case-det/msj-submit.png) no-repeat;background-size:100% 100%;border:0;}
	.case-det .left .lx{background:url(../images/case-det/hd-ewm.png) no-repeat left center;background-size:28% auto;padding:7% 0 5% 0;} 
	.case-det .left .lx .you{width:67%;margin-left:33%;}
	.case-det .left .lx .you img{width:100%;}
	.case-det .left .lx .you .rxdh{padding:0 0 8% 0;background:url(../images/case-det/hd-line.png) no-repeat left 78%;}
/*introduction*/
	.introduction{background:#eee;background-size:100% 100%;padding:0 4% 2% 4%;}
	.introduction p{font-size:15px;color:#333;line-height:30px;}
	.introduction .box p video,.introduction .box p iframe{width:90%!important;margin:2% 5%;height:480px!important;object-fit:fill;display:block;}
	.introduction .box ul li{margin:2% 0;padding-left:4%;background:url(../images/case-det/conter-1.png) no-repeat left center;}
	.introduction .box ul li span{font-size:15px;color:#333;padding-left:3%;background:url(../images/case-det/conter-2.png) no-repeat 1.2% center;}
	.introduction .box ul li:before{padding:0.25% 0;width:9%;display:inline-block;text-align:center;background:#16558a;border-radius:5px;font-size:15px;color:#fff;text-align:center;}
/*hot-pro*/
	.hot-pro ul{margin:0 -1.5%;}
	.hot-pro ul li{width:47%;padding:0 1.5%;float:left;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li img{width:60%;float:left;height:190px;}
	.hot-pro ul li div{width:36%;background:url(../images/case-det/p-bj.png) no-repeat;background-size:100% 100%;position:absolute;right:0;height:160px;padding:0 2%;margin:15px 0;}
	.hot-pro ul li div h3{font-size:18px;color:#fff;margin:10% 0 5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul{margin-bottom:62%!important;}
	.hot-pro ul li div ul li{font-size:14px;color:#fff;width:100%;margin:2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul li b{display:block;font-size:15px;}
	.hot-pro ul li div span{background:#f95a2a;border-radius:5px;font-size:16px;color:#fff;padding:2% 5%;display:none;}
/*client feedback*/
	.client{position:relative;z-index:1;background:#fff;}
	.client .khfk{background:url(../images/case-det/user-contact.png) no-repeat left top;background-size:17% auto;padding:1% 0;}
	.client .khfk .right{width:80%;position:relative;margin-left:20%;}
	.client .khfk .right h3{background:url(../images/case-det/user-bt.jpg) no-repeat left center;margin:0;padding:1.1% 0 1.1% 1.5%;font-size:16px;color:#fff;}
	.client .khfk .right a{font-size:16px;color:#333;width:29%;position:absolute;right:0;top:5%;}
	.client .khfk .right a b{color:#f95a2a;}
	.client .khfk .right a:before{content:'';padding:0 7%;background:url(../images/case-det/tel-icon.png) no-repeat left center;background-size:70% auto;}
	.client .khfk .right p{font-size:15px;color:#333;line-height:34px;margin:2.5% 0;}
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.banner{background:#012345;padding-bottom:2%;}
	.case-det{background:url(../images/case-det/bj.png) no-repeat;background-size:100% 100%;padding:2% 0 1% 2%;margin-top:2%;}
	.case-det .right{float:right;width:63.5%;padding:0.75% 0 0 0.75%;background:url(../images/case-det/case-kuang.png) no-repeat left top;background-size:100% 82%;}
	.case-det .right img{border-radius:30px;width:100%;}
	.case-det .right video,.case-det .right iframe{width:100%!important;height:280px!important;object-fit: fill;display:block;}
	.case-det .right ul{display:none;}
	.case-det .right ul li{width:22%;float:left;font-size:12px;color:#333;padding:1.5% 0 1.5% 3%;background:url(../images/case-det/case-ys.png) no-repeat left center;background-size:10% auto;}
	.case-det .left{float:left;width:33%;}
	.case-det .left h1{font-size:16px;color:#16558a;}
	.case-det .left ul li{font-size:14px;color:#333;margin:3.5% 0;padding-left:8%;}
	.case-det .left ul li:nth-child(1){background:url(../images/case-det/cs1.png) no-repeat left center;background-size:6% auto;}
	.case-det .left ul li:nth-child(2){background:url(../images/case-det/cs2.png) no-repeat left center;background-size:6% auto;}
	.case-det .left .liuyan{background:url(../images/case-det/msj-bj.png);background-size:100% 100%;padding:1% 4%;}
	.case-det .left .liuyan h3{font-size:14px;color:#333;font-weight:bold;font-family:HuXiaoBo-NanShen;margin:3% 0;}
	.case-det .left .liuyan h3 span{font-size:13px;color:#333;display:none;}
	.case-det .left .liuyan form{position:relative;}
	.case-det .left .liuyan form input{width:87.5%;padding:0 2% 0 10%;height:27px;border-radius:8px;border:1px solid #d4d4d4;margin-bottom:3%;font-size:15px;color:#777;}
	.case-det .left .liuyan form .name{background:url(../images/case-det/msj-name.png) no-repeat 3% center;background-size:6% auto;}
	.case-det .left .liuyan form .tel{background:url(../images/case-det/msj-phone.png) no-repeat 3% center;background-size:6% auto;}
	.case-det .left .liuyan form textarea{background:url(../images/case-det/msj-need.png) no-repeat 3% 6%;background-size:8% auto;border-radius:8px;border:solid 1px #d4d4d4;max-width:64%;min-width:64%;min-height:60px;max-height:60px;padding:1% 1% 1% 10%;font-size:16px;color:#777;font-family:MicrosoftYaHei;}
	.case-det .left .liuyan form button{width:21.5%;height:68px;background:url(../images/case-det/msj-submit.png) no-repeat;background-size:100% 100%;border:0;}
	.case-det .left .lx{background:url(../images/case-det/hd-ewm.png) no-repeat left center;background-size:28% auto;padding:7% 0 5% 0;display:none;} 
	.case-det .left .lx .you{width:67%;margin-left:33%;}
	.case-det .left .lx .you img{width:100%;}
	.case-det .left .lx .you .rxdh{padding:0 0 8% 0;background:url(../images/case-det/hd-line.png) no-repeat left 78%;}
/*introduction*/
	.introduction{background:#eee;background-size:100% 100%;padding:0 4% 2% 4%;}
	.introduction p{font-size:15px;color:#333;line-height:30px;}
	.introduction .box p video,.introduction .box p iframe{width:90%!important;margin:2% 5%;height:420px!important;object-fit:fill;display:block;}
	.introduction .box ul li{margin:2% 0;padding-left:4%;background:url(../images/case-det/conter-1.png) no-repeat left center;}
	.introduction .box ul li span{font-size:15px;color:#333;padding-left:3%;background:url(../images/case-det/conter-2.png) no-repeat 1.2% center;}
	.introduction .box ul li:before{padding:0.25% 0;width:9%;display:inline-block;text-align:center;background:#16558a;border-radius:5px;font-size:15px;color:#fff;text-align:center;}
/*hot-pro*/
	.hot-pro ul{margin:0 -1.5%;}
	.hot-pro ul li{width:47%;padding:0 1.5%;float:left;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li img{width:60%;float:left;height:140px;}
	.hot-pro ul li div{width:36%;background:url(../images/case-det/p-bj.png) no-repeat;background-size:100% 100%;position:absolute;right:0;height:120px;padding:0 2%;margin:10px 0;}
	.hot-pro ul li div h3{font-size:15px;color:#fff;margin:5% 0 2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul{margin-bottom:62%!important;}
	.hot-pro ul li div ul li{font-size:14px;color:#fff;width:100%;margin:2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul li b{display:block;font-size:14px;}
	.hot-pro ul li div span{background:#f95a2a;border-radius:5px;font-size:15px;color:#fff;padding:2% 5%;display:none;}
/*client feedback*/
	.client{position:relative;z-index:1;background:#fff;}
	.client .khfk{background:url(../images/case-det/user-contact.png) no-repeat left top;background-size:20% auto;padding:1% 0;}
	.client .khfk .right{width:78%;position:relative;margin-left:22%;}
	.client .khfk .right h3{background:url(../images/case-det/user-bt.jpg) no-repeat left center;background-size:40% auto;margin:0;padding:1.1% 0 1.1% 1.5%;font-size:15px;color:#fff;}
	.client .khfk .right a{font-size:15px;color:#333;width:37%;position:absolute;right:0;top:5%;}
	.client .khfk .right a b{color:#f95a2a;}
	.client .khfk .right a:before{content:'';padding:0 7%;background:url(../images/case-det/tel-icon.png) no-repeat left center;background-size:70% auto;}
	.client .khfk .right p{font-size:15px;color:#333;line-height:24px;margin:1% 0;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner{background:#012345;padding-bottom:2%;}
	.case-det{padding:2% 2% 1% 2%;margin-top:2%;}
	.case-det .right{width:99%;padding:0.75% 0 0 0.75%;}
	.case-det .right img{border-radius:30px;width:100%;display:block;}
	.case-det .right video,.case-det .right iframe{width:100%!important;height:4.2rem!important;object-fit: fill;display:block;}
	.case-det .right ul{display:none;}
	.case-det .right ul li{width:22%;float:left;font-size:12px;color:#333;padding:1.5% 0 1.5% 3%;background:url(../images/case-det/case-ys.png) no-repeat left center;background-size:10% auto;}
	.case-det .left{width:100%;}
	.case-det .left h1{font-size:0.36rem;color:#fff;}
	.case-det .left ul li{font-size:0.27rem;color:#fff;margin:5% 0;padding-left:8%;}
	.case-det .left ul li:nth-child(1){background:url(../images/case-det/cs1.png) no-repeat left center;background-size:5% auto;}
	.case-det .left ul li:nth-child(2){background:url(../images/case-det/cs2.png) no-repeat left center;background-size:5% auto;}
	.case-det .left .liuyan{background:url(../images/case-det/msj-bj.png);background-size:100% 100%;padding:1% 4% 6% 4%;font-size:0;}
	.case-det .left .liuyan h3{font-size:0.32rem;color:#333;font-weight:bold;font-family:HuXiaoBo-NanShen;margin:3% 0;}
	.case-det .left .liuyan h3 span{font-size:13px;color:#333;display:none;}
	.case-det .left .liuyan form{position:relative;}
	.case-det .left .liuyan form input{width:87.5%;padding:0 2% 0 10%;height:0.65rem;border-radius:0.1rem;border:1px solid #d4d4d4;margin-bottom:3%;font-size:0.27rem;color:#777;}
	.case-det .left .liuyan form .name{background:url(../images/case-det/msj-name.png) no-repeat 3% center;background-size:5.5% auto;}
	.case-det .left .liuyan form .tel{background:url(../images/case-det/msj-phone.png) no-repeat 3% center;background-size:5.5% auto;}
	.case-det .left .liuyan form textarea{background:url(../images/case-det/msj-need.png) no-repeat 3% 6%;background-size:8% auto;border-radius:8px;border:solid 1px #d4d4d4;max-width:60%;min-width:60%;min-height:1.5rem;max-height:2rem;padding:1% 2% 1% 10%;font-size:0.27rem;color:#777;font-family:MicrosoftYaHei;}
	.case-det .left .liuyan form button{width:25%;margin-left:2%;height:1.5rem;background:url(../images/case-det/msj-submit.png) no-repeat;background-size:100% 100%;border:0;}
	.case-det .left .lx{background:url(../images/case-det/hd-ewm.png) no-repeat left center;background-size:28% auto;padding:7% 0 5% 0;display:none;} 
	.case-det .left .lx .you{width:67%;margin-left:33%;}
	.case-det .left .lx .you img{width:100%;}
	.case-det .left .lx .you .rxdh{padding:0 0 8% 0;background:url(../images/case-det/hd-line.png) no-repeat left 78%;}
/*introduction*/
	.introduction{background:#eee;background-size:100% 100%;padding:0 2% 2% 2%;}
	.introduction p{font-size:0.27rem;color:#333;line-height:0.42rem;}
	.introduction .box p video,.introduction .box p iframe{width:100%!important;margin:2% 0;height:4.5rem!important;object-fit:fill;display:block;}
	.introduction .box ul li{margin:2.5% 0;font-size:0;}
	.introduction .box ul li span{font-size:0.27rem;color:#333;background:url(../images/case-det/conter-2.png) no-repeat 1% center;padding-left:6%;line-height:0.42rem;}
	.introduction .box ul li:before{padding:0.75% 0;width:20%;display:inline-block;text-align:center;background:#16558a;border-radius:5px;font-size:0.27rem;color:#fff;text-align:center;}
/*hot-pro*/
	.hot-pro{padding:0 2%;}
	.hot-pro ul{margin:0 -1.5%;}
	.hot-pro ul li{width:97%;padding:0 1.5%;float:left;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li img{width:48%;float:left;height:2rem;}
	.hot-pro ul li div{width:48%;background:url(../images/case-det/p-bj.png) no-repeat;background-size:100% 100%;position:absolute;right:0;height:1.7rem;padding:0 2%;margin:0.15rem 0;}
	.hot-pro ul li div h3{font-size:0.3rem;color:#fff;margin:6% 0 2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul{margin-bottom:62%!important;}
	.hot-pro ul li div ul li{font-size:0.27rem;color:#fff;width:100%;margin:1.5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.hot-pro ul li div ul li b{font-size:0.27rem;}
	.hot-pro ul li div span{background:#f95a2a;border-radius:5px;font-size:15px;color:#fff;padding:2% 5%;display:none;}
/*client feedback*/
	.client{position:relative;z-index:1;background:#fff;padding:0 2%;}
	.client .khfk{background:url(../images/case-det/user-contact.png) no-repeat left top;background-size:30% auto;padding:1% 0;}
	.client .khfk .right{width:68%;position:relative;margin-left:32%;}
	.client .khfk .right h3{background:url(../images/case-det/user-bt.jpg) no-repeat left center;background-size:50% 100%;margin:0;padding:2% 0 2% 1.5%;font-size:0.3rem;color:#fff;}
	.client .khfk .right a{font-size:15px;color:#333;width:37%;position:absolute;right:0;top:5%;display:none;}
	.client .khfk .right a b{color:#f95a2a;}
	.client .khfk .right a:before{content:'';padding:0 7%;background:url(../images/case-det/tel-icon.png) no-repeat left center;background-size:70% auto;}
	.client .khfk .right p{font-size:0.27rem;color:#333;line-height:0.42rem;margin:3% 0;}
}