html, body, div, span,h1, h2, h3, h4, h5, h6, p,pre, a, em, img,strong, i,ol, ul, li{margin: 0;padding: 0;outline: 0;font-size: 20px;list-style: none;border: 0} @media only screen and (min-width:751px){body{width: 750px;margin: 0 auto!important;}} a{text-decoration: none;} .top-bar {height:45px;background: #64c9f5;display: flex;align-items: center;justify-content: center} .top-bar a {background: url(/uploads/image/simages/logo.png) no-repeat;height: 41px;width: 121px;display: inline-block;background-size: 99%;} .index_banner img{ width:100%; } .index_nav{ display: flex; justify-content: space-around; flex-wrap: wrap; } .index_nav_item{ display: block; width:25%; text-align: center; margin:14px 0; } .index_nav_item img{ width:50px; height:50px; } .index_nav_item p{ font-size:14px; margin-top:4px; color:#333; } .nav_b_bar{ height:42px; background: #f0f0f0; display: flex; align-items: center; padding:0 14px; } .nav_b_bar i{ display: block; width:5px; height:15px; background: #64c9f5; } .nav_b_bar span{ font-size:15px; font-weight: bold; margin-left:10px; } .nav_b_bar a{ font-size:15px; color: #64c9f5; margin-left:auto; } .nav_b_list{ display: flex; flex-wrap: wrap; justify-content: space-around; padding:10px 0; } .nav_b_list a{ display: block; width:26%; border:2px solid #d5d5d5; line-height: 26px; color:#333; font-size: 15px; text-align: center; margin-top:14px; } .search { width: 100%; height: 2.5rem; margin-top: 2%; border-radius: 10px; overflow: hidden; position: relative; background: #fff;margin-bottom: 2%;} .search .text {width: 80%; padding-left: 5%; height: 2.5rem; border: none; background: none;} .search .sub {width: 3rem; border: none; height: 2.6rem; background: #64c9f5 url(/uploads/image/simages/icon_search.png) no-repeat center; background-size: 50%; position: absolute; right: -1px; z-index: 99; top: -1px; border-radius: 10px; border: 1px solid #64c9f5;} .search_2 { width: 94%; margin: 0 auto; } .search_2 .search { background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 2px 8px #f1f1f1; }