body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f7f7f7}
*{margin:0;padding:0;box-sizing:border-box}
a{text-decoration:none}
dl,li,ul{list-style-type:none}
:root{
    --color:#956729;
    --rcolor:#8b1a1a;
}
.w1280{width:1280px;margin:0 auto}
.header-top{background-color:var(--color)}
.header-con{padding:15px 0;background:#fff}
.httxt{color:#fff;text-align:right;padding:10px;font-family:Arial,sans-serif;font-size:14px}
.httxt a{color:#fff}
.header{display:flex;align-items:center}
.logo{display:flex;align-items:center}
.logo img{margin-right:10px;display:block}
 
.nav_bar{display:none}
 
.nav{display:flex;margin-left:auto;}
.nav a{text-decoration:none;color:#333;padding:18px 15px;font-size:16px;transition:background-color .3s}
.nav a.active:hover,.nav a:hover{background-color:var(--color);color:#fff}
.nav a.active{background-color:#8e1f1f;color:#fff}
.dropdown{display:none;position:absolute;top:100%;left:0;background-color:#a00000;width:100%;z-index:1}
.dropdown a{display:block;padding:10px 20px;color:#fff;background-color:#a00000}
.dropdown a:hover{background-color:maroon}
.nav-item:hover .dropdown{display:block}



.footer{background-color:#333;color:#fff}
.footer a{color:#fff}
.footer-up{border-bottom:1px solid #444;padding:10px 0}
.footer-top{padding:10px 20px;display:flex;justify-content:space-between;align-items:center}
.footer-topl{display:flex;align-items:center}
 
 
 
.contact{display:flex;align-items:center}
.phone{margin-right:20px;font-size:28px}
.consultation-btn{display:none;background-color:#333;color:#fff;border:1px solid #fff;padding:5px 10px;cursor:pointer}
.footer-dwon{padding:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px}
.info p{line-height:26px}
.qr-codes{display:flex}
.qr-code{text-align:center;margin-left:20px}
.qr-code img{width:80px;height:80px}
.qr-code p{margin:5px 0 0 0;font-size:12px}


@media only screen and (max-width:1200px){
.w1280{width:100%;margin:0 auto}
.nav_bar{display:block}
.bannert{height:100px}
.footer-topl,.qr-codes{display:none}
.phone{font-size:16px}
.nav{display:none;position:absolute;top:129px;background:#fff;flex-direction:column;width:100%;align-items:center;z-index:9999;text-align:center;left:0;transition:max-height .4s;}
.nav-item{padding:15px}
.header{justify-content:space-between;padding: 0 10px;}
 
.nav_bar .fa-bars{font-size:34px;color:var(--color)}
}