@charset "utf-8";
/* CSS Document */

#foot{ background:#292E33; padding:40px 0px;}
#foot .left{ float:left; width:300px;}
#foot .left .p1{ color:#fff; margin-bottom:10px;}
#foot .left .p2{ font-size:14px; color:#5a5a5a; line-height:200%; padding-left:40px; margin:10px 0px;}
#foot .left .p2 b{ color:#fff;}
#foot .left .adress_bg{ background:url(../img/foot_adress.png) left no-repeat;}
#foot .left .tel_bg{ background:url(../img/foot_tel.png) left no-repeat;}
#foot .left .email_bg{ background:url(../img/foot_email.png) left no-repeat;}
#foot .center{ float:left; border-left:1px solid #5a5a5a; border-right:1px solid #5a5a5a; width:calc(100% - 300px - 140px - 2px - 280px); margin-left:60px; padding-left:80px; margin-right:60px;}
#foot .center .product{ float:left; width:calc(100% / 3);}
#foot .center .product .p1{ margin-bottom:10px;}
#foot .center .product .p1 a{ color:#fff;}
#foot .center .product .p2{ font-size:14px; line-height:200%;}
#foot .center .product .p2 a{ color:#5a5a5a;}
#foot .center .product .p2 a:hover{ color:#fff;}
#foot .right{ float:right; width:140px;}
#foot .right img{ width:100%; height:140px;}
#foot .right p{ text-align:center; font-size:14px; color:#525C66; line-height:200%;}
#foot .beian{ text-align:center; border-top:1px solid #525c66; margin-top:40px;}
#foot .beian p{  font-size:14px; line-height:200%; padding:5px 0px;}
#foot .beian p a{ color:#525c66;}



@media screen and (max-width: 980px) {
#foot .center{ display:none;}
#foot .left{ width:auto;}
#foot .left .p1{ font-size:26px;}
#foot .left .p2{ font-size:20px; color:#929292; background-size:contain; padding-left:50px; margin:15px 0px;}
#foot .right{ width:180px;}
#foot .right p{ font-size:20px; color:#929292;}
}