.foot-link{padding:40px 0;background:#F5F5F5;display:none}
.foot-link ul{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
.foot-link ul li{line-height:30px;margin:0 10px;box-sizing:border-box}
.foot-link ul li a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:20px;font-weight:300;color:#000}
.foot-link ul li a img{margin-right:10px}
#footer{background:#000;padding:60px 0;box-sizing:border-box;position:relative}
#footer h5{font-size:30px;color:#fff;font-weight:700;line-height:1;margin:0 0 20px;text-transform:uppercase}
#footer>.wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:20}
.foot-logo{width:370px}
.foot-logo img{margin-bottom:20px}
.foot-logo p{margin:10px 0 0;line-height:24px;font-size:22px;color:#fff;font-weight:300}
.foot-logo form{margin:20px 0 0}
.foot-logo .submit_text{width:100%;height:60px;line-height:60px;color:#111;padding:0 19px;font-size:18px;font-weight:300;background:#fff;box-sizing:border-box}
.foot-logo .submit_btn{margin:10px 0 0;background:var(--color-primary);width:150px;height:50px;font-size:18px;display:block;cursor:pointer;text-align:center;color:#fff;font-weight:300}
.foot-nav{}
.foot-nav ul li{font-size:18px;line-height:30px;margin-bottom:10px;color:#c0c0c0;font-weight:300;text-transform:uppercase}
.foot-nav ul li a:hover{color:var(--color-primary);text-decoration:underline}
.foot-list{}
.foot-list ul li{font-size:18px;line-height:30px;margin-bottom:10px;color:#c0c0c0;font-weight:300}
.foot-list ul li a:hover{color:var(--color-primary);text-decoration:underline}
.foot-contact{width:400px}
.foot-contact h6{font-size:24px;color:var(--color-primary);font-weight:600;margin-bottom:5px}
.foot-contact p{font-size:18px;color:#c0c0c0;font-weight:300;line-height:24px;margin-bottom:8px}
.copyright{text-align:center;background:#000;position:relative}
.copyright::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--color-primary)}
.copyright .wp{position:relative;z-index:20;background:var(--color-primary);padding:30px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.copyright p{font-size:16px;color:#fff;font-weight:300}
.copyright .share{}
.copyright .share a{display:inline-block;color:#fff;margin:0 25px 0 0}
.copyright .share a i{font-size:25px}
.copyright .share a:hover{color:#000}
.side-bar{top:50%;margin-top:-200px;position:fixed;right:0;z-index:9999}
.side-bar .item{position:relative}
.side-bar .item+.item{margin-top:5px}
.side-bar .item > a{display:block;cursor:pointer;width:48px;height:48px;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;position:relative;color:#DA251C;background:#fff;box-shadow:0 0 10px rgba(1,1,1,0.1)}
.side-bar .item > a i{display:inline-block;font-size:28px;color:inherit}
.side-bar .txt{position:absolute;top:0;right:48px;padding:0 20px;font-size:15px;white-space:nowrap;line-height:48px;background:#DA251C;color:#fff;transform:translateX(100%);transition:all 0.3s ease 0s}
.side-bar .wx-box{width:150px;position:absolute;right:50px;top:-50px;display:none;z-index:100}
.side-bar .wx-box .box{width:140px;padding:5px;border:1px solid #D6D7D7;text-align:center;background:#fff;overflow:hidden}
.side-bar .wx-box .box img{width:100%}
.side-bar .wx-box .arrowPanel{width:12px;height:20px;position:absolute;right:0;top:calc(50% - 5px)}
.side-bar .wx-box .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:2px;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #ddd}
.side-bar .wx-box .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:0;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #fff}
.side-bar .item:hover > a{background:#DA251C;color:#fff}
.side-bar .item:hover .wx-box{display:block}
.side-bar .item:hover .txt{transform:translateX(0)}
                          
@media screen and (max-width:768px){
.side-bar {display:none;}  
.derun-side-bar{display:none}
}
                                       
@media screen and (max-width:1500px){
.foot-link ul li a{font-size:16px}
.foot-link ul li a img{margin-right:5px}
#footer h5{font-size:26px}
.foot-logo{width:350px}
.foot-logo img{height:100px}
.foot-logo p{font-size:18px}
.foot-nav ul li{font-size:16px}
.foot-list ul li{font-size:16px}
.foot-contact{width:320px}
.foot-contact h6{font-size:20px}
.foot-contact p{font-size:16px}
}
                                       
@media screen and (max-width:1330px){
.foot-link ul{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.foot-link ul li{margin:0 10px 10px}
.foot-logo{width:300px}
.foot-logo img{height:80px}
}
@media screen and (max-width:1150px){
.foot-logo{width:270px}
.foot-nav{display:none}
.foot-contact{width:280px}
}
                       
@media screen and (max-width:992px){
.foot-link{padding:20px 0 10px}
.foot-link ul li{line-height:20px;margin:0 5px 10px}
.foot-link ul li a{font-size:16px}
.foot-link ul li a img{margin-right:5px}
#footer{padding:30px 0}
#footer h5{font-size:24px;text-align:center}
#footer>.wp{-webkit-flex-direction:column;flex-direction:column}
.foot-logo{width:100%;text-align:center}
.foot-logo img{height:80px;margin-bottom:15px}
.foot-logo p{font-size:18px}
.foot-logo form{position:relative}
.foot-logo .submit_text{height:50px;line-height:50px;padding:0 120px 0 15px;font-size:16px}
.foot-logo .submit_btn{margin:0;position:absolute;right:0;top:0;width:110px;height:50px;font-size:16px}
.foot-nav,.foot-list{display:none}
.foot-contact{width:100%;margin:25px 0 0}
.foot-contact h6{font-size:20px}
.foot-contact p{font-size:16px}
.copyright{background:var(--color-primary)}
.copyright::after{display:none}
.copyright .wp{padding:15px 0 60px;-webkit-flex-direction:column;flex-direction:column}
.copyright p{font-size:15px}
.copyright .share{margin:15px 0 0}
.copyright .share a{margin:0 5px}
#gotop{}
}
               
@media screen and (max-width:480px){
.foot-logo img{height:80px}
}
                    
                    
#footer .crmFormVali-error{position: initial !important;}