@charset "utf-8";
/* CSS Document */
body{overflow-x:hidden;}
@media screen and (min-width:1200px){ 
    /*banner*/
    .ca-ban{background:url(../images/cases/jcal.png) no-repeat;background-size:100% 100%;padding-bottom:1.6%;}
    .ban{padding:0 2%;}
	.ban h3{font-size:0.27rem;color:#1A1A1A;font-weight:bold;}
	.ban h3 span{color:#A90000;}
	.ban p{font-size:0.15rem;color:#1A1A1A;line-height:0.3rem;margin:1.5% 0 2.5% 0;}
	.ban form select{width:19%;border:1px solid #636363;height:0.4rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form input{width:19%;border:1px solid #636363;height:0.4rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form span{font-size:0.15rem;color:#1A1A1A;padding-right:1.5%;}
	.ban form button{height:0.4rem;width:15.2%;background:linear-gradient(101deg,rgba(203,29,29,1),rgba(137,4,4,1));
    border-radius:0.2rem;color:#fff;font-size:0.15rem;border:0;}
    /*案例正文*/
    .xc-tp,.row,.row1{display:none;}
	.case-bj{background:#F7F7F7;}
	.case-bj .tit .col-md-6{text-align:center;padding:1.8% 0;font-size:0.2rem;color:#1A1A1A;font-weight:bold;border-bottom:2px solid #E8E8E8;}
	.case-bj .tit a.active{border-bottom:2px solid #B90000;}
    /*现场图片*/
	.xc-tp .sort,.xc-tp .so-rt{text-align:center;padding:0 5%;margin:2.5% 0;}
	.xc-tp .sort li,.xc-tp .so-rt li{float:left;width:18%;margin:0 3.5%;border:1px solid #333;font-size:0.18rem;color:#1A1A1A;padding:0.8% 0;border-radius:0.23rem;}
	.xc-tp .sort li.active,.xc-tp .so-rt li.active{background:linear-gradient(110deg,rgba(200,0,0,1),rgba(250,71,71,1));color:#fff;border:0;}
	.xc-tp .row,.xc-tp .row1{margin:0 -0.08rem;}
	.xc-tp .row .col-md-3,.xc-tp .row1 .col-md-3{padding:0 0.08rem;margin-bottom:2.5%;}
	.xc-tp .row .col-md-3 a,.xc-tp .row1 .col-md-3 a{width:100%;border:1px solid #8D8D8D;position:relative;}
	.xc-tp .row .col-md-3  img{height:1.8534rem;}
	.xc-tp .row1 .col-md-3 a .video{position:absolute;left:0;right:0;top:22%;margin:0 auto;}
	.xc-tp .row .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row1 .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row1 .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row .col-md-3 a .wz,.xc-tp .row1 .col-md-3 a .wz{padding:3.5% 4%;background:#F2F2F2;}
	.xc-tp .row .col-md-3 a .wz h5,.xc-tp .row1 .col-md-3 a .wz h5{font-size:0.2rem;font-weight:bold;color:#1A1A1A;width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.xc-tp .row .col-md-3 a .wz span,.xc-tp .row1 .col-md-3 a .wz span{color:#1A1A1A;font-size:0.16rem;padding-left:10%;background:url(../images/cases/xq.png) no-repeat left center;}
    .page{margin-top:2%;}
}

@media screen and (min-width:992px) and (max-width:1200px) { 
    /*banner*/
    .ca-ban{background:url(../images/cases/jcal.png) no-repeat;background-size:100% 100%;padding-bottom:1.6%;}
    .ban{padding:0 2%;}
	.ban h3{font-size:0.27rem;color:#1A1A1A;font-weight:bold;}
	.ban h3 span{color:#A90000;}
	.ban p{font-size:0.15rem;color:#1A1A1A;line-height:0.3rem;margin:1.5% 0 2.5% 0;}
	.ban form select{width:17%;border:1px solid #636363;height:0.4rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form input{width:17%;border:1px solid #636363;height:0.4rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form span{font-size:0.15rem;color:#1A1A1A;padding-right:1.5%;}
	.ban form button{height:0.4rem;width:15.2%;background:linear-gradient(101deg,rgba(203,29,29,1),rgba(137,4,4,1));
    border-radius:0.2rem;color:#fff;font-size:0.15rem;border:0;}
    /*案例正文*/
    .xc-tp,.row,.row1{display:none;}
	.case-bj{background:#F7F7F7;}
	.case-bj .tit .col-md-6{text-align:center;padding:1.8% 0;font-size:0.18rem;color:#1A1A1A;font-weight:bold;border-bottom:2px solid #E8E8E8;}
	.case-bj .tit a.active{border-bottom:2px solid #B90000;}
    /*现场图片*/
	.xc-tp .sort,.xc-tp .so-rt{text-align:center;padding:0 5%;margin:2.5% 0;}
	.xc-tp .sort li,.xc-tp .so-rt li{float:left;width:18%;margin:0 3.5%;border:1px solid #333;font-size:0.16rem;color:#1A1A1A;padding:0.8% 0;border-radius:0.23rem;}
	.xc-tp .sort li.active,.xc-tp .so-rt li.active{background:linear-gradient(110deg,rgba(200,0,0,1),rgba(250,71,71,1));color:#fff;border:0;}
	.xc-tp .row,.xc-tp .row1{margin:0 0.08rem;}
	.xc-tp .row .col-md-3,.xc-tp .row1 .col-md-3{padding:0 0.08rem;margin-bottom:2.5%;}
	.xc-tp .row .col-md-3 a,.xc-tp .row1 .col-md-3 a{width:100%;border:1px solid #8D8D8D;position:relative;}
	.xc-tp .row1 .col-md-3 a .video{position:absolute;left:0;right:0;top:22%;margin:0 auto;}
	.xc-tp .row .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row1 .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row1 .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row .col-md-3 a .wz,.xc-tp .row1 .col-md-3 a .wz{padding:3.5% 4%;background:#F2F2F2;}
	.xc-tp .row .col-md-3 a .wz h5,.xc-tp .row1 .col-md-3 a .wz h5{font-size:0.18rem;font-weight:bold;color:#1A1A1A;width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.xc-tp .row .col-md-3 a .wz span,.xc-tp .row1 .col-md-3 a .wz span{color:#1A1A1A;font-size:0.16rem;padding-left:10%;background:url(../images/cases/xq.png) no-repeat left center;}
    .page{margin-top:2%;}
}

@media screen and (min-width:768px) and (max-width:992px) { 
    /*banner*/
    .ca-ban{background:url(../images/cases/jcal.png) no-repeat;background-size:100% 100%;padding-bottom:1.6%;}
    .ban{padding:0 2%;}
	.ban h3{font-size:0.24rem;color:#1A1A1A;font-weight:bold;}
	.ban h3 span{color:#A90000;}
	.ban p{font-size:0.15rem;color:#1A1A1A;line-height:0.25rem;margin:1.5% 0 2.5% 0;}
	.ban form select{width:25%;border:1px solid #636363;height:0.35rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form input{width:25%;border:1px solid #636363;height:0.35rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form span{font-size:0.15rem;color:#1A1A1A;padding-right:1.5%;display:none;}
	.ban form button{height:0.35rem;width:17%;background:linear-gradient(101deg,rgba(203,29,29,1),rgba(137,4,4,1));
    border-radius:0.2rem;color:#fff;font-size:0.15rem;border:0;}
    /*案例正文*/
    .xc-tp,.row,.row1{display:none;}
	.case-bj{background:#F7F7F7;}
	.case-bj .tit .col-md-6{text-align:center;padding:1.8% 0;font-size:0.17rem;color:#1A1A1A;font-weight:bold;border-bottom:2px solid #E8E8E8;}
	.case-bj .tit a.active{border-bottom:2px solid #B90000;}
    /*现场图片*/
	.xc-tp .sort,.xc-tp .so-rt{text-align:center;padding:0 5%;margin:2.5% 0;}
	.xc-tp .sort li,.xc-tp .so-rt li{float:left;width:18%;margin:0 3.5%;border:1px solid #333;font-size:0.15rem;color:#1A1A1A;padding:0.8% 0;border-radius:0.23rem;}
	.xc-tp .sort li.active,.xc-tp .so-rt li.active{background:linear-gradient(110deg,rgba(200,0,0,1),rgba(250,71,71,1));color:#fff;border:0;}
	.xc-tp .row,.xc-tp .row1{margin:0 0.08rem;}
	.xc-tp .row .col-md-3,.xc-tp .row1 .col-md-3{padding:0 0.08rem;margin-bottom:2.5%;}
	.xc-tp .row .col-md-3 a,.xc-tp .row1 .col-md-3 a{width:100%;border:1px solid #8D8D8D;position:relative;}
	.xc-tp .row1 .col-md-3 a .video{position:absolute;left:0;right:0;top:22%;margin:0 auto;width:25%;}
	.xc-tp .row .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row1 .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row1 .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row .col-md-3 a .wz,.xc-tp .row1 .col-md-3 a .wz{padding:2% 1%;background:#F2F2F2;}
	.xc-tp .row .col-md-3 a .wz h5,.xc-tp .row1 .col-md-3 a .wz h5{font-size:0.15rem;font-weight:bold;color:#1A1A1A;width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:2% 0;}
	.xc-tp .row .col-md-3 a .wz span,.xc-tp .row1 .col-md-3 a .wz span{color:#1A1A1A;font-size:0.14rem;margin-top:2%;display:inline-block;}
    .page{margin-top:2%;}

}

@media screen and (max-width:768px){
    /*banner*/
    .ca-ban{background:url(../images/cases/jcal.png) no-repeat;background-size:100% 100%;padding-bottom:1.6%;}
    .ban{padding:0 2%;}
	.ban h3{font-size:0.24rem;color:#1A1A1A;font-weight:bold;}
	.ban h3 span{color:#A90000;}
	.ban p{font-size:0.15rem;color:#1A1A1A;line-height:0.25rem;margin:1.5% 0 2.5% 0;}
	.ban form select{width:25%;border:1px solid #636363;height:0.35rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form input{width:25%;border:1px solid #636363;height:0.35rem;margin-right:2%;font-size:0.15rem;padding:0 1%;background-color:transparent;}
	.ban form span{font-size:0.15rem;color:#1A1A1A;padding-right:1.5%;display:none;}
	.ban form button{height:0.35rem;width:17%;background:linear-gradient(101deg,rgba(203,29,29,1),rgba(137,4,4,1));
    border-radius:0.2rem;color:#fff;font-size:0.15rem;border:0;}
    /*案例正文*/
    .xc-tp,.row,.row1{display:none;}
	.case-bj{background:#F7F7F7;margin-top:4%;}
	.case-bj .tit .col-md-6{text-align:center;padding:1.8% 0;font-size:0.27rem;color:#1A1A1A;font-weight:bold;border-bottom:2px solid #E8E8E8;}
	.case-bj .tit a.active{border-bottom:2px solid #B90000;}
    /*现场图片*/
	.xc-tp .sort,.xc-tp .so-rt{text-align:center;padding:0 5%;margin:2.5% 0;}
	.xc-tp .sort li,.xc-tp .so-rt li{float:left;width:22%;margin:0 1.5%;border:1px solid #333;font-size:0.25rem;color:#1A1A1A;padding:1% 0;border-radius:0.3rem;}
	.xc-tp .sort li.active,.xc-tp .so-rt li.active{background:linear-gradient(110deg,rgba(200,0,0,1),rgba(250,71,71,1));color:#fff;border:0;}
	.xc-tp .row,.xc-tp .row1{margin:0 0.08rem;}
	.xc-tp .row .col-md-3,.xc-tp .row1 .col-md-3{padding:0 0.08rem;margin-bottom:2.5%;}
	.xc-tp .row .col-md-3 a,.xc-tp .row1 .col-md-3 a{width:100%;border:1px solid #8D8D8D;position:relative;}
	.xc-tp .row1 .col-md-3 a .video{position:absolute;left:0;right:0;top:22%;margin:0 auto;width:25%;}
	.xc-tp .row .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row1 .col-md-3 a:hover{border:1px solid #b90000;}
	.xc-tp .row1 .col-md-3 a:hover h5{color:#b90000!important;}
	.xc-tp .row .col-md-3 a .wz,.xc-tp .row1 .col-md-3 a .wz{padding:2% 1%;background:#F2F2F2;}
	.xc-tp .row .col-md-3 a .wz h5,.xc-tp .row1 .col-md-3 a .wz h5{font-size:0.26rem;font-weight:bold;color:#1A1A1A;width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:2% 0;}
	.xc-tp .row .col-md-3 a .wz span,.xc-tp .row1 .col-md-3 a .wz span{color:#1A1A1A;font-size:0.24rem;margin-top:2%;display:inline-block;}
    .page{margin-top:2%;}
	/*page*/
	.page{margin-bottom:4.5%;font-size:0.25rem;}
	.page a{font-size:0.25rem;color:#333;padding:0.6% 3%;margin:0 1%;background:#eee;}
	.page a:hover{background:#b90000;color:#fff;}
}