.cases_bg{width: 100%;height: 330px;}
.cases_1{width: 1480px;margin: 55px auto 143px;box-shadow: 0px 1px 5px #868686;padding-bottom: 100px;}
.cases_1 .cases_1_l{float:left;margin-left: 41px;margin-top: 35px;width: 372px;box-shadow: 0px 0px 10px #1673FF;text-align: center;/*padding-bottom: 35px;*/  box-shadow: 0px 0px 10px #1673ff;}
.cases_1 .cases_1_l h6{text-align:left;font-weight:normal;}
.cases_1 .cases_1_l .act{
cursor: pointer;
    border-radius: 8px;
    box-shadow: 0px 2px 15px #1673FF;
    background-color: #1673FF;
	height:50px;
	width: 90%;
    margin-top: 25px;
	margin-left:5%;
    text-align: left;
	line-height:50px;
	margin-bottom:0;
    }
.cases_1 .cases_1_l .act h5{font-size:20px;margin-left:30px;color:white;}
.cases_1 .cases_1_l h6 .aa{
text-align:left;
    height:28px;
    line-height:28px;
    color: #4A5A7F;
    font-size:20px;
	margin-left:60px;
cursor: pointer;}
.cases_1_l .cases h6{
  background:none;

  font-size:20px;color:#fff;height:60px;line-height:50px;margin:0;text-align: left;text-indent:76px;position: relative;}
.cases_1_l .cases h6:before {content: '';background: url(../images/ca1.png) no-repeat top left /30px 30px!important;position:absolute;left:40px;top:11px;width:30px;height:30px;display:block;}			
.cases_1_l .cases.aaaa h6:after {content: '';background: url(../images/cac1.png) no-repeat top left /30px 30px!important;position:absolute;left:20px;top:1px;width:30px;height:30px;display:none;}		

.cases_1_l .cases.cases-2 h6:before{background: url(../images/ca2.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-2 h6.active:before{background: url(../images/cac2.png) no-repeat top left /30px 30px!important;z-index:1}





.cases_1_l .cases.cases-3 h6:before{background: url(../images/ca3.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-3 h6.active:before{background: url(../images/cac3.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-4 h6:before{background: url(../images/ca4.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-4 h6.active:before{background: url(../images/cac4.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-5 h6:before{background: url(../images/ca5.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-5 h6.active:before{background: url(../images/cac5.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-6 h6:before{background: url(../images/ca6.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-6 h6.active:before{background: url(../images/cac6.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-7 h6:before{background: url(../images/ca7.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-7 h6.active:before{background: url(../images/cac7.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-8 h6:before{background: url(../images/ca8.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-8 h6.active:before{background: url(../images/cac8.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-9 h6:before{background: url(../images/ca9.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-9 h6.active:before{background: url(../images/cac9.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-10 h6:before{background: url(../images/ca10.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-10 h6.active:before{background: url(../images/cac10.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-11 h6:before{background: url(../images/ca11.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-11 h6.active:before{background: url(../images/cac11.png) no-repeat top left /30px 30px!important;z-index:1}


.cases_1_l .cases.cases-12 h6:before{background: url(../images/ca12.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-12 h6.active:before{background: url(../images/cac12.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-22 h6:before{background: url(../images/202463-8.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-22 h6.active:before{background: url(../images/202463-7.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-24 h6:before{background: url(../images/202463-10.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-24 h6.active:before{background: url(../images/202463-9.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-23 h6:before{background: url(../images/202463-2.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-23 h6.active:before{background: url(../images/202463-1.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-26 h6:before{background: url(../images/202463-4.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-26 h6.active:before{background: url(../images/202463-3.png) no-repeat top left /30px 30px!important;z-index:1}

.cases_1_l .cases.cases-25 h6:before{background: url(../images/202463-6.png) no-repeat top left /30px 30px!important;}
.cases_1_l .cases.cases-25 h6.active:before{background: url(../images/202463-5.png) no-repeat top left /30px 30px!important;z-index:1}




.cases_1_l .cases h6 a{color: #4A5A7F!important;}
.cases_1 .cases_1_r{float: left;margin-left: 32px;margin-top: 35px;width: 1000px;}
.cases_1 .cases_1_r .cases_1_r1 {
    font-size: 18px;
    color: #1C1F28;
    margin-top: 20px;
    margin-left: 20px;
}
.cases_1 .cases_1_r .cases_1_r2 {
    height: 2px;
    width: 74px;
    background-color: #418BFF;
    margin-top: 10px;
    margin-left: 20px;
}
.cases_1 .cases_1_r .cases_1_r3 {
    width: 100%;
    box-shadow: 0px 0px 5px #868686;
    margin-top: 15px;
	padding:30px 15px 60px;
	overflow:hidden;box-sizing:border-box;
}
.row{margin-left:-15px;margin-right:-15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-3,.col-4,.col-5,.col-6{float:left;position:relative;padding-left:15px;padding-right:15px;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-3{width:33.3%;}
.col-4{width:40%;}
.col-6{width:60%;}
.col-5{width:50%;}
.row:before,.row:after{display:table;content:'';box-sizing:border-box;}
.row:after{min-height:1%;clear:both;}

.videolist video{width:100%;height:180px;}
.videolist .no-video{width:100%;height:180px;background-color:#f5f6f7;text-align:center;line-height:180px;color:gray;}
.case-page{margin-right:15px;}
.videolist .detail h4{font-size: 15px;color:#3F88FF;text-align: left;margin-top:12px;}
.videolist .detail p{margin-top:-12px;line-height: 18px;font-size: 12px;color: #B1B1B1;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.videolist div.col-3:nth-child(3n+1){clear:left;}
.caselist div.item:nth-child(2n+1){clear:left;}
.item{margin-bottom:25px;width:33%;border: 0px solid #f2f2f2;padding:10px;
    /* margin-left: 5%; */
 }
.item img{width:100%;height:auto}
.title {
	/*border-left:5px solid #4B7FF7;*/
	/*padding-left:15px;*/
}
.title h3 {
	font-size:15px;
    margin-top: 18px;
	color:#3F88FF;
  padding-left: 4px;
}
.caselist{display: flex;justify-content: space-between;}
.title p {
	margin: 0;
	margin-top: 5px;
}
.img {
	overflow: hidden;
	width: 100%;
padding: 4px;
	margin-top: 0px;
	object-fit:cover;
}
.img img {
	min-height: 180px;
	min-width: 100%;
	display: block;
	width: 100%;
	  border: 2px #999999 solid;
    border-radius: 8px;
   
  
    min-height: 240px;
    max-height: 240px;
}

.main {
	margin-bottom: 15px;
}

.main h3 {
	margin: 0;
	font-weight: normal;
	color: #4B7FF7;
	font-size: 18px;
}

.main p {
	margin: 0;
	margin-top: 10px;
	color: #666 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	width: 100%;
}

@media (max-width: 1495px){
    .cases_1{width: 1280px;margin: 55px auto 143px;box-shadow: 0px 0px 10px #868686;}
    .cases_1 .cases_1_l{float: left;margin-left: 41px;margin-top: 35px;width: 350px;box-shadow: 0px 0px 20px #1673FF;text-align: center;}
    .cases_1 .cases_1_r{float: left;margin-left: 32px;margin-top: 35px;width: 822px;}
}
@media (max-width: 1280px){
    .case_bg{width: 1280px;}
    .case_bg .case_bg_t{margin-left: 14%;}
    .case_bg .case_bg_c{margin-left: 14%;}
}


.caselist:before{display:none}