body{padding:0;border:0; margin:0;font-size: 14px;font-weight: normal;color: #4b4b4b;}
div,form,img,ul,ol,li,dl,i,u,span,dt,dd,em,i,h1,h2,h3,h4,p{ padding:0; border:0;margin:0;list-style:none;font-style:normal;}
a{text-decoration:none; color:#333; outline:none; cursor:pointer}
a:hover{ text-decoration: none;}
ul,li{list-style: none}
h2,h3{font-weight: normal;font-size: 18px;line-height: 0;}

/*wrap*/
.clear{clear: both;}
.mt40{ margin-top:40px;}
.mb40{ margin-bottom: 40px;}
.wrap{padding: 0 8%;}
.flex{display: flex;}
.flex-justify{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*header*/
.logo{padding: 10px 0;}
.tel{
    padding-top: 30px;
    line-height: 45px; 
}
.tel > span{
    padding-right: 10px;
    font-size: 45px;
    color: #1168b4;
}
.tel > h2{font-size: 16px;line-height: 1.1; }
.tel > h2 > span{
    display: block;
    padding-top: 5px;
    font-size: 22px;
} 
/*nav*/
.main-nav{
    background:#1168b4;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}
.main-nav a{ color: #fff;}
.main-nav li {width: 16%}
.nav-button{display: none;}
.active{ background:#024885}

/*底部*/
footer{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 20px 8% 10px 8%;
    background: #0d5ca1;
    box-sizing: border-box;
    clear: both;
}
footer dd{
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 13px;
}
footer dd a{
    color: #fff;
    padding:0 10px; 
}
footer dd a:nth-child(1){
    padding-left:0; 
}
.ewm p{
    text-align: center;
    color:#ffffff;
    margin-top:10px; 
}
.footer-bottom{
    display: flex;
    justify-content: space-between;
    padding: 10px 8%;
    color: #fff;
    font-size: 12px;
    background:#024885;
}
.footer-bottom a{
    color: #fff;
}

/*返回顶部按钮*/
.backtop{
    position: fixed;
    bottom:60px; 
    right: 10px; 
    display: none; 
    z-index:999;
    width:36px; 
    height:36px; 
    background:rgba(0,0,0,0.4);
    color: #fff;
    border-radius: 50%;
    cursor:pointer;
}
.backtop .iconfont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*手机底部按钮*/
.mfoot{display:none;width:100%; height:auto; margin:0 auto;background: rgba(0,0,0,.8);position:fixed; z-index:900; bottom:0;}
.mfoot-li{width:25%;float:left;}
.mfoot-li span{font-size: 25px;}
.mfoot-li a{display:block;width:100%;text-align:center;color:#FFF;}
.mfoot-li a p{line-height:18px; text-align: center;}
.mfoot-li a img {width:30px;vertical-align:middle;}

/*媒体查询*/
@media (max-width:1920px) and (min-width:1700px) {

}
@media (max-width:1200px ) and (min-width:991px){
    .phone-nav{display: none!important;}
}
@media (max-width:991px ) and (min-width:770px){
    .mt40 {margin-top: 20px;}
    .wrap{padding: 0 3%;}
    header{padding: 0 3%;}
    .footer-bottom{margin-bottom: 50px;}
    .tel {display: none;}
    .nav-button{display: block;padding-top: 100px;}
    .main-nav{
        display: none;
        position: absolute;
        top: 100px;
        z-index: 999999999;
        width: 100%;
        height: calc( 100% - 100px);
        background: #1168b4;
    }
    .main-nav > ul > li{
        position: relative;
        padding: 15px;
        margin-left:auto;
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
        border-top: #fff solid 0px;
        text-align: center;
    }
    .main-nav > ul > li > a{color: #fff;}
    .mfoot{display: block;}
}
@media (max-width:767px) and (min-width:320px) {
    .footer-bottom{margin-bottom: 50px;}
    .mt40{margin-top: 20px;}
    .mb40{ margin-bottom: 20px;}
    .wrap{padding: 0 3%;}
    header{padding: 0 3%; height: 50px;}
    footer dd:nth-child(1) ,.ewm,.tel{display: none;}
    .nav-button{display: block;padding-top: 15px;}
    .main-nav{
        display: none;
        position: absolute;
        top: 50px;
        z-index: 9999;
        width: 100%;
        height: calc( 100% - 50px);
        background: #1168b4;
    }
    .main-nav > ul > li{
        position: relative;
        padding: 15px;
        margin-left:auto;
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
        border-top: #fff solid 0px;
        text-align: center;
    }
    .main-nav > ul > li > a{color: #fff;}
    .mfoot,.nav-button{display: block;}
    .logo{padding:0px; width: 240px;}
    .logo img{width: 100%; padding-top: 5px;}
    footer,.footer-bottom{ flex-wrap: wrap; padding: 10px 3% 10px 3%;}
    footer dl,footer .ewm,.footer-bottom a ,.footer-bottom p{ width: 100%;}
    .ewm{ text-align: center;}
}