body{color:#333;font:14px "microsoft yahei","sans-serif";}
*,div,h1,h4,h5,h6,dl,dt,dd,ul,li,p { padding:0; margin:0;list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:hover{text-decoration: none;}
.img-responsive{width:100%;}
.flex{display:-webkit-box;display:-moz-flex;display:flex}
.flex-1 {
    flex: 1;
    -webkit-align-items: center;
    align-items: center;
}
.text-c{
    text-align: center!important;
}
.text-r{
    text-align: right !important;
}
.text-l{
    text-align: left !important;
}
.fc-ff{color:#fff !important;}
.box-align, .box-middle, .box-vertical {display: -webkit-box;display: -moz-box;display: box;width: 100%;}
.box-align, .box-middle {-webkit-box-align: center;-moz-box-align: center;box-align: center;}
.box-align{-webkit-box-pack: center;-moz-box-pack: center;box-pack: center;}
.ellip{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ellip2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellip3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*头部*/
.top .brand{
    margin:15px 0;
}
.top .brand img{
    height:50px;
    width:auto;
}
.top .tel{
    margin:20px 0;
    border-right:1px solid #ccc;
}
.top .tel:last-child{
    border-right:0;
}
.top .tel .icon{
    padding-left:30px;
}
.top .tel .icon1{
    background:url(../images/icon_tel1.png) no-repeat left center;
    background-size:20px 20px;
}
.top .tel .icon2{
    background:url(../images/icon_tel2.png) no-repeat left center;
    background-size:20px 20px;
}
.top .tel .icon3{
    background:url(../images/icon_tel3.png) no-repeat left center;
    background-size:20px 20px;
}
.top .tel a{
    color:#f8bd0f;
    font-size:16px;
    font-weight: bold;
}
.top .tel p{
    margin-bottom:0;
    font-size:12px;
}
.navbar{
    margin-bottom:0;
    background:#3cabff;
    border:0;
}
.navbar-default .navbar-nav{
    width:100%;
}
.navbar-default .navbar-nav>li{
    width:14.28%;
    text-align: center;
}
.navbar-default .navbar-nav>li>a{
    display:inline-block;
    color:#fff;
    padding:15px 0;
    border-bottom:2px solid transparent;
    position:relative;
    font-size:16px;
}
.navbar-default .navbar-nav>li>a:after{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    width:6px;
    margin-left:-3px;
    border:6px solid transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.hover>a{
    color:#fff;
    border-bottom-color:#fff;
}
.navbar-default .navbar-nav>li>a:hover:after,.navbar-default .navbar-nav>li.hover>a:after{
    border-bottom-color:#fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color:#fff;
    background:transparent;
}
.dropdown-menu{
    background:rgba(60,171,255,0.7);
    border:none;
    box-shadow: none;
    padding:0;
    overflow:hidden;
    text-align: center;
}
.dropdown-menu>li>a{
    color:#fff;
    padding:10px 20px;

}
.navbar-default .navbar-toggle{
    border-color:#3cabff;
}
.navbar-default .navbar-toggle .icon-bar{
    background:#3cabff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background:#fff;
}
/*底部*/
.footer{
    background:#373938;
    color:#fff;
    padding:15px 0;
    line-height:40px;
}
.footer a{
    color:#fff;
}
.footer .ewm img{
    display:inline-block;
    height:100px;
    width:auto;
}
.footer .f-nav{
    margin-top:10px;
}
.footer .f-nav li{
    width:7.69%;
    float:left;
    text-align: center;
}