/* 样式初始化 */
body{padding:0;border:0; margin:0;}
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;}
img{border:none;}
a{text-decoration:none; color:#333; outline:none; cursor:pointer}
a:hover{ text-decoration:none; color:none;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

/*padding */
.pd5{padding: 0 5%; margin: 0 auto;box-sizing: border-box;max-width:1700px;}
.mg30{margin: 30px auto;}
.mg50{margin: 50px auto;}

/*header*/
header{ display: flex; justify-content: space-between;position: relative;}
header h1{font-size: 0px;height: 0;line-height: 0}
.rx {position: absolute;right: 5%;top: 37%;}
.logo{padding: 10px 0;}
.nav-button,.phone-nav{display: none;}
.current{background:#ffa502}
/*nav*/
.nav{width: 100%; height: 50px; background: rgba(224, 6, 5, 1)}
.nav ul{display: flex; justify-content: space-between;text-align: center;line-height: 50px;font-size: 16px;} 
.nav li{width: 14.3%;}
.nav a{display:block;width: 100%;color: #ffffff}
.nav a:hover{background:#ffa502}
/*phone-nav*/
.nav-button{width:26px;height:26px;position:absolute; right:2%; top:40%;}
.phone-nav{width:100%;height:auto;display:none;position: fixed; top:97px;left:0; padding:0 0 28px 0;background:#ffffff;box-shadow: 0px 2px 3px rgba(0,0,0,0.4);z-index: 99999;border-top:solid 1px #CCC; }
.phone-nav li {width:100%;height:auto; padding:7px 2%;text-align:left;font-size:1.6rem;}
.phone-nav > li > a {display:block; padding:12px 0;border-bottom:1px solid #CCC;}

/*footer*/
footer{background: #c8c8c8}
.footer{background: #272a2f;line-height: 30px;text-align: center;color: #fff;font-size: 12px;}
.footer-left{float: left;height: 90px;margin: 20px auto;}
.footer-right{float: right;height: 70px;margin: 20px auto;width: 376px;}
.footer-logo{float: left}
.footer-left dl{float: left;padding-left: 20px;}
.footer-left dd{line-height: 20px;}
.footer-right li{float: left;line-height: 35px;margin-left: 20px;width: 70px;}

/*返回顶部按钮*/
.backtop{width:36px; height:36px; position: fixed; bottom:60px; right: 10px; display: none; z-index:999;background:rgba(0,0,0,0.4);border-radius: 50%}
.backtop a{display: block;width:36px; height:36px;margin: 0 auto;text-align: center;line-height: 46px;}
.backtop i{color: #fff}
/*手机底部按钮*/
.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 a{display:block;width:100%;text-align:center;font-size:14px;color:#FFF;}
.mfoot-li a p{line-height:18px; text-align: center;}
.mfoot-li a img {width:30px;vertical-align:middle;}

/* 媒体查询 */
@media (max-width:1200px) {

}
@media (max-width:991px){
    .pd5{padding: 0 2% ;}
    footer{display: none;}
    .mg50{margin: 15px auto;}
    .footer{margin-bottom: 50px;}
    .mfoot,.nav-button{display:block}
    .rx ,.nav{display: none}
}
@media (max-width:767px) and (min-width:320px) {
    header{height: 60px}
    .phone-nav{top:60px; }
    .logo{width: 250px;}
    .logo img{width: 100%;}
    .mg50{margin: 15px auto;}
    .nav-button{top: 24%;right: 2%;}
}