.case{position:relative}.case .case_banner img{width:100%;height:540px}.case .case_title{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.case .case_title p:nth-of-type(1){padding-top:210px;padding-bottom:20px;text-align:center;font-size:60px;color:#ffffff}.case .case_title p:nth-of-type(2){font-size:24px;color:#fff;line-height:48px}.case_list{margin:80px auto}.case_list .case_list_box ul{height:980px;overflow:hidden}.case_list .case_list_box ul li{float:left;width:490px;height:465px;border:1px solid #dcdcdc;border-radius:5px;overflow:hidden;margin-right:30px;margin-bottom:30px}.case_list .case_list_box ul li>a{display:block}.case_list .case_list_box ul li>a div:nth-of-type(1){width:490px;height:268px;overflow:hidden;cursor:pointer}.case_list .case_list_box ul li>a div:nth-of-type(1) img{display:block;-webkit-transition:all 3s;transition:all 3s}.case_list .case_list_box ul li>a div:nth-of-type(1):hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.case_list .case_list_box ul li>a div:nth-of-type(2){padding:25px}.case_list .case_list_box ul li>a div:nth-of-type(2) .title{font-size:24px;color:#000000;padding-bottom:15px}.case_list .case_list_box ul li>a div:nth-of-type(2) .desc{font-size:14px;color:#a3a3a3;margin-bottom:30px}.case_list .case_list_box ul li>a div:nth-of-type(2) .span_link{display:inline-block;font-size:17px;color:#ffd300}.case_list .case_list_box ul li>a div:nth-of-type(2) .span_link::after{width:18px;height:12px;display:inline-block;content:"";background:url(../../images/icon_rigth_active.png) no-repeat;background-size:18px 12px;margin-left:5px}.case_list .case_list_box ul li>a div:nth-of-type(2) .span_link:hover::after{content:"";-webkit-animation:rigth_animation .5s infinite;animation:rigth_animation .5s infinite}.case_list .case_list_box ul li:nth-of-type(2n){margin-right:0}.case_list .case_list_box .active{height:auto !important}.case_list .case_list_box .link{display:block;margin:50px auto;width:200px;height:50px;line-height:50px;text-align:center;background:#ffd300;color:#000a1f;font-size:24px;border:1px solid #ffd300}@-webkit-keyframes rigth_animation{0% , 100%{margin-left:5px}50%{margin-left:20px}}@keyframes rigth_animation{0% , 100%{margin-left:5px}50%{margin-left:20px}}@media (max-width: 1049px){.case_list{margin:20px auto}.case_list .case_list_box ul{height:1010px !important}.case_list .case_list_box ul li{width:99%;float:none;height:auto}.case_list .case_list_box ul li div:nth-of-type(1){width:auto !important;height:auto !important}.case_list .case_list_box ul li div:nth-of-type(2){padding:10px !important}.case_list .case_list_box ul li div:nth-of-type(2) .title{font-size:14px !important;padding-bottom:10px !important}.case_list .case_list_box ul li div:nth-of-type(2) .desc{font-size:12px !important;margin-bottom:10px !important}.case_list .case_list_box ul li div:nth-of-type(2) .span_link{font-size:15px !important}.case_list .case_list_box ul li div:nth-of-type(2) .span_link::after{background-size:15px 9px !important;vertical-align:middle}.case_list .case_list_box ul li div:nth-of-type(2) a{font-size:14px !important}.case_list .case_list_box ul li div:nth-of-type(2) a::after{background-size:14px 10px !important;vertical-align:-2px !important;-webkit-animation:rigth_animation 1s infinite !important;animation:rigth_animation 1s infinite !important}.case_list .case_list_box .link{width:120px;height:30px;line-height:30px;font-size:14px;margin:10px auto 20px}.case .case_banner img{height:460px;-o-object-fit:cover;object-fit:cover}.case .case_title p:nth-of-type(1){font-size:35px}.case .case_title p:nth-of-type(2){font-size:14px;line-height:38px;line-height:25px}}