@charset "utf-8";
/* CSS Document */
.case_1{ padding:0px 0 50px; background:#fff}
.app-02{ width:100%; padding:60px 0 0px; background:#fff; display:flex;justify-content:space-between; flex-wrap:wrap  }
.app-02 dl{ width:49%; margin-bottom:30px; display:flex }
.app-02 dl img{ width:50%;  overflow:hidden}
.app-02 dl ul{ width:50%; padding:25px 3%; border:1px solid #ddd;  -moz-box-sizing: border-box; box-sizing: border-box; border-left:none; position:relative}
.app-02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:17px; color:#333; font-weight:bold; margin-bottom:15px}
.app-02 dl dt a{font-size:17px; color:#333; }
.app-02 dl dd{ width:100%; float:left; overflow:hidden; line-height:24px; font-size:14px; color:#888}

.app-02 dl h6 a{ border:1px solid #eee; display:block; width:106px; height:36px; line-height:36px; text-align:center; font-size:12px; color:#888; border-radius:18px; font-weight:normal; transition:all 0.5s}
.app-02 dl:hover h6 a{ border:1px solid #0d6bca; background:#0d6bca; color:#fff}
.app-02 dl:hover dt{ color:#0d6bca}



@media (max-width:767px){
.case_1{ padding:0px 0 0px; }
.app-02{ padding:20px 0 0px;}
.app-02 dl{ width:100%; margin-bottom:15px;flex-wrap:wrap }
.app-02 dl img{ width:100%;}
.app-02 dl ul{ width:100%; padding:10px 15px 15px; border:1px solid #e5e5e5; border-top:none  }
.app-02 dl dt{line-height:23px; font-size:17px; margin-bottom:5px}
.app-02 dl dd{ line-height:18px; font-size:12px; }
.app-02 dl h6 { width:100%; float:left; overflow:hidden; margin-top:10px}
.app-02 dl h6 a{  width:106px; height:34px; line-height:34px; font-size:14px; border-radius:18px; }
}



@media (min-width:768px){
.app-02 dl h6{ width:108px; height:38px; overflow:hidden; position:absolute; right:25px; bottom:20px; z-index:3}


}