footer {margin: 0;padding: 0;border: 0;}
.fl{float:left}
.fr{float:right}
.poab{position:absolute}
.pore{position:relative}
.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.text-ver{writing-mode: tr-lr;writing-mode: vertical-lr;}
.bgBox{background-repeat: no-repeat;background-position: center;background-size: cover;}
.abUrl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.flex{display:flex;flex-wrap:wrap;}
.flexjs{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{display:flex;flex-wrap:wrap;align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.scbox{overflow-y:auto }
.scbox::-webkit-scrollbar{width:4px;display:block;}
.scbox::-webkit-scrollbar-track{border-radius:5px;;background: #ddd}
.scbox::-webkit-scrollbar-thumb{border-radius:5px;background:#d6492d;}


.wp {max-width: 83.33333333%;margin: 0 auto;}
.transImg{display: block;overflow: hidden;}
.transImg img{transition: .5s}
@media screen and (min-width: 1201px){
    .ieFiximg.trans:hover img{transform: scale(1.08)}
    .imgBox.trans:hover img{ transform: scale(1.08)}
    .a:hover .imgBox.trans img{ transform: scale(1.08)}
    .a:hover .ieFiximg.trans img{ transform: scale(1.08)}
    .transImg:hover img{transform: scale(1.08)}
    .a:hover .transImg img{ transform: scale(1.08)}
}

@media (max-width: 1440px) {

}
@media (max-width:769px){
    .wp{padding:0 15px;width:100%;max-width:100%}
}
@media screen and (max-width:769px){
    .header .wp{max-width: 94%;}
    .wp{padding: 0 .7rem;}
}
@media screen and (max-width:769px){
    html{font-size: 85px!important;}
    .wp{padding: 0 15px;}
}
@media screen and (max-width:375px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:360px){
    html{font-size: 70px!important}
}
@media screen and (max-width:350px){
    html{font-size: 65px!important}
}
@media(max-width: 769px){
  
}



footer{ background: #2d3845;}
footer .fl1{ padding: .8rem 0 .5rem; align-items: center;}
footer .fl2{ border-top: rgba(255,255,255,.15) 1px solid; padding: .74rem 0 .45rem;}
footer .fl2 .left{ margin: 0 10vw 0 0;}
footer .fl2 .left h5{ font-size: .18rem;color: #fff; text-transform: capitalize;}
footer .fl2 .left h3{font-size: .15rem;color: #fff;margin: 10px 0 10px;}
footer .fl2 .left p{ font-size: .15rem; color: #fff; line-height: 2; margin: 0 0 .25rem}
footer .fl2 .left p:last-child{ margin-bottom: 0}

.ls12{margin: 0 -.07rem;position: relative;z-index: 2;}
.ls12 li{padding: 0 .07rem;position: relative;}
.ls12 .a{display: flex;width: .38rem;height: .38rem;background: rgba(255,255,255,.2);border-radius: 50vw;align-items: center;justify-content: center;transition: .5s;font-size: .2rem;color: #fff;}
.ls12 li:nth-child(1) .a{ background: #2d50a7}
.ls12 li:nth-child(2) .a{ background: #2172b9}
.ls12 li:nth-child(3) .a{ background: #c62a43; font-size: .14rem;}
.ls12 li:nth-child(4) .a{ background: #189b54; font-size: .22rem;}

.ls12 li .ewm{position: absolute;top: 100%;left: 50%;padding: .2rem 0;transform: translateX(-50%) scaleY(0);width: 1.1rem;opacity: 0;visibility: hidden;transition: .5s;transform-origin: top;}
.ls12 li .ewm .con{background: #fff;border-radius: 0.05rem;position: relative;}
.ls12 li .ewm .con:before{content: "";position: absolute; 100%;border-left: transparent .075rem solid;border-right: transparent .075rem solid;border-bottom: #fff .05rem solid;bottom: 100%;left: 50%;margin: 0 0 0 -.075rem;}
.ls12 li .ewm img{width: 100%;height: auto;border-radius: 0.05rem;margin: 0;}

.ls12 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1)}

.ls13{justify-content: space-between;padding: 0;flex: 1;overflow: hidden;}
.ls13 dl{margin: 0;}
.ls13 dt{margin-bottom: .24rem;}
.ls13 dt a{font-size: .18rem;color: #fff;text-transform:capitalize;}
.ls13 dd a{font-size: .15rem;color: rgba(255,255,255,.7);line-height: 1.5;transition: .5s;margin-bottom: .15rem;display: block;text-transform: capitalize;}


footer .fl3{ padding: 0 0 .6rem; align-items: center;}

footer .fl4{align-items: center;border-top: rgba(255,255,255,.15) 1px solid;padding: .2rem 0;}
footer .fl4 .ll p{ font-size: .15rem; color: rgba(255,255,255,.4); line-height: 1.5;}
footer .fl4 .ll p a{ color: rgba(255,255,255,.4); transition: .5s;}

.ls14 li{ margin-left: 2.1vw;}
.ls14 li img{ opacity: .6; transition: .5s; width: .64rem;}

.ls15{ margin: .25rem 0 .15rem}
.ls15 li{ margin: 0 .28rem 0 0; position: relative;}
.ls15 li::before{content: "";position: absolute;top: 50%;right: -.14rem;transform: translateY(-50%);width: 1px;height: .14rem;background: rgba(255,255,255,.4);}
.ls15 .a{font-size: .15rem; color: rgba(255,255,255,.4); transition: .5s;}

.ls15 li:last-child{ margin-right: 0;}
.ls15 li:last-child::before{ display: none}

.ls11 li{ align-items: center; margin-right: .5rem;}
.ls11 .ico{ width: .52rem; margin: 0 .18rem 0 0;}
.ls11 .ico img{ width: 100%; }
.ls11 .rr{ flex: 1; overflow: hidden;}
.ls11 .rr h4{ font-size: .18rem; color: #fff;}
.ls11 .rr h6{ font-size: .15rem; color: rgba(255, 255, 255, 0.7); line-height: 1.35; margin: .06rem 0 0;}

.ls11 li:last-child{ margin-right: 0;}

@media(min-width: 769px){
    footer .fl4 .ll p a:hover, .ls15 .a:hover{ color: #fff}
}


                .f_lk{margin-bottom: 0.3rem;}
                .f_lk h2{font-size:.24rem;color:#fff;text-transform:capitalize;}
                .f_lk .txt{display:flex;gap:.05rem .10rem;flex-wrap:wrap;width:100%;}
                .f_lk .txt a{font-size:.15rem;color:rgba(255,255,255,.7);transition:.5s;}
                .f_lk .txt a:hover{color:#fff;}
                @media (max-width:769px) {.f_lk{display: none;}}

@media(max-width: 769px){
    footer .fl1{padding: .3rem 0 .2rem;}
    footer .fl1 .right{ width: 100%; padding: .25rem 0 0}
    .f_logo{width: 100%;padding: 0 35%;text-align: center;}

    .ls11 .ico{ width: .36rem}
    .ls11 li{ width: 100%; margin-bottom: .15rem;}

    footer .fl2{padding: .4rem 0 .25rem;}
    footer .fl2 .left h3{margin: .04rem 0 .1rem;font-size: .2rem;}

    .ls13{ display: none;}
    .ls13 dl{ width: 100%;}

    .ls12{width: 100%;justify-content: center;}
    .ls14{width: 100%;justify-content: center;margin: .15rem 0 0;}

    .ls14 li{flex: 1;margin: 0;}
    .ls14 li img{max-width: 80%;}
    footer .fl2 .left p{margin-bottom: .15rem;font-size: .14rem;}
    footer .fl3{ padding: 0 0 .3rem; }
    footer .fl2 .left{width: 100%;margin: 0;}
    footer .fl4{ width: 100%}

    .ls15{width: 100%;justify-content: center;margin: .1rem 0 0;}
    .ls15 .a{ font-size: .14rem}
    footer .fl4 .ll p{ justify-content: center; font-size: .14rem; text-align: center}
    .ls11 .rr h6{ font-size: .14rem}
}