/* footer */
footer{
    width: 100%;
    /* background-color: #1667a5;   */
}

.footer_all{
    width: 100%;
    /* margin: 100px auto; */
}

.footer_address{
    width: 40%;
    padding-left: 10vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    background-color: rgb(233, 233, 233);
}

.foo_0{
    margin: 0;
    padding-right: 20px;
}

.foo_1{
    display: flex;
    font-size: 18px;
    color: #1667a5;
    margin-bottom: 1rem;
}

.foo_1 i{
    padding-right: 10px;
    font-size: 20px;
}

.foo_2{
    flex-wrap: wrap;
}

.foo_3{
    width: 50%;
    margin-bottom: 1rem;
}

.foo_3 i{
    padding-right: 10px;
    font-size: 20px;
    transition: .2s ease-in;
}

.foo_3 a{
    color: rgb(233, 233, 233);
    transition: .2s ease-in;
}

.foo_3:hover a{
    color: #fff;
    text-shadow: 2px 2px 5px #000000a8;
}

.foo_3:hover i{
    color: #fff;
    text-shadow: 2px 2px 5px #000000a8;
}

.footer_other{
    width: 60%;
    padding-right: 10vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    /* background-color:#1667a5; */
    background: linear-gradient(to left,transparent,#1667a5);
}

.footer_right{

}

.footer_map{
    width: 50%;
    color: #fff;
    padding-left: 20px;
}

.footer_company{
    width: 50%;
    text-align: right;
}

.footer_company img{
    width: 290px;
    transition: .3s;
}

.footer_company img:hover{
    filter: drop-shadow(5px 3.5px 4px rgba(0,0,0,.5));
}


/* footer_power */
.footer_power{
}

.footer_power .foo_4{
    display: flex;
    align-items: center;
    text-align: center;
    height: 80px;
    /* line-height: 80px; */
    border-top: 1px solid #fff;
    color: #fff;
}

.foo_4 p{
    margin: auto;
    font-size: 18px;
}

.foo_4 span a{
    color: #fff;
    
    transition: .3s;
}

.foo_4 span a:hover{
    color: #ff5f20;
    text-shadow: 2px 2px 5px #0000005c;
}


/* footer seacond */


/* 版本尺寸 */
@media screen and (min-width: 1920px){}
@media (min-width:1366px) and (max-width:1920px){}
@media (min-width:1024px) and (max-width:1365px){
    .foo_1 {
        font-size: 14px;
    }

    .footer_company img {
        width: 200px;
    }

    .foo_4 p {
        font-size: 14px;
    }
}
@media (min-width:768px) and (max-width:1023px){
    .footer_all{
        display: block;
    }

    .footer_address {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .footer_other {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .foo_4 p {
        font-size: 14px;
    }
    
}
@media (min-width:414px) and (max-width:767px){
    .foo_1 {
        font-size: 14px;
    }

    .foo_4 p {
        font-size: 14px;
    }

    .footer_all{
        display: block;
    }

    .footer_address {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .footer_other {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
        background: linear-gradient(to left,#1667a5,#1667a5) !important;
    }

    .footer_right{
        display: block;
    }

    .footer_map {
        width: 100%;
        padding-left: 0;
    }

    .footer_company {
        display: none;
    }

    .foo_4 p {
        font-size: 14px;
    }
}
@media (min-width:374px) and (max-width:413px){
    .foo_1 {
        font-size: 14px;
    }

    .foo_4 p {
        font-size: 14px;
    }

    .footer_all{
        display: block;
    }

    .footer_address {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .footer_other {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
        background: linear-gradient(to left,#1667a5,#1667a5) !important;
    }

    .footer_right{
        display: block;
    }

    .footer_map {
        width: 100%;
        padding-left: 0;
    }

    .footer_company {
        display: none;
    }

    .foo_4 p {
        font-size: 14px;
    }
}
@media screen and (max-width: 373px){
    .foo_1 {
        font-size: 14px;
    }

    .foo_4 p {
        font-size: 14px;
    }

    .footer_all{
        display: block;
    }

    .footer_address {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .footer_other {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
        background: linear-gradient(to left,#1667a5,#1667a5) !important;
    }

    .footer_right{
        display: block;
    }

    .footer_map {
        width: 100%;
        padding-left: 0;
    }

    .footer_company {
        display: none;
    }

    .foo_4 p {
        font-size: 14px;
    }
}