@charset "utf-8";
.md6_dom{padding:80px 0}
.md6_dom *{transition:all .3s ease 0s}
.md6_txt{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.md6_txt em{color:#fff;font-size:32px;width:100%;text-align:center}
.md6_txt span{margin-top:30px;color:rgba(255,255,255,.8);font-size:14px;width:100%;text-align:center;line-height:2}
.md6_list{margin-top:80px}
.md6_list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.md6_list ul li{padding:55px 35px 0 35px;width:49.6%;height:265px;background:rgba(35,133,237,.2);margin-bottom:10px}
.md6_list ul li .d1{color:#fff;font-size:22px;padding-bottom:30px;position:relative}
.md6_list ul li .d1::after{position:absolute;left:0;bottom:0;width:30px;border-bottom:4px #00ccfe solid;content:''}
.md6_list ul li .d2{color:rgba(255,255,255,.8);font-size:14px;line-height:2;margin-top:20px}
.md6_list ul li .d3{opacity:0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.md6_list ul li .d3 a{color:#fff;background:rgba(0,203,253,1);width:100px;height:40px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.md6_list ul li:hover{padding:35px 35px 0 35px;background:url(res/2.png) center center no-repeat;background-size:100% 100%}
.md6_list ul li:hover .d1{padding-bottom:10px}
.md6_list ul li:hover .d2{margin-top:10px;line-height:2}
.md6_list ul li:hover .d3{opacity:1;margin-top:20px}
@media screen and (max-width:600px){
.md6_dom{padding:.8rem .2rem}
.md6_dom *{transition:all .3s ease 0s}
.md6_txt{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.md6_txt em{color:#fff;font-size:.40rem;width:100%;text-align:center}
.md6_txt span{margin-top:.3rem;color:rgba(255,255,255,.8);font-size:.25rem;width:100%;text-align:center;line-height:2}
.md6_list{margin-top:.5rem}
.md6_list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.md6_list ul li{padding:.5rem .2rem;width:100%;height:initial;background:rgba(35,133,237,.2);margin-bottom:10px}
.md6_list ul li .d1{color:#fff;font-size:.35rem;padding-bottom:.2rem;position:relative}
.md6_list ul li .d1::after{position:absolute;left:0;bottom:0;width:30px;border-bottom:4px #00ccfe solid;content:''}
.md6_list ul li .d2{color:rgba(255,255,255,.8);font-size:14px;line-height:2;margin-top:20px}
.md6_list ul li .d3{display:none;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.md6_list ul li .d3 a{color:#fff;font-size:.25rem;background:rgba(0,203,253,1);width:initial;height:initial;padding:.2rem .5rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.md6_list ul li:hover{padding:.5rem .2rem;background:url(res/2.png) center center no-repeat;background-size:100% 100%}
.md6_list ul li:hover .d1{padding-bottom:.3rem}
.md6_list ul li:hover .d2{margin-top:.2rem;line-height:2}
.md6_list ul li:hover .d3{opacity:1;margin-top:.2rem;display: flex;}
}