body{padding:0;border:0; margin:0;font-size: 14px;font-weight: normal;color: #4b4b4b;background:#F7F7F7;}
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}
h1{font-size: 0;}
h2,h3{font-weight: normal;font-size: 18px;}
img{
	vertical-align: bottom;
	transition: all 1s;
}

/*wrap*/
.mt40{ margin-top:40px;}
.mb40{ margin-bottom: 40px;}
.mt30{ margin-top:30px;}
.pb30{ padding-bottom:30px;}
.wrap{padding-left:8%;padding-right:8%; box-sizing: border-box;}
.flex{display: flex;flex-wrap: wrap}
.flex-justify{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.flex-justify-center{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-center{
    display: flex;
    justify-items: center;
    align-items: center;
}
.con_box,header{ max-width: 1920px;min-width: 1200px; margin-left: auto;margin-right: auto }


/*首页导航*/
.header_top{
    box-sizing: border-box;
    background: #333333;
    color: #fff;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}
.header_top div > .iconfont{
    font-size: 25px;
    margin-left: 10px; 
}
header{
    width: 100%;
    z-index: 999;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
}
.nav > li {
    margin-right: 24px;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
}
.nav>li > a{
    display: block;
    padding:8px;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
}
.nav>li > a:hover,.active{background: #006db8;color: #fff!important ;}
.nav_sub{
    display: none;
    position: absolute;
    padding-top: 15px;
    width: 200px;
    z-index: 999999;
}
.nav_sub a{
    display: block;
    padding: 15px;
    color: #fff;
    text-align: left;
    background: rgba(0, 109, 184, .7);
}
.nav_sub li:first-child a::after{
    content: "";
    position: absolute;
    top:5px;
    left: 16px;
    width: 0;
    height:0;
    border-left:10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 109, 184, .7);
}
.nav>li:hover .nav_sub{display: block;}
.nav_sub a:hover{ background: #006DB8; }
.phone .iconfont{
    margin: 0 10px;
    color: #666;
    font-size: 55px;
}
.phone div{
    color: #666;
    font-size: 12px;
}
.phone div > p{
    color: #006db8;
    font-weight: bold;
    font-size: 16px;
}

/*手机导航*/
.nav-button{display: none;color: #666}
.nav-close{position: absolute; top: 18px;right: 25px;}
.phone-nav{
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all .5s;
}
.phone-nav > ul > li{
    position: relative;
    padding: 18px;
    box-sizing: border-box;
    margin-left:auto;
    width: 100%;
    font-size: 18px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.phone-nav > ul > li > a{color: #000;}

/*footer*/
footer{ background: #242424;  }
footer .con_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #898989;
}
footer a{
    margin-bottom: 10px; 
    display:block;
    color: #898989;
}
footer > .con_box > ul > li > a:first-child{
    color: #fff
}
footer > .con_box > ul{
    width: 45%;
    text-align: center;
}
footer > .con_box > ul > li{
    width: 30%
}
footer p{margin-top: 10px;}
.footer_bottom {
    padding-top: 15px;
    padding-bottom: 15px; 
    background:#1B1B1B;
    color: #9b9b9b;
}
.footer_bottom a{   color: #9b9b9b;}

/*返回顶部按钮*/
.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%);
}

/*回到顶部*/
.back_icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #EBEBEB;
    z-index: 9999;
}

.back_icon li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 65px;
    height: 60px;
    cursor: pointer;
    color: #5b5e64;
    font-size: 12px;
}

.back_icon li .iconfont {
    font-size: 25px;
    color: #9B9B9B
}

.back_icon li:hover,
.back_icon li:hover .iconfont {
    background: #0B65C7 !important;
    color: #fff;
}

.back_icon li:nth-child(2) {
    background: #fff;
}

.back_icon li:nth-child(2):hover .back_icon_phone {
    display: block;
}

.back_icon_phone {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 105px;
    width: 200px;
    height: 60px;
    color: #fff;
    background: #fff;
    z-index: 99;
    font-size: 18px;
    line-height: 60px;
    color: #5b5e64;
    text-align: center;
    transition: all 1s;
}

.back_icon_phone::before {
    content: "";
    position: absolute;
    right: -12px;
    top: 18px;
    width: 0;
    height: 0;
    border-left: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.back_icon_ewm {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 105px;
    padding: 10px;
    color: #999;
    background: #fff;
    z-index: 99;
    font-size: 14px;
    color: #5b5e64;
    text-align: center;
    transition: all 1s;
}

.back_icon_ewm::before {
    content: "";
    position: absolute;
    right: -12px;
    bottom: 18px;
    width: 0;
    height: 0;
    border-left: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}


/*手机底部按钮*/
.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:1650px) {
    /*.main-nav > ul > li{ margin-left: 30px; }*/
    .wrap{
        padding-left: 12.5%;
        padding-right: 12.5%;
    }
    .main-nav > ul > li {
        padding: 24px 20px;
        font-size: 20px;
    }
}
@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,.sub_wrap {
        padding-left: 3%;
        padding-right: 3%;
    }
}
@media (max-width:767px) and (min-width:320px) {
    .logo{ overflow: hidden;  width: 150px; }
    .logo img{ width: 60%; }
    .nav-button{ display: block; }
    .nav,.back_icon,.main_nav,footer,.header_top { display: none!important}
    .mt40{margin-top: 20px;}
    .mb40{ margin-bottom: 20px;}
    .mt30 {margin-top: 15px;}
    .wrap{padding-left: 3%;padding-right: 3%;}
    .footer_bottom{margin-top: 30px;}
    .con_box,header{ min-width: 100% }
}