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:#000; outline:none; cursor:pointer}
a:hover{ text-decoration: none;}
ul,li{list-style: none}
h2,h3{overflow:hidden;text-overflow: ellipsis; white-space: normal; font-weight: normal;font-size: 18px;}

header img,.main_about_right img,.main_news_left_img img,.news_list_img img, .main_news_right_img img, .main_case_img img, .sub_list_img img, .sub_banner img, .swiper-container1 img {
    width: 100%;
    vertical-align: bottom;
    transition: all 1s;
}

/*wrap*/
.mt40{ margin-top:40px;}
.mb40{ margin-bottom: 40px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}
.pb30{ padding-bottom:30px; }
.wrap{padding-left:8%;padding-right:8%;}
.flex{display: flex;}
.flex-justify{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex-justify-center{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-center{
    display: flex;
    justify-items: center;
    align-items: center;
}

/*bootstrap清除样式*/
/* .col-xs-6,.col-sm-6,.col-md-3,.col-lg-3,.col-md-2,.col-lg-2{
    padding-left: 10px;
    padding-right: 10px;
} */

/*header*/
.header_top{
    height: 40px;
    background: #f7f7f7;
    line-height: 40px;
    font-size: 12px;
}
.header_top div{ position: relative; }
.header_top .iconfont{position: absolute; top: 20px; left: -30px; padding-right: 10px; display: inline-block; color: #0859b3;line-height: 0; font-size: 25px; }
header{
    justify-content: space-between;
    height: 90px;
} 
.main-nav > ul > li > a{
    position: relative;
    display: inline-block; 
    padding: 33px 18px;
    font-size: 15px;
    box-sizing: border-box;
    border-bottom: 4px solid #fff;
}
.main-nav > ul > li > a,.phone-nav > ul > li > a{ color: #333;} 
.nav-button{display: none;padding-top: 20px; color: #2893d1; }
.phone-nav{
    display: none;
    position: absolute;
    top: 100px;
    z-index: 999999999;
    width: 100%;
    height: calc( 100% - 100px);
    background: #232A3C;
}
.phone-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;
}
.active,.main-nav li:hover  a{ 
    border-bottom: 4px solid #0859b3!important;
    border-left: 1px solid #ecf0f2;
    border-right: 1px solid #ecf0f2;
    color:#0859b3!important;
}

/*底部*/
footer{
    padding-top:25px;
    padding-bottom:20px; 
    overflow: hidden;
    background: url("/images/footer_bg.jpg") no-repeat center center; 
    color: #fff;
}
footer dt img{ width: auto;}
footer dd{
    margin-top:10px;
}
.ewm{
   text-align: center;
}
.footer-bottom{ padding: 10px 8%; background: #1c2129;color: #fff; font-size: 12px;}
.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) {
    .wrap{ padding-left:12%; padding-right:12% ; }
    .footer-ewm{ width: 16%; }
}
@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;}
    .mt30 {margin-top: 15px;}
    .wrap{padding-left:3%;padding-right:3%;}
    .main-nav,.footer-nav,.header_top,.ewm{display: none;}
    .nav-button{display: block;}
    header{ height:60px }
    header h1{ width: 150px; }
    .nav-button{padding-top: 40px;}
    footer,.footer-bottom{ flex-wrap: wrap; padding: 10px 3% 10px 3%;}
}
@media (max-width:767px) and (min-width:320px) {
    .mt40{margin-top: 20px;}
    .mb40,.mb30{ margin-bottom: 20px;}
    .mt30 {margin-top: 15px;}
    .wrap{padding-left:3%;padding-right:3%;}
    header{ height:60px }
    header h1{ width: 150px; }
    .main-nav,.header_top,.ewm {display: none!important;}
    .phone-nav{
        display: none;
        top: 60px;
        height: calc( 100% - 60px);
    }
    .phone-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;
    }
    .phone-nav > ul > li > a{color: #fff;}
    .nav-button{display: block;}
    
}