.footer{margin-bottom:51px;color:#fff;background:#333}.footer .footer-top{display:none}.footer .footer-bottom{padding:12px 0}@media (min-width:768px){.footer{margin-bottom:0}.footer .footer-top{display:block;padding:38px 0 32px}.footer .footer-top .container{display:flex;flex-wrap:wrap;padding:0;justify-content:space-between}.footer .item{padding:0 15px;max-width:310px;min-width:180px}.footer .tit{font-weight:700;margin-bottom:17px;padding-bottom:10px;border-bottom:2px solid #CCC}.footer .item:nth-child(-n+2) .tit{padding-right:20px}.footer .item-list>li:not(:last-child){margin-bottom:13px}.footer .item:nth-child(3){order:4;flex:0 0 100%;max-width:100%;margin-top:20px}.footer .logo{width:auto;height:54px;margin-bottom:17px}.footer .company-name{margin-bottom:15px}.footer .cont-list li{display:flex;line-height:1.8}.footer .cont-list li:not(:last-child){margin-bottom:10px}.footer .cont-list li i{font-size:20px;line-height:1;margin-top:4px;margin-right:11px}.footer .form-group{margin-bottom:16px}.footer .form-control{border-radius:0}.footer input.form-control{height:39px}.footer textarea.form-control{min-height:84px}.footer .btn-wrap{margin-top:25px}.footer .btn{width:90px;color:#fff;line-height:1;text-align:center;padding:6px 15px;background-color:var(--style-color)}.footer .form-control::-webkit-input-placeholder{color:#999}.footer .form-control:-moz-placeholder{color:#999}.footer .form-control::-moz-placeholder{color:#999}.footer .form-control:-ms-input-placeholder{color:#999}.footer .footer-bottom{padding:27px 0;border-top:2px solid #CDCDCD}}@media (min-width:992px){.footer .item{max-width:370px}}@media (min-width:1200px) and (max-width:1439px){.footer .item{max-width:300px}}@media (min-width:1200px){.footer .item:first-child{max-width:220px}.footer .item ul>li a,.footer .btn{transition:all .3s}.footer .item ul>li:hover a{color:var(--style-color)}.footer .btn:hover{color:var(--style-color);background-color:#fff}.footer .item:nth-child(3){order:0;max-width:420px;margin-top:0}}@media (min-width:1440px){.footer .item:first-child{max-width:335px}.footer .item:nth-child(3){max-width:505px}}.mobile-footer{width:100%;color:#666;text-align:center;border-top:1px solid #ccc;position:fixed;bottom:0;left:0;z-index:99}.mobile-footer ul{background:#fff;padding:0 15px;flex-wrap:nowrap;justify-content:space-around;display:flex}.mobile-footer li a i{width:20px;height:20px;margin:5px auto 1px;line-height:1;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.mobile-footer{display:none}}