body{background:#f2f4fa}.caseBan{clear:both;display:block;background:url(../images_pc/caseBanbg.jpg) no-repeat center top;background-size:cover;border-bottom:1px solid #f43c3c}.caseBan .container{padding-top:1px;text-align:center}.caseBan .container .insideBanTit{clear:both;display:block;font-size:48px;text-align:center;line-height:60px;margin-top:12.5%}.caseBan .container .insideBanTit span{display:inline-block;color:#fff;font-weight:bold;padding:0px 20px}.caseBan .container .insideBanTit span:first-child+span{color:#f43c3c}.caseBan .container .insideBanTxt{clear:both;display:block;font-size:18px;text-align:center;line-height:30px;color:#fff;margin-top:1.5625%;margin-bottom:14.0625%}.caseBan .container .insideBanTxt span{border-radius:4px;display:inline-block;background:#f43c3c;color:#fff;font-size:16px;line-height:30px;margin-left:10px;height:32px;cursor:pointer;position:relative}.caseBan .container .insideBanTxt span strong{display:block;padding:0px 25px;transition:all linear 0.3s;transform-style:preserve-3d;transform:translateY(0);transition-property:transform;text-align:center;font-weight:normal}.caseBan .container .insideBanTxt span strong i{clear:both;display:block;font-style:normal;background-image:url(../images_pc/caseIcon01.png);background-repeat:no-repeat;background-position:right center;padding-right:35px}.caseBan .container .insideBanTxt span strong+strong{position:absolute;top:0;left:0;transform:translate3d(0, 33%, 1px) rotateX(-90deg);display:none\9}.caseBan .container .insideBanTxt span:hover strong{transform:translate3d(0, -33%, 1px) rotateX(90deg);transform:none\9}.caseBan .container .insideBanTxt span:hover strong+strong{transform:none}.inside .container{padding-top:50px;padding-bottom:70px}.caseFixed{clear:both;background:#191d22;border-bottom:1px solid #f43c3c;display:none;padding-top:10px}.caseFixed.active{display:block;position:fixed;top:0px;left:0px;width:100%;z-index:10}.caseFixedList{position:relative;z-index:2;margin-left:-1.17188%;margin-bottom:-1px}.caseFixedList li{float:left;margin-left:1.1583%;width:18.8417%;position:relative;padding:0px 1.5444% 8px;margin-bottom:-2px}.caseFixedList li p{clear:both;display:block;padding:6px 5px 3px 5px;border-radius:12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);transition:all 0.5s;cursor:pointer;overflow:hidden}.caseFixedList li p i{float:left;width:47.61905%;border-radius:4px;overflow:hidden}.caseFixedList li p i img{width:100%}.caseFixedList li p span{float:right;width:40.47619%;text-align:left;color:#fff;font-size:16px;line-height:51px;transition:all 0.5s}.caseFixedList li.active{padding-top:5px;padding-bottom:5px}.caseFixedList li.active:after{content:'';position:absolute;left:0px;top:0px;bottom:0px;background:url(../images_pc/caseTopListBg.png) no-repeat left top;background-size:100%;width:100%}.caseFixedList li.active::before{content:'';position:absolute;left:50%;bottom:-35px;width:20px;height:18px;margin-left:-10px;background:url(../images_pc/caseIcon03.png) no-repeat left top;background-size:100%}.caseFixedList li.active p{position:relative;z-index:2;background:none;border:0px}.caseFixedList li.active p span{color:#fff}.caseTopList{position:relative;z-index:2;margin-left:-1.17188%;margin-bottom:-1px}.caseTopList li{float:left;margin-left:1.1583%;width:18.8417%;position:relative;padding:0px 1.5444% 8px;margin-bottom:-2px}.caseTopList li p{clear:both;display:block;padding:6px 5px 3px 5px;border-radius:12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);transition:all 0.5s;cursor:pointer;overflow:hidden}.caseTopList li p i{float:left;width:47.61905%;border-radius:4px;overflow:hidden}.caseTopList li p i img{width:100%}.caseTopList li p span{float:right;width:40.47619%;text-align:left;color:#fff;font-size:16px;line-height:51px;transition:all 0.5s}.caseTopList li.active{padding-top:5px;padding-bottom:5px}.caseTopList li.active:after{content:'';position:absolute;left:0px;top:0px;bottom:0px;background:url(../images_pc/caseTopListBg.png) no-repeat left top;background-size:100%;width:100%}.caseTopList li.active::before{content:'';position:absolute;left:50%;bottom:-35px;width:20px;height:18px;margin-left:-10px;background:url(../images_pc/caseIcon03.png) no-repeat left top;background-size:100%}.caseTopList li.active p{position:relative;z-index:2;background:none;border:0px}.caseTopList li.active p span{color:#fff}.caseListMain{clear:both;display:none;position:relative;z-index:2;margin-left:-3.125%}.caseListMain.active{display:block}.caseListMain ul{float:left;margin-left:3.0303%;width:46.9697%}.caseListMain ul li{clear:both;display:block;margin-bottom:6.45161%;position:relative}.caseListMain ul li .caseListPic{clear:both;display:block;position:relative;overflow:hidden}.caseListMain ul li .caseListPic img{width:100%}.caseListMain ul li .caseListPic span{position:absolute;bottom:-40px;right:3.22581%;width:151px;height:40px;border-radius:8px 8px 0px 0px;background:#f43c3c;color:#fff;font-size:16px;text-align:left;line-height:40px;cursor:pointer;transition:all 0.5s}.caseListMain ul li .caseListPic span i{display:block;transition:all linear 0.3s;transform-style:preserve-3d;transform:translateY(0);transition-property:transform;background:url(../images_pc/caseIcon02.png) no-repeat 29px center;padding-left:52px;font-style:normal}.caseListMain ul li .caseListPic span i+i{position:absolute;top:0;left:0;width:100%;transform:translate3d(0, 33%, 1px) rotateX(-90deg);display:none\9}.caseListMain ul li .caseListBox{clear:both;display:block;background:#fff;padding:5.16129% 6.45161% 4.51613% 6.45161%;transition:all 0.5s}.caseListMain ul li .caseListBox .caseListBoxTop{clear:both;display:block;text-align:left;margin-bottom:3.7037%}.caseListMain ul li .caseListBox .caseListBoxTop h3{float:left;font-size:24px;line-height:30px;cursor:pointer}.caseListMain ul li .caseListBox .caseListBoxTop span{float:right;position:relative;padding-left:22px;color:#686969;font-size:16px;margin-top:6px}.caseListMain ul li .caseListBox .caseListBoxTop span:before{content:'';position:absolute;left:0px;top:6px;width:10px;height:10px;border:1px solid #eb3d3e;border-radius:50%}.caseListMain ul li .caseListBox table{border-collapse:collapse;width:100%}.caseListMain ul li .caseListBox table tbody tr td{border:1px solid #dcdcdc;font-size:14px;color:#545454;line-height:20px;padding:5px;text-align:center}.caseListMain ul li:after{content:'';position:absolute;bottom:0px;left:0px;width:0px;transition:all 0.5s;background:#f33c3c;height:2px}.caseListMain ul li:hover .caseListPic span{bottom:0px}.caseListMain ul li:hover .caseListPic span:hover i{transform:translate3d(0, -33%, 1px) rotateX(90deg);transform:none\9}.caseListMain ul li:hover .caseListPic span:hover i+i{transform:none}.caseListMain ul li:hover .caseListBox{box-shadow:11px 11px 29px rgba(3,8,29,0.11)}.caseListMain ul li:hover .caseListBox .caseListBoxTop h3{color:#f33c3c}.caseListMain ul li:hover:after{width:100%}.caseListMain ul li.active{border:1px solid #f43939}@media (max-width: 1440px){.caseBan .container .insideBanTit{font-size:45px;line-height:50px}.caseTopList li p span{line-height:48px}.caseTopList li.active{padding-top:8px;padding-bottom:7px}.caseTopList li.active p{padding:1px 5px}.caseFixedList li p span{line-height:48px}.caseFixedList li.active{padding-top:8px;padding-bottom:7px}.caseFixedList li.active p{padding:1px 5px}.caseListMain ul li .caseListPic span{width:140px;border-radius:6px 6px 0px 0px}.caseListMain ul li .caseListPic span i{padding-left:50px}.caseListMain ul li .caseListBox .caseListBoxTop h3{font-size:22px;line-height:28px}}@media (max-width: 1360px){.caseBan .container .insideBanTit{font-size:40px;line-height:45px}.caseBan .container .insideBanTxt{font-size:16px}.caseBan .container .insideBanTxt span{font-size:14px}.caseBan .container .insideBanTxt span strong{padding:0px 20px}.caseTopList li{margin-bottom:-4px}.caseTopList li p span{font-size:14px;line-height:41px}.caseTopList li.active{padding-bottom:5px}.caseTopList li.active p{padding:1px 5px}.caseFixedList li{margin-bottom:-4px}.caseFixedList li p span{font-size:14px;line-height:41px}.caseFixedList li.active{padding-bottom:5px}.caseFixedList li.active p{padding:1px 5px}.caseListMain ul li .caseListPic span{width:130px;height:35px;font-size:14px;line-height:35px}.caseListMain ul li .caseListBox{box-shadow:8px 8px 25px rgba(3,8,29,0.11)}.caseListMain ul li .caseListBox .caseListBoxTop h3{font-size:20px}.caseListMain ul li .caseListBox .caseListBoxTop span{padding-left:18px}.caseListMain ul li .caseListBox .caseListBoxTop span:before{top:8px;width:8px;height:8px}}@media (max-width: 1160px){.caseBan .container .insideBanTit{font-size:35px;line-height:40px}.caseBan .container .insideBanTxt{font-size:16px}.caseBan .container .insideBanTxt span strong{padding:0px 20px}.caseTopList li{padding-bottom:6px}.caseTopList li p span{line-height:39px}.caseTopList li.active{padding-bottom:4px;margin-bottom:-4px}.caseTopList li.active p{padding:1px 5px}.caseFixedList li{padding-bottom:6px}.caseFixedList li p span{line-height:39px}.caseFixedList li.active{padding-bottom:4px;margin-bottom:-4px}.caseFixedList li.active p{padding:1px 5px}.caseListMain ul li .caseListPic span{width:120px;height:30px;border-radius:4px 4px 0px 0px;line-height:30px}.caseListMain ul li .caseListPic span i{padding-left:41px;background-position:20px center}.caseListMain ul li .caseListBox{box-shadow:11px 11px 29px rgba(3,8,29,0.11)}.caseListMain ul li .caseListBox .caseListBoxTop h3{font-size:18px}.caseListMain ul li .caseListBox .caseListBoxTop span{font-size:14px;margin-top:4px}}