@charset "utf-8";
/* CSS Document */
.cases{display:none;}
@media screen and (min-width: 1380px)  {
    .banner-bj{background:url(../images/cases/bj.jpg) no-repeat;padding-top:1.5%;padding-bottom:2.2%;}
	.banner h1{margin:0;text-align:center;font-size:34px;color:#fff;margin-bottom:2.5%;}
	.big-cate{background-image: linear-gradient(0deg,#756555 0%, rgba(85, 75, 66, 0.53) 100%);border-radius: 20px 20px 0px 0px;margin:0 1.3%;width:91.4%;padding:0.5% 3%;}
	.big-cate p{float:left;width:10%;font-size:18px;color:#fff;padding:1% 0;text-align:center;cursor:pointer;}
	.big-cate p.active{background:url(../images/cases/picvideoqiehuan.png) no-repeat bottom center;}
	.big-cate a{font-size:17px;color:#fff;padding:1.2% 0;float:right;}
/*case-list*/
	.f-cate{margin-top:-3%;}
	.f-cate ul li{width:33.33%;float:left;padding:2.1% 0;text-align:center;font-size:20px;color:#fff;position:relative;z-index:2;}
	.f-cate ul li i{padding:0 6%;background:url(../images/cases/yuan.png) no-repeat left center;}
	.f-cate ul li.mtl{background:url(../images/cases/di_1.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.sll{background:url(../images/cases/di_2.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.qtl{background:url(../images/cases/di_3.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.active i{background:url(../images/cases/yuan_hover.png) no-repeat left center;}
	.f-cate ul .mtl.active{background:url(../images/cases/shang_1.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .sll.active{background:url(../images/cases/shang_2.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .qtl.active{background:url(../images/cases/shang_3.png) no-repeat left center;background-size:100% 100%;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/cases/bj.jpg) no-repeat;padding-top:1.5%;padding-bottom:2.2%;}
	.banner h1{margin:0;text-align:center;font-size:27px;color:#fff;margin-bottom:2.5%;}
	.big-cate{background-image: linear-gradient(0deg,#756555 0%, rgba(85, 75, 66, 0.53) 100%);border-radius: 20px 20px 0px 0px;margin:0 1.3%;width:91.4%;padding:0.5% 3%;}
	.big-cate p{float:left;width:10%;font-size:16px;color:#fff;padding:1% 0;text-align:center;cursor:pointer;}
	.big-cate p.active{background:url(../images/cases/picvideoqiehuan.png) no-repeat bottom center;background-size:80% auto;}
	.big-cate a{font-size:15px;color:#fff;padding:1.2% 0;float:right;}
/*case-list*/
	.f-cate{margin-top:-3%;}
	.f-cate ul li{width:33.33%;float:left;padding:2.1% 0;text-align:center;font-size:18px;color:#fff;position:relative;z-index:2;}
	.f-cate ul li i{padding:0 6%;background:url(../images/cases/yuan.png) no-repeat left center;background-size:36% auto;}
	.f-cate ul li.mtl{background:url(../images/cases/di_1.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.sll{background:url(../images/cases/di_2.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.qtl{background:url(../images/cases/di_3.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.active i{background:url(../images/cases/yuan_hover.png) no-repeat left center;background-size:36% auto;}
	.f-cate ul .mtl.active{background:url(../images/cases/shang_1.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .sll.active{background:url(../images/cases/shang_2.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .qtl.active{background:url(../images/cases/shang_3.png) no-repeat left center;background-size:100% 100%;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner-bj{background:url(../images/cases/bj.jpg) no-repeat;padding-top:1.5%;padding-bottom:2.2%;}
	.banner h1{margin:0;text-align:center;font-size:24px;color:#fff;margin-bottom:2.5%;}
	.big-cate{background-image: linear-gradient(0deg,#756555 0%, rgba(85, 75, 66, 0.53) 100%);border-radius: 20px 20px 0px 0px;margin:0 1.3%;width:91.4%;padding:0.5% 3%;}
	.big-cate p{float:left;width:10%;font-size:15px;color:#fff;padding:1% 0;text-align:center;cursor:pointer;}
	.big-cate p.active{background:url(../images/cases/picvideoqiehuan.png) no-repeat bottom center;background-size:80% auto;}
	.big-cate a{font-size:14px;color:#fff;padding:1.2% 0;float:right;}
/*case-list*/
	.f-cate{margin-top:-3%;}
	.f-cate ul li{width:33.33%;float:left;padding:2.1% 0;text-align:center;font-size:15px;color:#fff;position:relative;z-index:2;}
	.f-cate ul li i{padding:1% 6%;background:url(../images/cases/yuan.png) no-repeat left center;background-size:27% auto;}
	.f-cate ul li.mtl{background:url(../images/cases/di_1.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.sll{background:url(../images/cases/di_2.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.qtl{background:url(../images/cases/di_3.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.active i{background:url(../images/cases/yuan_hover.png) no-repeat left center;background-size:27% auto;}
	.f-cate ul .mtl.active{background:url(../images/cases/shang_1.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .sll.active{background:url(../images/cases/shang_2.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .qtl.active{background:url(../images/cases/shang_3.png) no-repeat left center;background-size:100% 100%;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/cases/bj.jpg) no-repeat;padding-top:1.5%;padding-bottom:2.2%;}
	.banner h1{margin:0;text-align:center;font-size:16px;color:#fff;margin-bottom:2.5%;}
	.big-cate{background-image: linear-gradient(0deg,#756555 0%, rgba(85, 75, 66, 0.53) 100%);border-radius: 20px 20px 0px 0px;margin:0 1.3%;width:91.4%;padding:0.5% 3%;}
	.big-cate p{float:left;width:10%;font-size:14px;color:#fff;padding:1% 0;text-align:center;cursor:pointer;}
	.big-cate p.active{background:url(../images/cases/picvideoqiehuan.png) no-repeat bottom center;background-size:80% auto;}
	.big-cate a{font-size:13px;color:#fff;padding:1.2% 0;float:right;}
/*case-list*/
	.f-cate{margin-top:-3%;}
	.f-cate ul li{width:33.33%;float:left;padding:2.1% 0;text-align:center;font-size:14px;color:#fff;position:relative;z-index:2;}
	.f-cate ul li i{padding:1% 6%;background:url(../images/cases/yuan.png) no-repeat left center;background-size:27% auto;}
	.f-cate ul li.mtl{background:url(../images/cases/di_1.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.sll{background:url(../images/cases/di_2.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.qtl{background:url(../images/cases/di_3.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.active i{background:url(../images/cases/yuan_hover.png) no-repeat left center;background-size:27% auto;}
	.f-cate ul .mtl.active{background:url(../images/cases/shang_1.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .sll.active{background:url(../images/cases/shang_2.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .qtl.active{background:url(../images/cases/shang_3.png) no-repeat left center;background-size:100% 100%;}
}

@media screen and (max-width: 768px) {
/*banner*/
    .banner-bj{background:url(../images/cases/bj.jpg) no-repeat;padding-top:1.5%;padding-bottom:2.2%;}
	.banner h1{margin:0;text-align:center;font-size:0.34rem;color:#fff;margin-bottom:2.5%;}
	.big-cate{background-image: linear-gradient(0deg,#756555 0%, rgba(85, 75, 66, 0.53) 100%);border-radius: 20px 20px 0px 0px;margin:0 1.3%;width:91.4%;padding:0.5% 3%;}
	.big-cate p{float:left;width:27%;font-size:0.28rem;color:#fff;padding:3% 0;text-align:center;cursor:pointer;}
	.big-cate p.active{background:url(../images/cases/picvideoqiehuan.png) no-repeat bottom center;background-size:80% auto;}
	.big-cate a{font-size:0.24rem;color:#fff;padding:1.2% 0;float:right;margin:3% 0;}
/*case-list*/
	.f-cate{margin-top:-3%;}
	.f-cate ul li{width:33.33%;float:left;padding:2.1% 0;text-align:center;font-size:0.25rem;color:#fff;position:relative;z-index:2;}
	.f-cate ul li span{display:none;}
	.f-cate ul li i{padding:2% 7%;background:url(../images/cases/yuan.png) no-repeat left center;background-size:60% auto;}
	.f-cate ul li.mtl{background:url(../images/cases/di_1.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.sll{background:url(../images/cases/di_2.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.qtl{background:url(../images/cases/di_3.png) no-repeat;background-size:100% 100%;}
	.f-cate ul li.active i{background:url(../images/cases/yuan_hover.png) no-repeat left center;background-size:60% auto;}
	.f-cate ul .mtl.active{background:url(../images/cases/shang_1.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .sll.active{background:url(../images/cases/shang_2.png) no-repeat left center;background-size:100% 100%;}
	.f-cate ul .qtl.active{background:url(../images/cases/shang_3.png) no-repeat left center;background-size:100% 100%;}

}