﻿@charset "utf-8"; 
:root {--color: #ae4136;--color1: #ae4136;}
:root{--footercolor:#ffffff}
.foot-main{background:var(--hovercolor);color:var(--footercolor)}
.foot-main a{color:var(--footercolor)}
.foot-main .l-wrap{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 70px}
.foot-main .foot-item{width:25%}
.foot-main .foot-intro{max-width:300px;margin-bottom:10px}
.foot-main .foot-title{position:relative;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase;font-size:var(--fontsize20);color:#FFFFFF}
.foot-main .foot-title:after{display:block;position:absolute;left:0px;top:100%;width:40px;height:2px;background:var(--color);content:""}
.foot-main .foot-title img{max-width:280px;max-height:70px}
.foot-main .foot-about .foot-title{padding-bottom:0px;margin-bottom:10px}
.foot-main .foot-about .foot-title:after{display:none}
.foot-main .foot-feedback{padding-bottom:20px}
.foot-about .foot-link .title{margin:30px 0px 20px;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--fontsize20);color:#FFFFFF}
.foot-about .foot-link ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px}
.foot-about .foot-link ul li{margin:12px 12px 0px 0px}
.foot-about .foot-link ul .social-item{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#555555;color:#FFFFFF;border-radius:2px;transition:transform .3s ease}
.foot-about .foot-link ul .social-item>i,.foot-about .foot-link ul .social-item>em{font-size:var(--fontsize20)}
.foot-about .foot-link ul .social-item.fb{background-color:#3b5997}
.foot-about .foot-link ul .social-item.tw{background-color:#2d2d2d}
.foot-about .foot-link ul .social-item.lk{background-color:#0A66C2}
.foot-about .foot-link ul .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.foot-about .foot-link ul .social-item.pi{background-color:#cc2127}
.foot-about .foot-link ul .social-item.you{background-color:#FF0000}
.foot-about .foot-link ul .social-item.vk{background:#0077FF}
.foot-about .foot-link ul .social-item.tik{background-color:var(--fontcolor)}
.foot-about .foot-link ul .social-item:hover{transform:scale(1.1)}
.foot-cate ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:316px}
.foot-cate ul>li{overflow:hidden;position:relative;box-sizing:border-box;margin-right:16px;margin-bottom:10px;padding-left:14px;width:calc(50% - 32px);text-overflow:ellipsis;white-space:nowrap}
.foot-cate ul>li:after{position:absolute;left:0px;top:0px;content:">"}
.foot-cate a:hover,.foot-right a:hover,.foot-main a:hover{color:var(--color)}
.foot-contact .contact-item{display:flex}
.foot-contact li{margin-bottom:20px}
.foot-contact .icon{display:flex;justify-content:center;align-items:center;margin-right:10px;width:40px;height:40px;background:#FFFFFF14}
.foot-contact .icon i,.foot-contact .icon em{color:var(--footercolor)}
.foot-contact .con{display:flex;flex-direction:column;justify-content:center;max-width:240px;min-height:40px;line-height:1.3em}
.foot-feedback .foot-wrap{max-width:300px}
.foot-feedback .tips{line-height:1.5em}
.foot-feedback .feedback-input{position:relative;margin:10px 0px 20px;border:1px solid #FFFFFF4F;width:280px}
.foot-feedback .feedback-input .iconfont{position:absolute;right:5px;top:5px;font-size:var(--fontsize20);color:#FFFFFF95}
.foot-feedback .feedback-btn{padding:10px 20px;background:var(--color);cursor:pointer;text-transform:capitalize;color:#FFFFFF}
.foot-feedback .feedback-btn i,.foot-feedback .feedback-btn em{display:inline-block;margin-left:10px;transform:scale(0.9)}
.foot-feedback input{box-sizing:border-box;padding:0px 14px;width:100%;height:40px;background:var(--hovercolor);line-height:40px;color:var(--footercolor);font-size:var(--fontsize14)}
.foot-feedback input::placeholder{color:#DDDDDD55}
.foot-right{background:var(--hovercolor);font-size:var(--fontsize14);color:var(--footercolor)}
.foot-right a{margin-left:10px;color:var(--footercolor)}
.foot-right .l-wrap{padding:10px 0px;border-top:1px solid #FFFFFF2E;text-align:center}
@media screen and (max-width:1080px){
.foot-main .foot-item{width:50%}
.foot-main .l-wrap{padding:40px 0px}}
@media screen and (max-width:768px){
.foot-main .foot-item{width:100%;margin-bottom:20px}
.foot-contact .con{max-width:calc(100% - 50px)}
.foot-main .foot-feedback{display:none}
.foot-main .foot-intro,.foot-cate ul{max-width:none;max-width:initial}
.foot-about .foot-link ul{max-width:100%}
.foot-main .foot-title{margin-bottom:20px}
.foot-main .l-wrap{padding:8vw 20px 0vw}
.foot-right .l-wrap{padding:4vw}
.foot-feedback .feedback-btn{font-size:var(--fontsize14);padding:12px 14px}}

@media (min-width:1025px) {
.head-info .nav-ul>li a,.head-left {color: #000;}
.lang-icon img{filter: brightness(0);}
.lang-icon span{color: #000;}
.lang-icon span::before,.lang-icon span::after{background: #000;}
.nobanner .pagesbanner {background:#fff;}
.nobanner .pagesbanner::after{display:none}
.head-top{color: #000;}
.head-share ul a{border-color: #333;color: #333;}}
.banner-inner .banner-content .l-wrap {justify-content: stretch;}
.pro-list li .pro-img a img {  height: 160px;}