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; }