.linkmap_box{ display: none; } .w1200{ width: 1200px; margin: 0 auto; } .Clearit::after { content: ''; display: block; height: 0; visibility: hidden; clear: both;} .main{ background: none; padding: 0; } .Min{ background: url('/Sites/Uploaded/UserUpLoad/20230713/20230713175921.png'); padding: 130px 0px; } .con_top li, .con_btm li{ float: left; display: flex; text-align: center; flex-direction: column; width: 400px; align-items: center; height: 260px; justify-content: center; } .con_top li span, .con_btm li span{ color: #fff; font-size: 20px; margin-top: 15px; } .bkjy{ background: #085F91; } .yjsjy{ background: #654188; } .byhjy{ background: #AFA384; } .szgz{ background:url('/Sites/Uploaded/UserUpLoad/20230714/20230714102114.png'); } .con_top{ display: flex; } .con_btm{ display: flex; justify-content: flex-end; } .con_top a, .con_btm a{ position: relative; display: block; } .menuLine{ position: absolute; } .line_tl{ border: 1px solid #FFFFFF; border-width: 2px 0 0 2px; width: 18px; height: 18px; left: 22px; top: 22px; } .line_tr{ right: 22px; top: 22px; position: absolute; border: 1px solid #FFFFFF; border-width: 2px 2px 0 0; width: 18px; height: 18px; } .line_bl{ left: 22px; bottom: 22px; position: absolute; border: 1px solid #FFFFFF; border-width: 0 0 2px 2px; width: 18px; height: 18px; } .line_br{ right: 22px; bottom: 22px; position: absolute; border: 1px solid #FFFFFF; border-width: 0 2px 2px 0; width: 18px; height: 18px; } .line{ display: none; transition: all .3s; } .wok_a1:hover .line, .wok_a2:hover .line, .wok_a3:hover .line, .wok_a4:hover .line{ display: block; transition: all .3s; } @keyframes rot { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 50% { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } 75% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } } @-webkit-keyframes rot { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 50% { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } 75% { transform: rotate(5deg); -webkit-transform: rotate(5deg); } 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } } .wok_a1:hover img, .wok_a2:hover img, .wok_a3:hover img, .wok_a4:hover img{ animation: rot 0.5s; -webkit-animation: rot 0.5s; } @media only screen and (max-width: 768px){ .w1200{ width: 100%; } .Min{ padding: 30px 15px; box-sizing: border-box; /* background-size: cover; */ background-repeat: repeat-y; } .con_top, .con_btm{ display: block; } .con_top li, .con_btm li{ width: 100%; float: none; height: 170px; margin-bottom: 20px; } .con_top li img, .con_btm li img{ transform: scale(.7); } .con_top li span, .con_btm li span{ margin-top: 0px; margin-bottom: 10px; } }