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

@media screen and (min-width: 1400px)  {
/*banner*/
	.banner-bj{background:url(../images/products/bj.png) no-repeat;background-size:100% auto;}
    .banner ul{background:url(../images/case/nav-bj.png) no-repeat center;background-size:100% 100%;margin:2% 0;}
	.banner ul li{width:14.2%;float:left;}
	.banner ul li a{width:100%;text-align:center;font-size:20px;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{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 -1.5%;}
	.list-w .list li{width:30.33%;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 15% 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 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 .wz-w{background:url(../images/case/case-bt-bj2.png) no-repeat center bottom;background-size:94% auto;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%;padding-bottom:3%;}
	.list-w .list li a h3{margin:5% 0 1.5% 0;font-size:18px;color:#333;display:block;width:92%;padding:0 3%;}
	
	.list-w .list li a p{font-size:16px;color:#333;padding:1% 0 1% 5%;width:89%;margin:0 3%;}
	.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: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;background-size:100% auto;}
    .banner ul{background:url(../images/case/nav-bj.png) no-repeat center;background-size:100% 100%;margin:2% 0;}
	.banner ul li{width:14.2%;float:left;}
	.banner ul li a{width:100%;text-align:center;font-size:20px;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{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 .list{margin:0 -1.5%;}
	.list-w .list li{width:30.33%;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 15% 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 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 .wz-w{background:url(../images/case/case-bt-bj2.png) no-repeat center bottom;background-size:94% auto;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%;padding-bottom:3%;}
	.list-w .list li a h3{margin:5% 0 1.5% 0;font-size:18px;color:#333;display:block;width:92%;padding:0 3%;}
	
	.list-w .list li a p{font-size:16px;color:#333;padding:1% 0 1% 5%;width:89%;margin:0 3%;}
	.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: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 ul{background:url(../images/case/nav-bj.png) no-repeat center;background-size:100% 100%;margin:2% 0;}
	.banner ul li{width:14.2%;float:left;}
	.banner ul li a{width:100%;text-align:center;font-size:20px;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{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 -1.5%;}
	.list-w .list li{width:30.33%;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 15% 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 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:14px;color:#fff;text-align:center;width:99%;margin-top:2%;}
	.list-w .list li .wz-w{background:url(../images/case/case-bt-bj2.png) no-repeat center bottom;background-size:94% auto;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%;padding-bottom:3%;}
	.list-w .list li a h3{margin:5% 0 1.5% 0;font-size:16px;color:#333;display:block;width:92%;padding:0 3%;}
	
	.list-w .list li a p{font-size:15px;color:#333;padding:1% 0 1% 5%;width:89%;margin:0 3%;}
	.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: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 ul{background:url(../images/case/nav-bj.png) no-repeat center;background-size:100% 100%;margin:2% 0;}
	.banner ul li{width:14.2%;float:left;}
	.banner ul li a{width:100%;text-align:center;font-size:12px;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{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 -1.5%;}
	.list-w .list li{width:30.33%;padding:0 1.5%;float:left;margin-bottom:11%;}
	.list-w .list li a{width:100%;background:url(../images/case/case-bj2.png);padding:3.5% 0 15% 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 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:14px;color:#fff;text-align:center;width:99%;margin-top:2%;}
	.list-w .list li .wz-w{background:url(../images/case/case-bt-bj2.png) no-repeat center bottom;background-size:94% auto;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%;padding-bottom:3%;}
	.list-w .list li a h3{margin:5% 0 1.5% 0;font-size:14px;color:#333;display:block;width:92%;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;padding:0 3%;}
	
	.list-w .list li a p{font-size:13px;color:#333;padding:1% 0 1% 5%;width:89%;margin:0 3%;}
	.list-w .list li a p.add{background:url(../images/case/location.png) no-repeat left center;background-size:6% auto;}
	.list-w .list li a p.cn{background:url(../images/case/capacity.png) no-repeat left center;background-size:6.5% auto;}
	.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: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 15% 0;position:relative;}
	.list-w .list li a .tu{border-radius:30px 8px 8px 8px;overflow:hidden;position:relative;width:100%;}
	.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: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;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;padding:3% 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;}

}