@charset "utf-8";
/* CSS Document */
.list-w .list li a h3{color:#333;}

@media screen and (min-width: 1400px)  {
/*banner*/
	.banner-bj{background:url(../images/products/bj.png) no-repeat;}
	.banner .bread{padding:1.5% 0 1.5% 2%;background:url(../images/products/current-icon.png) no-repeat left center;border-bottom:1px solid rgba(255,255,255,0.22);}
	.banner ul{margin:1% -1% 0 -1%;}
	.banner ul li{width:23%;padding:0 1%;float:left;margin:0.6% 0;}
	.banner ul li a{width:90%;background:url(../images/products/nav-bj.png) no-repeat;background-size:100% auto;padding:5.6% 5%;position:relative;}
	.banner ul li:hover a span{color:#f8b551;}
	.banner ul li a span{font-size:18px;color:#333;width:85%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.banner ul li a i{padding:7% 7%;position:absolute;right:2.5%;top:10%;background:url(../images/products/nav-bj-jt.png) no-repeat center;}
	.banner ul .last a{background:0!important;padding:0;width:100%;}
	.banner ul .last a img{width:80%;margin:0 10%;}
/*product*/
/*	.product{margin-bottom:3%;}*/
	.list-w .tit{position:relative;margin-top:4%;margin-bottom:2%;}
	.list-w .tit h1{font-size:24px;color:#fff;background:url(../images/case/bt-bj.png) no-repeat;background-size:100% 100%;width:31%;padding:1.15% 0;text-align:center;position:absolute;left:0;bottom:0;margin:0;}
	.list-w .tit h1 i{padding:0 4%;background:url(../images/case/bt-icon.png) no-repeat left center;background-size:80% auto;}
	.list-w .tit ul{width:75%;background:#f2f2f2;padding:0.36% 0;margin-left:3%;}
	.list-w .tit ul li{padding:0.5% 0 0.5% 3%;float:left;}
	.list-w .tit ul li a{font-size:16px;color:#333;}
	.list-w .tit ul li span{color:#0b74b7;}
	.list-w .tit ul li.app{background:url(../images/case/bt-hd-whatsapp.png) no-repeat left center;border-right:1px dashed #999;margin-right:1.5%;margin-left:38%;width:26%;}
	.list-w .tit ul li.mail{background:url(../images/case/bt-hd-email.png) no-repeat left center;width:28%;}
	.list-w .tit .quote{position:absolute;right:0;top:0;}
	.list-w .list{margin:0 -0.5%;}
	.list-w .list li{width:24%;padding:0 0.5%;float:left;margin-bottom:2%;}
	.list-w .list li a{width:96%;background:#f5f5f5;border:1px solid #eee;padding:2%;}
	.list-w .list li a .tu{border-radius:8px;overflow:hidden;position:relative;}
	.list-w .list li a .tu .mask{background:rgba(17,53,74,0.66);left:0;right:0;width:100%;height:100%;position:absolute;top:0;display:none;}
	.list-w .list li a .tu .mask div{position:absolute;left:0;right:0;top:35%;}
	.list-w .list li a .tu .mask div i{display:block;height:35px;background:url(../images/case/case-details.png) no-repeat center;}
	.list-w .list li a .tu .mask div span{display:block;font-size:16px;color:#fff;text-align:center;width:99%;margin-top:2%;}
	.list-w .list li a h3{background:url(../images/products/p-jt.png) no-repeat right 10%;margin:3% 0;}
	.list-w .list li a h3 span{font-size:16px;color:#333;display:block;width:90%;height:44px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.list-w .list li a p{font-size:16px;color:#333;}
	.list-w .list li a p b{color:#f8b551;}
	.list-w .list li a:hover{box-shadow: 0px 0px 10px 0px rgba(1, 25, 45, 0.26);}
	.list-w .list li a:hover .tu .mask{display:block;}
	.list-w .list li a:hover h3{background:url(../images/products/p-jt2.png) no-repeat right 10%;}
	.list-w .list li a:hover h3 span{color:#f8b551;}
	.list-w .more,.list-w .more1{background:#dff1fb;padding:1.5% 0;text-align:center;font-size:16px;color:#333;}
	.list-w .more i{padding:0 2%;background:url(../images/case/zk.gif) no-repeat center;}
	.list-w .more1 i{padding:0 2%;background:url(../images/case/spread-top.gif) no-repeat center;}
	.yc{display:none;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/products/bj.png) no-repeat;}
	.banner .bread{padding:1.5% 0 1.5% 2%;background:url(../images/products/current-icon.png) no-repeat left center;border-bottom:1px solid rgba(255,255,255,0.22);}
	.banner ul{margin:1% -1% 0 -1%;}
	.banner ul li{width:23%;padding:0 1%;float:left;margin:0.6% 0;}
	.banner ul li a{width:90%;background:url(../images/products/nav-bj.png) no-repeat;background-size:100% auto;padding:5.6% 5%;position:relative;}
	.banner ul li:hover a span{color:#f8b551;}
	.banner ul li a span{font-size:16px;color:#333;width:85%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.banner ul li a i{padding:7% 7%;position:absolute;right:2.5%;top:10%;background:url(../images/products/nav-bj-jt.png) no-repeat center;background-size:100% auto;}
	.banner ul .last a{background:0!important;padding:0;width:100%;}
	.banner ul .last a img{width:80%;margin:0 10%;}
/*product*/
	.product{margin-bottom:3%;}
	.list-w .tit{position:relative;margin-top:4%;margin-bottom:2%;}
	.list-w .tit h1{font-size:21px;color:#fff;background:url(../images/case/bt-bj.png) no-repeat;background-size:100% 100%;width:24%;padding:1.15% 0;text-align:center;position:absolute;left:0;bottom:0;margin:0;}
	.list-w .tit h1 i{padding:0 4%;background:url(../images/case/bt-icon.png) no-repeat left center;background-size:80% auto;}
	.list-w .tit ul{width:75%;background:#f2f2f2;padding:0.36% 0;margin-left:3%;}
	.list-w .tit ul li{padding:0.5% 0 0.5% 3%;float:left;}
	.list-w .tit ul li a{font-size:15px;color:#333;}
	.list-w .tit ul li span{color:#0b74b7;}
	.list-w .tit ul li.app{background:url(../images/case/bt-hd-whatsapp.png) no-repeat left center;border-right:1px dashed #999;margin-right:1.5%;margin-left:30%;width:29%;}
	.list-w .tit ul li.mail{background:url(../images/case/bt-hd-email.png) no-repeat left center;width:31%;}
	.list-w .tit .quote{position:absolute;right:0;top:-5%;}
	.list-w .tit .quote img{width:100%;}
	.list-w .list{margin:0 -0.5%;}
	.list-w .list li{width:24%;padding:0 0.5%;float:left;margin-bottom:2%;}
	.list-w .list li a{width:96%;background:#f5f5f5;border:1px solid #eee;padding:2%;}
	.list-w .list li a .tu{border-radius:8px;overflow:hidden;position:relative;}
	.list-w .list li a .tu .mask{background:rgba(17,53,74,0.66);left:0;right:0;width:100%;height:100%;position:absolute;top:0;display:none;}
	.list-w .list li a .tu .mask div{position:absolute;left:0;right:0;top:35%;}
	.list-w .list li a .tu .mask div i{display:block;height:35px;background:url(../images/case/case-details.png) no-repeat center;background-size:11% auto;}
	.list-w .list li a .tu .mask div span{display:block;font-size:15px;color:#fff;text-align:center;width:99%;margin-top:2%;}
	.list-w .list li a h3{background:url(../images/products/p-jt.png) no-repeat right 10%;margin:3% 0;}
	.list-w .list li a h3 span{font-size:15px;color:#333;display:block;width:90%;height:44px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.list-w .list li a p{font-size:15px;color:#333;}
	.list-w .list li a p b{color:#f8b551;}
	.list-w .list li a:hover{box-shadow: 0px 0px 10px 0px rgba(1, 25, 45, 0.26);}
	.list-w .list li a:hover .tu .mask{display:block;}
	.list-w .list li a:hover h3{background:url(../images/products/p-jt2.png) no-repeat right 10%;}
	.list-w .list li a:hover h3 span{color:#f8b551;}
	.list-w .more,.list-w .more1{background:#dff1fb;padding:1.5% 0;text-align:center;font-size:16px;color:#333;}
	.list-w .more i{padding:0 2%;background:url(../images/case/zk.gif) no-repeat center;}
	.list-w .more1 i{padding:0 2%;background:url(../images/case/spread-top.gif) no-repeat center;}
	.yc{display:none;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner-bj{background:url(../images/products/bj.png) no-repeat;background-size:100% auto;}
	.banner .bread{padding:1.5% 0 1.5% 3%;background:url(../images/products/current-icon.png) no-repeat left center;border-bottom:1px solid rgba(255,255,255,0.22);}
	.banner ul{margin:1% -1% 0 -1%;}
	.banner ul li{width:23%;padding:0 1%;float:left;margin:0.6% 0;}
	.banner ul li a{width:90%;background:url(../images/products/nav-bj.png) no-repeat;background-size:100% auto;padding:5.6% 5%;position:relative;}
	.banner ul li:hover a span{color:#f8b551;}
	.banner ul li a span{font-size:15px;color:#333;width:85%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.banner ul li a i{padding:7% 7%;position:absolute;right:2.5%;top:10%;background:url(../images/products/nav-bj-jt.png) no-repeat center;background-size:100% auto;}
	.banner ul .last a{background:0!important;padding:0;width:100%;}
	.banner ul .last a img{width:80%;margin:0 10%;}
/*product*/
	.product{margin-bottom:3%;}
	.list-w .tit{position:relative;margin-top:4%;margin-bottom:2%;}
	.list-w .tit h1{font-size:18px;color:#fff;background:url(../images/case/bt-bj.png) no-repeat;background-size:100% 100%;width:18%;padding:1.15% 0;text-align:center;position:absolute;left:0;bottom:0;margin:0;}
	.list-w .tit h1 i{padding:0 4%;background:url(../images/case/bt-icon.png) no-repeat left center;background-size:80% auto;}
	.list-w .tit ul{width:75%;background:#f2f2f2;padding:0.36% 0;margin-left:3%;}
	.list-w .tit ul li{padding:0.5% 0 0.5% 3%;float:left;}
	.list-w .tit ul li a{font-size:14px;color:#333;}
	.list-w .tit ul li span{color:#0b74b7;}
	.list-w .tit ul li.app{background:url(../images/case/bt-hd-whatsapp.png) no-repeat left center;background-size:7% auto;border-right:1px dashed #999;margin-right:1.5%;margin-left:22%;width:33%;}
	.list-w .tit ul li.mail{background:url(../images/case/bt-hd-email.png) no-repeat left center;width:36%;background-size:6% auto;}
	.list-w .tit .quote{position:absolute;right:0;top:0;width:11%;}
	.list-w .tit .quote img{width:100%;}
	.list-w .list{margin:0 -0.5%;}
	.list-w .list li{width:24%;padding:0 0.5%;float:left;margin-bottom:2%;}
	.list-w .list li a{width:96%;background:#f5f5f5;border:1px solid #eee;padding:2%;}
	.list-w .list li a .tu{border-radius:8px;overflow:hidden;position:relative;}
	.list-w .list li a .tu .mask{background:rgba(17,53,74,0.66);left:0;right:0;width:100%;height:100%;position:absolute;top:0;display:none;}
	.list-w .list li a .tu .mask div{position:absolute;left:0;right:0;top:35%;}
	.list-w .list li a .tu .mask div i{display:block;height:35px;background:url(../images/case/case-details.png) no-repeat center;background-size:11% auto;}
	.list-w .list li a .tu .mask div span{display:block;font-size:15px;color:#fff;text-align:center;width:99%;margin-top:2%;}
	.list-w .list li a h3{background:url(../images/products/p-jt.png) no-repeat right 10%;background-size:8% auto;margin:3% 0;}
	.list-w .list li a h3 span{font-size:14px;color:#333;display:block;width:90%;height:40px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.list-w .list li a p{font-size:15px;color:#333;}
	.list-w .list li a p b{color:#f8b551;}
	.list-w .list li a:hover{box-shadow: 0px 0px 10px 0px rgba(1, 25, 45, 0.26);}
	.list-w .list li a:hover .tu .mask{display:block;}
	.list-w .list li a:hover h3{background:url(../images/products/p-jt2.png) no-repeat right 10%;background-size:8% auto;}
	.list-w .list li a:hover h3 span{color:#f8b551;}
	.list-w .more,.list-w .more1{background:#dff1fb;padding:1.5% 0;text-align:center;font-size:16px;color:#333;}
	.list-w .more i{padding:0 2%;background:url(../images/case/zk.gif) no-repeat center;}
	.list-w .more1 i{padding:0 2%;background:url(../images/case/spread-top.gif) no-repeat center;}
	.yc{display:none;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
	.banner-bj{background:url(../images/products/bj.png) no-repeat;background-size:100% auto;}
	.banner .bread{padding:1.5% 0 1.5% 3%;background:url(../images/products/current-icon.png) no-repeat left center;background-size:2.5% auto;border-bottom:1px solid rgba(255,255,255,0.22);}
	.banner ul{margin:1% -1% 0 -1%;}
	.banner ul li{width:23%;padding:0 1%;float:left;margin:0.6% 0;}
	.banner ul li a{width:90%;background:url(../images/products/nav-bj.png) no-repeat;background-size:100% 100%;padding:5.6% 5%;position:relative;}
	.banner ul li:hover a span{color:#f8b551;}
	.banner ul li a span{font-size:14px;color:#333;width:85%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.banner ul li a i{padding:7% 7%;position:absolute;right:2.5%;top:20%;background:url(../images/products/nav-bj-jt.png) no-repeat 80% center;background-size:100% auto;}
	.banner ul .last a{background:0!important;padding:0;width:100%;}
	.banner ul .last a img{width:90%;margin:0 5%;}
/*product*/
	.product{margin-bottom:3%;}
	.list-w .tit{position:relative;margin-top:4%;margin-bottom:2%;}
	.list-w .tit h1{font-size:15px;color:#fff;background:url(../images/case/bt-bj.png) no-repeat;background-size:100% 100%;width:36%;padding:1.5% 0;text-align:center;position:absolute;left:0;bottom:0;margin:0;}
	.list-w .tit h1 i{padding:0 4%;background:url(../images/case/bt-icon.png) no-repeat left center;background-size:80% auto;}
	.list-w .tit ul{width:72%;background:#f2f2f2;padding:0.29% 0;margin-left:3%;}
	.list-w .tit ul li{padding:0.5% 0 0.5% 4%;float:left;}
	.list-w .tit ul li a{font-size:14px;color:#333;}
	.list-w .tit ul li span{color:#0b74b7;}
	.list-w .tit ul li.app{background:url(../images/case/bt-hd-whatsapp.png) no-repeat left center;background-size:7% auto;margin-left:52%;width:43%;}
	.list-w .tit ul li.mail{background:url(../images/case/bt-hd-email.png) no-repeat left center;background-size:8.5% auto;width:25%;display:none;}
	.list-w .tit .quote{position:absolute;right:0;top:-15%;width:15%;}
	.list-w .tit .quote img{width:100%;}
	.list-w .list{margin:0 -0.5%;}
	.list-w .list li{width:24%;padding:0 0.5%;float:left;margin-bottom:2%;}
	.list-w .list li a{width:96%;background:#f5f5f5;border:1px solid #eee;padding:2%;}
	.list-w .list li a .tu{border-radius:8px;overflow:hidden;position:relative;}
	.list-w .list li a .tu .mask{background:rgba(17,53,74,0.66);left:0;right:0;width:100%;height:100%;position:absolute;top:0;display:none;}
	.list-w .list li a .tu .mask div{position:absolute;left:0;right:0;top:35%;}
	.list-w .list li a .tu .mask div i{display:block;height:35px;background:url(../images/case/case-details.png) no-repeat center;background-size:11% auto;}
	.list-w .list li a .tu .mask div span{display:block;font-size:15px;color:#fff;text-align:center;width:99%;margin-top:2%;}
	.list-w .list li a h3{background:url(../images/products/p-jt.png) no-repeat right 20%;background-size:8% auto;margin:3% 0;}
	.list-w .list li a h3 span{font-size:13px;color:#333;display:block;width:90%;height:36px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.list-w .list li a p{font-size:12px;color:#333;}
	.list-w .list li a p b{color:#f8b551;}
	.list-w .list li a:hover{box-shadow: 0px 0px 10px 0px rgba(1, 25, 45, 0.26);}
	.list-w .list li a:hover .tu .mask{display:block;}
	.list-w .list li a:hover h3{background:url(../images/products/p-jt2.png) no-repeat right 20%;background-size:8% auto;}
	.list-w .list li a:hover h3 span{color:#f8b551;}
	.list-w .more,.list-w .more1{background:#dff1fb;padding:1.5% 0;text-align:center;font-size:14px;color:#333;}
	.list-w .more i{padding:0 2%;background:url(../images/case/zk.gif) no-repeat center;}
	.list-w .more1 i{padding:0 2%;background:url(../images/case/spread-top.gif) no-repeat center;}
	.yc{display:none;}
}

@media screen and (max-width: 768px) {
/*banner*/
	.banner-bj{background:url(../images/products/bj.png) no-repeat;background-size:100% auto;}
	.banner ul{margin:2% 0;display:none;}
	.banner ul li{width:14.2%;float:left;}
	.banner ul li a{width:100%;text-align:center;font-size:0.25rem;color:#333;padding:12% 0 14% 0;background:url(../images/case/bt-hd-line.png) no-repeat right center;}
	.banner ul li a:hover{color:#f8b551;}
	.banner ul li.last a{background:0;}
/*product*/
	.product{margin-bottom:3%;}
	.list-w .tit{margin:4% auto 2% auto;position:relative;}
	.list-w .tit h1{font-size:0.27rem;color:#fff;background:url(../images/case/bt-bj.png) no-repeat;background-size:100% 100%;width:40%;padding:1.5% 0;text-align:center;}
	.list-w .tit h1 i{padding:0 4%;background:url(../images/case/bt-icon.png) no-repeat left center;background-size:80% auto;display:none;}
	.list-w .tit ul{width:80%;background:#f2f2f2;padding:0.29% 0;margin-left:3%;}
	.list-w .tit ul li{padding:0.5% 0 0.5% 4%;float:left;}
	.list-w .tit ul li a{font-size:14px;color:#333;}
	.list-w .tit ul li span{color:#0b74b7;}
	.list-w .tit ul li.app{background:url(../images/case/bt-hd-whatsapp.png) no-repeat left center;background-size:5% auto;margin-left:45%;width:55%;display:none;}
	.list-w .tit ul li.mail{background:url(../images/case/bt-hd-email.png) no-repeat left center;background-size:8.5% auto;width:25%;display:none;}
	.list-w .tit .quote{position:absolute;right:0;top:5%;width:24%;}
	.list-w .tit .quote img{width:100%;}
	.list-w .list{margin:0 -1.5%;overflow:hidden;padding:0 2%;}
	.list-w .list li{width:47%;padding:0 1.5%;float:left;margin-bottom:3%;}
	.list-w .list li a{width:100%;background:url(../images/case/case-bj2.png);padding:3.5% 0 0 0;position:relative;}
	.list-w .list li a .tu{border-radius:30px 8px 8px 8px;overflow:hidden;position:relative;width:90%;}
	.list-w .list li a .tu .mask{background:rgba(17,53,74,0.66);left:0;right:0;width:100%;height:100%;position:absolute;top:0;display:none;}
.list-w .list li: hover a .tu .mask{display:none;}
	.list-w .list li a .tu .mask div{position:absolute;left:0;right:0;top:35%;}
	.list-w .list li a .tu .mask div i{display:block;height:35px;background:url(../images/case/case-details.png) no-repeat center;background-size:12% auto;}
	.list-w .list li a .tu .mask div span{display:block;font-size:0.25rem;color:#fff;text-align:center;width:99%;margin-top:2%;}
	.list-w .list li .wz-w{padding-bottom:2px;width:96%;margin:0 3%;position:absolute;top:76%;}
	.list-w .list li .wz{background:url(../images/case/case-bt-bj.png) no-repeat;background-size:100% 100%;}
	.list-w .list li a h3{margin:2% 0 0 0;font-size:0.24rem;color:#333;display:block;width:92%;height:0.7rem;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;padding:0 3%;}
	
	.list-w .list li a p{font-size:0.25rem;color:#333;padding:1% 0 1% 7%;width:89%;margin:0 3%;display:none;}
	.list-w .list li a p.add{background:url(../images/case/location.png) no-repeat left center;}
	.list-w .list li a p.cn{background:url(../images/case/capacity.png) no-repeat left center;}
	.list-w .list li a:hover .tu .mask{display:block;}
	.list-w .list li a:hover h3{color:#f8b551;}
	.list-w .more,.list-w .more1{background:#dff1fb;padding:1.5% 0;text-align:center;font-size:0.25rem;color:#333;}
	.list-w .more i{padding:0 2%;background:url(../images/case/zk.gif) no-repeat center;}
	.list-w .more1 i{padding:0 2%;background:url(../images/case/spread-top.gif) no-repeat center;}
	.yc{display:none;}
}