/* 
 * Footer 专用样式 - 从 common.css 移植，限制作用域为 footer 标签内
 * 避免影响页面其他元素
 */

/* ========== CSS 变量（需要全局定义） ========== */
:root {
  --black:#1a1a1a;
  --red: #a9002c;
  --color: #016ab0;
  --orange: #f3a803;
  --blue: #0233a2;
  --green: #1fc6e2;
  --white:#ffffff;
}

/* ========== 字体定义 ========== */
@font-face {
  font-family: 'DIN'; 
  src: url("../font/DIN-Medium.eot");
  src: url("../font/DIN-Medium.eot?#iefix") format("embedded-opentype"),
       url("../font/DIN-Medium.woff") format("woff"),
       url("../font/DIN-Medium.ttf") format("truetype"),
       url("../font/DIN-Medium.svg#DIN-Medium") format("svg");
  font-style: normal;
  font-weight: normal;
}

/* ========== Footer 内边距类 ========== */
footer .pt-5{ padding-top: 5px;}
footer .pl-5{ padding-left: 5px;}
footer .pr-5{ padding-right: 5px;}
footer .pb-5{ padding-bottom: 5px;}
footer .p5{ padding: 5px;}
footer .pt-10{ padding-top: 10px;}
footer .pl-10{ padding-left: 10px;}
footer .pr-10{ padding-right: 10px;}
footer .pb-10{ padding-bottom: 10px;}
footer .p10{ padding: 10px;}
footer .pt-15{ padding-top: 15px;}
footer .pl-15{ padding-left: 15px;}
footer .pr-15{ padding-right: 15px;}
footer .pb-15{ padding-bottom: 15px;}
footer .p15{ padding: 15px;}

footer .pl-20{ padding-left: 20px;}
footer .pr-20{ padding-right: 20px;}

footer .p20{ padding: 20px;}
footer .pt-25{ padding-top: 25px;}
footer .pl-25{ padding-left: 25px;}
footer .pr-25{ padding-right: 25px;}
footer .pb-25{ padding-bottom: 25px;}
footer .p25{ padding: 25px;}
footer .pt-30{ padding-top: 30px;}
footer .pl-30{ padding-left: 30px;}
footer .pr-30{ padding-right: 30px;}
footer .pb-30{ padding-bottom: 30px;}
footer .p30{ padding: 30px;}
footer .pt-40{ padding-top: 40px;}
footer .pl-40{ padding-left: 40px;}
footer .pr-40{ padding-right: 40px;}
footer .pb-40{ padding-bottom: 40px;}
footer .p40{ padding: 40px;}

footer .pl-50{ padding-left: 50px;}
footer .pr-50{ padding-right: 50px;}

footer .p50{ padding: 50px;}
footer .pt-60{ padding-top: 60px;}
footer .pl-60{ padding-left: 60px;}
footer .pr-60{ padding-right: 60px;}
footer .pb-60{ padding-bottom: 60px;}
footer .p60{ padding: 60px;}
footer .pt-70{ padding-top: 70px;}
footer .pl-70{ padding-left: 70px;}
footer .pr-70{ padding-right: 70px;}
footer .pb-70{ padding-bottom: 70px;}
footer .p70{ padding: 70px;}
footer .pt-100{ padding-top: 100px;}
footer .pl-100{ padding-left: 100px;}
footer .pr-100{ padding-right: 100px;}
footer .pb-100{ padding-bottom: 100px;}
footer .p100{ padding: 100px;}

/* ========== Footer 外边距类 ========== */
footer .mt-5{ margin-top: 5px;}
footer .ml-5{ margin-left: 5px;}
footer .mr-5{ margin-right: 5px;}
footer .mb-5{ margin-bottom: 5px;}
footer .m5{ margin: 5px;}
footer .mt-10{ margin-top: 10px;}
footer .ml-10{ margin-left: 10px;}
footer .mr-10{ margin-right: 10px;}
footer .mb-10{ margin-bottom: 10px;}
footer .m10{ margin: 10px;}
footer .mt-15{ margin-top: 15px;}
footer .ml-15{ margin-left: 15px;}
footer .mr-15{ margin-right: 15px;}
footer .mb-15{ margin-bottom: 15px;}
footer .m15{ margin: 15px;}
footer .mt-20{ margin-top: 20px;}
footer .ml-20{ margin-left: 20px;}
footer .mr-20{ margin-right: 20px;}
footer .mb-20{ margin-bottom: 20px;}
footer .m20{ margin: 20px;}
footer .mt-25{ margin-top: 25px;}
footer .ml-25{ margin-left: 25px;}
footer .mr-25{ margin-right: 25px;}
footer .mb-25{ margin-bottom: 25px;}
footer .m25{ margin: 25px;}
footer .mt-30{ margin-top: 30px;}
footer .ml-30{ margin-left: 30px;}
footer .mr-30{ margin-right: 30px;}
footer .mb-30{ margin-bottom: 30px;}
footer .m30{ margin: 30px;}
footer .mt-40{ margin-top: 40px;}
footer .ml-40{ margin-left: 40px;}
footer .mr-40{ margin-right: 40px;}
footer .mb-40{ margin-bottom: 40px;}
footer .m40{ margin: 40px;}
footer .mt-50{ margin-top: 50px;}
footer .ml-50{ margin-left: 50px;}
footer .mr-50{ margin-right: 50px;}
footer .mb-50{ margin-bottom: 50px;}
footer .m50{ margin: 50px; }
footer .mt-60{ margin-top: 60px;}
footer .ml-60{ margin-left: 60px;}
footer .mr-60{ margin-right: 60px;}
footer .mb-60{ margin-bottom: 60px;}
footer .m60{ margin: 60px; }
footer .mt-70{ margin-top: 70px;}
footer .ml-70{ margin-left: 70px;}
footer .mr-70{ margin-right: 70px;}
footer .mb-70{ margin-bottom: 70px;}
footer .m70{ margin: 70px; }
footer .mt-100{ margin-top: 100px;}
footer .ml-100{ margin-left: 100px;}
footer .mr-100{ margin-right: 100px;}
footer .mb-100{ margin-bottom: 100px;}
footer .m100{ margin: 100px;}
footer .mlr{ margin-left: auto; margin-right: auto;}

/* ========== Footer 颜色类 ========== */
footer .color-color{ color: var(--color);}
footer .color-blue{ color: var(--blue);}
footer .color-green{ color: var(--green);}
footer .color-red{color: var(--red);}
footer .color-black{color: var(--black);}
footer .color-white{ color: white;}
footer .color-white4{ color: rgba(255,255,255,0.4);}
footer .color-white6{ color: rgba(255,255,255,0.6);}
footer .color-000{ color: #000;}
footer .color-666{ color: #666; }
footer .color-888{ color: #888;}
footer .color-555{ color: #555;}
footer .color-999{ color: #999;}
footer .color-aaa{ color: #aaa;}

/* ========== Footer 背景色类 ========== */
footer .bg-33{background-color: #333;}
footer .bg-fa{background-color: #fafafa;}
footer .bg-f7{ background-color: #f7f8f9;}
footer .bg-f5{ background-color: #f5f5f5;}
footer .bg-f0{ background-color: #f0f0f0;}
footer .bg-f9{ background-color: #f9f9f9;}
footer .bg-color{background-color: var(--color);}
footer .bg-blue{background-color: var(--blue);}
footer .bg-green{background-color: var(--green);}
footer .bg-red{background-color: var(--red);}
footer .bg-white{ background-color: white;}
footer .bg-black{ background-color: var(--black);}
footer .bg-666{ background-color: #666;}
footer .bg-888{ background-color: #888;}
footer .bg-555{ background-color: #555;}
footer .bg-aaa{ background-color: #aaa;}

/* ========== Footer Flex 布局类 ========== */
footer .flex-center-center{ display: flex; align-items: center; justify-content: center;}
footer .flex-between-center{ display: flex; justify-content: space-between; align-items: center;}
footer .flex-center{ display: flex; align-items: center;}
footer .flex-between{ display: flex; justify-content: space-between}
footer .flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
footer .flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
footer .flex{ display: flex;}
footer .flex-column{ flex-direction: column;}
footer .flex-wrap{ flex-wrap: wrap;}
footer .flex-end{display: flex; align-items: flex-end;}
footer .flex-content-end{display: flex; justify-content: flex-end;}
footer .flex-start{display: flex; align-items: flex-start;}
footer .iflex{ display: inline-flex}
footer .iblock{ display: inline-block}
footer .block{ display: block;}
footer .flex-shrink{ flex-shrink: 0 }

footer .justify-center{justify-content: center;}
footer .justify-end{justify-content: flex-end;}
footer .justify-start{justify-content: flex-start;}
footer .align-start{align-items: flex-start;}
footer .align-end{align-items: flex-end;}
footer .align-center{align-items: center;}

/* ========== Footer 文字样式类 ========== */
footer .line-height{ line-height: 2;}
footer .line-height1-6{ line-height: 1.6;}
footer .line-height1{ line-height: 1;}
footer .line-height2-4{ line-height: 2.4;}
footer .line-height2-8{ line-height: 2.8;}
footer .line-height3{ line-height: 3;}

footer .text-center{ text-align: center;}
footer .text-justify{ text-align: justify;}
footer .text-indent{ text-indent: 2em}
footer .text-right{ text-align: right;}
footer .text-left{ text-align: left;}
footer .text-uppercase{ text-transform: uppercase;}
footer .text-capitalize{ text-transform: capitalize;}
footer .text-underline{ text-decoration: underline;}
footer .text-nowrap{ white-space: nowrap;}
footer .text-line{ text-decoration:line-through}
footer .text-italic{font-style: italic;}

/* ========== Footer 边框类 ========== */
footer .border{ border: 1px solid #e5e5e5;}
footer .border-bottom{ border-bottom: 1px solid #e5e5e5;}
footer .border-top{ border-top: 1px solid #e5e5e5;}
footer .border-left{ border-left: 1px solid #e5e5e5;}
footer .border-right{ border-right: 1px solid #e5e5e5;}

footer .border-color{ border: 1px solid var(--color); }
footer .border-bottom-color{ border-bottom: 1px solid var(--color);}
footer .border-top-color{ border-top: 1px solid var(--color);}
footer .border-left-color{ border-left: 1px solid var(--color);}
footer .border-right-color{ border-right: 1px solid var(--color);}

footer .border-blue{ border: 1px solid var(--blue);}
footer .border-bottom-blue{ border-bottom: 1px solid var(--blue);}
footer .border-top-blue{ border-top: 1px solid var(--blue);}
footer .border-left-blue{ border-left: 1px solid var(--blue);}
footer .border-right-blue{ border-right: 1px solid var(--blue);}

footer .border-green{ border: 1px solid var(--green);}
footer .border-bottom-green{ border-bottom: 1px solid var(--green);}
footer .border-top-green{ border-top: 1px solid var(--green);}
footer .border-left-green{ border-left: 1px solid var(--green);}
footer .border-right-green{ border-right: 1px solid var(--green);}

footer .border-white4{ border: 1px solid rgba(255, 255, 255, 0.4);}
footer .border-bottom-white4{ border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
footer .border-top-white4{ border-top: 1px solid rgba(255, 255, 255, 0.4);}
footer .border-left-white4{ border-left: 1px solid rgba(255, 255, 255, 0.4);}
footer .border-right-white4{ border-right: 1px solid rgba(255, 255, 255, 0.4);}

footer .border-white2{ border: 1px solid rgba(255, 255, 255, 0.2);}
footer .border-bottom-white2{ border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
footer .border-top-white2{ border-top: 1px solid rgba(255, 255, 255, 0.2);}
footer .border-left-white2{ border-left: 1px solid rgba(255, 255, 255, 0.2);}
footer .border-right-white2{ border-right: 1px solid rgba(255, 255, 255, 0.2);}

/* ========== Footer 其他工具类 ========== */
footer .posi{ position: relative;}
footer .posi-a{ position: absolute; top: 0; left: 0;z-index: 3}
footer .z5{ position: relative; z-index: 5;}
footer .z10{ position: relative; z-index: 10;}
footer .hmax{ height: 100%;}
footer .wmax{ width: 100%;}
footer .w20{ width: 20%;}
footer .w25{ width: 25%;}
footer .w30{ width: 30%;}
footer .w32{ width: 32%;}
footer .w33{ width: 33%;}
footer .w35{ width: 35%;}
footer .w40{ width: 40%;}
footer .w45{ width: 45%;}
footer .w48{ width: 48%;}
footer .w49{ width: 49%;}
footer .w49-5{ width: 49.5%;}
footer .w50{ width: 50%;}
footer .w55{ width: 55%;}
footer .w60{ width: 60%;}
footer .w64{ width: 64%;}
footer .w65{ width: 65%;}
footer .w70{ width: 70%;}
footer .w75{ width: 75%;}

footer .img{ position: relative; overflow: hidden;}
footer .maxImg img{ max-width: 100%; max-height: 100%;}
footer .bigImg{ width: 100%; height:100%; object-fit: cover;}

footer .transition{ transition: all .36s;}
footer .transition1{ transition: all 1s;}

footer .cursor{ cursor: pointer;}
footer .cursorNone{ -webkit-user-drag: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

footer .font-weight{ font-weight: bold;}
footer .font-lighter{ font-weight: lighter;}
footer .font-normal{ font-weight: normal;}

footer .opacity8{ opacity: 0.8;}
footer .opacity6{ opacity: 0.6;}
footer .opacity4{ opacity: 0.4;}
footer .opacity2{ opacity: 0.2;}
footer .opacity0{ opacity: 0;}
footer .opacity9{ opacity: .9;}

footer .object{object-fit: cover;}

/* ========== Footer 响应式类 ========== */
footer .pc-show{ display: block; }
footer .wap-show{ display: none; }
footer .wap-none{ display: none !important; }

/* ========== Footer 字体类 ========== */
footer .DIN{ font-family: 'DIN'; }

/* ========== Footer 基础重置（仅作用于 footer 内） ========== */
footer img{ 
    border: 0 none; 
    max-width: 100%; 
    vertical-align: middle; 
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    display: block;
}
footer a img{
    border: 0 none;
    display: block;
}
footer a {
    color: inherit;
    text-decoration: none;
    border: 0 none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
footer i{font-style: normal;}

/* ========== Footer 容器居中 ========== */
footer .inner{ 
    max-width: 1720px; 
    margin: 0 auto; 
    width: 90%; 
}

/* ========== Footer Logo 样式 ========== */
footer .footLogo{ 
    height: 100px;
    width: auto;
    display: block;
    margin-right: 4vw;
    object-fit: contain;
}

/* ========== Footer 字体大小类 ========== */
footer .font26 {font-size: clamp(0.875rem, 0.725rem + 0.75vw, 1.625rem);}
footer .font50 {font-size: clamp(1.125rem, 0.725rem + 2vw, 3.125rem);}

/* ========== Footer 响应式布局（移动端） ========== */
@media screen and (max-width: 900px) {
    footer .wap-show{ display: block; }
    footer .wap-none{ display: none !important; }
    footer .wapFlex{ 
        flex-direction: column; 
        align-items: flex-start; 
        justify-content: flex-start;
    }
    
    footer .inner{ 
        width: 96%; 
        margin: 0 auto; 
    }
    
    footer .footLogo{ 
        height: 80px;
        width: auto;
    }
}