@charset "utf-8";
.footer{
    background: #1a2833;
    padding: 6rem 0 3rem;
}
.footer-nav ul li{
    float: left;
    margin-right: 6rem;
}
.footer-nav ul li a{
    font-size: 2rem;
    color: #fff;
}
.footer-pro{
    margin-top: 1rem;
    margin-left: 10rem;
}
.footer-pro a{
    color: #aaaaaa;
    margin-right: 2rem;
}
.footer-con{
    margin-top: 3rem;
    display: table;
    width: 100%;
}
.footer-con .lxfs{
    float: left;
    width: 50%;
}
.footer-con .lxfs dl dt{
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}
.footer-con .lxfs dl dd{
    color: #fff;
    margin-top: .5rem;
}
.footer-con .lxfs dl dd i{
    margin-right:1rem;
}
.footer-con .saoma{
    display: flex;
    float: right;
}
.footer-con .saoma .wlian{
    color: #fff;
    padding-top: 9rem;
    margin-right: 1rem;
}
.footer-con .saoma .wlian .bt{
    text-align: right;
    line-height: 3rem;
}
.footer-con .saoma .wlian .tb{
    line-height: 3rem;
}
.footer-con .saoma .wlian .tb a{
    color: #fff;
    margin-left: 1rem;
    font-size: 2rem;
}
.footer-con .saoma .ewm{
    display: flex;
}
.footer-con .saoma .ewm dl{
    width: 13rem;
    margin-left: 3rem;
}
.footer-con .saoma .ewm dl dd img{
    width:100%;
}
.footer-con .saoma .ewm dl dt{
    margin-top: .5rem;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
}

.footer-lisk{
    color: #aaaaaa;
    margin-top: 2rem;
}
.footer-lisk span{}
.footer-lisk a{
    color: #aaaaaa;
    margin-right: 1rem;
}
.footer-lisk a:hover{
    color:#ffe7e7;
}

.footer-icp{
    display: table;
    width: 100%;
    border-top: 1px solid #484848;
    margin-top: 3rem;
    padding-top: 3rem;
}
.footer-icp .db-logo{
    float: left;
}
.footer-icp .db-logo img{
    height: 3.5rem;
}
.footer-icp .wz{
    float: right;
    color: #aaaaaa;
    line-height: 3.5rem;
}
.footer-icp .wz a{
    color:#fff;
}

.side{position:fixed;width: 60px;right: 5px;margin-top: -180px;z-index: 9999;border-bottom:0;bottom: 10%;}
.side ul li{width: 50px;height: 50px;float:left;position:relative;color: #fff;font-size: 12px;text-align:center;transition:all .3s;cursor:pointer;margin-bottom: 5px;background: #8dc21f;border-radius: 50%;}
.side ul li:hover{background: #669505;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;transition:all .3s;color: #fff;line-height: 5rem;font-size: 2rem;}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{color:#fff;right: 0;top: 10px;}
.side ul li.sidetop i{margin-top: 0;}
.side ul li.sidetop:hover{opacity: .8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(/en/images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width: 200px;display:none;color:#fff;text-align:left;position:absolute;left: -205px;top: -1px;background: #8dc21f;padding: 1rem;}
.side ul li.sideetel .telBox dd{display:block;height: 5rem;overflow:hidden;line-height: 5rem;font-size: 18px;text-align: center;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background-color: #8dc21f;}
.side ul li.sideetel .telBox dd.bgs2{background:url(/en/images/right_pic9.png) 28px center no-repeat}
.side ul li.sideetel .telBox dd.bgscom{padding: 10px 0;height: auto;}
.side ul li.sideetel .telBox dd.bgscom p{line-height: 30px;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}


@media (max-width:1024px){
    .footer{
        padding: 5rem 0 3rem;
    }
    .footer-nav ul li{
        margin-right: 0;
        width: 16.66%;
        text-align: center;
    }
    .footer-nav ul li a{
        font-size: 1.6rem;
    }
    .footer-pro{
        margin-left: 0;
    }
    .footer-con .lxfs{
        float: left;
        width: 100%;
    }
    .footer-con .lxfs dl dt{
        color: #fff;
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    .footer-con .lxfs dl dd{
        color: #fff;
        margin-top: .5rem;
    }
    .footer-con .lxfs dl dd i{
        margin-right:1rem;
    }
    .footer-con .saoma{
        display: block;
        float: left;
        width: 100%;
        margin: auto;
    }
    .footer-con .saoma .wlian{
        color: #fff;
        padding-top: 9rem;
        margin-right: 1rem;
    }
    .footer-con .saoma .wlian .bt{
        text-align: right;
        line-height: 3rem;
    }
    .footer-con .saoma .wlian .tb{
        line-height: 3rem;
    }
    .footer-con .saoma .wlian .tb a{
        color: #fff;
        margin-left: 1rem;
        font-size: 2rem;
    }
    .footer-con .saoma .ewm{
        width: 100%;
        margin-top: 3rem;
    }
    .footer-con .saoma .ewm dl{
        width: 25%;
        margin-left: 0;
        margin-right: 4%;
    }

    .footer-lisk{
        color: #aaaaaa;
        margin-top: 2rem;
    }
    .footer-lisk a{
        color: #aaaaaa;
        margin-right: 1rem;
    }
    .footer-lisk a:hover{
        color:#ffe7e7;
    }

    .footer-icp{
        padding-top: 1rem;
    }
    .footer-icp .db-logo{
        display: none;
    }
    .footer-icp .wz{
        width: 100%;
        text-align: center;
        font-size: 1.4rem;
    }
    .footer-icp .wz a{
        color:#fff;
    }
}<!--ºÄʱ1764419052.6613Ãë-->