@charset "gb2312";
.case_ban{position: relative;z-index: 50;}
.case_ban img{display: block;width: 100%;z-index: 50;}
.case_head{color: #FFFFFF; position: absolute;z-index: 100;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.case_head h2{font-family: "PingFangSCMedium";}
.case_head p{font-family: "PingFangSCMedium";}
@media only screen and (max-width: 500px) {
	.case_ban{height: 200px;}
	.case_ban img{height: 100%;width: auto;}
	.case_head h2{font-size: 24px;}
}
/*°¸Àý*/
.case_box{position: relative;z-index: 70;}
.cut_top{height: 70px; background: #f9f9f9;line-height: 70px;}
.cut_list{float: left;width:72%;float: left;color: #555555;position: absolute;}
.cut_list li{transition: all .3s ease-in; float: left;cursor: pointer; width: 14%;text-align: center;position: relative;}
.cut_list li:nth-child(4){width: 18%;}
.cut_list li:after{display: block;content: "";position: absolute;right: -2px;top: 50%;transform: translateY(-50%); width: 1px;height: 58px;background: #dfdfdf;}
.cut_list li.active{top: -15px;color: #FFFFFF; background: url(../images/cutbj.jpg)no-repeat center center/cover;height: 85px;line-height: 85px;}
.cut_list li.active a{ color: #fff}
.at_pla{color: #555555;float: right;}
.at_pla a{color: #555555;}
.at_pla a:hover{color: #0070BD;}
.case_use{padding: 80px 0 180px;box-sizing: border-box;background: url(../images/casebj.jpg)no-repeat center 0/cover;}
.case_list{display: none; padding-bottom: 20px;margin-bottom: 30px; box-sizing: border-box;border-bottom: 1px solid #ececec;}
.case_list.active{display: block;}
.case_list li{float: left;margin-bottom: 80px; width: 29%; margin-left: 2%; margin-right: 2%;}
.case_list li:nth-of-type(even){/*float: right;*/}
.case_pic{overflow: hidden; max-height:310px; min-height:310px;}
.thisclass a{background-color:#305093; color:#FFFFFF;}
.case_pic img{display: block;width: 100%;transition: all .3s ease-in;}
.case_list li:hover img{transform: scale(1.05);}
.case_name{color: #305093;font-weight: bold; margin: 30px 0 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case_type{color: #7d7d7d;}
.case_cont{padding-left: 20px;box-sizing: border-box;}
@media only screen and (max-width:1680px ) {
	.case_use{padding: 100px 0 150px;}
	.case_list li{margin-bottom: 60px;}
	.case_cont{padding-left: 10px;}
	.case_name{margin: 20px 0 10px;}
}
@media only screen and (max-width:1440px ) {
	.case_use{padding: 80px 0 120px;}
	.cut_top{height: auto;}
	.cut_list{width: 100%;}
	.at_pla{font-size: 14px;width: 100%;border-bottom: 1px solid #DEE5ED;}
	.cut_list li.active{line-height: 70px;height: 70px;top: 0;}
	.case_list li{margin-bottom: 50px;}
	.cut_list li:last-child:after{display: none;}
}
@media only screen and (max-width:1336px ) {
	.case_use{padding: 60px 0 90px;}
	.case_list li{margin-bottom: 40px;}
	.case_name{margin: 10px 0 5px;}
}
@media only screen and (max-width:1280px ) {
	.cut_list{font-size: 16px;width: 100%;margin-top: 30px;height: 50px;line-height: 50px;}
	.cut_top{height: auto;}
	.cut_list li:after{height: 45px;}
    .case_use{padding: 50px 0 70px;}
    .case_list li{margin-bottom: 30px;}
    .case_list li{width: 48%;}
    .cut_list li.active{height: 50px;line-height: 50px;}
}
@media only screen and (max-width:1024px ) {
	.cut_list{overflow-x: scroll;overflow-y: hidden;}
	.cut_list ul{width:1024px;}
	.cut_list li:after{display: none;}
	.case_use{padding: 40px 0 60px;}
	.case_list li{margin-bottom: 20px;}
}
@media only screen and (max-width:768px ) {
	
	.cut_list ul{width:900px;}
	.cut_list li.active{line-height: 50px;top: 0;height: 50px;}
	.cut_list{margin-top: 20px;}
	.case_use{padding: 30px 0 50px;}
	.case_cont{padding-left: 0;}
	.case_list li{width: 49%;}
}